omniharness-cli 0.1.37 → 0.1.39

package/dist/ui/terminalInterface.js

@@ -1,13 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { Box, Text, useApp, useInput, useStdin, useStdout } from 'ink';
+import { Box, Static, Text, useApp, useInput, useStdin, useStdout } from 'ink';
 import Spinner from 'ink-spinner';
 import { appendPromptHistory, loadPromptHistory } from '../promptHistory.js';
+import { listSessions, loadSnapshot, saveSnapshot, deleteSnapshot } from '../sessionList.js';
 import { deleteAt, deleteBefore, insertAt, layoutEditor, lineEndAt, lineStartAt, moveHorizontal, moveVerticalWrapped, normalizePaste } from './editor.js';
 import { renderMarkdown } from './markdown.js';
 import { looksLikeDiff, diffSegments } from './diff.js';
 import { palette } from './palette.js';
+import { contextMeter, meterBar } from './modelWindows.js';
+import { BEL, SYNC_QUERY, isSyncOutputReply, osc9Notify, osc52Copy, shouldNudgeOnFinish, wrapSynchronizedOutput } from './termcaps.js';
 import { KITTY_POP, KITTY_PUSH, KITTY_QUERY, isEncodedKey, isKittyQueryResponse, parseRawKey } from './keys.js';
+const PALETTE = palette();
+/** Border / accent colour per working mode — the input frame changes with it. */
+const MODE_ACCENT = {
+    plan: PALETTE.info,
+    build: PALETTE.success,
+    research: PALETTE.accent,
+    crazy: PALETTE.error,
+};
+/** Distinct hues for swarm agents — identity, not severity. */
+const AGENT_COLORS = [PALETTE.accent, PALETTE.info, PALETTE.warn, PALETTE.success, 'magenta', PALETTE.error];
 function describeTarget(name, input) {
     if (input && typeof input === 'object') {
         const record = input;
@@ -20,6 +33,22 @@ function describeTarget(name, input) {
     }
     return '';
 }
+/** Short verb shown on a tool card header, per tool type. */
+function toolVerb(tool) {
+    switch (tool) {
+        case 'read_file': return 'read';
+        case 'write_file': return 'edit';
+        case 'run_command': return '$';
+        case 'git_diff': return 'diff';
+        case 'semantic_search': return 'search';
+        case 'index_workspace': return 'index';
+        case 'update_todo': return 'plan';
+        case 'write_memory': return 'memory';
+        case 'start_preview': return 'preview';
+        case 'route': return 'route';
+        default: return tool;
+    }
+}
 function phaseFor(tool) {
     switch (tool) {
         case 'read_file': return 'reading files';
@@ -84,25 +113,66 @@ function labelFor(role, model, toolName, fallback) {
     switch (role) {
         case 'user': return 'you';
         case 'error': return 'error';
-        case 'thinking': return 'think';
+        case 'thinking': return 'thinking';
         case 'tool': return toolName ? `tool · ${toolName}` : 'tool';
         default: return model ?? fallback ?? 'assistant';
     }
 }
-const PALETTE = palette();
 function colorFor(role, p = PALETTE) {
     switch (role) {
         case 'user': return p.info;
         case 'error': return p.error;
         case 'thinking': return p.warn;
         case 'tool': return p.muted;
-        default: return p.success;
+        default: return p.accent;
     }
 }
 function SegmentText({ segments, role }) {
-    const base = role === 'thinking' ? PALETTE.warn : role === 'tool' ? PALETTE.muted : role === 'assistant' ? PALETTE.success : role === 'user' ? PALETTE.info : undefined;
+    const base = role === 'thinking' ? PALETTE.warn : role === 'tool' ? PALETTE.muted : role === 'assistant' ? undefined : role === 'user' ? PALETTE.info : undefined;
     return _jsx(Text, { color: base, children: segments.map((segment, index) => (_jsx(Text, { bold: segment.bold, italic: segment.italic, strikethrough: segment.strikethrough, underline: segment.underline, dimColor: segment.dim, color: segment.color ?? base, children: segment.text }, index))) });
 }
+/** Expanded body of a tool card, rendered per tool type. */
+function renderToolBody(card, width, p) {
+    const trail = card.trail;
+    if (!trail)
+        return card.summary ? _jsx(Text, { dimColor: true, children: card.summary.slice(0, width) }) : _jsx(Text, { dimColor: true, children: "(no output)" });
+    if (looksLikeDiff(trail)) {
+        return _jsx(_Fragment, { children: diffSegments(trail, width).slice(0, 14).map((segments, index) => _jsx(SegmentText, { segments: segments, role: "tool" }, index)) });
+    }
+    const rows = trail.split('\n').slice(0, 14);
+    if (card.name === 'write_file') {
+        return _jsx(_Fragment, { children: rows.map((line, index) => _jsx(Text, { color: p.success, children: line.slice(0, width) }, index)) });
+    }
+    if (card.name === 'run_command') {
+        return _jsx(_Fragment, { children: rows.map((line, index) => {
+                const exit = /^exit (\d+)/.exec(line);
+                const color = exit ? (exit[1] === '0' ? p.success : p.error) : undefined;
+                return _jsx(Text, { color: color, dimColor: color === undefined, children: line.slice(0, width) }, index);
+            }) });
+    }
+    return _jsx(_Fragment, { children: rows.map((line, index) => _jsx(Text, { dimColor: true, children: line.slice(0, width) }, index)) });
+}
+/**
+ * One settled transcript entry, rendered exactly once into `<Static>` (native
+ * scrollback). Label row + wrapped body; tool/error lines render literally,
+ * everything else as markdown.
+ */
+function TranscriptEntry({ line, width, fallbackModel }) {
+    const baseLabel = labelFor(line.role, line.model, line.toolName, fallbackModel);
+    const label = line.role === 'assistant' && line.provider
+        ? `${baseLabel}  ·  via ${line.provider}${line.fallback ? ' (failover)' : ''}`
+        : baseLabel;
+    const asMarkdown = line.role !== 'tool' && line.role !== 'error';
+    const rows = asMarkdown
+        ? renderMarkdown(line.text, width)
+        : wrap(line.text, width).map((text) => [{ text }]);
+    const bullet = line.role === 'user' ? '❯' : line.role === 'assistant' ? '◆' : line.role === 'thinking' ? '·' : line.role === 'error' ? '✕' : '⋯';
+    return _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { bold: true, color: colorFor(line.role), children: [bullet, " ", label] }), rows.map((segments, index) => _jsx(SegmentText, { segments: segments, role: line.role }, index)), line.saved ? _jsxs(Text, { dimColor: true, children: ["  ", line.saved] }) : null] });
+}
+/** Branded splash shown until the first prompt. */
+function Hero({ width, endpoint, model, mode }) {
+    return _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 2, paddingY: 1, marginBottom: 1, width: Math.min(width, 76), children: [_jsx(Text, { bold: true, color: PALETTE.accent, children: "\u25C7 OMNIHARNESS" }), _jsx(Text, { dimColor: true, children: "the OmniRoute-native agent harness" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "gateway  " }), endpoint] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "model    " }), model] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "mode     " }), _jsx(Text, { color: MODE_ACCENT[mode], children: mode }), _jsx(Text, { dimColor: true, children: "  \u00B7  Ctrl+E cycles plan \u00B7 build \u00B7 research \u00B7 crazy" })] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "describe the work and press enter \u00B7 /help for commands" }) })] });
+}
 export function TerminalInterface({ engine }) {
     const { exit } = useApp();
     const { stdout } = useStdout();
@@ -110,13 +180,10 @@ export function TerminalInterface({ engine }) {
     const [width, setWidth] = useState(() => widthOf(stdout));
     const [edit, setEdit] = useState({ value: '', cursor: 0 });
     const inputWidth = Math.max(16, width - 12);
-    // Replay a resumed transcript (hydrated by the engine) into the chat area.
+    // Settled transcript. Rendered once each into <Static> — the terminal's own
+    // scrollback is the history; there is no in-app viewport to scroll.
     const [lines, setLines] = useState(() => engine.state.messages.map(lineFromMessage));
-    const [scrollOffset, setScrollOffset] = useState(0);
-    const followTranscriptRef = useRef(true);
-    const previousRowCountRef = useRef(0);
-    const maxScrollRef = useRef(0);
-    const pageSizeRef = useRef(8);
+    const [staticKey, setStaticKey] = useState(0); // bumped on /clear to reset <Static>
     const promptHistoryRef = useRef([]);
     const historyIdxRef = useRef(-1);
     const syncPromptHistory = (next) => { promptHistoryRef.current = next; };
@@ -132,19 +199,24 @@ export function TerminalInterface({ engine }) {
     const [liveThink, setLiveThink] = useState('');
     const [liveAnswer, setLiveAnswer] = useState('');
     const [kitty, setKitty] = useState(null);
+    const [sessionsList, setSessionsList] = useState([]);
+    const [sessionsOpen, setSessionsOpen] = useState(false);
+    const [sessionsIndex, setSessionsIndex] = useState(0);
     const [taskQueue, setTaskQueue] = useState(engine.state.taskQueue);
     const [currentTool, setCurrentTool] = useState();
-    // Tool activity rendered as collapsible cards: each completed/ongoing tool
-    // call carries its target, status, and optional summary/diff trail.
     const [toolCards, setToolCards] = useState([]);
     const [expandedTool, setExpandedTool] = useState();
-    // Run timing: monotonic start time plus a ticking elapsed counter while busy.
+    const [agents, setAgents] = useState([]);
     const runStartedAt = useRef(null);
     const [now, setNow] = useState(() => Date.now());
+    const queuedRef = useRef(null);
+    const [queued, setQueued] = useState();
+    const [layoutDebug, setLayoutDebug] = useState(false);
+    const syncRestoreRef = useRef(null);
+    const pushLine = (line) => setLines((current) => [...current, line]);
+    const pushTool = (text, toolName = 'system') => pushLine({ role: 'tool', text, toolName });
     useEffect(() => {
         let alive = true;
-        // Seed history from disk, but only if the user hasn't already submitted a
-        // prompt this session (handles the async load racing a submit).
         void loadPromptHistory().then((history) => {
             if (alive && promptHistoryRef.current.length === 0)
                 syncPromptHistory(history);
@@ -156,18 +228,23 @@ export function TerminalInterface({ engine }) {
         stdout.on('resize', onResize);
         stdout.write(KITTY_PUSH);
         let kittyTimer;
-        // Terminals with kitty support answer the query (ESC[? flags u); others ignore it.
-        const onKitty = (chunk) => {
-            if (!isKittyQueryResponse(chunk.toString()))
+        // One probe pass: kitty keyboard protocol + synchronized output (DECSET 2026).
+        const onProbe = (chunk) => {
+            const text = chunk.toString();
+            if (isSyncOutputReply(text) && syncRestoreRef.current === null) {
+                syncRestoreRef.current = wrapSynchronizedOutput(stdout);
+            }
+            if (!isKittyQueryResponse(text))
                 return;
             if (kittyTimer)
                 clearTimeout(kittyTimer);
-            stdin?.off('data', onKitty);
+            stdin?.off('data', onProbe);
             setKitty(true);
         };
         if (stdin) {
-            stdin.on('data', onKitty);
-            kittyTimer = setTimeout(() => { setKitty(false); stdin.off('data', onKitty); }, 300);
+            stdin.on('data', onProbe);
+            kittyTimer = setTimeout(() => { setKitty(false); stdin.off('data', onProbe); }, 300);
+            stdout.write(SYNC_QUERY);
             stdout.write(KITTY_QUERY);
         }
         else {
@@ -183,16 +260,32 @@ export function TerminalInterface({ engine }) {
                     break;
                 case 'thinking':
                     if (event.text)
-                        setLines((current) => [...current, { role: 'thinking', text: event.text }]);
+                        pushLine({ role: 'thinking', text: event.text });
                     setLiveThink('');
                     break;
                 case 'text':
-                    setLines((current) => [...current, {
-                            role: 'assistant', text: event.content, model: event.model,
-                            saved: event.compression ? `${Math.round((1 - event.compression.ratio) * 100)}% saved (${event.compression.strategy.toUpperCase()}) · ${event.compression.savedTokens.toLocaleString()} tokens` : undefined,
-                        }]);
+                    pushLine({
+                        role: 'assistant', text: event.content, model: event.model,
+                        provider: event.provider, fallback: event.fallback,
+                        saved: event.compression ? `${Math.round((1 - event.compression.ratio) * 100)}% saved (${event.compression.strategy.toUpperCase()}) · ${event.compression.savedTokens.toLocaleString()} tokens` : undefined,
+                    });
                     setLiveAnswer('');
                     break;
+                case 'route':
+                    pushLine({
+                        role: 'tool', toolName: 'route',
+                        text: event.fallback
+                            ? `route · failover → ${event.provider ?? 'unknown'} (attempt ${event.attempts + 1})${event.reason ? ` · ${event.reason}` : ''}`
+                            : `route · ${event.provider ?? 'unknown'}`,
+                    });
+                    break;
+                case 'agent':
+                    setAgents((current) => {
+                        const next = current.filter((lane) => lane.id !== event.id);
+                        next.push({ id: event.id, label: event.label, status: event.status, note: event.note });
+                        return next.sort((a, b) => a.id.localeCompare(b.id));
+                    });
+                    break;
                 case 'tool_start':
                     setToolCards((current) => [...current, {
                             id: `tc-${Date.now().toString(36)}-${current.length}`, name: event.tool,
@@ -206,17 +299,19 @@ export function TerminalInterface({ engine }) {
                 case 'tool_result':
                     setToolCards((current) => current.length === 0
                         ? current
-                        : current.map((card, index) => index === current.length - 1 ? { ...card, status: 'done', summary: event.summary } : card));
+                        : current.map((card, index) => index === current.length - 1
+                            ? { ...card, status: 'done', summary: event.summary, trail: card.trail ?? event.detail }
+                            : card));
                     setCurrentTool(undefined);
                     break;
                 case 'todos':
                     setTaskQueue(event.todos);
                     break;
                 case 'preview':
-                    setLines((current) => [...current, { role: 'tool', text: `preview: ${event.url}`, toolName: 'preview', url: event.url }]);
+                    pushLine({ role: 'tool', text: `preview: ${event.url}`, toolName: 'preview', url: event.url });
                     break;
                 case 'attach':
-                    setLines((current) => [...current, { role: 'tool', text: `attached: ${event.name} (${event.kind}, ${event.size} bytes)`, toolName: 'attach' }]);
+                    pushLine({ role: 'tool', text: `attached: ${event.name} (${event.kind}, ${event.size} bytes)`, toolName: 'attach' });
                     break;
             }
         });
@@ -229,14 +324,16 @@ export function TerminalInterface({ engine }) {
         return () => {
             if (kittyTimer)
                 clearTimeout(kittyTimer);
-            stdin?.off('data', onKitty);
+            stdin?.off('data', onProbe);
             stdout.off('resize', onResize);
             const pendingApproval = approvalResolve.current;
             approvalResolve.current = null;
-            pendingApproval?.(false);
+            pendingApproval?.({ approved: false });
             engine.stop();
             unsubscribe();
             process.off('exit', onUnload);
+            syncRestoreRef.current?.();
+            syncRestoreRef.current = null;
             stdout.write(KITTY_POP);
         };
     }, [engine, stdout, stdin]);
@@ -266,13 +363,83 @@ export function TerminalInterface({ engine }) {
         const next = MODE_SEQ[(MODE_SEQ.indexOf(mode) + 1) % MODE_SEQ.length];
         setMode(next);
         engine.state.mode = next;
-        setLines((current) => [...current, { role: 'tool', text: `mode → ${next}`, toolName: 'mode' }]);
+        pushTool(`mode → ${next}`, 'mode');
     };
-    const approve = (ok) => {
+    const approve = (approved, trust) => {
         const resolve = approvalResolve.current;
         setApproval(null);
         approvalResolve.current = null;
-        resolve?.(ok);
+        resolve?.({ approved, trust });
+    };
+    /** Copy the most recent assistant reply to the clipboard via OSC 52. */
+    const yankLastBlock = () => {
+        const target = [...lines].reverse().find((entry) => entry.role === 'assistant') ?? lines[lines.length - 1];
+        if (!target)
+            return;
+        const seq = osc52Copy(target.text);
+        if (!seq) {
+            pushTool('clipboard: block too large to copy', 'clipboard');
+            return;
+        }
+        try {
+            stdout.write(seq);
+            pushTool(`copied ${target.text.length} chars to clipboard`, 'clipboard');
+        }
+        catch { /* clipboard write is best-effort */ }
+    };
+    /** Kick off an engine run for `prompt`, attaching `attachSpec` files first when given. */
+    const startRun = (prompt, attachSpec) => {
+        setEdit({ value: '', cursor: 0 });
+        setBusy(true);
+        setError(undefined);
+        setToolCards([]);
+        setExpandedTool(undefined);
+        setAgents([]);
+        if (runStartedAt.current === null)
+            runStartedAt.current = Date.now();
+        setNow(Date.now());
+        historyIdxRef.current = -1;
+        if (prompt) {
+            syncPromptHistory([prompt, ...promptHistoryRef.current.filter((entry) => entry !== prompt)].slice(0, 200));
+            void appendPromptHistory(prompt).catch(() => { });
+        }
+        if (!attachSpec)
+            pushLine({ role: 'user', text: prompt });
+        void (async () => {
+            try {
+                if (attachSpec)
+                    await engine.attach(attachSpec.split(/\s+/).filter(Boolean));
+                await engine.run(prompt);
+                // CRAZY mode: once a plan exists, fan the rest of it out across parallel workers.
+                if (engine.state.mode === 'crazy' && typeof engine.runSwarm === 'function') {
+                    const pending = engine.state.taskQueue.filter((item) => item.status === 'pending').length;
+                    if (pending >= 2)
+                        await engine.runSwarm({ maxAgents: 3 });
+                }
+            }
+            catch (reason) {
+                const message = reason instanceof Error ? reason.message : String(reason);
+                setError(message);
+                pushLine({ role: 'error', text: message });
+            }
+            finally {
+                const startedAt = runStartedAt.current;
+                setBusy(false);
+                setCurrentTool(undefined);
+                setToolCards((current) => current.map((card) => card.status === 'running' ? { ...card, status: 'error' } : card));
+                setAgents((current) => current.map((lane) => lane.status === 'working' || lane.status === 'spawned' ? { ...lane, status: 'done' } : lane));
+                runStartedAt.current = null;
+                setLiveThink('');
+                setLiveAnswer('');
+                if (startedAt !== null && shouldNudgeOnFinish(Date.now() - startedAt)) {
+                    try {
+                        stdout.write(osc9Notify('OmniHarness — run finished'));
+                        stdout.write(BEL);
+                    }
+                    catch { /* nudge is best-effort */ }
+                }
+            }
+        })();
     };
     /** ↑ walks older prompts, ↓ walks newer; ↓ past the newest clears the input. */
     const navigateHistory = (older) => {
@@ -286,23 +453,29 @@ export function TerminalInterface({ engine }) {
         historyIdxRef.current = next;
         setEdit(next < 0 ? { value: '', cursor: 0 } : { value: history[next] ?? '', cursor: (history[next] ?? '').length });
     };
-    /** Whether ↑/↓ should browse prompt history instead of moving the text caret. */
     const browsingHistory = () => historyIdxRef.current >= 0 || edit.value === '';
-    /** Scroll by rendered transcript rows; positive values move toward older output. */
-    const scrollTranscript = (delta) => {
-        if (delta > 0 && maxScrollRef.current > 0)
-            followTranscriptRef.current = false;
-        setScrollOffset((current) => {
-            const next = clamp(current + delta, 0, maxScrollRef.current);
-            if (next === 0 && delta < 0)
-                followTranscriptRef.current = true;
-            return next;
-        });
-    };
+    /** Chapters: one per user turn, titled by the prompt's first line. */
+    const chapters = () => lines.flatMap((line, index) => line.role === 'user'
+        ? [{ index, title: line.text.split('\n')[0].slice(0, 60) || '(empty prompt)' }]
+        : []);
+    const HELP = [
+        '/help — show commands',
+        '/clear — start a fresh conversation',
+        '/sessions — list saved sessions (enter to resume)',
+        '/save <name> — snapshot the current session',
+        '/forget <name> — delete a saved session',
+        '/attach <files> — attach files to the next message',
+        '/find <text> — list transcript lines containing <text>',
+        '/chapters — list the turns in this session',
+        'keys: Ctrl+O models · Ctrl+E mode · Ctrl+T tool card · Ctrl+Y copy reply · Ctrl+L layout · Ctrl+C cancel/quit · ↑/↓ history',
+        'history scrolls in your terminal · a prompt typed mid-run is queued and sent when the run ends',
+    ];
     /** Apply a semantic key action, honoring the active overlay (approval, picker). */
     const applyAction = (action) => {
         if (approval && action.kind !== 'submit' && action.kind !== 'escape' && action.kind !== 'ctrlC')
             return;
+        if (sessionsOpen && action.kind !== 'submit' && action.kind !== 'escape' && action.kind !== 'up' && action.kind !== 'down')
+            return;
         if (pickerOpen && action.kind !== 'submit' && action.kind !== 'escape' && action.kind !== 'up' && action.kind !== 'down')
             return;
         switch (action.kind) {
@@ -311,12 +484,28 @@ export function TerminalInterface({ engine }) {
                     approve(true);
                     return;
                 }
+                if (sessionsOpen) {
+                    const selected = sessionsList[sessionsIndex];
+                    if (selected) {
+                        void loadSnapshot(engine.state.workspace.root, selected.name).then((snapshot) => {
+                            if (snapshot == null) {
+                                pushLine({ role: 'error', text: `snapshot ${selected.name} is unreadable` });
+                                return;
+                            }
+                            setStaticKey((k) => k + 1);
+                            setLines([...snapshot.messages.map(lineFromMessage), { role: 'tool', toolName: 'sessions', text: `session resumed: ${selected.name} (${snapshot.messages.length} messages)` }]);
+                            setTaskQueue(snapshot.taskQueue);
+                        });
+                    }
+                    setSessionsOpen(false);
+                    return;
+                }
                 if (pickerOpen) {
                     const selected = pickerItems[pickerIndex];
                     if (selected) {
                         void engine.selectModel(selected.id);
                         setPickerOpen(false);
-                        setLines((current) => [...current, { role: 'assistant', text: `model selected: ${selected.id} (saved as default)` }]);
+                        pushTool(`model → ${selected.id} (saved as default)`, 'model');
                     }
                     return;
                 }
@@ -324,75 +513,92 @@ export function TerminalInterface({ engine }) {
                     const raw = edit.value.trim();
                     const attachMatch = /^\/attach\s+(.+)$/.exec(raw);
                     if (raw === '/help') {
-                        setLines((current) => [...current,
-                            { role: 'tool', text: '/help — show commands', toolName: 'commands' },
-                            { role: 'tool', text: '/clear — start a fresh conversation', toolName: 'commands' },
-                            { role: 'tool', text: '/attach <files> — attach files to the next message', toolName: 'commands' },
-                            { role: 'tool', text: 'keys: Ctrl+O models · Ctrl+E mode · Ctrl+C cancel · PgUp/PgDn scroll · ↑/↓ prompt history', toolName: 'commands' },
-                        ]);
+                        HELP.forEach((text) => pushTool(text, 'help'));
+                        setEdit({ value: '', cursor: 0 });
+                        historyIdxRef.current = -1;
+                        return;
+                    }
+                    const findMatch = /^\/find\s+(.+)$/.exec(raw);
+                    if (findMatch) {
+                        const needle = findMatch[1].toLowerCase();
+                        const hits = lines.filter((line) => line.text.toLowerCase().includes(needle));
+                        if (hits.length === 0)
+                            pushTool(`no match for "${findMatch[1]}"`, 'find');
+                        else {
+                            pushTool(`find "${findMatch[1]}" · ${hits.length} match${hits.length === 1 ? '' : 'es'}`, 'find');
+                            hits.slice(-6).forEach((hit) => pushTool(`  ${labelFor(hit.role, hit.model, hit.toolName)} · ${clip(hit.text.replace(/\n/g, ' '), Math.max(20, width - 16))}`, 'find'));
+                        }
+                        setEdit({ value: '', cursor: 0 });
+                        historyIdxRef.current = -1;
+                        return;
+                    }
+                    if (raw === '/chapters' || raw === '/chapter') {
+                        const list = chapters();
+                        if (list.length === 0)
+                            pushTool('no chapters yet — each prompt starts one', 'chapters');
+                        else
+                            list.forEach((chapter, order) => pushTool(`${order + 1}. ${chapter.title}`, 'chapters'));
                         setEdit({ value: '', cursor: 0 });
                         historyIdxRef.current = -1;
                         return;
                     }
+                    if (raw === '/sessions') {
+                        void listSessions(engine.state.workspace.root).then((sessions) => {
+                            setSessionsList(sessions);
+                            setSessionsIndex(0);
+                            setSessionsOpen(sessions.length > 0);
+                            if (sessions.length === 0)
+                                pushTool('no saved sessions — use /save <name> to snapshot this one', 'sessions');
+                        });
+                        setEdit({ value: '', cursor: 0 });
+                        return;
+                    }
+                    const saveMatch = /^\/save\s+([\w.-]+)$/.exec(raw);
+                    if (saveMatch) {
+                        const name = saveMatch[1];
+                        void saveSnapshot(engine.state.workspace.root, name, {
+                            messages: [...engine.state.messages], taskQueue: [...engine.state.taskQueue], savedAt: new Date().toISOString(),
+                        }).then(() => pushTool(`session saved: ${name}`, 'sessions'))
+                            .catch((reason) => pushLine({ role: 'error', text: `save failed: ${reason instanceof Error ? reason.message : String(reason)}` }));
+                        setEdit({ value: '', cursor: 0 });
+                        return;
+                    }
+                    const delMatch = /^\/forget\s+([\w.-]+)$/.exec(raw);
+                    if (delMatch) {
+                        void deleteSnapshot(engine.state.workspace.root, delMatch[1]).then(() => pushTool(`session deleted: ${delMatch[1]}`, 'sessions'));
+                        setEdit({ value: '', cursor: 0 });
+                        return;
+                    }
                     if (raw === '/clear') {
                         historyIdxRef.current = -1;
-                        followTranscriptRef.current = true;
-                        setScrollOffset(0);
                         setTaskQueue([]);
                         setError(undefined);
                         setCurrentTool(undefined);
                         setToolCards([]);
                         setExpandedTool(undefined);
+                        setAgents([]);
                         runStartedAt.current = null;
                         setLiveThink('');
                         setLiveAnswer('');
                         syncPromptHistory([]);
+                        setStaticKey((k) => k + 1);
                         setLines([]);
                         void engine.clearHistory().catch(() => { });
                         setEdit({ value: '', cursor: 0 });
                         return;
                     }
                     const prompt = attachMatch ? '' : raw;
-                    if (busy || (!prompt && !attachMatch))
+                    const attachSpec = attachMatch ? attachMatch[1] : undefined;
+                    if (!prompt && !attachSpec)
+                        return;
+                    if (busy) {
+                        queuedRef.current = { prompt, attachSpec };
+                        setQueued(prompt || `/attach ${attachSpec ?? ''}`.trim());
+                        setEdit({ value: '', cursor: 0 });
+                        historyIdxRef.current = -1;
                         return;
-                    followTranscriptRef.current = true;
-                    setScrollOffset(0);
-                    setEdit({ value: '', cursor: 0 });
-                    setBusy(true);
-                    setError(undefined);
-                    setToolCards([]);
-                    setExpandedTool(undefined);
-                    if (runStartedAt.current === null)
-                        runStartedAt.current = Date.now();
-                    setNow(Date.now());
-                    historyIdxRef.current = -1;
-                    if (prompt) {
-                        syncPromptHistory([prompt, ...promptHistoryRef.current.filter((entry) => entry !== prompt)].slice(0, 200));
-                        void appendPromptHistory(prompt).catch(() => { });
                     }
-                    if (!attachMatch)
-                        setLines((current) => [...current, { role: 'user', text: prompt }]);
-                    void (async () => {
-                        try {
-                            if (attachMatch)
-                                await engine.attach(attachMatch[1].split(/\s+/).filter(Boolean));
-                            await engine.run(prompt);
-                            /* answer is streamed live via text_delta / text events */
-                        }
-                        catch (reason) {
-                            const message = reason instanceof Error ? reason.message : String(reason);
-                            setError(message);
-                            setLines((current) => [...current, { role: 'error', text: message }]);
-                        }
-                        finally {
-                            setBusy(false);
-                            setCurrentTool(undefined);
-                            setToolCards((current) => current.map((card) => card.status === 'running' ? { ...card, status: 'error' } : card));
-                            runStartedAt.current = null;
-                            setLiveThink('');
-                            setLiveAnswer('');
-                        }
-                    })();
+                    startRun(prompt, attachSpec);
                 }
                 return;
             case 'escape':
@@ -400,13 +606,16 @@ export function TerminalInterface({ engine }) {
                     approve(false);
                     return;
                 }
+                if (sessionsOpen) {
+                    setSessionsOpen(false);
+                    return;
+                }
                 if (pickerOpen) {
                     setPickerOpen(false);
                     return;
                 }
                 return;
             case 'ctrlC':
-                // While a run is in flight, Ctrl+C cancels that run; when idle it quits.
                 if (busy) {
                     engine.cancel();
                     return;
@@ -424,6 +633,10 @@ export function TerminalInterface({ engine }) {
                 cycleMode();
                 return;
             case 'up':
+                if (sessionsOpen) {
+                    setSessionsIndex((current) => clamp(current - 1, 0, Math.max(0, sessionsList.length - 1)));
+                    return;
+                }
                 if (pickerOpen) {
                     setPickerIndex((current) => clamp(current - 1, 0, Math.max(0, pickerItems.length - 1)));
                     return;
@@ -435,6 +648,10 @@ export function TerminalInterface({ engine }) {
                 setEdit((current) => ({ ...current, cursor: moveVerticalWrapped(current.value, current.cursor, -1, inputWidth) }));
                 return;
             case 'down':
+                if (sessionsOpen) {
+                    setSessionsIndex((current) => clamp(current + 1, 0, Math.max(0, sessionsList.length - 1)));
+                    return;
+                }
                 if (pickerOpen) {
                     setPickerIndex((current) => clamp(current + 1, 0, Math.max(0, pickerItems.length - 1)));
                     return;
@@ -471,13 +688,25 @@ export function TerminalInterface({ engine }) {
                 return;
         }
     };
-    // Legacy keys Ink parses correctly (\r, \n, \x08, ESC[A arrows, ctrl+letters) plus text and paste.
     useInput((value, key) => {
         if (approval) {
-            if (value === 'y' || value === 'Y' || key.return)
-                applyAction({ kind: 'submit' });
-            else if (value === 'n' || value === 'N' || key.escape)
-                applyAction({ kind: 'escape' });
+            if (value === 'y' || value === 'Y' || key.return) {
+                approve(true);
+                return;
+            }
+            if (value === 'n' || value === 'N' || key.escape) {
+                approve(false);
+                return;
+            }
+            if (value === 't' || value === 'T') {
+                approve(true, approval.scopes[0]?.id);
+                return;
+            }
+            const digit = Number(value);
+            if (Number.isInteger(digit) && digit >= 1 && digit <= approval.scopes.length) {
+                approve(true, approval.scopes[digit - 1]?.id);
+                return;
+            }
             return;
         }
         if (key.ctrl && value === 'c') {
@@ -515,15 +744,33 @@ export function TerminalInterface({ engine }) {
             }
             return;
         }
-        if (key.pageUp || (key.ctrl && value.toLowerCase() === 'u')) {
-            scrollTranscript(pageSizeRef.current);
+        if (sessionsOpen) {
+            if (key.escape) {
+                applyAction({ kind: 'escape' });
+                return;
+            }
+            if (key.upArrow) {
+                applyAction({ kind: 'up' });
+                return;
+            }
+            if (key.downArrow) {
+                applyAction({ kind: 'down' });
+                return;
+            }
+            if (key.return) {
+                applyAction({ kind: 'submit' });
+                return;
+            }
+            return;
+        }
+        if (key.ctrl && value.toLowerCase() === 'l') {
+            setLayoutDebug((current) => !current);
             return;
         }
-        if (key.pageDown || (key.ctrl && value.toLowerCase() === 'd')) {
-            scrollTranscript(-pageSizeRef.current);
+        if (key.ctrl && value.toLowerCase() === 'y') {
+            yankLastBlock();
             return;
         }
-        // Ctrl+T toggles the most recent tool card between collapsed and expanded.
         if (key.ctrl && value.toLowerCase() === 't') {
             const latest = toolCards[toolCards.length - 1];
             setExpandedTool((current) => (latest && current === latest.id) ? undefined : (latest ? latest.id : undefined));
@@ -550,7 +797,7 @@ export function TerminalInterface({ engine }) {
             return;
         }
         if (!key.upArrow && !key.downArrow && !key.leftArrow && !key.rightArrow)
-            historyIdxRef.current = -1; // typing exits history recall
+            historyIdxRef.current = -1;
         if (key.upArrow) {
             applyAction({ kind: 'up' });
             return;
@@ -567,7 +814,6 @@ export function TerminalInterface({ engine }) {
             applyAction({ kind: 'right' });
             return;
         }
-        // 0x7f is Backspace on Windows ConPTY and the kitty-encoded keys are owned by the raw stdin listener.
         if (value.length > 1 && !isEncodedKey(value)) {
             setEdit((current) => insertAt(current.value, current.cursor, normalizePaste(value)));
             return;
@@ -575,7 +821,6 @@ export function TerminalInterface({ engine }) {
         if (!key.ctrl && !key.meta && value && !isEncodedKey(value))
             setEdit((current) => insertAt(current.value, current.cursor, value));
     });
-    // Raw stdin: disambiguate Windows Backspace (0x7f), the real Delete key, and kitty-protocol keys.
     useEffect(() => {
         if (!stdin)
             return;
@@ -587,161 +832,67 @@ export function TerminalInterface({ engine }) {
         stdin.on('data', onData);
         return () => { stdin.off('data', onData); };
     }, [stdin, applyAction]);
-    // Legacy Ctrl+M is the CR byte — identical to Enter — so mode cycling needs a
-    // distinguishable key (Ctrl+E works everywhere); kitty terminals also keep Ctrl+M.
+    useEffect(() => {
+        if (!busy)
+            return;
+        const id = setInterval(() => setNow(Date.now()), 250);
+        return () => clearInterval(id);
+    }, [busy]);
+    useEffect(() => {
+        if (busy)
+            return;
+        const pending = queuedRef.current;
+        if (!pending)
+            return;
+        queuedRef.current = null;
+        setQueued(undefined);
+        startRun(pending.prompt, pending.attachSpec);
+    }, [busy]);
     const modeKey = kitty === true ? 'M' : 'E';
+    const modeAccent = MODE_ACCENT[mode];
+    const contentWidth = Math.max(20, width - 6);
+    const terminalRows = stdout.rows ?? 24;
     const metrics = engine.client.snapshotMetrics();
-    const compression = metrics.compression.inputTokens > 0 ? `${Math.round((1 - metrics.compression.ratio) * 100)}% ${metrics.compression.strategy.toUpperCase()}` : '—';
-    const hud = [mode, engine.state.activeModel];
-    if (metrics.fallback.activeProvider)
-        hud.push(metrics.fallback.activeProvider);
-    if (metrics.remainingQuota !== undefined)
-        hud.push(`quota ${metrics.remainingQuota}`);
-    if (metrics.fallback.attempts > 0)
-        hud.push(`fb ${metrics.fallback.attempts}`);
-    hud.push(`saved ${compression}`);
-    // Live statusline fields: model, mode, running phase, tokens/context, elapsed.
-    const runningTool = toolCards[toolCards.length - 1];
+    const meter = contextMeter(metrics.compression.inputTokens, engine.state.activeModel, metrics.fallback.activeProvider);
+    const meterColor = meter.zone === 'danger' ? PALETTE.error : meter.zone === 'warn' ? PALETTE.warn : PALETTE.muted;
+    const contextLabel = metrics.compression.inputTokens > 0 ? `ctx ${meterBar(meter.fraction, 8)} ${Math.round(meter.fraction * 100)}%` : '';
+    const compression = metrics.compression.inputTokens > 0 ? `${Math.round((1 - metrics.compression.ratio) * 100)}% ${metrics.compression.strategy.toUpperCase()}` : '';
     const phase = busy && currentTool ? phaseFor(currentTool) : (busy ? 'working' : 'ready');
-    const elapsedMs = busy && runStartedAt.current !== null
-        ? Math.max(0, now - runStartedAt.current)
-        : 0;
+    const elapsedMs = busy && runStartedAt.current !== null ? Math.max(0, now - runStartedAt.current) : 0;
     const elapsed = busy
         ? (elapsedMs >= 60_000 ? `${Math.floor(elapsedMs / 60_000)}m${String(Math.floor((elapsedMs % 60_000) / 1000)).padStart(2, '0')}s` : `${Math.floor(elapsedMs / 1000)}s`)
         : '';
-    const contextLabel = metrics.compression.inputTokens > 0
-        ? `${(metrics.compression.inputTokens / 1000).toFixed(1)}k in`
-        : '';
-    const contentWidth = Math.max(20, width - 8);
-    const terminalRows = stdout.rows ?? 24;
     const editorLayout = useMemo(() => layoutEditor(edit.value, edit.cursor, inputWidth), [edit.value, edit.cursor, inputWidth]);
     const liveThinkLines = useMemo(() => renderMarkdown(liveThink, contentWidth), [liveThink, contentWidth]);
     const liveAnswerLines = useMemo(() => renderMarkdown(liveAnswer, contentWidth), [liveAnswer, contentWidth]);
-    const liveRows = useMemo(() => {
-        const rows = [];
-        if (liveThink !== '') {
-            rows.push({ key: 'live-think-label', kind: 'label', role: 'thinking' });
-            liveThinkLines.forEach((segments, index) => rows.push({ key: `live-think-${index}`, kind: 'content', role: 'thinking', segments }));
-        }
-        if (liveAnswer !== '') {
-            rows.push({ key: 'live-answer-label', kind: 'label', role: 'assistant' });
-            liveAnswerLines.forEach((segments, index) => rows.push({ key: `live-answer-${index}`, kind: 'content', role: 'assistant', segments }));
-        }
-        return rows;
-    }, [liveThink, liveAnswer, liveThinkLines, liveAnswerLines]);
-    // Cache markdown/wrapping per Line object. Streaming updates create new live
-    // text, but completed historical lines retain their rendered rows.
-    const rowCacheRef = useRef(null);
-    const allRows = useMemo(() => {
-        const fallback = engine.state.activeModel;
-        let cache = rowCacheRef.current;
-        if (cache === null || cache.width !== contentWidth || cache.fallback !== fallback) {
-            cache = { width: contentWidth, fallback, rows: new WeakMap() };
-            rowCacheRef.current = cache;
-        }
-        const out = [];
-        lines.forEach((line, lineIndex) => {
-            let rendered = cache.rows.get(line);
-            if (rendered === undefined) {
-                const label = labelFor(line.role, line.model, line.toolName, fallback);
-                const markdown = line.role !== 'tool' && line.role !== 'error';
-                const wrapped = markdown
-                    ? renderMarkdown(line.text, contentWidth)
-                    : wrap(line.text, contentWidth).map((text) => [{ text }]);
-                const next = [];
-                wrapped.forEach((segments, rowIndex) => next.push({ key: `message-${lineIndex}-${rowIndex}`, role: line.role, segments, label, first: rowIndex === 0 }));
-                if (line.saved)
-                    next.push({ key: `message-${lineIndex}-saved`, role: 'assistant', segments: [{ text: line.saved }], label: '', first: false, saved: line.saved });
-                rendered = next;
-                cache.rows.set(line, rendered);
-            }
-            out.push(...rendered);
-        });
-        return out;
-    }, [lines, contentWidth, engine.state.activeModel]);
-    const planRows = taskQueue.length > 0 ? 6 + Math.min(6, taskQueue.length) : 0;
-    const pickerGroups = new Set(pickerItems.map((item) => item.group)).size;
-    const pickerRows = pickerOpen ? 6 + pickerItems.length + pickerGroups + (pickerError || pickerItems.length === 0 ? 1 : 0) : 0;
-    const approvalRows = approval ? 8 : 0;
-    const inputRows = 3 + editorLayout.lines.length;
-    const footerRows = 3;
-    const chromeRows = 3 + footerRows + inputRows + (kitty !== null ? 1 : 0) + planRows + pickerRows + approvalRows;
-    const messageHeight = Math.max(3, terminalRows - chromeRows);
-    const toolRows = toolCards.length > 0 ? toolCards.length : 0; // one collapsed card per tool call
-    const statusRows = (engine.state.preview ? 1 : 0) + (busy ? 1 : 0) + toolRows;
-    const storedHeight = Math.max(0, messageHeight - Math.min(messageHeight, liveRows.length + statusRows));
-    const liveHeight = Math.max(0, messageHeight - storedHeight - statusRows);
-    const visibleLiveRows = liveHeight > 0 ? liveRows.slice(-liveHeight) : [];
-    const maxScroll = Math.max(0, allRows.length - storedHeight);
-    maxScrollRef.current = maxScroll;
-    pageSizeRef.current = Math.max(1, storedHeight - 2);
-    const boundedScroll = clamp(scrollOffset, 0, maxScroll);
-    const endRow = allRows.length - boundedScroll;
-    const startRow = Math.max(0, endRow - storedHeight);
-    const visibleRows = allRows.slice(startRow, endRow);
-    const hiddenAbove = startRow;
-    const hiddenBelow = boundedScroll;
-    const scrollStatus = allRows.length === 0
-        ? 'transcript empty'
-        : storedHeight === 0
-            ? `live output · ${allRows.length} transcript rows`
-            : hiddenBelow === 0
-                ? `showing rows ${startRow + 1}-${endRow} of ${allRows.length} · following latest`
-                : `showing rows ${startRow + 1}-${endRow} of ${allRows.length} · ${hiddenAbove} older · ${hiddenBelow} newer`;
-    useEffect(() => {
-        const previous = previousRowCountRef.current;
-        const added = allRows.length - previous;
-        previousRowCountRef.current = allRows.length;
-        if (previous === 0 || added <= 0)
-            return;
-        if (followTranscriptRef.current) {
-            setScrollOffset(0);
-        }
-        else {
-            setScrollOffset((current) => clamp(current + added, 0, maxScrollRef.current));
-        }
-    }, [allRows.length]);
-    useEffect(() => {
-        setScrollOffset((current) => clamp(current, 0, maxScroll));
-    }, [maxScroll]);
-    // Tick a clock while a run is in flight so the statusline can show elapsed time
-    // without re-rendering on every event. runStartedAt is set when a run begins.
-    useEffect(() => {
-        if (!busy)
-            return;
-        const id = setInterval(() => setNow(Date.now()), 250);
-        return () => clearInterval(id);
-    }, [busy]);
-    return _jsxs(Box, { flexDirection: "column", width: width, height: terminalRows, paddingX: 2, overflow: "hidden", children: [_jsxs(Box, { justifyContent: "space-between", paddingY: 1, children: [_jsxs(Text, { bold: true, color: "cyan", children: ["OMNIHARNESS ", _jsxs(Text, { dimColor: true, children: ["\u00B7 ", mode, " mode"] })] }), _jsx(Text, { dimColor: true, children: "OMNIROUTE :20128" })] }), _jsxs(Box, { flexDirection: "column", height: messageHeight, overflow: "hidden", children: [lines.length === 0 && _jsxs(Box, { flexDirection: "column", marginTop: 2, children: [_jsx(Text, { color: "cyan", bold: true, children: "Ready when you are." }), _jsxs(Text, { dimColor: true, children: ["Describe the work. OmniHarness routes it through your OmniRoute account. Ctrl+", modeKey, " cycles plan \u00B7 build \u00B7 research \u00B7 crazy."] })] }), visibleRows.map((row, index) => row.saved
-                        ? _jsx(Text, { dimColor: true, children: row.saved }, row.key)
-                        : row.first
-                            ? _jsxs(Box, { flexDirection: "column", marginTop: index === 0 ? 0 : 1, children: [_jsx(Text, { color: colorFor(row.role), bold: true, children: row.label }), _jsx(SegmentText, { segments: row.segments, role: row.role })] }, row.key)
-                            : _jsx(SegmentText, { segments: row.segments, role: row.role }, row.key)), visibleLiveRows.map((row) => row.kind === 'label'
-                        ? _jsx(Text, { color: colorFor(row.role), bold: true, children: row.role === 'thinking' ? 'think' : engine.state.activeModel }, row.key)
-                        : _jsx(SegmentText, { segments: row.segments, role: row.role }, row.key)), toolCards.slice(-6).map((card) => {
+    // Cap the streaming region so a long think/answer can't crowd out the chrome;
+    // the complete text lands in <Static> once the event fires.
+    const liveBudget = Math.max(3, terminalRows - 14 - Math.min(6, taskQueue.length) - Math.min(4, agents.length) - editorLayout.lines.length);
+    const liveThinkView = liveThinkLines.slice(-Math.max(2, Math.floor(liveBudget / 2)));
+    const liveAnswerView = liveAnswerLines.slice(-liveBudget);
+    const doneAgents = agents.filter((lane) => lane.status === 'done').length;
+    return _jsxs(Box, { flexDirection: "column", width: width, paddingX: 2, children: [_jsx(Static, { items: lines, children: (line, index) => _jsx(TranscriptEntry, { line: line, width: contentWidth, fallbackModel: engine.state.activeModel }, index) }, staticKey), _jsxs(Box, { flexDirection: "column", children: [lines.length === 0 && !busy && _jsx(Hero, { width: width, endpoint: engine.client.endpoint ?? 'omniroute', model: engine.state.activeModel, mode: mode }), liveThink !== '' && _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: PALETTE.warn, children: "\u00B7 thinking" }), liveThinkView.map((segments, index) => _jsx(SegmentText, { segments: segments, role: "thinking" }, index))] }), liveAnswer !== '' && _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { bold: true, color: PALETTE.accent, children: ["\u25C6 ", engine.state.activeModel] }), liveAnswerView.map((segments, index) => _jsx(SegmentText, { segments: segments, role: "assistant" }, index))] }), toolCards.slice(-5).map((card) => {
                         const expanded = expandedTool === card.id;
-                        const status = card.status === 'running' ? _jsx(Text, { color: PALETTE.warn, children: "\u2022 running" }) : card.status === 'error' ? _jsx(Text, { color: PALETTE.error, children: "\u2715 error" }) : _jsx(Text, { color: PALETTE.success, children: "\u2713 done" });
-                        const target = card.target ? ` · ${clip(card.target, Math.max(10, contentWidth - 40))}` : '';
-                        const badge = expanded ? '▾' : '▸';
-                        return _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: [badge, " ", card.name, target, " \u00B7 ", status, expanded ? '  ·  Ctrl+T to collapse' : ''] }), expanded && (card.trail
-                                    ? looksLikeDiff(card.trail)
-                                        ? diffSegments(card.trail, contentWidth).slice(0, 12).map((segments, index) => _jsx(SegmentText, { segments: segments, role: "tool" }, index))
-                                        // A file-edit trail is the new content; show it as added (green) lines.
-                                        : card.trail.split('\n').slice(0, 12).map((line, index) => _jsx(Text, { color: PALETTE.success, children: line }, index))
-                                    : card.summary
-                                        ? _jsx(Text, { dimColor: true, children: clip(card.summary, contentWidth) })
-                                        : _jsx(Text, { dimColor: true, children: "(no output)" }))] }, card.id);
-                    }), engine.state.preview && _jsxs(Text, { color: "green", dimColor: true, children: ["preview live \u00B7 ", engine.state.preview.url] }), busy && _jsxs(Text, { color: "cyan", children: [_jsx(Spinner, { type: "dots" }), " working in ", mode, " mode on ", engine.state.activeModel, currentTool ? ` · now ${currentTool}` : ''] })] }), taskQueue.length > 0 && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, marginTop: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: "cyan", children: "plan" }), _jsxs(Text, { dimColor: true, children: [taskQueue.filter((item) => item.status === 'done').length, "/", taskQueue.length, " done"] })] }), taskQueue.slice(-6).map((item) => {
-                        const marker = item.status === 'done' ? '✓' : item.status === 'active' ? '▸' : '○';
-                        const color = item.status === 'done' ? 'green' : item.status === 'active' ? 'cyan' : undefined;
-                        return _jsxs(Text, { color: color, dimColor: item.status === 'done', children: [marker, " ", clip(item.title, contentWidth - 4)] }, item.id);
-                    })] }), pickerOpen && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: "magenta", children: "Choose an OmniRoute model" }), _jsx(Text, { dimColor: true, children: "\u2191\u2193 / j k navigate \u00B7 enter select \u00B7 esc close" }), pickerError && _jsx(Text, { color: "red", children: clip(pickerError, contentWidth) }), pickerItems.length === 0 && !pickerError && _jsx(Text, { dimColor: true, children: "No models returned by OmniRoute." }), pickerItems.map((item, index) => {
-                        const header = index === 0 || pickerItems[index - 1].group !== item.group
-                            ? _jsx(Text, { dimColor: true, bold: true, children: item.group === 'combos' ? 'your combos' : 'auto engine' }, `h-${item.group}`)
-                            : null;
-                        return _jsxs(Box, { flexDirection: "column", children: [header, _jsxs(Text, { color: index === pickerIndex ? 'cyan' : undefined, children: [index === pickerIndex ? '› ' : '  ', item.id, item.strategy ? _jsxs(Text, { dimColor: true, children: ["  \u00B7 ", item.strategy] }) : null, item.id === engine.state.activeModel ? '  ✓' : ''] })] }, item.id);
-                    })] }), approval && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, marginTop: 1, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Approve ", approval.tool, "?"] }), _jsxs(Text, { dimColor: true, children: ["args: ", clip(typeof approval.input === 'string' ? approval.input : JSON.stringify(approval.input), contentWidth)] }), _jsx(Text, { dimColor: true, children: "y approve \u00B7 n deny" })] }), _jsx(Box, { borderStyle: "round", borderColor: error ? 'red' : 'cyan', paddingX: 1, marginTop: 1, flexDirection: "column", children: edit.value === ''
-                    ? _jsxs(Text, { color: "cyan", children: ["\u203A ", _jsx(Text, { dimColor: true, children: "type a task and press enter" })] })
-                    : editorLayout.lines.map((text, index) => _jsxs(Text, { color: "cyan", children: [index === 0 ? '› ' : '  ', text] }, index)) }), kitty !== null && _jsx(Text, { dimColor: true, children: kitty ? 'kitty protocol active — Shift+Enter makes a new line' : 'this terminal can\'t distinguish Shift+Enter from Enter — use Ctrl+J for a new line' }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { color: busy ? PALETTE.info : PALETTE.muted, children: [busy && _jsx(Spinner, { type: "dots" }), phase, elapsed ? ` · ${elapsed}` : ''] }), _jsx(Text, { color: PALETTE.muted, children: [engine.state.activeModel, mode, contextLabel, scrollStatus].filter(Boolean).join(' · ') })] }), _jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { dimColor: true, children: ["Enter send \u00B7 Shift+Enter/Ctrl+J new line \u00B7 Ctrl+O models \u00B7 Ctrl+", modeKey, " mode \u00B7 Ctrl+C cancel/quit \u00B7 /help \u00B7 Ctrl+T tool"] }), hud.length > 0 && _jsx(Text, { dimColor: true, children: hud.join(' · ') })] })] })] });
+                        const dot = card.status === 'running' ? _jsx(Text, { color: PALETTE.warn, children: "\u25CD" }) : card.status === 'error' ? _jsx(Text, { color: PALETTE.error, children: "\u2715" }) : _jsx(Text, { color: PALETTE.success, children: "\u2713" });
+                        const head = card.name === 'run_command'
+                            ? `$ ${clip(card.target || '…', Math.max(10, contentWidth - 20))}`
+                            : `${toolVerb(card.name)}${card.target ? ` ${clip(card.target, Math.max(10, contentWidth - 24))}` : ''}`;
+                        return _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: [dot, " ", head, expanded ? '   Ctrl+T collapse' : ''] }), expanded && renderToolBody(card, contentWidth, PALETTE)] }, card.id);
+                    }), agents.length > 0 && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 2, marginTop: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: PALETTE.error, children: "\u26A1 swarm" }), _jsxs(Text, { dimColor: true, children: [doneAgents, "/", agents.length, " lanes done"] })] }), agents.map((lane, index) => {
+                                const color = AGENT_COLORS[index % AGENT_COLORS.length];
+                                const glyph = lane.status === 'done' ? '✓' : lane.status === 'error' ? '✕' : lane.status === 'working' ? '◍' : '○';
+                                return _jsxs(Text, { color: color, children: [glyph, " ", lane.id, " ", _jsx(Text, { dimColor: true, children: clip(lane.note ?? lane.label, Math.max(12, contentWidth - 8)) })] }, lane.id);
+                            })] }), taskQueue.length > 0 && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 2, marginTop: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: PALETTE.accent, children: "\u25C7 plan" }), _jsxs(Text, { dimColor: true, children: [taskQueue.filter((item) => item.status === 'done').length, "/", taskQueue.length, " done"] })] }), taskQueue.slice(-6).map((item) => {
+                                const marker = item.status === 'done' ? '✓' : item.status === 'active' ? '◈' : '○';
+                                const color = item.status === 'done' ? PALETTE.success : item.status === 'active' ? PALETTE.accent : undefined;
+                                return _jsxs(Text, { color: color, dimColor: item.status === 'done', children: [marker, " ", clip(item.title, contentWidth - 4)] }, item.id);
+                            })] }), engine.state.preview && _jsxs(Text, { color: PALETTE.success, children: ["\u25B8 preview live \u00B7 ", engine.state.preview.url] }), sessionsOpen && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.info, paddingX: 2, marginTop: 1, children: [_jsx(Text, { bold: true, color: PALETTE.info, children: "saved sessions" }), _jsx(Text, { dimColor: true, children: "\u2191\u2193 navigate \u00B7 enter resume \u00B7 esc close" }), sessionsList.map((session, index) => (_jsxs(Text, { color: index === sessionsIndex ? PALETTE.info : undefined, children: [index === sessionsIndex ? '❯ ' : '  ', session.name, session.savedAt ? _jsxs(Text, { dimColor: true, children: ["  \u00B7  ", session.savedAt] }) : null] }, session.name)))] }), pickerOpen && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 2, marginTop: 1, children: [_jsx(Text, { bold: true, color: PALETTE.accent, children: "choose an OmniRoute model" }), _jsx(Text, { dimColor: true, children: "\u2191\u2193 / j k navigate \u00B7 enter select \u00B7 esc close" }), pickerError && _jsx(Text, { color: PALETTE.error, children: clip(pickerError, contentWidth) }), pickerItems.length === 0 && !pickerError && _jsx(Text, { dimColor: true, children: "no models returned by OmniRoute." }), pickerItems.map((item, index) => {
+                                const header = index === 0 || pickerItems[index - 1].group !== item.group
+                                    ? _jsx(Text, { dimColor: true, bold: true, children: item.group === 'combos' ? 'your combos' : 'auto engine' }, `h-${item.group}`)
+                                    : null;
+                                return _jsxs(Box, { flexDirection: "column", children: [header, _jsxs(Text, { color: index === pickerIndex ? PALETTE.accent : undefined, children: [index === pickerIndex ? '❯ ' : '  ', item.id, item.strategy ? _jsxs(Text, { dimColor: true, children: ["  \u00B7 ", item.strategy] }) : null, item.id === engine.state.activeModel ? '  ✓' : ''] })] }, item.id);
+                            })] }), approval && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warn, paddingX: 2, marginTop: 1, children: [_jsxs(Text, { bold: true, color: PALETTE.warn, children: ["approve ", approval.tool, "?"] }), _jsxs(Text, { dimColor: true, children: ["args: ", clip(JSON.stringify(approval.input), contentWidth)] }), approval.scopes.map((scope, index) => _jsxs(Text, { dimColor: true, children: ["  ", index + 1, " \u00B7 ", clip(scope.label, Math.max(12, contentWidth - 6))] }, scope.id)), _jsxs(Text, { dimColor: true, children: ["y allow once \u00B7 n deny \u00B7 t always allow \u00B7 1\u2013", approval.scopes.length, " pick a trust scope"] })] }), layoutDebug && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.muted, paddingX: 2, marginTop: 1, children: [_jsxs(Text, { bold: true, dimColor: true, children: ["layout \u00B7 ", width, "\u00D7", terminalRows, " \u00B7 Ctrl+L to hide"] }), _jsxs(Text, { dimColor: true, children: ["static entries ", lines.length, " \u00B7 live budget ", liveBudget, " \u00B7 think ", liveThinkLines.length, " \u00B7 answer ", liveAnswerLines.length] }), _jsxs(Text, { dimColor: true, children: ["plan ", taskQueue.length, " \u00B7 swarm ", agents.length, " \u00B7 tool cards ", toolCards.length, " \u00B7 editor rows ", editorLayout.lines.length] })] }), queued && _jsxs(Text, { color: PALETTE.warn, children: ["\u23CE queued \u00B7 ", clip(queued, Math.max(12, contentWidth - 12))] }), _jsx(Box, { borderStyle: "round", borderColor: error ? PALETTE.error : modeAccent, paddingX: 1, marginTop: 1, flexDirection: "column", children: edit.value === ''
+                            ? _jsxs(Text, { color: modeAccent, children: ["\u276F ", _jsx(Text, { dimColor: true, children: busy ? 'type to queue the next task' : 'describe the work and press enter' })] })
+                            : editorLayout.lines.map((text, index) => _jsxs(Text, { color: modeAccent, children: [index === 0 ? '❯ ' : '  ', text] }, index)) }), kitty !== null && _jsx(Text, { dimColor: true, children: kitty ? 'kitty protocol active — Shift+Enter makes a new line' : 'this terminal can\'t distinguish Shift+Enter from Enter — use Ctrl+J for a new line' }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { color: busy ? modeAccent : PALETTE.muted, children: [busy && _jsx(Spinner, { type: "dots" }), busy ? ' ' : '', phase, elapsed ? ` · ${elapsed}` : '', agents.length > 0 ? ` · swarm ${doneAgents}/${agents.length}` : ''] }), _jsxs(Text, { color: PALETTE.muted, children: [_jsx(Text, { color: modeAccent, children: mode }), " \u00B7 ", engine.state.activeModel, metrics.fallback.activeProvider ? _jsxs(Text, { children: [" \u00B7 via ", metrics.fallback.activeProvider] }) : null, contextLabel ? _jsxs(Text, { color: meterColor, children: [" \u00B7 ", contextLabel] }) : null] })] }), _jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { dimColor: true, children: ["Enter send \u00B7 Ctrl+J newline \u00B7 Ctrl+O models \u00B7 Ctrl+", modeKey, " mode \u00B7 Ctrl+T tool \u00B7 Ctrl+Y copy \u00B7 Ctrl+C ", busy ? 'cancel' : 'quit', " \u00B7 /help"] }), compression ? _jsxs(Text, { dimColor: true, children: ["saved ", compression, metrics.remainingQuota !== undefined ? ` · quota ${metrics.remainingQuota}` : ''] }) : null] })] })] })] });
 }
 //# sourceMappingURL=terminalInterface.js.map