fix(workspace): preserve ClaudeSession across tab switches with CSS display

v2/src/lib/components/Workspace/ProjectBox.svelte

@@ -64,26 +64,22 @@
   </div>
 
   <div class="project-content-area">
-    {#if activeTab === 'claude'}
+    <!-- Use CSS display instead of {#if} to keep ClaudeSession alive across tab switches -->
-      <div class="content-pane">
+    <div class="content-pane" style:display={activeTab === 'claude' ? 'flex' : 'none'}>
-        <ClaudeSession {project} onsessionid={(id) => mainSessionId = id} />
+      <ClaudeSession {project} onsessionid={(id) => mainSessionId = id} />
-        {#if mainSessionId}
+      {#if mainSessionId}
-          <TeamAgentsPanel {mainSessionId} />
+        <TeamAgentsPanel {mainSessionId} />
-        {/if}
+      {/if}
-      </div>
+    </div>
-    {:else if activeTab === 'files'}
+    <div class="content-pane" style:display={activeTab === 'files' ? 'flex' : 'none'}>
-      <div class="content-pane">
+      <ProjectFiles cwd={project.cwd} projectName={project.name} />
-        <ProjectFiles cwd={project.cwd} projectName={project.name} />
+    </div>
-      </div>
+    <div class="content-pane" style:display={activeTab === 'context' ? 'flex' : 'none'}>
-    {:else if activeTab === 'context'}
+      <ContextPane projectName={project.name} projectCwd={project.cwd} />
-      <div class="content-pane">
+    </div>
-        <ContextPane projectName={project.name} projectCwd={project.cwd} />
-      </div>
-    {/if}
   </div>
 
-  {#if activeTab === 'claude'}
+  <div class="terminal-section" style:display={activeTab === 'claude' ? 'flex' : 'none'}>
-    <div class="terminal-section">
       <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>
+  </div>
-  {/if}
 </div>
 
 <style>