omniharness-cli 0.1.38 → 0.1.39

package/dist/ui/terminalInterface.js

@@ -1,17 +1,26 @@
 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 { foldToolGroups } from './groups.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;
@@ -104,23 +113,22 @@ 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. */
@@ -133,7 +141,6 @@ function renderToolBody(card, width, p) {
     }
     const rows = trail.split('\n').slice(0, 14);
     if (card.name === 'write_file') {
-        // A write trail is the new file content — show it as added (green) lines.
         return _jsx(_Fragment, { children: rows.map((line, index) => _jsx(Text, { color: p.success, children: line.slice(0, width) }, index)) });
     }
     if (card.name === 'run_command') {
@@ -145,23 +152,26 @@ function renderToolBody(card, width, p) {
     }
     return _jsx(_Fragment, { children: rows.map((line, index) => _jsx(Text, { dimColor: true, children: line.slice(0, width) }, index)) });
 }
-/** Render one Line into transcript Rows (label row + content rows). */
-function renderLineToRows(line, lineIndex, width, fallback) {
-    const baseLabel = labelFor(line.role, line.model, line.toolName, fallback);
-    // Route ribbon: the provider a given answer actually came from is provenance —
-    // it belongs on the answer's label, next to the model badge.
+/**
+ * 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 markdown = line.role !== 'tool' && line.role !== 'error';
-    const wrapped = markdown
+    const asMarkdown = line.role !== 'tool' && line.role !== 'error';
+    const rows = asMarkdown
         ? renderMarkdown(line.text, width)
         : wrap(line.text, width).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 });
-    return next;
+    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();
@@ -170,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; };
@@ -195,27 +202,21 @@ export function TerminalInterface({ engine }) {
     const [sessionsList, setSessionsList] = useState([]);
     const [sessionsOpen, setSessionsOpen] = useState(false);
     const [sessionsIndex, setSessionsIndex] = useState(0);
-    const [groupsExpanded, setGroupsExpanded] = useState(false);
     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());
-    // A prompt typed while a run is in flight: stashed here and submitted when the run ends.
     const queuedRef = useRef(null);
     const [queued, setQueued] = useState();
-    // Ctrl+L paints the row budget of every layout region over the transcript.
     const [layoutDebug, setLayoutDebug] = useState(false);
-    // Restores plain stdout.write when synchronized-output bracketing is torn down.
     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);
@@ -227,10 +228,8 @@ 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.
-        // The same probe pass asks about synchronized output (DECSET 2026): a positive
-        // reply lets us bracket every frame so streaming never tears mid-repaint.
-        const onKitty = (chunk) => {
+        // 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);
@@ -239,12 +238,12 @@ export function TerminalInterface({ engine }) {
                 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);
         }
@@ -261,24 +260,31 @@ 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,
-                            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,
-                        }]);
+                    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':
-                    setLines((current) => [...current, {
-                            role: 'tool', toolName: 'route',
-                            text: event.fallback
-                                ? `route · failover → ${event.provider ?? 'unknown'} (attempt ${event.attempts + 1})${event.reason ? ` · ${event.reason}` : ''}`
-                                : `route · ${event.provider ?? 'unknown'}`,
-                        }]);
+                    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, {
@@ -302,10 +308,10 @@ export function TerminalInterface({ engine }) {
                     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;
             }
         });
@@ -318,7 +324,7 @@ 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;
@@ -357,7 +363,7 @@ 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 = (approved, trust) => {
         const resolve = approvalResolve.current;
@@ -365,31 +371,30 @@ export function TerminalInterface({ engine }) {
         approvalResolve.current = null;
         resolve?.({ approved, trust });
     };
-    /** Copy the most recent assistant reply (or last transcript line) to the clipboard via OSC 52. */
+    /** 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) {
-            setLines((current) => [...current, { role: 'tool', text: 'clipboard: block too large to copy', toolName: 'clipboard' }]);
+            pushTool('clipboard: block too large to copy', 'clipboard');
             return;
         }
         try {
             stdout.write(seq);
-            setLines((current) => [...current, { role: 'tool', text: `copied ${target.text.length} chars to clipboard`, toolName: 'clipboard' }]);
+            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) => {
-        followTranscriptRef.current = true;
-        setScrollOffset(0);
         setEdit({ value: '', cursor: 0 });
         setBusy(true);
         setError(undefined);
         setToolCards([]);
         setExpandedTool(undefined);
+        setAgents([]);
         if (runStartedAt.current === null)
             runStartedAt.current = Date.now();
         setNow(Date.now());
@@ -399,28 +404,33 @@ export function TerminalInterface({ engine }) {
             void appendPromptHistory(prompt).catch(() => { });
         }
         if (!attachSpec)
-            setLines((current) => [...current, { role: 'user', text: prompt }]);
+            pushLine({ role: 'user', text: prompt });
         void (async () => {
             try {
                 if (attachSpec)
                     await engine.attach(attachSpec.split(/\s+/).filter(Boolean));
                 await engine.run(prompt);
-                /* answer is streamed live via text_delta / text events */
+                // 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);
-                setLines((current) => [...current, { role: 'error', text: 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('');
-                // A long run probably pulled focus elsewhere: nudge with a bell + OSC 9 notification.
                 if (startedAt !== null && shouldNudgeOnFinish(Date.now() - startedAt)) {
                     try {
                         stdout.write(osc9Notify('OmniHarness — run finished'));
@@ -443,37 +453,23 @@ 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 === '';
-    // Kept current each render so jumpToLine (defined before the row layout is
-    // computed) can resolve a transcript-line index to a scroll position.
-    const allRowsRef = useRef([]);
-    const storedHeightRef = useRef(0);
-    /** Scroll so the first rendered row of transcript line `lineIndex` sits at the top. */
-    const jumpToLine = (lineIndex) => {
-        const rows = allRowsRef.current;
-        const targetRow = rows.findIndex((row) => row.key.startsWith(`message-${lineIndex}-`));
-        if (targetRow < 0)
-            return;
-        followTranscriptRef.current = false;
-        const desired = rows.length - targetRow - storedHeightRef.current;
-        setScrollOffset(clamp(desired, 0, maxScrollRef.current));
-    };
     /** 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)' }]
         : []);
-    /** 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;
-        });
-    };
+    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')
@@ -493,12 +489,12 @@ export function TerminalInterface({ engine }) {
                     if (selected) {
                         void loadSnapshot(engine.state.workspace.root, selected.name).then((snapshot) => {
                             if (snapshot == null) {
-                                setLines((current) => [...current, { role: 'error', text: `snapshot ${selected.name} is unreadable` }]);
+                                pushLine({ role: 'error', text: `snapshot ${selected.name} is unreadable` });
                                 return;
                             }
-                            setLines(snapshot.messages.map(lineFromMessage));
+                            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);
-                            setLines((current) => [...current, { role: 'tool', text: `session resumed: ${selected.name} (${snapshot.messages.length} messages)`, toolName: 'sessions' }]);
                         });
                     }
                     setSessionsOpen(false);
@@ -509,7 +505,7 @@ export function TerminalInterface({ engine }) {
                     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;
                 }
@@ -517,18 +513,7 @@ 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: '/sessions — list saved sessions (enter to resume)', toolName: 'commands' },
-                            { role: 'tool', text: '/save <name> — snapshot the current session', toolName: 'commands' },
-                            { role: 'tool', text: '/forget <name> — delete a saved session', toolName: 'commands' },
-                            { role: 'tool', text: '/attach <files> — attach files to the next message', toolName: 'commands' },
-                            { role: 'tool', text: '/find <text> — jump to the most recent line containing <text>', toolName: 'commands' },
-                            { role: 'tool', text: '/chapters — list turns and jump: /chapters <n>', toolName: 'commands' },
-                            { role: 'tool', text: 'keys: Ctrl+O models · Ctrl+E mode · Ctrl+C cancel · PgUp/PgDn scroll · Ctrl+G fold tool groups · Ctrl+T tool card · Ctrl+Y copy last reply · Ctrl+L layout budget · ↑/↓ prompt history', toolName: 'commands' },
-                            { role: 'tool', text: 'a prompt typed while a run is working is queued and sent when it finishes', toolName: 'commands' },
-                        ]);
+                        HELP.forEach((text) => pushTool(text, 'help'));
                         setEdit({ value: '', cursor: 0 });
                         historyIdxRef.current = -1;
                         return;
@@ -536,36 +521,23 @@ export function TerminalInterface({ engine }) {
                     const findMatch = /^\/find\s+(.+)$/.exec(raw);
                     if (findMatch) {
                         const needle = findMatch[1].toLowerCase();
-                        const hits = lines.map((line, index) => ({ line, index })).filter(({ line }) => line.text.toLowerCase().includes(needle));
-                        const last = hits[hits.length - 1];
-                        setLines((current) => [...current, {
-                                role: 'tool', toolName: 'find',
-                                text: last ? `find "${findMatch[1]}" · ${hits.length} match${hits.length === 1 ? '' : 'es'} · jumped to the most recent` : `no match for "${findMatch[1]}"`,
-                            }]);
-                        if (last)
-                            jumpToLine(last.index);
-                        setEdit({ value: '', cursor: 0 });
-                        historyIdxRef.current = -1;
-                        return;
-                    }
-                    const chapterJump = /^\/chapters?\s+(\d+)$/.exec(raw);
-                    if (chapterJump) {
-                        const list = chapters();
-                        const pick = list[Number(chapterJump[1]) - 1];
-                        if (pick)
-                            jumpToLine(pick.index);
-                        setLines((current) => [...current, { role: 'tool', toolName: 'chapters', text: pick ? `jumped to chapter ${chapterJump[1]}: ${pick.title}` : `no chapter ${chapterJump[1]}` }]);
+                        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();
-                        setLines((current) => [...current,
-                            ...(list.length === 0 ? [{ role: 'tool', toolName: 'chapters', text: 'no chapters yet — each prompt starts one' }]
-                                : list.map((chapter, order) => ({ role: 'tool', toolName: 'chapters', text: `${order + 1}. ${chapter.title}` }))),
-                            ...(list.length > 0 ? [{ role: 'tool', toolName: 'chapters', text: '/chapters <n> to jump' }] : []),
-                        ]);
+                        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;
@@ -575,9 +547,8 @@ export function TerminalInterface({ engine }) {
                             setSessionsList(sessions);
                             setSessionsIndex(0);
                             setSessionsOpen(sessions.length > 0);
-                            if (sessions.length === 0) {
-                                setLines((current) => [...current, { role: 'tool', text: 'no saved sessions — use /save <name> to snapshot this one', toolName: 'sessions' }]);
-                            }
+                            if (sessions.length === 0)
+                                pushTool('no saved sessions — use /save <name> to snapshot this one', 'sessions');
                         });
                         setEdit({ value: '', cursor: 0 });
                         return;
@@ -587,35 +558,30 @@ export function TerminalInterface({ engine }) {
                         const name = saveMatch[1];
                         void saveSnapshot(engine.state.workspace.root, name, {
                             messages: [...engine.state.messages], taskQueue: [...engine.state.taskQueue], savedAt: new Date().toISOString(),
-                        }).then(() => {
-                            setLines((current) => [...current, { role: 'tool', text: `session saved: ${name}`, toolName: 'sessions' }]);
-                        }).catch((reason) => {
-                            setLines((current) => [...current, { role: 'error', text: `save failed: ${reason instanceof Error ? reason.message : String(reason)}` }]);
-                        });
+                        }).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(() => {
-                            setLines((current) => [...current, { role: 'tool', text: `session deleted: ${delMatch[1]}`, toolName: 'sessions' }]);
-                        });
+                        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 });
@@ -625,8 +591,6 @@ export function TerminalInterface({ engine }) {
                     const attachSpec = attachMatch ? attachMatch[1] : undefined;
                     if (!prompt && !attachSpec)
                         return;
-                    // Input stays live during a run: a prompt typed now is queued, not dropped,
-                    // and fires the moment the current run ends.
                     if (busy) {
                         queuedRef.current = { prompt, attachSpec };
                         setQueued(prompt || `/attach ${attachSpec ?? ''}`.trim());
@@ -652,7 +616,6 @@ export function TerminalInterface({ engine }) {
                 }
                 return;
             case 'ctrlC':
-                // While a run is in flight, Ctrl+C cancels that run; when idle it quits.
                 if (busy) {
                     engine.cancel();
                     return;
@@ -725,7 +688,6 @@ 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) {
@@ -801,14 +763,6 @@ export function TerminalInterface({ engine }) {
             }
             return;
         }
-        if (key.pageUp || (key.ctrl && value.toLowerCase() === 'u')) {
-            scrollTranscript(pageSizeRef.current);
-            return;
-        }
-        if (key.pageDown || (key.ctrl && value.toLowerCase() === 'd')) {
-            scrollTranscript(-pageSizeRef.current);
-            return;
-        }
         if (key.ctrl && value.toLowerCase() === 'l') {
             setLayoutDebug((current) => !current);
             return;
@@ -817,7 +771,6 @@ export function TerminalInterface({ engine }) {
             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));
@@ -844,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;
@@ -861,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;
@@ -869,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;
@@ -881,151 +832,12 @@ 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.
-    const modeKey = kitty === true ? 'M' : 'E';
-    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 phase = busy && currentTool ? phaseFor(currentTool) : (busy ? 'working' : 'ready');
-    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 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 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) {
-                rendered = renderLineToRows(line, lineIndex, contentWidth, fallback);
-                cache.rows.set(line, rendered);
-            }
-            out.push(...rendered);
-        });
-        return out;
-    }, [lines, contentWidth, engine.state.activeModel]);
-    // Fold tool-role rows into collapsible groups. Expansion is global (Ctrl+G);
-    // folded groups render as a single summary line instead of a wall of output.
-    const displayRows = useMemo(() => {
-        const lastUserIdx = lines.map((line) => line.role).lastIndexOf('user');
-        const folded = foldToolGroups(lines.map((line) => ({ role: line.role, text: line.text, toolName: line.toolName })), groupsExpanded, lastUserIdx >= 0 ? lastUserIdx : lines.length);
-        const out = [];
-        const fallback = engine.state.activeModel;
-        folded.forEach((gline, lineIndex) => {
-            const isGroup = 'group' in gline && gline.group !== undefined;
-            const key = isGroup ? `group-${lineIndex}` : `message-${lineIndex}`;
-            if (isGroup) {
-                out.push({
-                    key, role: 'tool',
-                    segments: [{ text: gline.text, dim: true }],
-                    label: labelFor('tool', undefined, 'group'), first: true,
-                });
-                return;
-            }
-            const line = gline;
-            const rendered = renderLineToRows(line, lineIndex, contentWidth, fallback);
-            out.push(...rendered);
-        });
-        return out;
-    }, [lines, contentWidth, engine.state.activeModel, groupsExpanded]);
-    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;
-    allRowsRef.current = allRows;
-    storedHeightRef.current = storedHeight;
-    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]);
-    // Drain a prompt that was queued while the previous run was in flight.
     useEffect(() => {
         if (busy)
             return;
@@ -1036,31 +848,51 @@ export function TerminalInterface({ engine }) {
         setQueued(undefined);
         startRun(pending.prompt, pending.attachSpec);
     }, [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) => {
+    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 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 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 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]);
+    // 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 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 - 26))}`
-                            : `${toolVerb(card.name)}${card.target ? ` · ${clip(card.target, Math.max(10, contentWidth - 30))}` : ''}`;
-                        const badge = expanded ? '▾' : '▸';
-                        return _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: [badge, " ", head, " \u00B7 ", status, expanded ? '  ·  Ctrl+T to collapse' : ''] }), expanded && renderToolBody(card, contentWidth, PALETTE)] }, 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}` : ''] }), queued && _jsxs(Text, { color: PALETTE.warn, children: ["\u23CE queued \u00B7 ", clip(queued, Math.max(12, contentWidth - 12))] })] }), 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);
-                    })] }), sessionsOpen && _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "blue", paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: "blue", 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 ? 'blue' : 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: "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(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: "gray", paddingX: 2, children: [_jsxs(Text, { bold: true, dimColor: true, children: ["layout \u00B7 ", width, "\u00D7", terminalRows, " \u00B7 Ctrl+L to hide"] }), _jsxs(Text, { dimColor: true, children: ["chrome ", chromeRows, " \u00B7 input ", inputRows, " \u00B7 plan ", planRows, " \u00B7 overlay ", pickerRows + approvalRows, " \u00B7 caps ", kitty !== null ? 1 : 0] }), _jsxs(Text, { dimColor: true, children: ["message ", messageHeight, " = stored ", storedHeight, " + live ", liveHeight, " + status ", statusRows] }), _jsxs(Text, { dimColor: true, children: ["transcript rows ", allRows.length, " \u00B7 scroll ", boundedScroll, "/", maxScroll, " \u00B7 page ", pageSizeRef.current] })] }), _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}` : ''] }), _jsxs(Text, { color: PALETTE.muted, children: [engine.state.activeModel, " \u00B7 ", mode, contextLabel ? _jsxs(Text, { color: meterColor, children: [" \u00B7 ", contextLabel] }) : null, " \u00B7 ", scrollStatus] })] }), _jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { dimColor: true, children: ["Enter send \u00B7 Ctrl+J new line \u00B7 Ctrl+O models \u00B7 Ctrl+", modeKey, " mode \u00B7 Ctrl+T tool \u00B7 Ctrl+Y copy \u00B7 Ctrl+L layout \u00B7 Ctrl+C cancel/quit \u00B7 /help"] }), hud.length > 0 && _jsx(Text, { dimColor: true, children: hud.join(' · ') })] })] })] });
+                            ? `$ ${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