From 588c0bd9ccb82bfae20206a6f4f14f238172c4c4 Mon Sep 17 00:00:00 2001 From: rajch_ales Date: Wed, 5 Aug 2026 17:57:39 +0200 Subject: [PATCH] Keep parser actions always visible --- agent.md | 1 + public/app.js | 9 --------- public/app.ts | 10 ---------- public/index.html | 6 ------ 4 files changed, 1 insertion(+), 25 deletions(-) diff --git a/agent.md b/agent.md index 9df45c9..95553dc 100644 --- a/agent.md +++ b/agent.md @@ -53,6 +53,7 @@ This project replaces the Excel/VBA workflow named `Catalog maker - 20` with a N - Before finishing any UI change, inspect the rendered page with Playwright and verify that icons are visible, precede their labels, remain centered, and do not overlap or drift between controls. Update this file when a new reusable visual rule is discovered. - Custom select controls may use a native select as an interaction layer, but the native label must be visually transparent when a separate display label is rendered; never show the same control text twice. - Runtime button labels must update the existing direct child label span instead of replacing `button.textContent`; state changes must never remove the button icon. +- Parser tools are always visible in the left panel. Do not hide, collapse or replace the parser action buttons with a toggle; the user must see the complete parser action set at all times. ## TypeScript workflow diff --git a/public/app.js b/public/app.js index 3ab1a5e..6bbed9b 100644 --- a/public/app.js +++ b/public/app.js @@ -26,8 +26,6 @@ const mappingList = document.querySelector("#mappingList"); const mappingDetails = document.querySelector("#mappingDetails"); const findSourcesButton = document.querySelector("#findSourcesButton"); const getPicturesButton = document.querySelector("#getPicturesButton"); -const parserDrawerToggle = document.querySelector("#parserDrawerToggle"); -const parserDrawer = document.querySelector("#parserDrawer"); const sidebarDrawer = document.querySelector("#sidebarDrawer"); const sidebarOpenButton = document.querySelector("#sidebarOpenButton"); const sidebarCloseButton = document.querySelector("#sidebarCloseButton"); @@ -172,7 +170,6 @@ loadProductButton.title = "Load existing product attribute info."; loadProductButton.addEventListener("click", loadProductInfoForCurrentProduct); findSourcesButton.addEventListener("click", findSourcesForCurrentProduct); getPicturesButton.addEventListener("click", getPicturesForCurrentProduct); -parserDrawerToggle.addEventListener("click", toggleParserDrawer); secondaryPanelToggle.addEventListener("click", toggleSecondaryPanel); mainWorkspaceToggle.addEventListener("click", toggleMainWorkspace); sidebarOpenButton.addEventListener("click", openSidebar); @@ -861,12 +858,6 @@ function closeSourceCandidates() { function openSettings() { settingsModal.hidden = false; } -function toggleParserDrawer() { - const isOpen = !parserDrawer.hidden; - parserDrawer.hidden = isOpen; - parserDrawerToggle.setAttribute("aria-expanded", String(!isOpen)); - parserDrawerToggle.querySelector(".drawer-chevron").textContent = isOpen ? "⌄" : "⌃"; -} function syncSidebarForViewport() { if (window.matchMedia("(min-width: 981px)").matches && !sidebarUserClosed) openSidebar(); diff --git a/public/app.ts b/public/app.ts index 5fcbde4..6f56c74 100644 --- a/public/app.ts +++ b/public/app.ts @@ -26,8 +26,6 @@ const mappingList = document.querySelector("#mappingList"); const mappingDetails = document.querySelector("#mappingDetails"); const findSourcesButton = document.querySelector("#findSourcesButton"); const getPicturesButton = document.querySelector("#getPicturesButton"); -const parserDrawerToggle = document.querySelector("#parserDrawerToggle"); -const parserDrawer = document.querySelector("#parserDrawer"); const sidebarDrawer = document.querySelector("#sidebarDrawer"); const sidebarOpenButton = document.querySelector("#sidebarOpenButton"); const sidebarCloseButton = document.querySelector("#sidebarCloseButton"); @@ -178,7 +176,6 @@ loadProductButton.title = "Load existing product attribute info."; loadProductButton.addEventListener("click", loadProductInfoForCurrentProduct); findSourcesButton.addEventListener("click", findSourcesForCurrentProduct); getPicturesButton.addEventListener("click", getPicturesForCurrentProduct); -parserDrawerToggle.addEventListener("click", toggleParserDrawer); secondaryPanelToggle.addEventListener("click", toggleSecondaryPanel); mainWorkspaceToggle.addEventListener("click", toggleMainWorkspace); sidebarOpenButton.addEventListener("click", openSidebar); @@ -949,13 +946,6 @@ function openSettings() { settingsModal.hidden = false; } -function toggleParserDrawer() { - const isOpen = !parserDrawer.hidden; - parserDrawer.hidden = isOpen; - parserDrawerToggle.setAttribute("aria-expanded", String(!isOpen)); - parserDrawerToggle.querySelector(".drawer-chevron").textContent = isOpen ? "⌄" : "⌃"; -} - function syncSidebarForViewport() { if (window.matchMedia("(min-width: 981px)").matches && !sidebarUserClosed) openSidebar(); else closeSidebar(); diff --git a/public/index.html b/public/index.html index 3095c53..826b9aa 100644 --- a/public/index.html +++ b/public/index.html @@ -30,12 +30,6 @@ - -