koneck 2.127.1 → 2.128.1

package/dist/ink-chat.js

@@ -4,7 +4,7 @@ import { Box, Static, Text, render, useApp, useInput, useStdin } from 'ink';
 import { execa } from 'execa';
 import { resolveAgentConcurrency, toolsUnsupportedNotice } from './engine-facts.js';
 import { withSynchronizedFrames, probeSynchronizedOutput } from './frame-sync.js';
-import { pacedInterval, startingInterval, floorFor } from './frame-pace.js';
+import { pacedInterval, startingInterval, floorFor, shouldDrawFrame } from './frame-pace.js';
 import { estimateCost, formatCost, rateText } from './pricing.js';
 import { generateSessionId, saveSession, listSessions, loadSession, relativeAge, renameSession, forkSession, archiveSession, findSession, } from './session.js';
 import { loadMemory } from './memory.js';
@@ -13,7 +13,8 @@ import { PROVIDERS, resolveProvider, getApiKey, addUserProvider, removeUserProvi
 import { normaliseEndpoint, withEndpoint, savedEndpoints, shortSource, resolveModelChoice, withModel } from './endpoints.js';
 import { loadProjectConfig, loadGlobalConfig, saveGlobalConfig, withoutStoredApiKey } from './config.js';
 import { rememberKey, forgetAllKeys } from './credentials.js';
-import { readClipboard, cleanPastedSecret } from './clipboard.js';
+import { ImageDraft, pastedImagePath } from './image-draft.js';
+import { readClipboard, readClipboardImage, startSelectionCopy, cleanPastedSecret } from './clipboard.js';
 import { paceFrom } from './pace.js';
 import { policyFrom, FAILOVER_OFF } from './failover.js';
 import { listCheckpoints, revertCheckpoint, previewCheckpoint, snapshotTree, filesTouchedBy, createWorkspaceCheckpoint, checkpointScope } from './checkpoint.js';
@@ -500,7 +501,7 @@ const COMMANDS = [
     { cmd: '/queue', desc: 'Inspect or clear prompts waiting behind the current task' },
     { cmd: '/new', desc: 'New session (alias of /clear)' },
     { cmd: '/reset', desc: 'Reset session (alias of /clear)' },
-    { cmd: '/mode', desc: 'Set mode: auto, plan or code' },
+    { cmd: '/mode', desc: 'Set mode: auto, edits, careful or plan' },
     { cmd: '/effort', desc: 'Set reasoning effort: low, medium, high, max (picker)' },
     { cmd: '/config', desc: 'View or set persistent config' },
     { cmd: '/usage', desc: 'Usage, context, model status and limits (tabbed pane)' },
@@ -1019,6 +1020,11 @@ export function inkApprovalDecision(requireApproval, mode, tool, argsJson, rules
     // silently erase. It remains stronger than this session's convenience posture.
     if (policyRequiresApproval)
         return 'ask';
+    // Auto is the explicit promise to carry a task through. A globally saved approval preference
+    // must not quietly turn it into careful mode; changing into Auto is the newer, more specific
+    // choice. Workspace policies above still win, and plan mode was already denied by `decide`.
+    if (modeSpec(mode).name === 'auto')
+        return 'allow';
     if (!requireApproval)
         return 'allow';
     if (toolRisk(tool) === 'read')
@@ -1095,7 +1101,7 @@ Slash commands:
   /queue [clear|drop n] Inspect, clear, or drop one queued prompt
   /model [name]         Show or switch model
   /provider [name]      Show or switch provider
-  /mode [auto|plan|code] Show or set mode
+  /mode [auto|edits|careful|plan] Show or set mode
   /effort [low|med|high|max] Set reasoning effort
   /config [key] [value] View or set persistent config
   /aside <question>     Ask a side question without interrupting the running task
@@ -1486,6 +1492,7 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                 diffBaseRef.current.set(rel, before);
         }
         liveToolRef.current = { kind: 'tool', name, detail: toolDetail(name, args), startedAt: Date.now() };
+        setRepaint(v => v + 1);
     }
     function finishTool(name, ok, ms, detail) {
         if (!ok)
@@ -1715,6 +1722,19 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
     const [showDiffPanel, setShowDiffPanel] = useState(false);
     const diffPanelTouchedRef = useRef(false);
     const [draft, setDraft] = useState('');
+    const imageDraftRef = useRef(new ImageDraft());
+    const [copyNotice, setCopyNotice] = useState('');
+    useEffect(() => {
+        if (!process.stdin.isTTY || cfg.autoCopy === false)
+            return;
+        return startSelectionCopy(count => setCopyNotice(`Copied ${count} chars to clipboard`));
+    }, [cfg.autoCopy]);
+    useEffect(() => {
+        if (!copyNotice)
+            return;
+        const timer = setTimeout(() => setCopyNotice(''), 3000);
+        return () => clearTimeout(timer);
+    }, [copyNotice]);
     // Recall is deliberately session-local. It is for quick retries and refinements, not another
     // persistence channel for prompts (which may contain sensitive project context).
     const draftHistoryRef = useRef([]);
@@ -1804,6 +1824,17 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
      * So: the wheel is the thing you opt into, not the thing you lose.
      */
     const [mouse, setMouse] = useState(cfg.mouse === true);
+    /*
+     * Whether the working animation runs at all.
+     *
+     * On, because a turn that produces nothing for two minutes needs something saying it is alive.
+     * Off is here because on a terminal that does not composite a redraw the animation is the only
+     * thing repainting when nobody is typing, and somebody who would rather have a still screen than
+     * a moving one should be able to say so once and be done — "i fucken hate the flickering with all
+     * my heart". Nothing is lost but the movement: the elapsed time and the status bar still say what
+     * is happening, they simply say it without flashing.
+     */
+    const [animate, setAnimate] = useState(cfg.animate !== false);
     useEffect(() => {
         if (!mouse || !altScreen || !process.stdout.isTTY)
             return;
@@ -2241,6 +2272,8 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
     const syncedFramesRef = useRef(synchronizedFrames);
     /** Whether the diff panel is showing, so the transcript does not draw the same diff again. */
     const diffPanelOpenRef = useRef(false);
+    /** When a key was last pressed. The animation stands down while somebody is typing. */
+    const lastKeyAtRef = useRef(0);
     const wordTimer = useRef(0);
     // Register on the session bus so other running KONECK instances can reach this one.
     useEffect(() => {
@@ -2320,25 +2353,45 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
          * how a Pi ends up lagging while the same build feels instant on a laptop. See frame-pace.ts.
          */
         const floor = floorFor(syncedFramesRef.current);
-        let interval = startingInterval(syncedFramesRef.current);
+        let interval = animate ? startingInterval(syncedFramesRef.current) : 2_000;
         let asked = Date.now();
         const tick = () => {
             const now = Date.now();
-            interval = pacedInterval(interval, now - asked, floor);
+            interval = animate ? pacedInterval(interval, now - asked, floor) : 2_000;
+            /*
+             * Nothing is repainted while somebody is typing.
+             *
+             * Every frame erases the live region and writes it again — the activity lines, the composer
+             * and the status bar together. Where the terminal does not composite that, each one is a
+             * visible flash, and it lands on top of the repaint the keystroke itself already caused. So
+             * typing into the box while a turn ran flickered continuously: "when i type in the message
+             * box, it's flickering. Please fix it, i fucken hate the flickering."
+             *
+             * The animation exists to show that work is still happening when nothing else does. Somebody
+             * with their hands on the keys does not need telling, and the status bar says "processing"
+             * without moving. So the clock keeps running and the frame is simply not drawn: the spinner
+             * picks up from where the elapsed time has reached the moment they stop, having lost nothing
+             * but the frames nobody wanted.
+             */
+            if (!shouldDrawFrame(now, lastKeyAtRef.current)) {
+                asked = Date.now();
+                timer = setTimeout(tick, interval);
+                return;
+            }
             // Elapsed is read from the clock rather than counted in ticks, so a frame the event loop
             // delivers late moves the animation on by what actually passed instead of falling behind.
             const elapsed = now - busyStart.current;
-            const { spin, shimmer } = animFrames(elapsed, SPINNER.length);
+            const { spin, shimmer } = animate ? animFrames(elapsed, SPINNER.length) : { spin: 0, shimmer: 0 };
             setAnim({ spin, shimmer, elapsed });
             wordTimer.current += 1;
-            if (wordTimer.current % wordEvery === 0)
+            if (animate && wordTimer.current % wordEvery === 0)
                 setSpinWord(w => w + 1);
             asked = Date.now();
             timer = setTimeout(tick, interval);
         };
         timer = setTimeout(tick, interval);
         return () => clearTimeout(timer);
-    }, [busy]);
+    }, [busy, animate]);
     // A queued prompt runs the moment the agent is free again. Keyed on `busy` rather than done
     // inside the turn's own exit paths, so every way a turn can end — success, failure, cancel —
     // drains the queue the same way.
@@ -2723,6 +2776,12 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
             case 'mouse':
                 setMouse(value === true);
                 break;
+            case 'animate':
+                setAnimate(value !== false);
+                break;
+            case 'autoCopy':
+                setCfg(c => ({ ...c, autoCopy: value !== false }));
+                break;
             case 'provider': {
                 const name = typeof value === 'string' && value.trim() !== '' ? value.trim() : cfg.provider;
                 const def = PROVIDERS[name.toLowerCase()];
@@ -3250,7 +3309,11 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                 const choice = arg.trim().toLowerCase();
                 if (!choice) {
                     addSystem(`**Approval posture**\n\n` +
-                        `Session approval: ${cfg.requireApproval ? 'on — KONECK asks before writes and non-read-only commands' : 'off — KONECK follows the selected mode and workspace policy'}\n` +
+                        `Session approval: ${mode === 'auto'
+                            ? 'Auto mode runs ordinary work without asking; workspace policy can still require approval'
+                            : cfg.requireApproval
+                                ? 'on — KONECK asks before writes and non-read-only commands'
+                                : 'off — KONECK follows the selected mode and workspace policy'}\n` +
                         `Mode: ${modeSpec(mode).label} — ${modeSpec(mode).blurb}\n\n` +
                         '`/permissions on` keeps you in control of every consequential action.\n' +
                         '`/permissions off` removes the extra session gate; workspace policy and plan mode still win.');
@@ -3269,9 +3332,11 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                 // and the rebuilt session makes the new posture durable for every later turn.
                 if (!busy)
                     await resetSession(merged);
-                addSystem(next
-                    ? 'Approval on. KONECK will ask in this interface before writes and consequential commands. Read-only inspection stays uninterrupted.'
-                    : 'Approval off. KONECK follows the selected mode and workspace policy; plan mode and policy blocks still cannot be bypassed.');
+                addSystem(mode === 'auto'
+                    ? `Approval ${next ? 'on' : 'off'} saved. Auto mode still runs ordinary work without asking; workspace policy remains enforceable.`
+                    : next
+                        ? 'Approval on. KONECK will ask in this interface before writes and consequential commands. Read-only inspection stays uninterrupted.'
+                        : 'Approval off. KONECK follows the selected mode and workspace policy; plan mode and policy blocks still cannot be bypassed.');
                 return;
             }
             case '/worktree': {
@@ -3622,6 +3687,39 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                         'PageUp and PageDown still scroll.');
                 return;
             }
+            /*
+             * The working animation, on or off.
+             *
+             * Off leaves a still screen: on a terminal that does not composite a redraw, the animation is
+             * the only thing repainting while nobody types, and a still screen is what some people want.
+             */
+            case '/animation':
+            case '/animate': {
+                const want = arg.trim().toLowerCase();
+                if (want !== '' && want !== 'on' && want !== 'off') {
+                    addSystem('Usage: /animation on, /animation off, or /animation to see which it is.');
+                    return;
+                }
+                if (want === '') {
+                    addSystem(`The working animation is **${animate ? 'on' : 'off'}**.\n\n`
+                        + (animate
+                            ? 'It repaints a few times a second while a turn runs. On a terminal that does not '
+                                + 'composite a redraw that is visible as flicker. `/animation off` stops it — the '
+                                + 'elapsed time and the status bar still say what is happening.'
+                            : 'The spinner is off. Activity and elapsed time refresh every two seconds while you are not typing. `/animation on` brings the spinner back.'));
+                    return;
+                }
+                const next = want === 'on';
+                setAnimate(next);
+                const saved = { ...(await loadKoneckConfig()), animate: next };
+                await saveKoneckConfig(saved);
+                setStored(saved);
+                addSystem(next
+                    ? 'Working animation **on**.'
+                    : 'Working animation **off**. The status bar still shows '
+                        + 'progress and elapsed time every two seconds, pausing while you type.');
+                return;
+            }
             case '/redraw': {
                 redrawScreen();
                 return;
@@ -3675,8 +3773,11 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
             case '/auto':
             case '/plan':
             case '/edits':
+            case '/edit':
+            case '/code':
             case '/careful': {
-                const target = cmd === '/mode' ? arg.trim() : cmd.slice(1);
+                const requested = cmd === '/mode' ? arg.trim() : cmd.slice(1);
+                const target = requested === 'edit' || requested === 'code' ? 'edits' : requested;
                 const names = MODE_SPECS.map(m => m.name).join(', ');
                 if (!target) {
                     addSystem(`Current mode: ${modeSpec(mode).label} — ${modeSpec(mode).blurb}\n\n` +
@@ -3847,6 +3948,21 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                     }
                     return;
                 }
+                const { readAll } = await import('./ledger.js');
+                const notes = await readAll(cfg.cwd);
+                // Older releases shortened an entire shell pipeline to its first two words. That turned
+                // `cd project && slow-test` into a bogus claim that changing directory was slow. Keep the
+                // old line on disk for auditability, but do not present it as knowledge or send it back to
+                // a model.
+                const usableNotes = notes.filter(n => !(n.kind === 'timing'
+                    && n.commands?.some(command => /^cd\s+[^;&|]+$/.test(command))));
+                if (usableNotes.length) {
+                    addSystem('Saved project notes (.koneck/ledger.jsonl):\n'
+                        + usableNotes.slice(-20).map(n => '• ' + n.text).join('\n'));
+                }
+                if (usableNotes.length !== notes.length) {
+                    addSystem(`${notes.length - usableNotes.length} old timing note${notes.length - usableNotes.length === 1 ? '' : 's'} ignored: it measured only a directory change, not the command that followed it.`);
+                }
                 const mem = await loadMemory(cfg.cwd).catch(() => null);
                 addSystem(mem?.trim()
                     ? mem + '\n\n(/memory clear removes these notes)'
@@ -4268,6 +4384,10 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                         const n = Number(val);
                         setConfigMaxWidth(Number.isFinite(n) && n >= 40 ? n : undefined);
                     }
+                    if (key === 'autoCopy')
+                        setCfg(c => ({ ...c, autoCopy: ['true', '1', 'yes'].includes(val.toLowerCase()) }));
+                    if (key === 'animate')
+                        setAnimate(['true', '1', 'yes'].includes(val.toLowerCase()));
                     if (key === 'mouse') {
                         setMouse(['true', '1', 'yes'].includes(val.toLowerCase()));
                     }
@@ -4598,6 +4718,13 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
             setKeyPrompt(p => (p ? { ...p, value: p.value + clean.replace(/\s+$/, '') } : p));
             return;
         }
+        const imagePath = pastedImagePath(clean, cfg.cwd);
+        if (imagePath) {
+            const token = imageDraftRef.current.add(imagePath);
+            setDraft(d => d.slice(0, caret) + token + d.slice(caret));
+            setCaret(c => c + token.length);
+            return;
+        }
         if (!clean.includes('\n') && clean.length <= 200) {
             setDraft(d => d.slice(0, caret) + clean + d.slice(caret));
             setCaret(c => c + clean.length);
@@ -4610,6 +4737,13 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
         setCaret(c => c + token.length);
     }
     useInput((input, key) => {
+        /*
+         * When a key was last pressed, so the animation can get out of the way.
+         *
+         * Set before anything else, on every key including the ones swallowed below: what matters is
+         * that somebody is at the keyboard, not what they typed. See the animation ticker.
+         */
+        lastKeyAtRef.current = Date.now();
         // ── Mouse reports are not typing ────────────────────────────────────────
         //
         // Ink hands any escape sequence it does not recognise to the application as `input`, and a
@@ -5033,6 +5167,21 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
             });
             return;
         }
+        if (key.ctrl && input.toLowerCase() === 'v') {
+            void (async () => {
+                const image = await readClipboardImage();
+                if (image.path) {
+                    filePaste(image.path);
+                    return;
+                }
+                const text = await readClipboard();
+                if (text.ok && text.text)
+                    filePaste(text.text);
+                else
+                    addSystem(image.reason || text.reason || 'The clipboard is empty.');
+            })();
+            return;
+        }
         // Only submission waits for the agent. Editing stays live throughout, so a thought had
         // while it works can be typed as it arrives rather than held until the turn ends — and
         // cancelling with esc then hands the keyboard back to a composer that still has it.
@@ -5061,7 +5210,7 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                     }
                     addSystem(`${cmd} changes the session, so it waits until this turn finishes.`);
                 }
-                setQueued(q => [...q, expandPastes(text, pastesRef.current)]);
+                setQueued(q => [...q, imageDraftRef.current.expand(expandPastes(text, pastesRef.current))]);
                 setDraft('');
                 setCaret(0);
                 pastesRef.current = [];
@@ -5157,6 +5306,10 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
             const text = input.replace(/[\u0000-\u0008\u000b-\u001f\u007f]/g, '');
             if (text === '')
                 return;
+            if (text.length > 1 && pastedImagePath(text, cfg.cwd)) {
+                filePaste(text);
+                return;
+            }
             const next = draft.slice(0, caret) + text + draft.slice(caret);
             const nextCaret = caret + text.length;
             // Once the recalled line is edited it is a new draft, not a history cursor position.
@@ -5201,7 +5354,7 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
             const shown = raw.trim();
             if (!shown)
                 return;
-            const task = expandPastes(shown, pastesRef.current).trim();
+            const task = imageDraftRef.current.expand(expandPastes(shown, pastesRef.current)).trim();
             if (!task)
                 return;
             const generated = generatedTaskRef.current?.task === task ? generatedTaskRef.current : null;
@@ -5231,7 +5384,7 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                     'written into the session log.');
             }
             const mentions = findMentions(task, pathKind);
-            const forDisplay = taskTranscriptLabel(pasteForDisplay(mentions.length ? shortenMentions(task, mentions) : task), generated?.label);
+            const forDisplay = taskTranscriptLabel(shown.includes('[Image #') ? shown : pasteForDisplay(mentions.length ? shortenMentions(task, mentions) : task), generated?.label);
             addRow({ role: 'user', text: forDisplay });
             if (isSlashCommand(task)) {
                 const spaceIdx = task.indexOf(' ');
@@ -5422,11 +5575,14 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
      * Only on the alternate screen: in inline mode the transcript is committed to the terminal's own
      * scrollback full-width, and there is no frame to put a second column in.
      */
+    const activityPanelOpen = busy && uiWidth >= 100 && termRows >= 24
+        && (diffPanelTouchedRef.current ? showDiffPanel : cfg.diffPanel !== false);
     const diffPanelOpen = showDiffPanel && altScreen && liveDiffs.length > 0;
+    const sidePanelOpen = activityPanelOpen || diffPanelOpen;
     // Read by renderStep, which is defined above this line, so it goes through a ref rather than
     // depending on declaration order.
     diffPanelOpenRef.current = diffPanelOpen;
-    const diffPanelWidth = diffPanelOpen
+    const diffPanelWidth = sidePanelOpen
         ? Math.max(34, Math.min(Math.floor(uiWidth * 0.46), 96))
         : 0;
     const contentWidth = uiWidth - diffPanelWidth;
@@ -5549,7 +5705,7 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                             // Both halves matter. Clipping the bottom would hide what just happened; anchoring
                             // always to the bottom is what put the banner there.
                             _jsx(Box, { flexGrow: 0, flexShrink: 1, flexDirection: "column", justifyContent: "flex-end", overflowY: "hidden", children: visibleRows.map((row, i) => (_jsx(Box, { flexDirection: "column", flexShrink: 0, children: renderRow(row, i) }, i))) })), altScreen && scrollBack > 0 && (_jsx(Text, { color: AMBER, children: `${G.caret} scrolled back ${scrollBack} rows — PageDown, or just type, to follow again` })), showAnalytics && (_jsxs(Box, { borderStyle: "round", borderColor: AMBER, paddingX: 1, marginBottom: 1, flexDirection: "column", width: barWidth, children: [_jsx(Text, { color: AMBER, bold: true, children: "\u25C6 Session Analytics" }), _jsxs(Text, { color: MUTED, children: ["Turns      : ", _jsx(Text, { color: INK, children: stats.turns })] }), _jsxs(Text, { color: MUTED, children: ["Prompt tok : ", _jsx(Text, { color: INK, children: stats.promptTokens.toLocaleString() })] }), _jsxs(Text, { color: MUTED, children: ["Output tok : ", _jsx(Text, { color: INK, children: stats.completionTokens.toLocaleString() })] }), _jsxs(Text, { color: MUTED, children: ["Total tok  : ", _jsx(Text, { color: INK, children: stats.totalTokens.toLocaleString() })] }), _jsxs(Text, { color: MUTED, children: ["Model      : ", _jsx(Text, { color: INK, children: modelShort }), "  Provider: ", _jsx(Text, { color: INK, children: cfg.provider })] }), _jsx(Text, { color: DIM, children: "Tab to close" })] })), _jsx(Static, { items: altScreen ? [] : rows, children: (row, index) => renderRow(row, index) }), _jsx(Box, { flexDirection: "column", flexShrink: 0, children: busy && (agentState === 'processing' || agentState === 'syncing') && (_jsxs(Box, { flexDirection: "column", children: [!ask && sayRef.current.trim() !== '' && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: CYAN, bold: true, children: replyStartedRef.current ? '  ' : G.brand }), _jsx(Box, { flexDirection: "column", children: tailLines(sayRef.current, liveReplyLines(termRows), replyWidth - 3)
-                                                        .split('\n').map((line, i) => _jsx(Text, { color: INK, children: line }, i)) })] })), liveToolRef.current && renderStep(liveToolRef.current, 1), queued.length > 0 && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: AMBER, children: "\u25AA" }), _jsxs(Text, { color: MUTED, children: [queued.length, " queued, will run when this finishes \u00B7 /aside to ask without waiting"] })] }), queued.map((q, i) => (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { color: DIM, children: fitCells(q.split('\n')[0] ?? '', Math.max(20, barWidth - 6), true) }) }, i)))] })), agents.length > 0 && (() => {
+                                                        .split('\n').map((line, i) => _jsx(Text, { color: INK, children: line }, i)) })] })), liveToolRef.current && renderStep(liveToolRef.current, 1), queued.length > 0 && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: AMBER, children: "\u25AA" }), _jsxs(Text, { color: MUTED, children: [queued.length, " queued, will run when this finishes \u00B7 /aside to ask without waiting"] })] }), queued.map((q, i) => (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { color: DIM, children: fitCells(q.split('\n')[0] ?? '', Math.max(20, barWidth - 6), true) }) }, i)))] })), !activityPanelOpen && agents.length > 0 && (() => {
                                             const done = agents.filter(a => a.status !== 'running').length;
                                             const failed = agents.filter(a => a.status === 'failed').length;
                                             const tokens = agents.reduce((n, a) => n + a.tokens, 0);
@@ -5566,7 +5722,7 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                                                         const task = a.task.length > taskWidth ? a.task.slice(0, taskWidth - 3) + '...' : a.task;
                                                         return (_jsxs(Box, { paddingLeft: 2, gap: 1, children: [_jsx(Text, { color: color, children: glyph }), _jsx(Text, { color: DIM, children: String(a.index + 1).padStart(2) }), _jsx(Text, { color: a.status === 'running' ? INK : MUTED, children: fitCells(task, taskWidth) }), _jsx(Text, { color: DIM, children: humanTokens(a.tokens).padStart(6) }), _jsx(Text, { color: DIM, children: fmtElapsed(took).padStart(6) })] }, a.index));
                                                     })] }));
-                                        })(), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: [_jsxs(Text, { color: GREEN, children: [SPINNER[spinFrame], " "] }), _jsx(Shimmer, { text: workWord({
+                                        })(), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: [_jsxs(Text, { color: GREEN, children: [animate ? SPINNER[spinFrame] : '●', " "] }), _jsx(Shimmer, { text: workWord({
                                                             elapsedMs, tools: turnToolsRef.current,
                                                             tokens: liveTokens, recovered: turnRecoveredRef.current,
                                                         }, spinWord)[0], frame: shimmerFrame, base: MUTED }), _jsx(Text, { color: MUTED, children: "\u2026 " }), _jsxs(Text, { color: DIM, children: ["(", fmtElapsed(elapsedMs), " | ", liveTokens > 0
@@ -5574,9 +5730,10 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                                                                 // A gateway routing to several backends sends content-free frames while it
                                                                 // finds one. Saying "waiting for the first token" through that reads as a
                                                                 // hang, when in fact the request was accepted and is being worked on.
-                                                                : providerFramesRef.current > 0 ? `${cfg.provider} is holding the line, no output yet`
-                                                                    : elapsedMs > 8_000 ? `no response from ${cfg.provider} yet`
-                                                                        : 'starting', thinkingRef.current.chars > 0 && Date.now() - thinkingRef.current.at < 2_000
+                                                                : liveToolRef.current ? 'running ' + liveToolRef.current.name
+                                                                    : providerFramesRef.current > 0 ? `${cfg.provider} is holding the line, no output yet`
+                                                                        : elapsedMs > 8_000 ? `no response from ${cfg.provider} yet`
+                                                                            : 'starting', thinkingRef.current.chars > 0 && Date.now() - thinkingRef.current.at < 2_000
                                                                 ? ` | thinking, ${fmtTokens(Math.round(thinkingRef.current.chars / 4))} reasoning tokens`
                                                                 : '', ")"] })] }) }), showThinking && !ask && thinkingTextRef.current.trim() !== '' && (_jsx(Box, { flexDirection: "column", paddingLeft: 2, children: thinkingTail(thinkingTextRef.current, THINKING_LINES, barWidth - 6).map((line, i) => (_jsx(Text, { color: DIM, italic: true, children: line }, i))) })), _jsx(Box, { paddingLeft: 2, children: _jsx(Text, { color: DIM, children: "esc to cancel and keep your input \u00B7 ctrl+c to exit" }) })] })) }), usagePane && (() => {
                                 const width = Math.min(barWidth, usagePane === 'settings' ? 96 : 66);
@@ -5896,11 +6053,13 @@ export function App({ config: initialConfig, clearFrame, synchronizedFrames = fa
                                         : '*type the number, or arrows and enter · esc refuses*',
                                 ];
                                 return (_jsx(Box, { marginTop: 1, children: _jsx(Panel, { width: panelWidth(lines, barWidth, 46), color: AMBER, title: `Permission — ${modeSpec(mode).label} mode`, children: lines }) }));
-                            })()] }), diffPanelOpen && (_jsx(DiffPanel, { files: liveDiffs, width: diffPanelWidth, height: Math.max(4, frameRows - 6) }))] }), _jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: busy ? DIM : CYAN, paddingX: 1, width: barWidth, flexShrink: 0, children: [_jsxs(Text, { color: CYAN, bold: true, children: [G.caret, " "] }), _jsx(Text, { color: INK, children: draft.slice(0, caret) }), busy
+                            })()] }), sidePanelOpen && (_jsxs(Box, { flexDirection: "column", width: diffPanelWidth, flexShrink: 0, children: [activityPanelOpen && (_jsxs(Box, { borderStyle: "round", borderColor: CYAN, flexDirection: "column", paddingX: 1, height: Math.min(18, Math.max(8, termRows - 7)), overflowY: "hidden", children: [_jsxs(Text, { color: CYAN, bold: true, children: ["Activity \u00B7 ", fmtElapsed(elapsedMs)] }), _jsx(Text, { color: AMBER, wrap: "truncate", children: ask ? 'Waiting for your approval' : liveToolRef.current
+                                            ? 'Running ' + liveToolRef.current.name : thinkingRef.current.chars > 0
+                                            ? 'Waiting for model · reasoning received' : 'Waiting for model' }), liveToolRef.current && _jsx(Text, { color: INK, wrap: "truncate", children: liveToolRef.current.detail }), liveToolRef.current && _jsxs(Text, { color: DIM, children: ["Running for ", fmtElapsed(Date.now() - liveToolRef.current.startedAt)] }), _jsx(Text, { color: MUTED, wrap: "truncate", children: liveToolRef.current?.output || 'Status updates every 2s; esc to interrupt' }), plan && _jsx(Text, { color: MUTED, wrap: "truncate", children: plan.steps.find(s => s.state !== 'done')?.text || 'Plan complete' }), agents.length > 0 && _jsxs(Text, { color: CYAN, bold: true, children: ["Agents \u00B7 ", agents.filter(a => a.status !== 'running').length, "/", agents.length, " finished"] }), agents.map(a => _jsx(Box, { flexDirection: "column", flexShrink: 0, children: _jsxs(Text, { color: a.status === 'failed' ? CRIMSON : a.status === 'done' ? GREEN : AMBER, wrap: "truncate", children: [a.index + 1, ". ", a.status === 'running' ? (a.activity === 'Queued' ? 'queued' : 'working') : a.status, " \u00B7 ", a.activity, " \u00B7 ", a.task] }) }, a.index))] })), diffPanelOpen && _jsx(DiffPanel, { files: liveDiffs, width: diffPanelWidth, height: Math.max(4, frameRows - (activityPanelOpen ? 24 : 6)) })] }))] }), _jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: busy ? DIM : CYAN, paddingX: 1, width: uiWidth - 5, flexShrink: 0, children: [_jsxs(Text, { color: CYAN, bold: true, children: [G.caret, " "] }), _jsx(Text, { color: INK, children: draft.slice(0, caret) }), busy
                         ? _jsx(Text, { color: INK, children: draft.slice(caret) })
                         : caret < draft.length
                             ? _jsxs(_Fragment, { children: [_jsx(Text, { backgroundColor: CYAN, color: "#10222A", children: draft[caret] }), _jsx(Text, { color: INK, children: draft.slice(caret + 1) })] })
-                            : _jsx(Text, { color: CYAN, children: "\u2588" })] }), _jsx(Box, { marginTop: 1, paddingX: 1, flexShrink: 0, children: _jsxs(Text, { wrap: "truncate", backgroundColor: "#24343B", children: [repaint % 2 === 1 ? '\u200b' : '', _jsx(Text, { color: MUTED, children: "TAB " }), _jsx(Text, { color: INK, children: "Analytics" }), _jsx(Text, { color: MUTED, children: " / " }), _jsx(Text, { color: CYAN, children: "/HELP" }), _jsx(Text, { color: INK, children: " Commands" }), _jsx(Text, { color: MUTED, children: " / SHIFT+TAB " }), _jsx(Text, { color: INK, children: "Mode" }), _jsx(Text, { color: MUTED, children: " / " }), _jsx(Text, { color: statusColor, children: statusLabel.toLowerCase() }), plan && planSummary(plan) && (_jsxs(_Fragment, { children: [_jsx(Text, { color: MUTED, children: " / PLAN: " }), _jsx(Text, { color: CYAN, children: planSummary(plan) })] })), _jsx(Text, { color: MUTED, children: " / MODE: " }), _jsx(Text, { color: mode === 'auto' ? INK : AMBER, children: modeSpec(mode).label }), _jsx(Text, { color: MUTED, children: " / EFFORT: " }), _jsx(Text, { color: effort === 'medium' ? INK : AMBER, children: effort }), mouse && (_jsxs(_Fragment, { children: [_jsx(Text, { color: MUTED, children: " / " }), _jsx(Text, { color: AMBER, children: "WHEEL: on \u2014 shift to select \u00B7 /mouse off" })] })), _jsx(Text, { color: MUTED, children: " / MODEL: " }), _jsx(Text, { color: INK, children: modelShort }), _jsx(Text, { color: MUTED, children: " / v" }), _jsx(Text, { color: updatePane?.behind ? AMBER : INK, children: VERSION }), updatePane?.behind && _jsx(Text, { color: AMBER, children: " \u2191" }), pasteCount > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { color: MUTED, children: " / " }), _jsxs(Text, { color: AMBER, children: [pasteCount, " paste", pasteCount === 1 ? '' : 's', " held, sent in full"] })] }))] }) })] }));
+                            : _jsx(Text, { color: CYAN, children: "\u2588" })] }), copyNotice && _jsx(Text, { color: CYAN, children: copyNotice }), _jsx(Box, { marginTop: 1, paddingX: 1, flexShrink: 0, children: _jsxs(Text, { wrap: "truncate", backgroundColor: "#24343B", children: [repaint % 2 === 1 ? '\u200b' : '', _jsx(Text, { color: MUTED, children: "TAB " }), _jsx(Text, { color: INK, children: "Analytics" }), _jsx(Text, { color: MUTED, children: " / " }), _jsx(Text, { color: CYAN, children: "/HELP" }), _jsx(Text, { color: INK, children: " Commands" }), _jsx(Text, { color: MUTED, children: " / SHIFT+TAB " }), _jsx(Text, { color: INK, children: "Mode" }), _jsx(Text, { color: MUTED, children: " / " }), _jsx(Text, { color: statusColor, children: statusLabel.toLowerCase() }), plan && planSummary(plan) && (_jsxs(_Fragment, { children: [_jsx(Text, { color: MUTED, children: " / PLAN: " }), _jsx(Text, { color: CYAN, children: planSummary(plan) })] })), _jsx(Text, { color: MUTED, children: " / MODE: " }), _jsx(Text, { color: mode === 'auto' ? INK : AMBER, children: modeSpec(mode).label }), _jsx(Text, { color: MUTED, children: " / EFFORT: " }), _jsx(Text, { color: effort === 'medium' ? INK : AMBER, children: effort }), mouse && (_jsxs(_Fragment, { children: [_jsx(Text, { color: MUTED, children: " / " }), _jsx(Text, { color: AMBER, children: "WHEEL: on \u2014 shift to select \u00B7 /mouse off" })] })), _jsx(Text, { color: MUTED, children: " / MODEL: " }), _jsx(Text, { color: INK, children: modelShort }), _jsx(Text, { color: MUTED, children: " / v" }), _jsx(Text, { color: updatePane?.behind ? AMBER : INK, children: VERSION }), updatePane?.behind && _jsx(Text, { color: AMBER, children: " \u2191" }), pasteCount > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { color: MUTED, children: " / " }), _jsxs(Text, { color: AMBER, children: [pasteCount, " paste", pasteCount === 1 ? '' : 's', " held, sent in full"] })] }))] }) })] }));
 }
 export async function runInkChatMode(config) {
     // Nothing is written before the first frame. Filling the screen to push the prompt to the foot