feat(v3): implement session continuity, workspace teardown, StatusBar rewrite, subagent routing fix

P6: persistSessionForProject() saves agent state + messages to SQLite on
session complete. registerSessionProject() maps sessionId -> projectId.
ClaudeSession restoreMessagesFromRecords() restores cached messages on mount.

P7: clearAllAgentSessions() clears sessions on group switch. switchGroup()
calls clearAllAgentSessions() + resets terminal tabs.

P10: StatusBar rewritten for workspace store (group name, project count,
agent count, "BTerminal v3"). Subagent routing fixed: project-scoped
sessions skip layout pane creation (render in TeamAgentsPanel instead).

v2/src/lib/components/StatusBar/StatusBar.svelte

@@ -1,22 +1,27 @@
 <script lang="ts">
-  import { getPanes } from '../../stores/layout.svelte';
   import { getAgentSessions } from '../../stores/agents.svelte';
+  import { getActiveGroup, getEnabledProjects, getActiveGroupId } from '../../stores/workspace.svelte';
 
-  let panes = $derived(getPanes());
   let agentSessions = $derived(getAgentSessions());
+  let activeGroup = $derived(getActiveGroup());
+  let enabledProjects = $derived(getEnabledProjects());
 
   let activeAgents = $derived(agentSessions.filter(s => s.status === 'running' || s.status === 'starting').length);
   let totalCost = $derived(agentSessions.reduce((sum, s) => sum + s.costUsd, 0));
   let totalTokens = $derived(agentSessions.reduce((sum, s) => sum + s.inputTokens + s.outputTokens, 0));
-  let terminalCount = $derived(panes.filter(p => p.type === 'terminal').length);
-  let agentCount = $derived(panes.filter(p => p.type === 'agent').length);
+  let projectCount = $derived(enabledProjects.length);
+  let agentCount = $derived(agentSessions.length);
 </script>
 
 <div class="status-bar">
   <div class="left">
-    <span class="item" title="Terminal panes">{terminalCount} terminals</span>
+    {#if activeGroup}
+      <span class="item group-name" title="Active group">{activeGroup.name}</span>
+      <span class="sep"></span>
+    {/if}
+    <span class="item" title="Enabled projects">{projectCount} projects</span>
     <span class="sep"></span>
-    <span class="item" title="Agent panes">{agentCount} agents</span>
+    <span class="item" title="Agent sessions">{agentCount} agents</span>
     {#if activeAgents > 0}
       <span class="sep"></span>
       <span class="item active">
@@ -34,24 +39,24 @@
       <span class="item cost">${totalCost.toFixed(4)}</span>
       <span class="sep"></span>
     {/if}
-    <span class="item version">BTerminal v2</span>
+    <span class="item version">BTerminal v3</span>
   </div>
 </div>
 
 <style>
   .status-bar {
-    grid-column: 1 / -1;
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 24px;
     padding: 0 10px;
-    background: var(--bg-secondary);
-    border-top: 1px solid var(--border);
+    background: var(--ctp-mantle);
+    border-top: 1px solid var(--ctp-surface0);
     font-size: 11px;
-    color: var(--text-muted);
-    font-family: var(--font-mono);
+    color: var(--ctp-overlay1);
+    font-family: 'JetBrains Mono', monospace;
     user-select: none;
+    flex-shrink: 0;
   }
 
   .left, .right {
@@ -63,7 +68,7 @@
   .sep {
     width: 1px;
     height: 10px;
-    background: var(--border);
+    background: var(--ctp-surface1);
   }
 
   .item {
@@ -72,6 +77,11 @@
     gap: 4px;
   }
 
+  .group-name {
+    color: var(--ctp-blue);
+    font-weight: 600;
+  }
+
   .active {
     color: var(--ctp-blue);
   }

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

@@ -1,14 +1,21 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
   import type { ProjectConfig } from '../../types/groups';
   import {
     loadProjectAgentState,
-    saveProjectAgentState,
     loadAgentMessages,
-    saveAgentMessages,
     type ProjectAgentState,
     type AgentMessageRecord,
   } from '../../adapters/groups-bridge';
+  import { registerSessionProject } from '../../agent-dispatcher';
+  import {
+    createAgentSession,
+    appendAgentMessages,
+    updateAgentCost,
+    updateAgentStatus,
+    setAgentSdkSessionId,
+    getAgentSession,
+  } from '../../stores/agents.svelte';
+  import type { AgentMessage } from '../../adapters/sdk-messages';
   import AgentPane from '../Agent/AgentPane.svelte';
 
   interface Props {
@@ -18,11 +25,10 @@
 
   let { project, onsessionid }: Props = $props();
 
-  // Per-project session ID (stable across renders, changes with project)
   let sessionId = $state(crypto.randomUUID());
   let lastState = $state<ProjectAgentState | null>(null);
-  let resumeSessionId = $state<string | undefined>(undefined);
   let loading = $state(true);
+  let hasRestoredHistory = $state(false);
 
   // Load previous session state when project changes
   $effect(() => {
@@ -32,14 +38,20 @@
 
   async function loadPreviousState(projectId: string) {
     loading = true;
+    hasRestoredHistory = false;
     try {
       const state = await loadProjectAgentState(projectId);
       lastState = state;
-      if (state?.sdk_session_id) {
-        resumeSessionId = state.sdk_session_id;
+      if (state?.last_session_id) {
         sessionId = state.last_session_id;
+
+        // Restore cached messages into the agent store
+        const records = await loadAgentMessages(projectId);
+        if (records.length > 0) {
+          restoreMessagesFromRecords(sessionId, state, records);
+          hasRestoredHistory = true;
+        }
       } else {
-        resumeSessionId = undefined;
         sessionId = crypto.randomUUID();
       }
     } catch (e) {
@@ -47,9 +59,45 @@
       sessionId = crypto.randomUUID();
     } finally {
       loading = false;
+      // Register session -> project mapping for persistence
+      registerSessionProject(sessionId, project.id);
       onsessionid?.(sessionId);
     }
   }
+
+  function restoreMessagesFromRecords(
+    sid: string,
+    state: ProjectAgentState,
+    records: AgentMessageRecord[],
+  ) {
+    // Don't re-create if already exists
+    if (getAgentSession(sid)) return;
+
+    createAgentSession(sid, state.last_prompt ?? '');
+    if (state.sdk_session_id) {
+      setAgentSdkSessionId(sid, state.sdk_session_id);
+    }
+
+    // Convert records back to AgentMessage format
+    const messages: AgentMessage[] = records.map(r => ({
+      id: `restored-${r.id}`,
+      type: r.message_type as AgentMessage['type'],
+      content: JSON.parse(r.content),
+      parentId: r.parent_id ?? undefined,
+    }));
+
+    appendAgentMessages(sid, messages);
+    updateAgentCost(sid, {
+      costUsd: state.cost_usd,
+      inputTokens: state.input_tokens,
+      outputTokens: state.output_tokens,
+      numTurns: 0,
+      durationMs: 0,
+    });
+
+    // Mark as done (it's a restored completed session)
+    updateAgentStatus(sid, state.status === 'error' ? 'error' : 'done');
+  }
 </script>
 
 <div class="claude-session">
@@ -69,6 +117,7 @@
     overflow: hidden;
     display: flex;
     flex-direction: column;
+    flex: 1;
   }
 
   .loading-state {