From fa9ca415bebad03391ca122ec41ac958cdfa36a3 Mon Sep 17 00:00:00 2001
From: Hibryda <hibryda@protonmail.com>
Date: Sun, 8 Mar 2026 23:22:48 +0100
Subject: [PATCH] fix(workspace): preserve ClaudeSession across tab switches
 with CSS display

---
 .../components/Workspace/ProjectBox.svelte    | 35 ++++++++-----------
 1 file changed, 15 insertions(+), 20 deletions(-)

diff --git a/v2/src/lib/components/Workspace/ProjectBox.svelte b/v2/src/lib/components/Workspace/ProjectBox.svelte
index 529f108..032762e 100644
--- a/v2/src/lib/components/Workspace/ProjectBox.svelte
+++ b/v2/src/lib/components/Workspace/ProjectBox.svelte
@@ -64,26 +64,22 @@
   </div>
 
   <div class="project-content-area">
-    {#if activeTab === 'claude'}
-      <div class="content-pane">
-        <ClaudeSession {project} onsessionid={(id) => mainSessionId = id} />
-        {#if mainSessionId}
-          <TeamAgentsPanel {mainSessionId} />
-        {/if}
-      </div>
-    {:else if activeTab === 'files'}
-      <div class="content-pane">
-        <ProjectFiles cwd={project.cwd} projectName={project.name} />
-      </div>
-    {:else if activeTab === 'context'}
-      <div class="content-pane">
-        <ContextPane projectName={project.name} projectCwd={project.cwd} />
-      </div>
-    {/if}
+    <!-- Use CSS display instead of {#if} to keep ClaudeSession alive across tab switches -->
+    <div class="content-pane" style:display={activeTab === 'claude' ? 'flex' : 'none'}>
+      <ClaudeSession {project} onsessionid={(id) => mainSessionId = id} />
+      {#if mainSessionId}
+        <TeamAgentsPanel {mainSessionId} />
+      {/if}
+    </div>
+    <div class="content-pane" style:display={activeTab === 'files' ? 'flex' : 'none'}>
+      <ProjectFiles cwd={project.cwd} projectName={project.name} />
+    </div>
+    <div class="content-pane" style:display={activeTab === 'context' ? 'flex' : 'none'}>
+      <ContextPane projectName={project.name} projectCwd={project.cwd} />
+    </div>
   </div>
 
-  {#if activeTab === 'claude'}
-    <div class="terminal-section">
+  <div class="terminal-section" style:display={activeTab === 'claude' ? 'flex' : 'none'}>
       <button class="terminal-toggle" onclick={toggleTerminal}>
         <span class="toggle-chevron" class:expanded={terminalExpanded}>
           <svg width="10" height="10" viewBox="0 0 10 10" fill="none">
@@ -101,8 +97,7 @@
           <TerminalTabs {project} agentSessionId={mainSessionId} />
         </div>
       {/if}
-    </div>
-  {/if}
+  </div>
 </div>
 
 <style>