Add /api/rescan endpoint, header rescan button, 30s auto-poll for new files

index.html

@@ -136,6 +136,8 @@
 <div class="page">
   <div class="header">
     <h1>C41 Archive</h1>
+    <span class="spacer" style="flex:1"></span>
+    <button id="rescan-btn" title="Rescan the archive folder" style="background:var(--surface);color:var(--text);border:none;padding:6px 10px;border-radius:3px;font-size:14px;cursor:pointer;margin-right:8px">&#x21bb;</button>
     <select id="date"></select>
   </div>
 
@@ -707,6 +709,21 @@
 
   dateSelect.addEventListener("change", () => loadDate(dateSelect.value));
   addEventListener("resize", drawTimeline);
+
+  // rescan: button + silent auto-poll for new dates
+  const rescanBtn = document.querySelector("#rescan-btn");
+  async function rescan(notify) {
+    try {
+      const r = await fetch("/api/rescan", {method: "POST"});
+      const d = await r.json();
+      if (notify) setStatus(`${d.days} day${d.days !== 1 ? "s" : ""}, ${d.clips} clip${d.clips !== 1 ? "s" : ""} indexed`);
+      loadDate(dateSelect.value || "");
+      return d;
+    } catch { return null; }
+  }
+  rescanBtn.addEventListener("click", () => rescan(true));
+  setInterval(() => { if (!queue.some(e => e.state === "busy")) rescan(false); }, 30000);
+
   loadDate("").catch(() => {});
   updateEncodeStatus();
 </script>