docs: update all docs for Phase 5 agent tree, status bar, notifications, settings

docs/phases.md

@@ -36,19 +36,28 @@ bterminal-v2/
           TerminalPane.svelte  # xterm.js terminal pane
         Agent/
           AgentPane.svelte     # SDK agent structured output
-          AgentTree.svelte     # Subagent tree visualization
-          ToolCallCard.svelte  # Individual tool call display
+          AgentTree.svelte     # Subagent tree visualization (SVG)
         Markdown/
           MarkdownPane.svelte  # Live markdown file viewer
         Sidebar/
           SessionList.svelte   # Session browser
+        StatusBar/
+          StatusBar.svelte     # Global status bar (pane counts, cost)
+        Notifications/
+          ToastContainer.svelte # Toast notification display
+        Settings/
+          SettingsDialog.svelte # Settings modal dialog
       stores/
         sessions.svelte.ts   # Session state ($state runes)
         agents.svelte.ts     # Active agent tracking
         layout.svelte.ts     # Pane layout state
+        notifications.svelte.ts # Toast notification state
       adapters/
         sdk-messages.ts      # SDK message abstraction layer
         pty-bridge.ts        # PTY IPC wrapper
+        settings-bridge.ts   # Settings IPC wrapper
+      utils/
+        agent-tree.ts        # Agent tree builder (hierarchy from messages)
       styles/
         catppuccin.css       # Theme CSS variables
     app.css
@@ -163,15 +172,17 @@ bterminal-v2/
 
 ---
 
-## Phase 5: Agent Tree + Polish [status: not_started] — Post-MVP
+## Phase 5: Agent Tree + Polish [status: in_progress] — Post-MVP
 
-- [ ] Agent tree visualization (SVG, compact horizontal layout)
-- [ ] Click tree node -> focus agent pane
-- [ ] Aggregate cost per subtree
-- [ ] Global status bar (total cost, active agents, uptime)
-- [ ] Notification system (agent done, error)
-- [ ] Global keyboard shortcuts
-- [ ] Settings dialog
+- [x] Agent tree visualization (SVG, compact horizontal layout) — AgentTree.svelte + agent-tree.ts utility
+- [ ] Click tree node -> focus agent pane (onNodeClick prop exists, not wired)
+- [ ] Aggregate cost per subtree (subtreeCost util exists, not displayed in UI)
+- [x] Global status bar (terminal/agent counts, active agents pulse, token/cost totals) — StatusBar.svelte
+- [x] Notification system (toast: success/error/warning/info, auto-dismiss 4s, max 5) — notifications.svelte.ts + ToastContainer.svelte
+- [x] Agent dispatcher toast integration (agent complete, error, sidecar crash notifications)
+- [x] Global keyboard shortcuts — Ctrl+W close focused pane, Ctrl+, open settings
+- [x] Settings dialog (default shell, cwd, max panes) — SettingsDialog.svelte + settings-bridge.ts
+- [x] Settings backend — settings table in SQLite (session.rs), Tauri commands settings_get/set/list (lib.rs)
 - [ ] ctx integration (port from v1)
 
 ---

docs/progress.md

@@ -97,8 +97,20 @@ Architecture decision: Uses `claude` CLI with `--output-format stream-json` inst
 - [x] Sidebar "M" button opens file picker for .md/.markdown/.txt files
 - [x] TilingGrid routes markdown pane type to MarkdownPane component
 
+### Phase 5: Agent Tree + Polish (2026-03-06, in progress)
+- [x] Agent tree visualization (SVG): AgentTree.svelte component with horizontal tree layout, bezier edges, status-colored nodes; agent-tree.ts utility (buildAgentTree, countTreeNodes, subtreeCost)
+- [x] Agent tree toggle in AgentPane: collapsible tree view shown when tool_call messages exist
+- [x] Global status bar: StatusBar.svelte showing terminal/agent pane counts, active agents with pulse animation, total tokens and cost
+- [x] Notification system: notifications.svelte.ts store (notify, dismissNotification, max 5 toasts, 4s auto-dismiss) + ToastContainer.svelte (slide-in animation, color-coded by type)
+- [x] Agent dispatcher notifications: toast on agent_stopped (success), agent_error (error), sidecar crash (error), cost result (success with cost/turns)
+- [x] Settings dialog: SettingsDialog.svelte modal (default shell, cwd, max panes) with settings-bridge.ts adapter
+- [x] Settings backend: settings table (key/value) in session.rs, Tauri commands settings_get/set/list in lib.rs
+- [x] Keyboard shortcuts: Ctrl+W close focused pane, Ctrl+, open settings dialog
+- [x] CSS grid update: app.css grid-template-rows '1fr' -> '1fr auto' for status bar row
+- [x] App.svelte: integrated StatusBar, ToastContainer, SettingsDialog components
+
 ### Next Steps
 - [ ] Markdown rendering in agent text messages
 - [ ] Testing: vitest for sdk-messages adapter, cargo test for sidecar
-- [ ] Phase 5: Agent Tree + Polish
+- [ ] Phase 5 remaining: click tree node -> focus pane, subtree cost display, ctx integration
 - [ ] Phase 6: Packaging + Distribution

docs/task_plan.md

@@ -3,7 +3,7 @@
 ## Goal
 Redesign BTerminal from a GTK3 terminal emulator into a **multi-session Claude agent dashboard** optimized for 32:9 ultrawide (5120x1440). Simultaneous visibility of all active sessions, agent tree visualization, inline markdown rendering, maximum information density.
 
-## Status: MVP COMPLETE (Phase 4 done — Rev 2)
+## Status: Phase 5 IN PROGRESS (MVP complete, post-MVP polish underway — Rev 2)
 
 ---
 
@@ -125,6 +125,8 @@ See [phases.md](phases.md) for the full phased implementation plan (Phases 1-6).
 | Canvas addon (not WebGL) | WebKit2GTK has no WebGL. Explicit Canvas addon avoids silent fallback | 2026-03-05 |
 | claude CLI over Agent SDK query() | Use `claude -p --output-format stream-json` instead of SDK npm package. Avoids dependency + version churn, identical structured output | 2026-03-06 |
 | `.svelte.ts` for rune stores | Svelte 5 `$state`/`$derived` runes require `.svelte.ts` extension (not `.ts`). Compiler silently passes `.ts` but runes fail at runtime. All store files must use `.svelte.ts`. | 2026-03-06 |
+| SQLite settings table for app config | Key-value `settings` table in session.rs for persisting user preferences (shell, cwd, max panes). Simple and extensible without schema migrations. | 2026-03-06 |
+| Toast notifications over persistent log | Ephemeral toasts (4s auto-dismiss, max 5) for agent events rather than a persistent notification log. Keeps UI clean; persistent logs can be added later if needed. | 2026-03-06 |
 
 ## Open Questions