fix: make diff panel per-thread like browser panel (threadDiffOpen)

Author: Swofty-Developments

crates/tauri-app/frontend/src/App.tsx

@@ -75,7 +75,7 @@ export function App() {
   const hasSidePane = () => {
     const tab = store.activeTab;
     const browserOpen = tab && store.threadBrowserOpen[tab];
-    const diffOpen = store.diffPanelOpen && isGitProject();
+    const diffOpen = store.activeTab && store.threadDiffOpen[store.activeTab] && isGitProject();
     return browserOpen || diffOpen;
   };
 
@@ -147,7 +147,7 @@ export function App() {
     }
     if (mod && e.shiftKey && key === "d") {
       e.preventDefault();
-      setStore("diffPanelOpen", !store.diffPanelOpen);
+      if (store.activeTab) setStore("threadDiffOpen", store.activeTab, !store.threadDiffOpen[store.activeTab]);
     }
   }
 
@@ -204,7 +204,7 @@ export function App() {
                   <Show when={store.activeTab && store.threadBrowserOpen[store.activeTab!]}>
                     <BrowserPanel threadId={store.activeTab!} />
                   </Show>
-                  <Show when={store.diffPanelOpen && diffCwd()}>
+                  <Show when={store.activeTab && store.threadDiffOpen[store.activeTab!] && diffCwd()}>
                     <DiffEditor cwd={diffCwd()} prNumber={activePrNumber()} />
                   </Show>
                 </div>

crates/tauri-app/frontend/src/components/chat/ThreadToolbar.tsx

@@ -153,7 +153,10 @@ export function ThreadToolbar() {
     const tab = activeTab();
     return tab ? !!store.threadBrowserOpen[tab] : false;
   };
-  const diffOpen = () => store.diffPanelOpen;
+  const diffOpen = () => {
+    const tab = activeTab();
+    return tab ? !!store.threadDiffOpen[tab] : false;
+  };
 
   // Only show diff for git-activated projects (path !== ".")
   const isGitProject = () => {
@@ -171,7 +174,8 @@ export function ThreadToolbar() {
   }
 
   function toggleDiff() {
-    setStore("diffPanelOpen", !store.diffPanelOpen);
+    const tab = activeTab();
+    if (tab) setStore("threadDiffOpen", tab, !store.threadDiffOpen[tab]);
   }
 
   function exportChat() {

crates/tauri-app/frontend/src/components/diff/DiffEditor.tsx

@@ -36,7 +36,8 @@ export function DiffEditor(props: { cwd: string; prNumber?: number | null }) {
   const [gitPanelOpen, setGitPanelOpen] = createSignal(true);
 
   function close() {
-    setStore("diffPanelOpen", false);
+    const tab = appStore.store.activeTab;
+    if (tab) setStore("threadDiffOpen", tab, false);
   }
 
   // Cache diffs per cwd to avoid re-fetching on thread switch

crates/tauri-app/frontend/src/components/tabs/TabBar.tsx

@@ -70,7 +70,8 @@ export function TabBar() {
   }
 
   function toggleDiff() {
-    setStore("diffPanelOpen", !store.diffPanelOpen);
+    const tab = store.activeTab;
+    if (tab) setStore("threadDiffOpen", tab, !store.threadDiffOpen[tab]);
   }
 
   function exportChat() {
@@ -126,7 +127,7 @@ export function TabBar() {
               </button>
               <button
                 class="tb-action"
-                classList={{ active: store.diffPanelOpen }}
+                classList={{ active: !!(store.activeTab && store.threadDiffOpen[store.activeTab]) }}
                 onClick={toggleDiff}
                 title="Diff view (Cmd+Shift+D)"
               >

crates/tauri-app/frontend/src/stores/app-store.ts

@@ -33,7 +33,7 @@ export interface AppStore {
   themeOpen: boolean;
   worktrees: Record<string, { thread_id: string; branch: string; path: string; active: boolean } | undefined>;
   splitTab: string | null;
-  diffPanelOpen: boolean;
+  threadDiffOpen: Record<string, boolean>;
   selectedModel: string | null;
   threadBrowserOpen: Record<string, boolean>;
   threadBrowserUrls: Record<string, string>;
@@ -72,7 +72,7 @@ function createAppStore() {
     themeOpen: false,
     worktrees: {},
     splitTab: null,
-    diffPanelOpen: false,
+    threadDiffOpen: {},
     selectedModel: null,
     threadBrowserOpen: {},
     threadBrowserUrls: {},