From ca8f20c598f95d39b9744545ba16b1db4e4b459c Mon Sep 17 00:00:00 2001
From: Jaime Idolpx <jaime@idolpx.com>
Date: Sun, 14 Jun 2026 21:48:07 -0400
Subject: [PATCH] fix(SearchLocal): add confirmation dialog for rebuilding
 search index

---
 src/app/components/SearchLocal.tsx | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/app/components/SearchLocal.tsx b/src/app/components/SearchLocal.tsx
index 3219b4f..7d66929 100644
--- a/src/app/components/SearchLocal.tsx
+++ b/src/app/components/SearchLocal.tsx
@@ -174,6 +174,7 @@ export default function SearchLocal({ config, setConfig, onClose, onOpenFolder }
   const [hasSearched, setHasSearched] = useState(() => _store.hasSearched);
   const [mountEntry, setMountEntry] = useState<SearchResult | null>(null);
   const [actionEntry, setActionEntry] = useState<SearchResult | null>(null);
+  const [showScanConfirm, setShowScanConfirm] = useState(false);
   const [searchError, setSearchError] = useState<string | null>(null);
   // The locate-database load progress is rendered by the SearchPane (above
   // this panel). The pane pre-fetches the database on mount, so by the time
@@ -352,7 +353,7 @@ export default function SearchLocal({ config, setConfig, onClose, onOpenFolder }
               </button>
             )}
             <button
-              onClick={handleScan}
+              onClick={() => setShowScanConfirm(true)}
               disabled={busy}
               className="p-1.5 rounded-lg hover:bg-neutral-100 text-neutral-400 hover:text-neutral-600 disabled:opacity-40 transition-colors"
               title="Scan /sd and rebuild database"
@@ -517,6 +518,32 @@ export default function SearchLocal({ config, setConfig, onClose, onOpenFolder }
         </div>
       </div>
 
+      {/* Scan confirm dialog */}
+      <Dialog open={showScanConfirm} onOpenChange={setShowScanConfirm}>
+        <DialogContent className="max-w-sm">
+          <DialogHeader>
+            <DialogTitle>Rebuild Search Index</DialogTitle>
+            <DialogDescription>
+              This will scan all files on <code>/sd</code> and rebuild the local search database. It may take a minute on large collections.
+            </DialogDescription>
+          </DialogHeader>
+          <div className="flex gap-2 justify-end pt-1">
+            <button
+              onClick={() => setShowScanConfirm(false)}
+              className="px-4 py-2 rounded-xl text-sm text-neutral-600 hover:bg-neutral-100 transition-colors"
+            >
+              Cancel
+            </button>
+            <button
+              onClick={() => { setShowScanConfirm(false); handleScan(); }}
+              className="px-4 py-2 rounded-xl text-sm font-medium bg-blue-600 text-white hover:bg-blue-700 transition-colors"
+            >
+              Scan
+            </button>
+          </div>
+        </DialogContent>
+      </Dialog>
+
       {/* Actions dialog */}
       <Dialog open={actionEntry !== null} onOpenChange={open => !open && setActionEntry(null)}>
         <DialogContent className="max-w-sm">