koneck 2.21.1 → 2.23.0

package/dist/ink-chat.js

@@ -4,12 +4,13 @@ import { Box, Static, Text, render, useApp, useInput } from 'ink';
 import { execa } from 'execa';
 import { createAgentSession, buildClient } from './engine.js';
 import { estimateCost, formatCost } from './pricing.js';
-import { generateSessionId, saveSession, listSessions } from './session.js';
+import { generateSessionId, saveSession, listSessions, loadSession } from './session.js';
 import { loadMemory } from './memory.js';
 import { loadKoneckConfig, saveKoneckConfig, setConfigKey, configKeyDescriptions, CONFIG_FILE } from './config-store.js';
 import { PROVIDERS, resolveProvider, getApiKey, addUserProvider, userProvidersPath } from './providers.js';
 import { listCheckpoints, revertCheckpoint } from './checkpoint.js';
 import { Markdown, Panel } from './markdown-ink.js';
+import { startBus, listSessions as listBusSessions, resolveTarget, deliver, } from './session-bus.js';
 const CYAN = '#54D7E7';
 const GREEN = '#9BCB8F';
 const CRIMSON = '#E8878D';
@@ -209,6 +210,9 @@ const COMMANDS = [
     { cmd: '/provider', desc: 'Show or switch provider' },
     { cmd: '/status', desc: 'Provider, model, mode, tokens, cost, workspace' },
     { cmd: '/revert', desc: 'Undo file edits KONECK made' },
+    { cmd: '/sessions', desc: 'List running KONECK sessions and their state' },
+    { cmd: '/send', desc: 'Hand work to another session: /send <repo> <instruction>' },
+    { cmd: '/ask', desc: 'Ask another session and wait: /ask <repo> <question>' },
     { cmd: '/agents', desc: 'How parallel sub-agents are configured' },
     { cmd: '/subtask', desc: 'Run a task in an isolated sub-agent' },
     { cmd: '/clear', desc: 'Clear conversation history' },
@@ -225,7 +229,8 @@ const COMMANDS = [
     { cmd: '/rewind', desc: 'Drop the last exchange from history' },
     { cmd: '/copy', desc: 'Copy the last response to the clipboard' },
     { cmd: '/save', desc: 'Save session to disk' },
-    { cmd: '/sessions', desc: 'List recent saved sessions' },
+    { cmd: '/history', desc: 'List saved sessions on disk' },
+    { cmd: '/resume', desc: 'Resume a saved session (picker, or /resume <id>)' },
     { cmd: '/exit', desc: 'Save and exit' },
     { cmd: '/quit', desc: 'Save and exit (alias of /exit)' },
 ];
@@ -352,12 +357,17 @@ function App({ config: initialConfig }) {
     }))[0];
     const [rows, setRows] = useState([{ role: 'header' }]);
     const [draft, setDraft] = useState('');
+    /** Caret offset into `draft`. Kept beside it so every edit can place the caret deliberately. */
+    const [caret, setCaret] = useState(0);
     const [busy, setBusy] = useState(false);
     const [agentState, setAgentState] = useState('ready');
     const [mode, setMode] = useState('auto');
     const [effort, setEffort] = useState('medium');
     const [showAnalytics, setShowAnalytics] = useState(false);
     const [sessionId] = useState(() => generateSessionId());
+    /** Messages that arrived while a turn was running; drained when the agent goes idle. */
+    const inboxRef = useRef([]);
+    const busRef = useRef(null);
     const [stats, setStats] = useState({ turns: 0, promptTokens: 0, completionTokens: 0, totalTokens: 0 });
     const [lastAgentText, setLastAgentText] = useState('');
     // Masked credential entry. The value is held in component state for the session and passed
@@ -368,6 +378,7 @@ function App({ config: initialConfig }) {
     const [pickIndex, setPickIndex] = useState(0);
     const [pickQuery, setPickQuery] = useState('');
     const visiblePickerItems = React.useMemo(() => (picker ? filterPickerItems(picker.items, pickQuery) : []), [picker, pickQuery]);
+    const [inboxTick, setInboxTick] = useState(0);
     const [spinFrame, setSpinFrame] = useState(0);
     const [shimmerFrame, setShimmerFrame] = useState(0);
     const [spinWord, setSpinWord] = useState(0);
@@ -376,6 +387,55 @@ function App({ config: initialConfig }) {
     const turnRecoveredRef = useRef(false); // a tool failed and was worked around
     const busyStart = useRef(0);
     const wordTimer = useRef(0);
+    // Register on the session bus so other running KONECK instances can reach this one.
+    useEffect(() => {
+        const bus = startBus({ id: sessionId, cwd: cfg.cwd, model: cfg.model, provider: cfg.provider }, {
+            onSend: (from, payload) => {
+                // Never interrupt a turn: queue it and let the idle drain pick it up.
+                inboxRef.current.push({ from, payload });
+                process.stdout.write('\u0007'); // a bell, so an unattended session is noticed
+                setInboxTick(t => t + 1);
+            },
+            onAsk: async (from, question) => {
+                // A question is answered from this session's own context, in its own sub-session, so
+                // the asking side gets a real answer without this session losing its place.
+                const active = await getSession();
+                const before = active.messages.length;
+                try {
+                    await active.send(`[Question from the KONECK session in ${from.repoName} (${from.cwd})]\n${question}\n\n` +
+                        'Answer concisely from what you know about this project. Do not modify any file.');
+                    const last = active.messages
+                        .filter(m => m.role === 'assistant' && typeof m.content === 'string' && m.content.trim())
+                        .at(-1);
+                    return typeof last?.content === 'string' ? last.content.trim() : '(no answer)';
+                }
+                finally {
+                    // The exchange is not part of this session's own conversation.
+                    active.messages.splice(before);
+                }
+            },
+        });
+        busRef.current = bus;
+        return () => bus?.close();
+    }, []);
+    // The bus only knows idle from busy if it is told.
+    useEffect(() => { busRef.current?.setStatus(busy ? 'busy' : 'idle'); }, [busy]);
+    // Drain the inbox the moment the agent is free, so a handoff is never lost or interleaved.
+    useEffect(() => {
+        if (busy || inboxRef.current.length === 0)
+            return;
+        const queued = inboxRef.current.splice(0);
+        for (const { from, payload } of queued) {
+            addRow({ role: 'steps', steps: [{ kind: 'say',
+                        text: `Handoff from ${from.repoName} (${from.cwd})\n\n${payload.summary}` +
+                            (payload.changedFiles.length ? `\n\nChanged: ${payload.changedFiles.join(', ')}` : '') }] });
+        }
+        const combined = queued.map(q => `[Handoff from the KONECK session in ${q.from.repoName} (${q.from.cwd})]\n` +
+            `Context: ${q.payload.summary}\n` +
+            (q.payload.changedFiles.length ? `Files they changed: ${q.payload.changedFiles.join(', ')}\n` : '') +
+            `Your task: ${q.payload.instruction}`).join('\n\n');
+        submitDraft(combined);
+    }, [busy, inboxTick]);
     // Drive spinner + elapsed counter while busy
     useEffect(() => {
         if (!busy) {
@@ -420,6 +480,75 @@ function App({ config: initialConfig }) {
             turns: stats.turns, totalTokens: stats.totalTokens,
         }, s?.messages ?? []);
     }
+    /**
+     * Compresses this session's state into something worth sending. One small model call, capped
+     * hard, because the point of a handoff is to save the receiver the reading, not to move the
+     * transcript across the wire.
+     */
+    async function buildHandoff(instruction) {
+        const changed = [...new Set(rows.flatMap(r => (r.steps ?? [])
+                .filter((st) => st.kind === 'tool')
+                .filter(st => ['write_file', 'search_replace', 'apply_diff', 'move_file', 'delete_file'].includes(st.name))
+                .map(st => st.detail)
+                .filter(Boolean)))].slice(0, 12);
+        const transcript = rows
+            .filter(r => r.role === 'user' || r.role === 'agent')
+            .slice(-8)
+            .map(r => `${r.role === 'user' ? 'User' : 'Agent'}: ${(r.text ?? '').slice(0, 400)}`)
+            .join('\n');
+        let summary = transcript ? transcript.slice(0, 600) : 'No work has been done in this session yet.';
+        if (transcript.trim() !== '') {
+            try {
+                const client = buildClient(cfg);
+                const res = await client.chat.completions.create({
+                    model: cfg.model,
+                    max_tokens: 220,
+                    temperature: 0,
+                    messages: [{ role: 'user', content: 'Summarise this coding session in 2-3 sentences for a colleague picking up related ' +
+                                'work in another repository. State what was done and anything they must know. No preamble.\n\n' +
+                                transcript }],
+                });
+                const text = res.choices[0]?.message?.content;
+                if (typeof text === 'string' && text.trim())
+                    summary = text.trim();
+            }
+            catch { /* the raw tail is a serviceable fallback */ }
+        }
+        return { summary, changedFiles: changed, instruction };
+    }
+    /**
+     * Replaces the live conversation with a saved one. The agent session is rebuilt from the
+     * stored messages, so the model genuinely has the old context rather than a summary of it,
+     * and the transcript is repainted so the screen matches what the agent now believes.
+     */
+    async function resumeSession(id) {
+        try {
+            const { meta, messages } = await loadSession(cfg.cwd, id);
+            activeSession.p = createAgentSession({ ...cfg, silent: true, ...sessionOpts }, messages);
+            const restored = [{ role: 'header' }];
+            for (const m of messages) {
+                if (m.role === 'user' && typeof m.content === 'string' && !m.content.startsWith('[')) {
+                    restored.push({ role: 'user', text: m.content });
+                }
+                else if (m.role === 'assistant' && typeof m.content === 'string' && m.content.trim()) {
+                    restored.push({ role: 'agent', text: m.content });
+                }
+            }
+            setRows(restored);
+            setStats({
+                turns: meta.turns, promptTokens: 0,
+                completionTokens: 0, totalTokens: meta.totalTokens,
+            });
+            addSystem(`Resumed ${id}\n` +
+                `  ${meta.turns} turns, ${meta.totalTokens.toLocaleString()} tokens\n` +
+                `  originally: ${meta.provider}/${meta.model}\n` +
+                `  task: ${meta.task.slice(0, 90)}\n\n` +
+                `The agent has the full history; carry on where it left off.`);
+        }
+        catch (e) {
+            addSystem(`Could not resume ${id}: ${e instanceof Error ? e.message : String(e)}`);
+        }
+    }
     /** Live model list from the connected provider's OpenAI-compatible /models endpoint. */
     async function fetchModels() {
         const client = buildClient(cfg);
@@ -459,6 +588,11 @@ function App({ config: initialConfig }) {
         if (kind === 'command') {
             // Leave it in the composer so arguments can still be typed before submitting.
             setDraft(item.value + ' ');
+            setCaret(item.value.length + 1);
+            return;
+        }
+        if (kind === 'resume') {
+            await resumeSession(item.value);
             return;
         }
         if (kind === 'effort') {
@@ -681,7 +815,31 @@ function App({ config: initialConfig }) {
                     addSystem(`Saved: ${file}`);
                 return;
             }
-            case '/sessions': {
+            case '/resume': {
+                const saved = await listSessions(cfg.cwd).catch(() => []);
+                if (saved.length === 0) {
+                    addSystem('No saved sessions in .koneck/sessions/ for this workspace.');
+                    return;
+                }
+                // With an id, restore straight away; without one, offer a picker.
+                const pick = arg.trim();
+                if (pick === '') {
+                    openPicker('resume', saved.slice(0, 20).map(x => ({
+                        value: x.id,
+                        label: x.id,
+                        desc: `${x.turns} turns  ${x.totalTokens.toLocaleString()} tok  ${x.task.slice(0, 44)}`,
+                    })));
+                    return;
+                }
+                const chosen = saved.find(x => x.id === pick) ?? saved.find(x => x.id.startsWith(pick));
+                if (!chosen) {
+                    addSystem(`No saved session matching "${pick}". /history lists them.`);
+                    return;
+                }
+                await resumeSession(chosen.id);
+                return;
+            }
+            case '/history': {
                 const sessions = await listSessions(cfg.cwd).catch(() => []);
                 if (!sessions.length) {
                     addSystem('No sessions found.');
@@ -797,6 +955,73 @@ function App({ config: initialConfig }) {
                 setKeyPrompt({ provider: cfg.provider, env: def?.apiKeyEnv ?? 'KONECK_API_KEY', value: '' });
                 return;
             }
+            case '/sessions': {
+                const live = listBusSessions();
+                if (live.length === 0) {
+                    addSystem('No KONECK sessions are registered.');
+                    return;
+                }
+                const rows = live.map(x => {
+                    const me = x.id === sessionId ? ' (this one)' : '';
+                    // Kept short so the row cannot wrap and tear the column alignment.
+                    const full = x.cwd.replace(process.env['HOME'] ?? '', '~');
+                    const parts = full.split('/').filter(Boolean);
+                    const where = full.length <= 30 || parts.length <= 2 ? full : '.../' + parts.slice(-2).join('/');
+                    return `${('#' + x.id).padEnd(22)} ${x.repoName.slice(0, 16).padEnd(17)} ${x.status.toUpperCase().padEnd(5)} ${where}${me}`;
+                });
+                addSystem(`${'SESSION'.padEnd(22)} ${'REPO'.padEnd(17)} ${'STATE'.padEnd(5)} DIRECTORY\n` +
+                    rows.join('\n') +
+                    `\n\nAddress a session by repo or folder name, not its id:\n` +
+                    `  /send ${live.find(x => x.id !== sessionId)?.repoName ?? '<repo>'} <instruction>\n` +
+                    `  /ask  ${live.find(x => x.id !== sessionId)?.repoName ?? '<repo>'} <question>`);
+                return;
+            }
+            case '/send':
+            case '/ask': {
+                const twoWay = cmd === '/ask';
+                const gap = arg.indexOf(' ');
+                if (gap === -1) {
+                    addSystem(`Usage: ${cmd} <target> <${twoWay ? 'question' : 'instruction'}>\n` +
+                        `Target is a repo or folder name, or #id. /sessions lists them.`);
+                    return;
+                }
+                const target = arg.slice(0, gap);
+                const body = arg.slice(gap + 1).trim();
+                if (body === '') {
+                    addSystem(`Nothing to ${twoWay ? 'ask' : 'send'}.`);
+                    return;
+                }
+                const found = resolveTarget(target, sessionId);
+                if (!found.ok) {
+                    addSystem(found.error);
+                    return;
+                }
+                const bus = busRef.current;
+                if (!bus) {
+                    addSystem('This session is not on the bus, so it cannot send.');
+                    return;
+                }
+                const from = { id: sessionId, repoName: bus.record.repoName, cwd: cfg.cwd };
+                if (twoWay) {
+                    addSystem(`Asking ${found.session.repoName}: "${body}"\nWaiting for its answer…`);
+                    const reply = await deliver(found.session, { kind: 'ask', token: found.session.authToken, from, question: body });
+                    addSystem(reply.ok
+                        ? `${found.session.repoName} replied:\n\n${reply.answer ?? '(empty)'}`
+                        : `${found.session.repoName} could not answer: ${reply.error}`);
+                    return;
+                }
+                // A handoff carries a summary, never the transcript: the receiving session pays for
+                // every token, and a raw history mostly restates what this one already worked out.
+                const payload = await buildHandoff(body);
+                const reply = await deliver(found.session, { kind: 'send', token: found.session.authToken, from, instruction: body, payload });
+                addSystem(reply.ok
+                    ? `Handed off to ${found.session.repoName} (${found.session.status}).\n` +
+                        (found.session.status === 'busy'
+                            ? 'It is mid-task, so the work is queued and starts when it finishes.'
+                            : 'It picks the work up immediately.')
+                    : `Could not reach ${found.session.repoName}: ${reply.error}`);
+                return;
+            }
             case '/agents': {
                 // spawn_agents is a tool the model calls itself; this reports how it is configured
                 // rather than pretending to be a separate agent registry.
@@ -923,8 +1148,10 @@ function App({ config: initialConfig }) {
             if (key.escape) {
                 // The command palette owns the composer while open, so cancelling clears the "/…"
                 // it put there rather than leaving an orphan the user has to backspace away.
-                if (picker.kind === 'command')
+                if (picker.kind === 'command') {
                     setDraft('');
+                    setCaret(0);
+                }
                 closePicker();
                 return;
             }
@@ -954,12 +1181,16 @@ function App({ config: initialConfig }) {
                 if (picker.kind === 'command' && pickQuery === '') {
                     closePicker();
                     setDraft('');
+                    setCaret(0);
                     return;
                 }
                 setPickQuery(q => q.slice(0, -1));
                 setPickIndex(0);
-                if (picker.kind === 'command')
-                    setDraft('/' + pickQuery.slice(0, -1));
+                if (picker.kind === 'command') {
+                    const t = '/' + pickQuery.slice(0, -1);
+                    setDraft(t);
+                    setCaret(t.length);
+                }
                 return;
             }
             // A space means the command name is finished and arguments follow, so the palette
@@ -967,14 +1198,17 @@ function App({ config: initialConfig }) {
             // the list, and left Enter with nothing to select.
             if (input === ' ' && picker.kind === 'command') {
                 closePicker();
-                setDraft(d => (d.endsWith(' ') ? d : d + ' '));
+                setDraft(d => { const t = d.endsWith(' ') ? d : d + ' '; setCaret(t.length); return t; });
                 return;
             }
             if (!key.ctrl && !key.meta && input) {
                 setPickQuery(q => q + input);
                 setPickIndex(0);
-                if (picker.kind === 'command')
-                    setDraft('/' + pickQuery + input);
+                if (picker.kind === 'command') {
+                    const t = '/' + pickQuery + input;
+                    setDraft(t);
+                    setCaret(t.length);
+                }
                 return;
             }
             return;
@@ -998,19 +1232,87 @@ function App({ config: initialConfig }) {
             submitDraft(draft);
             return;
         }
-        if (key.backspace || key.delete) {
-            setDraft(prev => prev.slice(0, -1));
+        // ── Line editing ────────────────────────────────────────────────────────
+        // The composer used to be append-and-backspace only, so fixing a typo near the start of a
+        // long prompt meant deleting everything after it. Everything below is the readline set a
+        // shell gives you, so an edit costs one keystroke rather than a retype.
+        if (key.leftArrow) {
+            setCaret(c => (key.ctrl || key.meta ? wordStart(draft, c) : Math.max(0, c - 1)));
+            return;
+        }
+        if (key.rightArrow) {
+            setCaret(c => (key.ctrl || key.meta ? wordEnd(draft, c) : Math.min(draft.length, c + 1)));
+            return;
+        }
+        // ctrl+a / ctrl+e are line start and end, as in bash. Home/End arrive as these on most
+        // terminals, so both spellings land here.
+        if (key.ctrl && input === 'a') {
+            setCaret(0);
+            return;
+        }
+        if (key.ctrl && input === 'e') {
+            setCaret(draft.length);
+            return;
+        }
+        // ctrl+u clears to line start, ctrl+k to line end, ctrl+w deletes the word behind.
+        if (key.ctrl && input === 'u') {
+            setDraft(d => d.slice(caret));
+            setCaret(0);
+            return;
+        }
+        if (key.ctrl && input === 'k') {
+            setDraft(d => d.slice(0, caret));
+            return;
+        }
+        if (key.ctrl && input === 'w') {
+            const from = wordStart(draft, caret);
+            setDraft(d => d.slice(0, from) + d.slice(caret));
+            setCaret(from);
+            return;
+        }
+        if (key.backspace) {
+            if (caret === 0)
+                return;
+            setDraft(d => d.slice(0, caret - 1) + d.slice(caret));
+            setCaret(c => Math.max(0, c - 1));
+            return;
+        }
+        if (key.delete) { // forward delete leaves the caret put
+            setDraft(d => d.slice(0, caret) + d.slice(caret + 1));
             return;
         }
         // Typing "/" on an empty composer opens the command palette.
         if (input === '/' && draft === '') {
             setDraft('/');
+            setCaret(1);
             openPicker('command', COMMANDS.map(c => ({ value: c.cmd, label: c.cmd, desc: c.desc })));
             return;
         }
-        if (!key.ctrl && !key.meta && input)
-            setDraft(prev => prev + input);
+        // Insert at the caret rather than appending, so typing mid-string works. A paste arrives as
+        // one chunk and is inserted whole.
+        if (!key.ctrl && !key.meta && input) {
+            setDraft(d => d.slice(0, caret) + input + d.slice(caret));
+            setCaret(c => c + input.length);
+        }
     });
+    /** Start of the word at or before `i`, for word-wise movement and deletion. */
+    function wordStart(text, i) {
+        let j = i;
+        while (j > 0 && /\s/.test(text[j - 1] ?? ''))
+            j--; // skip the gap
+        while (j > 0 && !/\s/.test(text[j - 1] ?? ''))
+            j--; // then the word
+        return j;
+    }
+    /** Start of the word after `i`. */
+    function wordEnd(text, i) {
+        let j = i;
+        while (j < text.length && !/\s/.test(text[j] ?? ''))
+            j++;
+        while (j < text.length && /\s/.test(text[j] ?? ''))
+            j++;
+        return j;
+    }
     /** Sends the composer contents: a slash command, or a task for the agent. */
     function submitDraft(raw) {
         {
@@ -1018,6 +1320,7 @@ function App({ config: initialConfig }) {
             if (!task)
                 return;
             setDraft('');
+            setCaret(0);
             addRow({ role: 'user', text: task });
             if (task.startsWith('/')) {
                 const spaceIdx = task.indexOf(' ');
@@ -1152,7 +1455,8 @@ function App({ config: initialConfig }) {
                 const title = picker.kind === 'command' ? 'Commands'
                     : picker.kind === 'model' ? `Models - ${cfg.provider}`
                         : picker.kind === 'effort' ? 'Reasoning effort'
-                            : 'Connect provider';
+                            : picker.kind === 'resume' ? 'Resume a saved session'
+                                : 'Connect provider';
                 let lastGroup;
                 return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: CYAN, paddingX: 1, marginTop: 1, width: barWidth, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { color: CYAN, bold: true, children: title }), _jsxs(Text, { color: DIM, children: [list.length, " match", list.length === 1 ? '' : 'es', " \u00B7 esc to close"] })] }), list.length === 0 && _jsxs(Text, { color: MUTED, children: ["No match for \"", pickQuery, "\""] }), shown.map((item, i) => {
                             const absolute = Math.max(0, start) + i;
@@ -1163,7 +1467,11 @@ function App({ config: initialConfig }) {
                             return (_jsxs(Box, { flexDirection: "column", children: [header && _jsx(Text, { color: DIM, children: header }), _jsx(Text, { backgroundColor: selected ? CYAN : undefined, color: selected ? '#10222A' : INK, bold: selected, children: (`${selected ? '❯ ' : '  '}${label.padEnd(36)}${item.current ? '(current) ' : ''}${item.desc}`)
                                             .slice(0, width).padEnd(width) })] }, item.value + absolute));
                         }), list.length > PICKER_ROWS && (_jsxs(Text, { color: DIM, children: ["\u2191\u2193 navigate \u00B7 enter select \u00B7 showing ", Math.max(0, start) + 1, "\u2013", Math.max(0, start) + shown.length, " of ", list.length] }))] }));
-            })(), keyPrompt && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: AMBER, paddingX: 1, marginTop: 1, width: barWidth, children: [_jsxs(Text, { color: AMBER, bold: true, children: ["API key for ", keyPrompt.provider] }), _jsx(Text, { color: MUTED, children: "Paste it and press enter. Held in memory for this session only; esc to cancel." }), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: MUTED, children: [keyPrompt.env, ": "] }), _jsx(Text, { color: INK, children: '*'.repeat(Math.min(keyPrompt.value.length, 48)) }), _jsx(Text, { color: CYAN, children: "\u2588" })] })] })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: CYAN, bold: true, children: "\u276F " }), _jsx(Text, { color: INK, children: draft }), _jsx(Text, { color: CYAN, children: busy ? '' : '█' })] }), _jsx(Box, { marginTop: 1, paddingX: 1, children: _jsxs(Text, { wrap: "truncate", backgroundColor: "#24343B", children: [_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() }), _jsx(Text, { color: MUTED, children: " / MODE: " }), _jsx(Text, { color: INK, children: mode }), _jsx(Text, { color: MUTED, children: " / EFFORT: " }), _jsx(Text, { color: effort === 'medium' ? INK : AMBER, children: effort }), _jsx(Text, { color: MUTED, children: " / MODEL: " }), _jsx(Text, { color: INK, children: modelShort }), _jsx(Text, { color: MUTED, children: " / PING: " }), _jsx(Text, { color: INK, children: "50ms" })] }) })] }));
+            })(), keyPrompt && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: AMBER, paddingX: 1, marginTop: 1, width: barWidth, children: [_jsxs(Text, { color: AMBER, bold: true, children: ["API key for ", keyPrompt.provider] }), _jsx(Text, { color: MUTED, children: "Paste it and press enter. Held in memory for this session only; esc to cancel." }), _jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: MUTED, children: [keyPrompt.env, ": "] }), _jsx(Text, { color: INK, children: '*'.repeat(Math.min(keyPrompt.value.length, 48)) }), _jsx(Text, { color: CYAN, children: "\u2588" })] })] })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: CYAN, bold: true, children: "\u276F " }), _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, children: _jsxs(Text, { wrap: "truncate", backgroundColor: "#24343B", children: [_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() }), _jsx(Text, { color: MUTED, children: " / MODE: " }), _jsx(Text, { color: INK, children: mode }), _jsx(Text, { color: MUTED, children: " / EFFORT: " }), _jsx(Text, { color: effort === 'medium' ? INK : AMBER, children: effort }), _jsx(Text, { color: MUTED, children: " / MODEL: " }), _jsx(Text, { color: INK, children: modelShort }), _jsx(Text, { color: MUTED, children: " / PING: " }), _jsx(Text, { color: INK, children: "50ms" })] }) })] }));
 }
 export async function runInkChatMode(config) {
     // resolveConfig has already layered CLI flags above the /config store, so the config