Add source popup reload action

agent.md

@@ -147,6 +147,7 @@ There are three selectable data sources:
 - `Get product info` remains a separate action.
 - EAN scan input searches on Enter.
 - `Find sources` searches once and caches candidates for the current product; a second click reopens cached results.
+- The source-candidates popup must provide a `Reload` action beside `Close`; `Reload` bypasses only the current product's cached source result and re-runs the source lookup using the current local mapping configuration. It must not switch database modes or write to Live DB.
 - Source candidates show how they were found, including EAN/reference/name and color context.
 - Each source row has its own `Get pictures` action.
 - Product source cache is cleared when a new product loads.

public/app.js

@@ -34,6 +34,7 @@ const sidebarOverlay = document.querySelector("#sidebarOverlay");
 const sourceModal = document.querySelector("#sourceModal");
 const sourceTitle = document.querySelector("#sourceTitle");
 const sourceList = document.querySelector("#sourceList");
+const sourceReloadButton = document.querySelector("#sourceReloadButton");
 const sourceCloseButton = document.querySelector("#sourceCloseButton");
 const settingsButton = document.querySelector("#settingsButton");
 const themeToggle = document.querySelector("#themeToggle");
@@ -185,6 +186,7 @@ loadProductButton.disabled = true;
 loadProductButton.title = "Load existing product attribute info.";
 loadProductButton.addEventListener("click", loadProductInfoForCurrentProduct);
 findSourcesButton.addEventListener("click", findSourcesForCurrentProduct);
+sourceReloadButton.addEventListener("click", () => findSourcesForCurrentProduct(true));
 getPicturesButton.addEventListener("click", getPicturesForCurrentProduct);
 secondaryPanelToggle.addEventListener("click", toggleSecondaryPanel);
 mainWorkspaceToggle.addEventListener("click", toggleMainWorkspace);
@@ -646,13 +648,13 @@ function closeSuggestedProducts() {
     suggestedModal.hidden = true;
     suggestedList.replaceChildren();
 }
-async function findSourcesForCurrentProduct() {
+async function findSourcesForCurrentProduct(forceRefresh = false) {
     if (!manufacturerSelect.value || !currentProduct) {
         setTableMessage("Select manufacturer and product first.");
         return;
     }
     const savedDraft = readLocalDraft();
-    if (savedDraft?.sources) {
+    if (savedDraft?.sources && !forceRefresh) {
         renderSourceCandidates(savedDraft.sources.items || []);
         updateFindSourcesButtonState();
         sourceTitle.textContent = "Source candidates (cached)";
@@ -661,6 +663,7 @@ async function findSourcesForCurrentProduct() {
     }
     const supplierColorGroup = getFirstSupplierColorGroup();
     findSourcesButton.disabled = true;
+    sourceReloadButton.disabled = true;
     setButtonLabel(findSourcesButton, "Finding sources...");
     try {
         const params = new URLSearchParams({
@@ -689,6 +692,7 @@ async function findSourcesForCurrentProduct() {
         setTableMessage(error.message || "Source search failed.");
     }
     finally {
+        sourceReloadButton.disabled = false;
         updateFindSourcesButtonState();
     }
 }

public/app.ts

@@ -34,6 +34,7 @@ const sidebarOverlay = document.querySelector("#sidebarOverlay");
 const sourceModal = document.querySelector("#sourceModal");
 const sourceTitle = document.querySelector("#sourceTitle");
 const sourceList = document.querySelector("#sourceList");
+const sourceReloadButton = document.querySelector("#sourceReloadButton");
 const sourceCloseButton = document.querySelector("#sourceCloseButton");
 const settingsButton = document.querySelector("#settingsButton");
 const themeToggle = document.querySelector("#themeToggle");
@@ -190,6 +191,7 @@ loadProductButton.disabled = true;
 loadProductButton.title = "Load existing product attribute info.";
 loadProductButton.addEventListener("click", loadProductInfoForCurrentProduct);
 findSourcesButton.addEventListener("click", findSourcesForCurrentProduct);
+sourceReloadButton.addEventListener("click", () => findSourcesForCurrentProduct(true));
 getPicturesButton.addEventListener("click", getPicturesForCurrentProduct);
 secondaryPanelToggle.addEventListener("click", toggleSecondaryPanel);
 mainWorkspaceToggle.addEventListener("click", toggleMainWorkspace);
@@ -700,14 +702,14 @@ function closeSuggestedProducts() {
   suggestedList.replaceChildren();
 }
 
-async function findSourcesForCurrentProduct() {
+async function findSourcesForCurrentProduct(forceRefresh = false) {
   if (!manufacturerSelect.value || !currentProduct) {
     setTableMessage("Select manufacturer and product first.");
     return;
   }
 
   const savedDraft = readLocalDraft();
-  if (savedDraft?.sources) {
+  if (savedDraft?.sources && !forceRefresh) {
     renderSourceCandidates(savedDraft.sources.items || []);
     updateFindSourcesButtonState();
     sourceTitle.textContent = "Source candidates (cached)";
@@ -717,6 +719,7 @@ async function findSourcesForCurrentProduct() {
 
   const supplierColorGroup = getFirstSupplierColorGroup();
   findSourcesButton.disabled = true;
+  sourceReloadButton.disabled = true;
     setButtonLabel(findSourcesButton, "Finding sources...");
 
   try {
@@ -746,6 +749,7 @@ async function findSourcesForCurrentProduct() {
   } catch (error) {
     setTableMessage(error.message || "Source search failed.");
   } finally {
+    sourceReloadButton.disabled = false;
     updateFindSourcesButtonState();
   }
 }

public/index.html

@@ -146,7 +146,10 @@
       <section class="source-dialog" aria-labelledby="sourceTitle">
         <header class="suggested-header">
           <h2 id="sourceTitle">Source candidates</h2>
+          <div class="source-dialog-actions">
+            <button class="modal-close" id="sourceReloadButton" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#refresh"></use></svg><span>Reload</span></button>
             <button class="modal-close" id="sourceCloseButton" type="button"><svg class="sidebar-icon" aria-hidden="true"><use href="/icons.svg#close"></use></svg><span>Close</span></button>
+          </div>
         </header>
         <div class="source-list" id="sourceList"></div>
       </section>

src/tailwind.css

@@ -182,6 +182,7 @@
   .modal-backdrop { @apply fixed inset-0 z-50 flex items-center justify-center bg-slate-900/50 p-4; }
   .modal-backdrop[hidden] { display: none; }
   .suggested-dialog, .source-dialog, .settings-dialog { @apply max-h-[90vh] w-full overflow-hidden rounded-lg border border-slate-300 bg-slate-50 shadow-2xl; }
+  .source-dialog-actions { @apply flex items-center gap-1.5; }
   .suggested-dialog { @apply max-w-2xl; }
   .source-dialog { @apply max-w-3xl; }
   .settings-dialog { @apply max-w-md; }