From 9a902d6b4fa968f1e9cf9727da3fcd6023a0e35c Mon Sep 17 00:00:00 2001
From: Jaime Idolpx <jaime@idolpx.com>
Date: Sun, 14 Jun 2026 04:20:51 -0400
Subject: [PATCH] fix(SearchPane): update initialTab handling and persist last
 active tab in localStorage

---
 src/app/App.tsx                   |  4 ++--
 src/app/components/SearchPane.tsx | 17 +++++++++++------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 91d69a0..70f3bf2 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -55,7 +55,7 @@ export default function App() {
   const [currentPage, setCurrentPage] = useState<Page>('status');
   const { config, setConfig, saveStatus, pendingCount, flushNow, reload } = useSettings();
   const [showSearch, setShowSearch]         = useState(false);
-  const [searchInitialTab, setSearchInitialTab] = useState<0 | 1>(0);
+  const [searchInitialTab, setSearchInitialTab] = useState<0 | 1 | undefined>(undefined);
   const [devicesOpenId, setDevicesOpenId] = useState<string | null>(null);
   const [isFullscreen, setIsFullscreen] = useState(false);
   const [fileManagerInitialPath, setFileManagerInitialPath] = useState<string | undefined>(undefined);
@@ -260,7 +260,7 @@ function AppPage({ title, onBack }: { title: string; onBack: () => void }) {
               {isFullscreen ? <Minimize2 className="w-5 h-5 text-white" /> : <Maximize2 className="w-5 h-5 text-white" />}
             </button>
             <button
-              onClick={() => { setSearchInitialTab(0); setShowSearch(true); }}
+              onClick={() => { setSearchInitialTab(undefined); setShowSearch(true); }}
               className="p-2 hover:bg-[#5e5e5e] rounded-lg"
             >
               <Search className="w-5 h-5 text-white" />
diff --git a/src/app/components/SearchPane.tsx b/src/app/components/SearchPane.tsx
index 67e8438..d938e3f 100644
--- a/src/app/components/SearchPane.tsx
+++ b/src/app/components/SearchPane.tsx
@@ -14,15 +14,18 @@ interface SearchPaneProps {
 
 const TABS = ['Local', 'Assembly64'] as const;
 
-export default function SearchPane({ config, setConfig, initialTab = 0, onClose, onOpenFolder }: SearchPaneProps) {
-  const panelRef   = useRef<HTMLDivElement>(null);
-  const [activeTab, setActiveTab] = useState<0 | 1>(initialTab);
+let _lastTab: 0 | 1 = (localStorage.getItem('search.tab') === '1' ? 1 : 0);
 
-  // Jump to initialTab without animation on first render
+export default function SearchPane({ config, setConfig, initialTab, onClose, onOpenFolder }: SearchPaneProps) {
+  const panelRef   = useRef<HTMLDivElement>(null);
+  const [activeTab, setActiveTab] = useState<0 | 1>(initialTab ?? _lastTab);
+
+  // Jump to starting tab without animation on first render
   useEffect(() => {
     const el = panelRef.current;
-    if (!el || initialTab === 0) return;
-    el.scrollLeft = initialTab * el.clientWidth;
+    const tab = initialTab ?? _lastTab;
+    if (!el || tab === 0) return;
+    el.scrollLeft = tab * el.clientWidth;
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const scrollToTab = (idx: 0 | 1) => {
@@ -36,6 +39,8 @@ export default function SearchPane({ config, setConfig, initialTab = 0, onClose,
     if (!el) return;
     const idx = Math.round(el.scrollLeft / el.clientWidth) as 0 | 1;
     setActiveTab(idx);
+    _lastTab = idx;
+    localStorage.setItem('search.tab', String(idx));
   };
 
   return (