BTerminal/docs/progress-archive.md

BTerminal v2 — Progress Log (Archive: 2026-03-05 to 2026-03-06 early)

Archived from progress.md. Covers research, Phases 1-6, polish, testing, agent teams, and subagent support.

Session: 2026-03-05

Research Phase (complete)

• Analyzed current BTerminal v1 codebase (2092 lines Python, GTK3+VTE)
• Queried Memora — no existing BTerminal memories
• Researched Claude Agent SDK — found structured streaming, subagent tracking, hooks
• Researched Tauri + xterm.js ecosystem — found 4+ working projects
• Researched terminal latency benchmarks — xterm.js acceptable for AI output
• Researched 32:9 ultrawide layout patterns
• Evaluated GTK4 vs Tauri vs pure Rust — Tauri wins for this use case
• Created task_plan.md with 8 phases
• Created findings.md with 7 research areas

Technology Decision (complete)

• Decision: Tauri 2.x + Solid.js + Claude Agent SDK + xterm.js
• Rationale documented in task_plan.md Phase 0

Adversarial Review (complete)

• Spawned devil's advocate agent to attack the plan
• Identified 5 fatal/critical issues:
  1. Node.js sidecar requirement unacknowledged
  2. SDK 0.2.x instability — need abstraction layer
  3. Three-tier observation overengineered — simplified to two-tier
  4. Solid.js ecosystem too small — switched to Svelte 5
  5. Missing: packaging, error handling, testing, responsive design
• Revised plan (Rev 2) incorporating all corrections
• Added error handling strategy table
• Added testing strategy table
• Defined MVP boundary (Phases 1-4)
• Added responsive layout requirement (1920px degraded mode)

Phase 1 Scaffolding (complete)

• Created feature branch v2-mission-control
• Initialized Tauri 2.x + Svelte 5 project in v2/ directory
• Rust backend stubs: main.rs, lib.rs, pty.rs, sidecar.rs, watcher.rs, session.rs
• Svelte frontend: App.svelte with Catppuccin Mocha CSS variables, component stubs
• Node.js sidecar scaffold: agent-runner.ts with NDJSON communication pattern
• Tauri builds and launches (cargo build --release verified)
• Dev scripts: npm run dev, npm run build, npm run tauri dev/build
• 17 operational rules added to .claude/rules/
• Project meta files: CLAUDE.md, .claude/CLAUDE.md, TODO.md, CHANGELOG.md
• Documentation structure: docs/README.md, task_plan.md, phases.md, findings.md, progress.md

Phase 2: Terminal Pane + Layout (complete)

• Rust PTY backend with portable-pty (PtyManager: spawn, write, resize, kill)
• PTY reader thread emitting Tauri events (pty-data-{id}, pty-exit-{id})
• Tauri commands: pty_spawn, pty_write, pty_resize, pty_kill
• xterm.js terminal pane with Canvas addon (explicit, no WebGL)
• Catppuccin Mocha theme for xterm.js (16 ANSI colors)
• FitAddon with ResizeObserver + 100ms debounce
• PTY bridge adapter (spawnPty, writePty, resizePty, killPty, onPtyData, onPtyExit)
• CSS Grid tiling layout with 5 presets (1-col, 2-col, 3-col, 2x2, master-stack)
• Layout store with Svelte 5 $state runes and auto-preset selection
• Sidebar with session list, layout preset selector, new terminal button
• Keyboard shortcuts: Ctrl+N new terminal, Ctrl+1-4 focus pane
• PaneContainer with header bar (title, status, close)
• Empty state welcome screen with Ctrl+N hint
• npm dependencies: @xterm/xterm, @xterm/addon-canvas, @xterm/addon-fit
• Cargo dependencies: portable-pty, uuid

Phase 3: Agent SDK Integration (complete)

• Rust SidecarManager: spawn Node.js, stdio NDJSON, query/stop/shutdown (sidecar.rs, 218 lines)
• Node.js agent-runner: spawns claude -p --output-format stream-json, manages sessions (agent-runner.ts, 176 lines)
• Tauri commands: agent_query, agent_stop, agent_ready in lib.rs
• Sidecar auto-start on app launch
• SDK message adapter: full stream-json parser with 9 typed message types (sdk-messages.ts, 234 lines)
• Agent bridge: Tauri IPC adapter for sidecar communication (agent-bridge.ts, 53 lines)
• Agent dispatcher: routes sidecar events to agent store (agent-dispatcher.ts, 87 lines)
• Agent store: session state with messages, cost tracking (agents.svelte.ts, 91 lines)
• AgentPane component: prompt input, message rendering, stop button, cost display (AgentPane.svelte, 420 lines)
• UI integration: Ctrl+Shift+N for new agent, sidebar agent button, TilingGrid routing

Architecture decision: Initially used claude CLI with --output-format stream-json. Migrated to @anthropic-ai/claude-agent-sdk query() due to CLI piped stdio hang bug (#6775). SDK outputs same message format, so adapter unchanged.

Bug Fix: Svelte 5 Rune File Extensions (2026-03-06)

• Diagnosed blank screen / "rune_outside_svelte" runtime error
• Root cause: store files used .ts extension but contain Svelte 5 $state/$derived runes, which only work in .svelte and .svelte.ts files
• Renamed: layout.ts -> layout.svelte.ts, agents.ts -> agents.svelte.ts, sessions.ts -> sessions.svelte.ts
• Updated all import paths in 5 files to use .svelte suffix (e.g., from './stores/layout.svelte')

Phase 3 Polish (2026-03-06)

• Sidecar crash detection: dispatcher listens for sidecar-exited event, marks running sessions as error
• Restart UI: "Restart Sidecar" button in AgentPane error bar, calls agent_restart command
• Auto-scroll lock: scroll handler disables auto-scroll when user scrolls >50px from bottom, "Scroll to bottom" button appears

Phase 4: Session Management + Markdown Viewer (2026-03-06)

• rusqlite 0.31 (bundled) + dirs 5 + notify 6 added to Cargo.toml
• SessionDb: SQLite with WAL mode, sessions table + layout_state singleton
• Session CRUD: list, save, delete, update_title, touch (7 Tauri commands)
• Frontend session-bridge.ts: typed invoke wrappers for all session/layout commands
• Layout store wired to persistence: addPane/removePane/focusPane/setPreset all persist
• restoreFromDb() on app startup restores panes in layout order
• FileWatcherManager: notify crate watches files, emits Tauri "file-changed" events
• MarkdownPane component: marked.js rendering, Catppuccin-themed styles, live reload
• Sidebar "M" button opens file picker for .md/.markdown/.txt files
• TilingGrid routes markdown pane type to MarkdownPane component

Phase 5: Agent Tree + Polish (2026-03-06, complete)

• Agent tree visualization (SVG): AgentTree.svelte component with horizontal tree layout, bezier edges, status-colored nodes; agent-tree.ts utility (buildAgentTree, countTreeNodes, subtreeCost)
• Agent tree toggle in AgentPane: collapsible tree view shown when tool_call messages exist
• Global status bar: StatusBar.svelte showing terminal/agent pane counts, active agents with pulse animation, total tokens and cost
• Notification system: notifications.svelte.ts store (notify, dismissNotification, max 5 toasts, 4s auto-dismiss) + ToastContainer.svelte (slide-in animation, color-coded by type)
• Agent dispatcher notifications: toast on agent_stopped (success), agent_error (error), sidecar crash (error), cost result (success with cost/turns)
• Settings dialog: SettingsDialog.svelte modal (default shell, cwd, max panes, theme flavor) with settings-bridge.ts adapter
• Settings backend: settings table (key/value) in session.rs, Tauri commands settings_get/set/list in lib.rs
• Keyboard shortcuts: Ctrl+W close focused pane, Ctrl+, open settings dialog
• CSS grid update: app.css grid-template-rows '1fr' -> '1fr auto' for status bar row
• App.svelte: integrated StatusBar, ToastContainer, SettingsDialog components

Phase 6: Packaging + Distribution (2026-03-06)

• Created install-v2.sh — build-from-source installer with 6-step dependency check process
• Updated v2/src-tauri/tauri.conf.json: bundle targets ["deb", "appimage"]
• Regenerated all icons in v2/src-tauri/icons/ from bterminal.svg as RGBA PNGs
• Created .github/workflows/release.yml — CI workflow triggered on v* tags
• Build verified: .deb (4.3 MB), AppImage (103 MB) both built successfully

Phase 5 continued: SSH, ctx, themes, detached mode, auto-updater (2026-03-06)

• ctx integration: Rust ctx.rs, 5 Tauri commands, ctx-bridge.ts adapter, ContextPane.svelte
• SSH session management: SshSession struct, ssh-bridge.ts, SshDialog.svelte, SshSessionList.svelte
• Catppuccin theme flavors: Latte/Frappe/Macchiato/Mocha selectable
• Detached pane mode: pop-out windows via URL params
• Syntax highlighting: Shiki lazy singleton (13 languages)
• Tauri auto-updater plugin integrated
• AgentPane markdown rendering with Shiki highlighting

Session: 2026-03-06 (continued) — Polish, Testing, Extras

Terminal Copy/Paste + Theme Hot-Swap

• Copy/paste in TerminalPane via Ctrl+Shift+C/V
• Theme hot-swap: onThemeChange() callback registry

Agent Tree Enhancements

• Click tree node -> scroll to message, subtree cost display

Session Resume

• Follow-up prompt input, resume_session_id passed to SDK

Pane Drag-Resize Handles

• Splitter overlays in TilingGrid with mouse drag (min 10% / max 90%)

Auto-Update Workflow Enhancement

• release.yml: signing key env vars, latest.json generation

Deno Sidecar Evaluation

• Created agent-runner-deno.ts proof-of-concept

Testing Infrastructure

• Vitest + Cargo tests: 104 vitest + 29 cargo tests, all passing

Session: 2026-03-06 (continued) — Session Groups, Auto-Update Key, Deno Sidecar, Tests

Auto-Update Signing Key

• Generated Tauri signing keypair (minisign), set pubkey in tauri.conf.json

Session Groups/Folders

• group_name column, setPaneGroup, grouped sidebar with collapsible headers

Deno Sidecar Integration (upgraded from PoC)

• SidecarCommand struct, Deno-first resolution, Node.js fallback

E2E/Integration Tests

• layout.test.ts (30), agent-bridge.test.ts (11), agent-dispatcher.test.ts (18), sdk-messages.test.ts (25)
• Total: 104 vitest tests + 29 cargo tests

Session: 2026-03-06 (continued) — Agent Teams / Subagent Support

Agent Teams Frontend Support

• Parent/child hierarchy in agent store, subagent detection in dispatcher
• spawnSubagentPane(), toolUseToChildPane routing, parent/child navigation in AgentPane
• 10 new dispatcher tests for subagent routing (28 total, 114 vitest overall)

Subagent Cost Aggregation

• getTotalCost() recursive helper, total cost shown in parent pane

TAURI_SIGNING_PRIVATE_KEY

• Set via gh secret set on DexterFromLab/BTerminal GitHub repo