@csmedeiros/codemax 1.0.3 → 1.0.7

package/dist/terminal/app.js

@@ -1,1236 +0,0 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { Box, Static, Text, useApp, useInput, useStdout } from 'ink';
-import { appendFileSync, readFileSync } from 'node:fs';
-import os from 'node:os';
-import pathModule from 'node:path';
-import chalk from 'chalk';
-import { streamAgentTurn, } from '../conversation/agentTurn.js';
-import { renderAssistantMarkdown } from './markdown.js';
-import { executeSlashCommand, getCommandSuggestions, getSkillSuggestions, loadProjectSkills, } from '../commands/slashCommands.js';
-import { createCodemaxSessionId, initLangfuseTracing, } from '../observability/langfuseTracing.js';
-import { isWriteOutput, parseWriteOutput } from '../tooling/toolUiCallback.js';
-import { updateModelConfig, triggerCompaction, } from '../conversation/agentGraph.js';
-import { CompactionSettingsScreen } from './screens/compactionSettings.js';
-import { MCP_STATUSES, reloadMcpServer } from '../tooling/tools.js';
-import { consumePlanNonce } from '../tooling/planControlChannel.js';
-import { THEME, DASHED_BORDER } from './theme.js';
-import { ModelSettingsScreen } from './screens/modelSettings.js';
-import { getConfig } from '../configuration/configManager.js';
-import { listChats, loadChatHistory, saveThreadName, generateThreadName, } from '../conversation/chatHistory.js';
-import { TodoPanel, SlashCommandModal, truncateToWidth, } from './components.js';
-function debugLog(message) {
-    if (!getConfig().debugEvents)
-        return;
-    const ts = new Date().toISOString();
-    const line = `[CodeMax][app][${ts}] ${message}\n`;
-    try {
-        const filePath = (process.env['CODEMAX_DEBUG_LOG_FILE'] ?? '').trim() ||
-            '/tmp/codemax-debug.log';
-        appendFileSync(filePath, line, { encoding: 'utf8' });
-    }
-    catch {
-        // ignore
-    }
-}
-const VERBS = [
-    ['Baking', 'Baked'],
-    ['Brewing', 'Brewed'],
-    ['Crafting', 'Crafted'],
-    ['Thinking', 'Thought'],
-    ['Pondering', 'Pondered'],
-    ['Cooking', 'Cooked'],
-    ['Forging', 'Forged'],
-    ['Conjuring', 'Conjured'],
-    ['Assembling', 'Assembled'],
-    ['Computing', 'Computed'],
-    ['Synthesizing', 'Synthesized'],
-    ['Distilling', 'Distilled'],
-    ['Weaving', 'Woven'],
-    ['Combulating', 'Combulated'],
-    ['Processing', 'Processed'],
-];
-function pickVerb() {
-    return VERBS[Math.floor(Math.random() * VERBS.length)];
-}
-function nextId(prefix) {
-    return `${prefix}_${Date.now().toString(36)}_${Math.random()
-        .toString(36)
-        .slice(2, 8)}`;
-}
-function normalizeNewlines(text) {
-    return (text ?? '').replace(/\r\n/g, '\n');
-}
-function clamp(n, min, max) {
-    return Math.max(min, Math.min(max, n));
-}
-function padRight(text, width) {
-    if (text.length >= width)
-        return text;
-    return text + ' '.repeat(width - text.length);
-}
-function hr(width) {
-    return '─'.repeat(clamp(width, 0, 2000));
-}
-function RobotAscii({ color }) {
-    return (React.createElement(Text, { color: color }, [
-        '   ▄▄▄   ',
-        '  ▐▀█▀▌  ',
-        '  ▐▄█▄▌  ',
-        '   ███   ',
-        '  ▄███▄  ',
-        ' ▐█████▌ ',
-    ].join('\n')));
-}
-function HomePanel({ width }) {
-    // Two-column panel, collapses to one column on narrow terminals.
-    const innerWidth = clamp(width - 4, 20, 2000);
-    const twoCol = innerWidth >= 70;
-    const colGap = twoCol ? 3 : 0;
-    const leftW = twoCol ? Math.floor((innerWidth - colGap) * 0.44) : innerWidth;
-    const rightW = twoCol ? innerWidth - colGap - leftW : innerWidth;
-    const activity = [
-        ['5m ago', 'Updated config.js'],
-        ['15m ago', 'Fixed bug in api_handler.py'],
-        ['2h ago', 'Deployed to staging'],
-        ['1d ago', 'Created new component.vue'],
-        ['…', '/log for more history'],
-    ];
-    const whatsNew = [
-        '/scan for vulnerabilities',
-        '/optimize-code for efficiency',
-        '/test-suite for running tests',
-        'ctrl+h for help',
-        '… /changelog for details',
-    ];
-    return (React.createElement(Box, { flexDirection: "column", borderStyle: DASHED_BORDER, borderColor: THEME.copper, paddingX: 2, paddingY: 1, width: clamp(width, 20, 2000) },
-        React.createElement(Box, { flexDirection: twoCol ? 'row' : 'column', gap: twoCol ? 2 : 1 },
-            React.createElement(Box, { flexDirection: "column", width: leftW },
-                React.createElement(Text, { color: THEME.copper }, "CodeMax v1.0.0"),
-                React.createElement(Text, null, " "),
-                React.createElement(Text, { color: THEME.fg }, "Welcome back User!"),
-                React.createElement(Text, null, " "),
-                React.createElement(Box, { justifyContent: "center", paddingY: 1 },
-                    React.createElement(RobotAscii, { color: THEME.copper })),
-                React.createElement(Text, null, " "),
-                React.createElement(Text, { color: THEME.fg }, "Max-1 Engine \u2022 32k Context")),
-            twoCol ? React.createElement(Text, { color: THEME.copper }, "\u2506") : null,
-            React.createElement(Box, { flexDirection: "column", width: rightW },
-                React.createElement(Text, { color: THEME.copper }, "Recent activity"),
-                activity.map(([t, msg]) => (React.createElement(Text, { key: `${t}-${msg}`, color: THEME.fg },
-                    React.createElement(Text, { color: THEME.muted }, padRight(t, 7)),
-                    React.createElement(Text, null, " "),
-                    React.createElement(Text, null, truncateToWidth(msg, Math.max(10, rightW - 10)))))),
-                React.createElement(Text, null, " "),
-                React.createElement(Text, { color: THEME.copper }, "What's new"),
-                whatsNew.map(x => (React.createElement(Text, { key: x, color: THEME.fg }, truncateToWidth(x, rightW))))))));
-}
-// Multi-char inputs that are escape sequence residuals, not paste content.
-// '[200~' is the bracketed-paste start marker (handled earlier in useInput).
-const ESCAPE_RESIDUALS = new Set([
-    '[13;2u',
-    'OM',
-    '[27;2;13~',
-    '[1;3D',
-    '[1;3C',
-    '[200~',
-]);
-function McpServerModal({ servers, selectedIndex, }) {
-    if (!servers.length)
-        return null;
-    const maxNameLen = Math.max(0, ...servers.map(s => s.name.length));
-    const statusColor = (s) => {
-        if (s === 'connected')
-            return 'green';
-        if (s === 'unauthenticated')
-            return 'yellow';
-        return 'red';
-    };
-    const statusLabel = (s) => {
-        if (s.status === 'connected')
-            return `connected  ${s.toolCount} tool${s.toolCount === 1 ? '' : 's'}`;
-        if (s.status === 'unauthenticated')
-            return 'unauthenticated';
-        return 'unavailable';
-    };
-    return (React.createElement(Box, { flexDirection: "column", paddingX: 1 },
-        React.createElement(Box, null,
-            React.createElement(Text, { bold: true, color: THEME.copper }, 'MCP Servers'.padEnd(maxNameLen + 2)),
-            React.createElement(Text, { bold: true, color: THEME.copper }, "Status")),
-        servers.map((srv, i) => {
-            const namePadded = srv.name.padEnd(maxNameLen + 2);
-            const isSelected = i === selectedIndex;
-            return (React.createElement(Box, { key: srv.name },
-                React.createElement(Text, { inverse: isSelected, color: isSelected ? undefined : THEME.copper }, namePadded),
-                React.createElement(Text, { inverse: isSelected, color: isSelected ? undefined : statusColor(srv.status) }, statusLabel(srv))));
-        }),
-        React.createElement(Box, null,
-            React.createElement(Text, { color: THEME.muted }, " \u2193\u2191 navigate r reload Esc close"))));
-}
-function relativeTime(ms) {
-    if (ms === 0)
-        return '';
-    const diff = Date.now() - ms;
-    const mins = Math.floor(diff / 60000);
-    if (mins < 1)
-        return 'just now';
-    if (mins < 60)
-        return `${mins}m ago`;
-    const hours = Math.floor(mins / 60);
-    if (hours < 24)
-        return `${hours}h ago`;
-    return `${Math.floor(hours / 24)}d ago`;
-}
-const CHATS_WINDOW = 8;
-function ChatsModal({ chats, selectedIndex, }) {
-    if (!chats.length)
-        return (React.createElement(Box, { flexDirection: "column", paddingX: 1 },
-            React.createElement(Box, null,
-                React.createElement(Text, { bold: true, color: THEME.copper }, "Previous Conversations")),
-            React.createElement(Box, null,
-                React.createElement(Text, { color: THEME.muted }, " No previous conversations found.")),
-            React.createElement(Box, null,
-                React.createElement(Text, { color: THEME.muted }, " Esc close"))));
-    const windowStart = Math.max(0, Math.min(selectedIndex - Math.floor(CHATS_WINDOW / 2), chats.length - CHATS_WINDOW));
-    const windowEnd = Math.min(chats.length, windowStart + CHATS_WINDOW);
-    const visible = chats.slice(windowStart, windowEnd);
-    const maxNameLen = Math.max(0, ...visible.map(c => (c.name ?? c.threadId).length));
-    const scrollInfo = chats.length > CHATS_WINDOW
-        ? ` (${selectedIndex + 1}/${chats.length})`
-        : '';
-    return (React.createElement(Box, { flexDirection: "column", paddingX: 1 },
-        React.createElement(Box, null,
-            React.createElement(Text, { bold: true, color: THEME.copper }, `Conversations${scrollInfo}`.padEnd(maxNameLen + 2)),
-            React.createElement(Text, { bold: true, color: THEME.copper }, "When")),
-        windowStart > 0 && (React.createElement(Box, null,
-            React.createElement(Text, { color: THEME.muted }, " \u2191 more above"))),
-        visible.map((chat, vi) => {
-            const i = windowStart + vi;
-            const label = (chat.name ?? chat.threadId).padEnd(maxNameLen + 2);
-            const when = relativeTime(chat.createdAt);
-            const isSelected = i === selectedIndex;
-            return (React.createElement(Box, { key: chat.threadId },
-                React.createElement(Text, { inverse: isSelected, color: isSelected ? undefined : THEME.copper }, label),
-                React.createElement(Text, { inverse: isSelected, color: isSelected ? undefined : THEME.muted }, when)));
-        }),
-        windowEnd < chats.length && (React.createElement(Box, null,
-            React.createElement(Text, { color: THEME.muted }, " \u2193 more below"))),
-        React.createElement(Box, null,
-            React.createElement(Text, { color: THEME.muted }, " \u2193\u2191 navigate Enter open Esc close"))));
-}
-export default function App() {
-    const { exit } = useApp();
-    const { stdout } = useStdout();
-    // Safe no-op if env keys are missing.
-    const tracingEnabledRef = useRef(false);
-    useEffect(() => {
-        tracingEnabledRef.current = initLangfuseTracing();
-    }, []);
-    // Enable bracketed paste mode and kitty keyboard protocol (for Shift+Enter etc).
-    useEffect(() => {
-        stdout.write('\x1b[?2004h'); // bracketed paste
-        stdout.write('\x1b[>1u'); // kitty keyboard protocol: disambiguate shift/ctrl/alt
-        return () => {
-            stdout.write('\x1b[?2004l');
-            stdout.write('\x1b[<u'); // restore keyboard protocol
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [stdout]);
-    useEffect(() => {
-        const original = process.stdout.write.bind(process.stdout);
-        process.stdout.write = (chunk, ...args) => {
-            const text = typeof chunk === 'string' ? chunk : chunk.toString();
-            // Control markers carry a per-server nonce: `<nonce>:<payload>`. We only
-            // act when the nonce was registered by a real feedback server in THIS
-            // process (consumePlanNonce). This prevents arbitrary tool/model output
-            // that merely contains the marker string from triggering auto-mode or
-            // reading files. Nonces are single-use.
-            const feedbackMatch = /(?:^|\n)\s*Received user feedback: ([0-9a-f]{32}):(.*)/.exec(text);
-            if (feedbackMatch && consumePlanNonce(feedbackMatch[1])) {
-                const feedback = feedbackMatch[2].trim();
-                setTimeout(() => {
-                    setTranscript(t => [
-                        ...t,
-                        {
-                            id: nextId('meta'),
-                            role: 'meta',
-                            text: `⊛ Plan feedback: ${feedback}`,
-                        },
-                    ]);
-                    setMessageQueue(q => [...q, feedback]);
-                }, 0);
-            }
-            else {
-                const acceptMatch = /(?:^|\n)\s*Plan accepted: ([0-9a-f]{32}):(.+)/.exec(text);
-                if (acceptMatch &&
-                    /^[A-Za-z0-9._-]{1,64}$/.test(acceptMatch[2].trim()) &&
-                    consumePlanNonce(acceptMatch[1])) {
-                    const name = acceptMatch[2].trim();
-                    setTimeout(() => {
-                        setTranscript(t => [
-                            ...t,
-                            {
-                                id: nextId('meta'),
-                                role: 'meta',
-                                text: `✓ Plan accepted: ${name}`,
-                            },
-                        ]);
-                        const plansDir = pathModule.join(os.homedir(), '.codemax', 'plans');
-                        const planPath = pathModule.join(plansDir, `${name}.md`);
-                        if (!pathModule
-                            .resolve(planPath)
-                            .startsWith(pathModule.resolve(plansDir) + pathModule.sep)) {
-                            return;
-                        }
-                        try {
-                            const planContent = readFileSync(planPath, 'utf8');
-                            setToolExecutionMode('auto');
-                            setMessageQueue(q => [...q, `Build it:\n\n${planContent}`]);
-                        }
-                        catch { }
-                    }, 0);
-                }
-            }
-            return original(chunk, ...args);
-        };
-        return () => {
-            process.stdout.write = original;
-        };
-    }, []);
-    // Bracketed paste state: accumulates content between \x1b[200~ and \x1b[201~.
-    // Ink strips \x1b, so we see '[200~' and '[201~' as raw input strings.
-    const pasteBufferRef = useRef('');
-    const inPasteRef = useRef(false);
-    const swallowNextDeleteRef = useRef(false);
-    const [ctx, setCtx] = useState(() => ({
-        threadId: createCodemaxSessionId('thread'),
-        sessionId: createCodemaxSessionId('cli'),
-        renderMarkdown: getConfig().renderMarkdown,
-        screen: 'chat',
-    }));
-    const ctxRef = useRef(ctx);
-    useEffect(() => {
-        ctxRef.current = ctx;
-    }, [ctx]);
-    const [transcript, setTranscript] = useState(() => [
-        {
-            id: 'header',
-            role: 'meta',
-            text: 'CodeMax – OpenSource Code Agent',
-        },
-    ]);
-    const [line, setLine] = useState('');
-    const [cursor, setCursor] = useState(0);
-    const [pastedContent, setPastedContent] = useState(null);
-    const [todos, setTodos] = useState([]);
-    const [pendingPrompt, setPendingPrompt] = useState(null);
-    const [toolExecutionMode, setToolExecutionMode] = useState('ask');
-    const [resumeResponse, setResumeResponse] = useState(null);
-    const [isWaitingForApproval, setIsWaitingForApproval] = useState(false);
-    const [pendingApproval, setPendingApproval] = useState(null);
-    const [skills] = useState(() => loadProjectSkills(process.cwd()));
-    const [activeSkill, setActiveSkill] = useState(undefined);
-    const [suggestionIndex, setSuggestionIndex] = useState(-1);
-    const mcpModalOpenRef = useRef(false);
-    const [mcpModalIndex, setMcpModalIndex] = useState(0);
-    const [mcpServers, setMcpServers] = useState(MCP_STATUSES);
-    const mcpServersRef = useRef(MCP_STATUSES);
-    useEffect(() => {
-        mcpServersRef.current = mcpServers;
-    }, [mcpServers]);
-    const [mcpModalOpen, setMcpModalOpen] = useState(false);
-    const openMcpModal = () => {
-        mcpModalOpenRef.current = true;
-        setMcpModalOpen(true);
-    };
-    const closeMcpModal = () => {
-        mcpModalOpenRef.current = false;
-        setMcpModalOpen(false);
-    };
-    const chatsModalOpenRef = useRef(false);
-    const [chatsModalIndex, setChatsModalIndex] = useState(0);
-    const [chats, setChats] = useState([]);
-    const chatsRef = useRef([]);
-    useEffect(() => {
-        chatsRef.current = chats;
-    }, [chats]);
-    const chatsModalIndexRef = useRef(0);
-    useEffect(() => {
-        chatsModalIndexRef.current = chatsModalIndex;
-    }, [chatsModalIndex]);
-    const [chatsModalOpen, setChatsModalOpen] = useState(false);
-    const openChatsModal = () => {
-        chatsModalOpenRef.current = true;
-        setChatsModalOpen(true);
-    };
-    const closeChatsModal = () => {
-        chatsModalOpenRef.current = false;
-        setChatsModalOpen(false);
-    };
-    const firstUserMessageRef = useRef(null);
-    const threadNamedRef = useRef(false);
-    const [messageQueue, setMessageQueue] = useState([]);
-    const [isRunning, setIsRunning] = useState(false);
-    const isRunningRef = useRef(false);
-    useEffect(() => {
-        isRunningRef.current = isRunning;
-    }, [isRunning]);
-    const [elapsedSecs, setElapsedSecs] = useState(0);
-    const [bounceTick, setBounceTick] = useState(0);
-    const turnStartRef = useRef(0);
-    const currentVerbRef = useRef(['Thinking', 'Thought']);
-    const abortControllerRef = useRef(null);
-    const suggestions = useMemo(() => {
-        const cmds = getCommandSuggestions(line);
-        const skillSuggestions = getSkillSuggestions(line, skills);
-        const combined = [...cmds, ...skillSuggestions];
-        const seen = new Set();
-        return combined
-            .filter(c => {
-            if (seen.has(c.name))
-                return false;
-            seen.add(c.name);
-            return true;
-        })
-            .slice(0, 5);
-    }, [line, skills]);
-    useEffect(() => {
-        setSuggestionIndex(-1);
-    }, [suggestions]);
-    const assistantBufferRef = useRef('');
-    const [streamingText, setStreamingText] = useState('');
-    const activeToolNameRef = useRef('');
-    function applyPaste(pasted) {
-        const lineCount = pasted.split('\n').length;
-        const placeholder = `[Pasted ${lineCount} ${lineCount === 1 ? 'line' : 'lines'}]`;
-        // Set line and cursor first without pastedContent to avoid layout issues
-        setLine(placeholder);
-        setCursor(placeholder.length);
-        setPastedContent(pasted);
-    }
-    function append(item) {
-        setTranscript(t => [...t, item]);
-    }
-    function appendSystem(text) {
-        append({ id: nextId('system'), role: 'system', text });
-    }
-    function appendAssistant(text) {
-        const now = new Date();
-        const timestamp = now.toLocaleTimeString('en-US', {
-            hour: '2-digit',
-            minute: '2-digit',
-            hour12: true,
-        });
-        append({ id: nextId('assistant'), role: 'assistant', text, timestamp });
-    }
-    function appendTool(text, kind, toolName = '', toolCall) {
-        append({ id: nextId('tool'), role: 'tool', kind, text, toolName, toolCall });
-    }
-    function commitAssistantBuffer() {
-        const buffered = assistantBufferRef.current;
-        assistantBufferRef.current = '';
-        setStreamingText('');
-        if (!buffered.trim())
-            return;
-        appendAssistant(buffered);
-    }
-    function handleSubmit(rawLine) {
-        const text = (pastedContent ?? rawLine).trimEnd();
-        setPastedContent(null);
-        setLine('');
-        setCursor(0);
-        if (!text.trim())
-            return;
-        if (isWaitingForApproval) {
-            appendSystem('[CodeMax] Turn interrupted. Please approve (y) or deny (n) the pending tool.');
-            return;
-        }
-        append({ id: nextId('user'), role: 'user', text });
-        if (firstUserMessageRef.current === null) {
-            firstUserMessageRef.current = text;
-        }
-        const result = executeSlashCommand(text, ctxRef.current, skills);
-        if (result.handled) {
-            if (result.systemMessage)
-                appendSystem(normalizeNewlines(result.systemMessage));
-            if (result.activateSkill !== undefined) {
-                setActiveSkill(result.activateSkill);
-                if (result.prompt) {
-                    setMessageQueue(q => [...q, result.prompt]);
-                }
-            }
-            if (result.clearTranscript) {
-                setTranscript([
-                    { id: 'header', role: 'meta', text: 'CodeMax – OpenSource Code Agent' },
-                ]);
-                setMessageQueue([]);
-                setTodos([]);
-                setActiveSkill(undefined);
-                firstUserMessageRef.current = null;
-                threadNamedRef.current = false;
-            }
-            if (result.nextState) {
-                setCtx(s => ({ ...s, ...result.nextState }));
-                if (!result.clearTranscript && result.nextState.threadId) {
-                    setMessageQueue([]);
-                    setActiveSkill(undefined);
-                    firstUserMessageRef.current = null;
-                    threadNamedRef.current = false;
-                }
-            }
-            if (result.openMcpModal) {
-                openMcpModal();
-                setMcpModalIndex(0);
-                return;
-            }
-            if (result.openChatsModal) {
-                const chatList = listChats();
-                setChats(chatList);
-                chatsRef.current = chatList;
-                openChatsModal();
-                setChatsModalIndex(0);
-                return;
-            }
-            if (result.forceCompact) {
-                const tid = ctxRef.current.threadId;
-                void triggerCompaction(tid)
-                    .then(() => {
-                    appendSystem('[CodeMax] Compaction complete.');
-                })
-                    .catch((e) => {
-                    appendSystem(`[CodeMax] Compaction failed: ${e?.message || String(e)}`);
-                });
-                return;
-            }
-            if (result.shouldExit)
-                exit();
-            return;
-        }
-        setMessageQueue(q => [...q, text]);
-    }
-    useInput((input, key) => {
-        if (ctxRef.current.screen !== 'chat')
-            return;
-        // ESC closes the MCP modal regardless of how the terminal encodes it:
-        // - standard terminals: key.escape = true, input = ''
-        // - raw ESC byte: input = '\x1b'
-        // - kitty CSI-u disambiguate mode (`\x1b[>1u`): ESC arrives as '[27u' (no modifiers)
-        //   or '[27;1u' (explicit mods=1). Ink strips the leading \x1b.
-        if (mcpModalOpenRef.current &&
-            (key.escape || input === '\x1b' || input === '[27u' || input === '[27;1u')) {
-            closeMcpModal();
-            return;
-        }
-        if (chatsModalOpenRef.current &&
-            (key.escape || input === '\x1b' || input === '[27u' || input === '[27;1u')) {
-            closeChatsModal();
-            return;
-        }
-        // Bracketed paste: Ink strips the leading \x1b but inner \x1b chars remain.
-        // Full chunk arrives as '[200~<content>\x1b[201~' in a single useInput call.
-        if (input.startsWith('[200~') || inPasteRef.current) {
-            if (!inPasteRef.current) {
-                inPasteRef.current = true;
-                pasteBufferRef.current = input.slice(5); // strip '[200~'
-            }
-            else {
-                pasteBufferRef.current += input;
-            }
-            // End marker still has \x1b intact inside the string.
-            const endIdx = pasteBufferRef.current.indexOf('\x1b[201~');
-            if (endIdx !== -1) {
-                const pasted = pasteBufferRef.current.slice(0, endIdx);
-                inPasteRef.current = false;
-                pasteBufferRef.current = '';
-                applyPaste(pasted);
-            }
-            return;
-        }
-        // Kitty keyboard protocol CSI-u: '[<codepoint>;<modifiers>u' (\x1b stripped by Ink).
-        // modifiers bitmask offset by 1: 1=none, 2=Shift, 3=Alt, 5=Ctrl, 9=Super.
-        // These are key events, never printable text — decode the few we act on, swallow the rest.
-        const kittyMatch = /^\[(\d+)(?:;(\d+))?u$/.exec(input);
-        if (kittyMatch) {
-            const codepoint = Number(kittyMatch[1]);
-            const mods = Number(kittyMatch[2] ?? '1') - 1;
-            const ctrl = (mods & 4) !== 0;
-            const shift = (mods & 1) !== 0;
-            if (ctrl && codepoint === 99 && !inPasteRef.current) {
-                exit();
-                return;
-            }
-            if (shift && codepoint === 9) {
-                setToolExecutionMode(m => {
-                    if (m === 'ask')
-                        return 'edits';
-                    if (m === 'edits')
-                        return 'auto';
-                    if (m === 'auto')
-                        return 'plan';
-                    return 'ask';
-                });
-                return;
-            }
-            // Escape (27) is decoded here regardless of modal state so it is never swallowed.
-            if (codepoint === 27) {
-                if (mcpModalOpenRef.current) {
-                    closeMcpModal();
-                    return;
-                }
-                if (chatsModalOpenRef.current) {
-                    closeChatsModal();
-                    return;
-                }
-                // fall through — let key.escape below handle non-modal cases
-                return;
-            }
-            if (mcpModalOpenRef.current) {
-                if (codepoint === 66) {
-                    setMcpModalIndex(i => (i + 1) % mcpServersRef.current.length);
-                    return;
-                }
-                if (codepoint === 65) {
-                    setMcpModalIndex(i => i <= 0 ? mcpServersRef.current.length - 1 : i - 1);
-                    return;
-                }
-            }
-            if (chatsModalOpenRef.current) {
-                if (codepoint === 66) {
-                    setChatsModalIndex(i => Math.min(i + 1, chatsRef.current.length - 1));
-                    return;
-                }
-                if (codepoint === 65) {
-                    setChatsModalIndex(i => Math.max(0, i - 1));
-                    return;
-                }
-                if (codepoint === 13) {
-                    if (isRunningRef.current)
-                        return;
-                    const selected = chatsRef.current[chatsModalIndexRef.current];
-                    if (selected) {
-                        closeChatsModal();
-                        setCtx(s => ({ ...s, threadId: selected.threadId }));
-                        setMessageQueue([]);
-                        setTodos([]);
-                        setActiveSkill(undefined);
-                        firstUserMessageRef.current = null;
-                        threadNamedRef.current = true;
-                        const historyItems = loadChatHistory(selected.threadId);
-                        setTranscript(t => [...t, ...historyItems]);
-                    }
-                    return;
-                }
-                return;
-            }
-            return;
-        }
-        if (key.ctrl && input === 'c' && !inPasteRef.current) {
-            exit();
-            return;
-        }
-        if (key.tab && key.shift) {
-            setToolExecutionMode(m => {
-                if (m === 'ask')
-                    return 'edits';
-                if (m === 'edits')
-                    return 'auto';
-                if (m === 'auto')
-                    return 'plan';
-                return 'ask';
-            });
-            return;
-        }
-        if (isWaitingForApproval) {
-            if (input.toLowerCase() === 'y' || input === '1') {
-                setResumeResponse({ action: 'approve' });
-                setPendingApproval(null);
-                return;
-            }
-            if (input === '2') {
-                setToolExecutionMode('auto');
-                setResumeResponse({ action: 'approve_always' });
-                setPendingApproval(null);
-                return;
-            }
-            if (input.toLowerCase() === 'n' || input === '3') {
-                setResumeResponse({ action: 'deny' });
-                setPendingApproval(null);
-                return;
-            }
-        }
-        if (mcpModalOpenRef.current) {
-            if (key.escape) {
-                closeMcpModal();
-                return;
-            }
-            if (key.downArrow) {
-                setMcpModalIndex(i => (i + 1) % mcpServersRef.current.length);
-                return;
-            }
-            if (key.upArrow) {
-                setMcpModalIndex(i => i <= 0 ? mcpServersRef.current.length - 1 : i - 1);
-                return;
-            }
-            if (input === 'r' || input === 'R') {
-                setMcpModalIndex(idx => {
-                    const target = mcpServersRef.current[idx];
-                    if (target) {
-                        void reloadMcpServer(target.name).then(updated => {
-                            setMcpServers(prev => prev.map(s => (s.name === updated.name ? updated : s)));
-                        });
-                    }
-                    return idx;
-                });
-                return;
-            }
-            return;
-        }
-        if (chatsModalOpenRef.current) {
-            if (key.escape) {
-                closeChatsModal();
-                return;
-            }
-            if (key.downArrow) {
-                setChatsModalIndex(i => Math.min(i + 1, chatsRef.current.length - 1));
-                return;
-            }
-            if (key.upArrow) {
-                setChatsModalIndex(i => Math.max(0, i - 1));
-                return;
-            }
-            if (key.return) {
-                if (isRunningRef.current)
-                    return;
-                const selected = chatsRef.current[chatsModalIndexRef.current];
-                if (selected) {
-                    closeChatsModal();
-                    setCtx(s => ({ ...s, threadId: selected.threadId }));
-                    setMessageQueue([]);
-                    setTodos([]);
-                    setActiveSkill(undefined);
-                    firstUserMessageRef.current = null;
-                    threadNamedRef.current = true;
-                    const historyItems = loadChatHistory(selected.threadId);
-                    setTranscript(t => [...t, ...historyItems]);
-                }
-                return;
-            }
-            return;
-        }
-        if (key.escape) {
-            if (suggestionIndex >= 0) {
-                setSuggestionIndex(-1);
-                return;
-            }
-            if (isRunning && abortControllerRef.current) {
-                abortControllerRef.current.abort();
-            }
-            return;
-        }
-        // Shift+Enter: various terminals send different sequences.
-        // Kitty protocol: \x1b[13;2u → Ink strips \x1b → '[13;2u'
-        // SS3 Return: \x1bOM → Ink strips \x1b → 'OM'
-        // VT sequence: \x1b[27;2;13~ → Ink strips \x1b → '[27;2;13~'
-        // Warp/some xterms: \x1b[1;2F or similar
-        if (input === '[13;2u' ||
-            input === 'OM' ||
-            input === '[27;2;13~' ||
-            (key.return && key.shift)) {
-            setLine(s => s.slice(0, cursor) + '\n' + s.slice(cursor));
-            setCursor(c => c + 1);
-            return;
-        }
-        if (key.return) {
-            if (suggestionIndex >= 0 && suggestions[suggestionIndex]) {
-                const completion = `/${suggestions[suggestionIndex].name} `;
-                setLine(completion);
-                setCursor(completion.length);
-                setSuggestionIndex(-1);
-                return;
-            }
-            handleSubmit(line);
-            return;
-        }
-        if (key.tab) {
-            if (suggestions.length) {
-                const completion = `/${suggestions[0].name} `;
-                setLine(completion);
-                setCursor(completion.length);
-            }
-            return;
-        }
-        if (key.downArrow) {
-            if (suggestions.length) {
-                setSuggestionIndex(i => (i + 1) % suggestions.length);
-            }
-            return;
-        }
-        if (key.upArrow) {
-            if (suggestions.length) {
-                setSuggestionIndex(i => (i <= 0 ? suggestions.length - 1 : i - 1));
-            }
-            return;
-        }
-        // Alt+Left / Alt+Right: jump by word (macOS style).
-        // macOS Terminal sends \x1b[1;3D / \x1b[1;3C; Ink strips leading \x1b → '[1;3D' / '[1;3C'.
-        // Some terminals send \x1bb / \x1bf (emacs-style word motion) → 'b' / 'f' with key.meta.
-        if (input === '[1;3D' || (key.meta && input === 'b')) {
-            setCursor(c => {
-                let i = c - 1;
-                while (i > 0 && /\s/.test(line[i - 1]))
-                    i--;
-                while (i > 0 && !/\s/.test(line[i - 1]))
-                    i--;
-                return i;
-            });
-            return;
-        }
-        if (input === '[1;3C' || (key.meta && input === 'f')) {
-            setCursor(c => {
-                let i = c;
-                while (i < line.length && /\s/.test(line[i]))
-                    i++;
-                while (i < line.length && !/\s/.test(line[i]))
-                    i++;
-                return i;
-            });
-            return;
-        }
-        if (key.leftArrow) {
-            setCursor(c => Math.max(0, c - 1));
-            return;
-        }
-        if (key.rightArrow) {
-            setCursor(c => Math.min(line.length, c + 1));
-            return;
-        }
-        // Alt+Backspace / Ctrl+W: delete word to the left.
-        // macOS Terminal: \x1b+w → key.meta=true, input='w'.
-        // VS Code terminal: Option+Backspace → two events: Ctrl+W (key.ctrl+input='w') then Delete.
-        // The Delete that follows Ctrl+W must be swallowed; track it with a ref.
-        if (swallowNextDeleteRef.current && key.delete && !key.meta && !key.ctrl) {
-            swallowNextDeleteRef.current = false;
-            return;
-        }
-        if ((key.meta && input === 'w') ||
-            (key.meta && key.backspace) ||
-            (key.meta && key.delete) ||
-            (key.ctrl && input === 'w')) {
-            swallowNextDeleteRef.current = key.ctrl && input === 'w';
-            if (cursor <= 0)
-                return;
-            let i = cursor - 1;
-            while (i > 0 && /\s/.test(line[i - 1]))
-                i--;
-            while (i > 0 && !/\s/.test(line[i - 1]))
-                i--;
-            setLine(s => s.slice(0, i) + s.slice(cursor));
-            setCursor(i);
-            return;
-        }
-        if (key.backspace || key.delete) {
-            if (pastedContent !== null) {
-                setPastedContent(null);
-                setLine('');
-                setCursor(0);
-                return;
-            }
-            if (cursor <= 0)
-                return;
-            setLine(s => s.slice(0, cursor - 1) + s.slice(cursor));
-            setCursor(c => Math.max(0, c - 1));
-            return;
-        }
-        // Ignore unhandled ctrl/meta combos — they are not printable text.
-        if (key.ctrl || key.meta)
-            return;
-        // Printable characters (Ink already filters escape sequences for us).
-        // isPaste: multi-char input that is NOT a known escape sequence residual.
-        const isPaste = input.length > 1 && !ESCAPE_RESIDUALS.has(input);
-        if (input && (input.length === 1 || isPaste)) {
-            if (input.length > 1) {
-                applyPaste(input);
-            }
-            else {
-                if (pastedContent !== null)
-                    setPastedContent(null);
-                setLine(s => s.slice(0, cursor) + input + s.slice(cursor));
-                setCursor(c => c + input.length);
-            }
-        }
-    });
-    useEffect(() => {
-        if (!isRunning)
-            return;
-        const ticker = setInterval(() => {
-            const secs = Math.round((Date.now() - turnStartRef.current) / 1000);
-            setElapsedSecs(secs);
-            if (secs > 0 && secs % 15 === 0) {
-                currentVerbRef.current = pickVerb();
-            }
-        }, 1000);
-        const bouncer = setInterval(() => {
-            setBounceTick(t => (t + 1) % 3);
-        }, 500);
-        return () => {
-            clearInterval(ticker);
-            clearInterval(bouncer);
-        };
-    }, [isRunning]);
-    useEffect(() => {
-        if (isRunning || isWaitingForApproval || messageQueue.length === 0)
-            return;
-        const [next, ...rest] = messageQueue;
-        setMessageQueue(rest);
-        setPendingPrompt(next);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isRunning, isWaitingForApproval, messageQueue]);
-    useEffect(() => {
-        if (!pendingPrompt && !resumeResponse)
-            return;
-        let cancelled = false;
-        (async () => {
-            if (pendingPrompt) {
-                turnStartRef.current = Date.now();
-                currentVerbRef.current = pickVerb();
-                setElapsedSecs(0);
-                assistantBufferRef.current = '';
-            }
-            setIsRunning(true);
-            setIsWaitingForApproval(false);
-            abortControllerRef.current = new AbortController();
-            try {
-                const options = {
-                    prompt: pendingPrompt || undefined,
-                    threadId: ctxRef.current.threadId,
-                    sessionId: ctxRef.current.sessionId,
-                    tracingEnabled: tracingEnabledRef.current,
-                    signal: abortControllerRef.current.signal,
-                    toolExecutionMode,
-                    resumeResponse: resumeResponse || undefined,
-                    activeSkill,
-                };
-                for await (const ev of streamAgentTurn(options)) {
-                    if (cancelled)
-                        break;
-                    applyAgentEvent(ev);
-                }
-                commitAssistantBuffer();
-                if (!threadNamedRef.current && firstUserMessageRef.current) {
-                    threadNamedRef.current = true;
-                    const threadId = ctxRef.current.threadId;
-                    const msg = firstUserMessageRef.current;
-                    void generateThreadName(msg)
-                        .then(name => {
-                        saveThreadName(threadId, name);
-                    })
-                        .catch(() => {
-                        /* swallow */
-                    });
-                }
-            }
-            finally {
-                if (!cancelled) {
-                    setIsRunning(false);
-                    setPendingPrompt(null);
-                    setResumeResponse(null);
-                    abortControllerRef.current = null;
-                }
-            }
-        })().catch((error) => {
-            appendTool(`[CodeMax] Agent error: ${error instanceof Error ? error.message : String(error)}`, 'error');
-            setIsRunning(false);
-            setIsWaitingForApproval(false);
-            setPendingPrompt(null);
-            setResumeResponse(null);
-        });
-        return () => {
-            cancelled = true;
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [pendingPrompt, resumeResponse]);
-    function applyAgentEvent(ev) {
-        debugLog(`event type=${ev.type}`);
-        if (ev.type === 'status') {
-            return;
-        }
-        if (ev.type === 'on_state_update') {
-            setTodos(ev.todos);
-            return;
-        }
-        if (ev.type === 'on_interrupt') {
-            setIsWaitingForApproval(true);
-            const toolName = ev.payload.toolCall.name;
-            const args = ev.payload.toolCall.args || {};
-            let target = '';
-            if (toolName === 'writeFileTool' || toolName === 'editFileTool')
-                target = args.filePath;
-            if (toolName === 'shellTool')
-                target = args.command;
-            const question = target
-                ? `Do you want to run ${toolName} on ${target}?`
-                : `Do you want to run ${toolName}?`;
-            setPendingApproval({ toolName, target, question });
-            return;
-        }
-        if (ev.type === 'on_tool_start') {
-            commitAssistantBuffer();
-            activeToolNameRef.current = ev.toolName ?? '';
-            appendTool(ev.input ?? `${ev.toolName ?? 'tool'}…`, 'start', ev.toolName ?? '');
-            return;
-        }
-        if (ev.type === 'on_tool_end') {
-            activeToolNameRef.current = '';
-            appendTool(ev.output ?? '', 'end', ev.toolName ?? '');
-            return;
-        }
-        if (ev.type === 'on_tool_error') {
-            commitAssistantBuffer();
-            const failedTool = activeToolNameRef.current;
-            activeToolNameRef.current = '';
-            const label = failedTool
-                ? `${failedTool} failed`
-                : ev.error ?? '[tool error]';
-            appendTool(label, 'error', failedTool);
-            return;
-        }
-        if (ev.type === 'on_chat_delta') {
-            assistantBufferRef.current += ev.text;
-            debugLog(`delta text="${ev.text.replace(/\n/g, '\\n')}" total_len=${assistantBufferRef.current.length}`);
-            setStreamingText(assistantBufferRef.current);
-            return;
-        }
-        if (ev.type === 'on_chat_end') {
-            debugLog(`chat_end total_len=${assistantBufferRef.current.length}`);
-            commitAssistantBuffer();
-            const elapsed = Math.round((Date.now() - turnStartRef.current) / 1000);
-            const pastTense = currentVerbRef.current[1];
-            append({
-                id: nextId('meta'),
-                role: 'meta',
-                text: `${pastTense} for ${elapsed}s`,
-            });
-        }
-    }
-    // Never force a minimum wider than the terminal; otherwise Ink borders "break" on shrink.
-    const width = clamp(stdout?.columns ?? 80, 20, 1000);
-    const BOUNCE_FRAMES = ['⊛', '●', '◉'];
-    const bounceChar = BOUNCE_FRAMES[bounceTick % BOUNCE_FRAMES.length];
-    const promptPrefix = isRunning || isWaitingForApproval ? '…' : '>';
-    const left = line.slice(0, cursor);
-    const right = line.slice(cursor);
-    const renderedTranscript = useMemo(() => {
-        return transcript.map(item => {
-            if (item.role === 'assistant') {
-                const raw = normalizeNewlines(item.text);
-                const out = ctx.renderMarkdown ? renderAssistantMarkdown(raw) : raw;
-                return {
-                    id: item.id,
-                    label: 'assistant',
-                    text: out,
-                    timestamp: item.timestamp,
-                    toolName: '',
-                    kind: undefined,
-                };
-            }
-            if (item.role === 'user') {
-                return {
-                    id: item.id,
-                    label: 'user',
-                    text: normalizeNewlines(item.text),
-                    timestamp: '',
-                    toolName: '',
-                    kind: undefined,
-                };
-            }
-            if (item.role === 'tool') {
-                return {
-                    id: item.id,
-                    label: 'tool',
-                    text: normalizeNewlines(item.text),
-                    timestamp: '',
-                    toolName: item.toolName,
-                    kind: item.kind,
-                    toolCall: item.toolCall,
-                };
-            }
-            if (item.role === 'meta') {
-                return {
-                    id: item.id,
-                    label: 'meta',
-                    text: item.text,
-                    timestamp: '',
-                    toolName: '',
-                    kind: undefined,
-                };
-            }
-            return {
-                id: item.id,
-                label: 'system',
-                text: normalizeNewlines(item.text),
-                timestamp: '',
-                toolName: '',
-                kind: undefined,
-            };
-        });
-    }, [ctx.renderMarkdown, transcript]);
-    const streamingTextOut = useMemo(() => {
-        if (!streamingText)
-            return '';
-        const raw = normalizeNewlines(streamingText);
-        return ctx.renderMarkdown ? renderAssistantMarkdown(raw) : raw;
-    }, [ctx.renderMarkdown, streamingText]);
-    const modeLabels = {
-        ask: 'Ask for Edits',
-        edits: 'Accept Edits',
-        auto: 'Auto-Accept',
-        plan: 'Plan Mode',
-    };
-    if (ctx.screen === 'model') {
-        return (React.createElement(ModelSettingsScreen, { width: width, onSave: cfg => {
-                updateModelConfig(cfg);
-                setCtx(prev => ({ ...prev, screen: 'chat' }));
-                appendSystem(`[CodeMax] Model updated: ${cfg.modelName}`);
-            }, onCancel: () => {
-                setCtx(prev => ({ ...prev, screen: 'chat' }));
-            } }));
-    }
-    if (ctx.screen === 'compaction') {
-        return (React.createElement(CompactionSettingsScreen, { width: width, onSave: pct => {
-                setCtx(prev => ({ ...prev, screen: 'chat' }));
-                appendSystem(`[CodeMax] Compaction threshold set to ${pct}%`);
-            }, onCancel: () => {
-                setCtx(prev => ({ ...prev, screen: 'chat' }));
-            } }));
-    }
-    return (React.createElement(Box, { flexDirection: "column", width: width },
-        transcript.length <= 1 ? (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-            React.createElement(HomePanel, { width: width }),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(TodoPanel, { todos: todos, width: width })),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: THEME.muted }, hr(width))))) : (React.createElement(Box, { marginTop: 1 },
-            React.createElement(TodoPanel, { todos: todos, width: width }))),
-        React.createElement(Static, { items: renderedTranscript }, m => (React.createElement(Box, { key: m.id, flexDirection: "column", marginBottom: m.label === 'tool' && (m.kind === 'end' || m.kind === 'error')
-                ? 1
-                : 0 },
-            m.label === 'user' && (React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: THEME.copper }, '> '),
-                React.createElement(Text, { color: THEME.fg }, m.text))),
-            m.label === 'assistant' && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: THEME.green }, '• '),
-                    React.createElement(Text, { color: THEME.fg }, m.text),
-                    m.timestamp ? (React.createElement(Text, { color: THEME.muted },
-                        " ",
-                        m.timestamp)) : null))),
-            m.label === 'meta' && (React.createElement(Box, null,
-                React.createElement(Text, { color: THEME.muted },
-                    '⊛ ',
-                    m.text))),
-            m.label === 'tool' && m.kind === 'start' && (React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, null,
-                    React.createElement(Text, { color: THEME.green }, '• '),
-                    React.createElement(Text, { color: THEME.fg }, m.text.trim())))),
-            m.label === 'tool' &&
-                m.kind === 'end' &&
-                m.toolName !== 'shellTool' &&
-                isWriteOutput(m.text) && (React.createElement(Box, { flexDirection: "column", marginLeft: 1 }, (() => {
-                const { summary, entries, omitted } = parseWriteOutput(m.text);
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(Text, { color: THEME.muted },
-                        '└ ',
-                        summary),
-                    React.createElement(Box, { flexDirection: "column", paddingLeft: 2 },
-                        entries.map((entry, i) => (React.createElement(Box, { key: i },
-                            React.createElement(Text, { color: THEME.muted }, padRight(String(entry.lineNum), 5)),
-                            React.createElement(Box, { paddingX: 1 },
-                                React.createElement(Text, { color: entry.type === 'add'
-                                        ? THEME.diffAddFg
-                                        : entry.type === 'remove'
-                                            ? THEME.diffRemoveFg
-                                            : THEME.fg, backgroundColor: entry.type === 'add'
-                                        ? THEME.diffAdd
-                                        : entry.type === 'remove'
-                                            ? THEME.diffRemove
-                                            : undefined },
-                                    entry.type === 'add'
-                                        ? '+ '
-                                        : entry.type === 'remove'
-                                            ? '- '
-                                            : '  ',
-                                    truncateToWidth(entry.text, Math.max(10, width - 15))))))),
-                        omitted > 0 && (React.createElement(Text, { color: THEME.muted },
-                            React.createElement(Text, null,
-                                '... +',
-                                omitted,
-                                ' lines (ctrl+o to expand)'))))));
-            })())),
-            m.label === 'tool' &&
-                m.kind === 'end' &&
-                m.toolName === 'shellTool' &&
-                m.text.trim() && (React.createElement(Box, { flexDirection: "column", marginLeft: 1 }, m.text
-                .trim()
-                .split('\n')
-                .map((line, i) => (React.createElement(Text, { key: i, color: THEME.muted },
-                i === 0 ? '└─ ' : '   ',
-                truncateToWidth(line, Math.max(10, width - 7))))))),
-            m.label === 'tool' &&
-                m.kind === 'end' &&
-                m.toolName !== 'shellTool' &&
-                !isWriteOutput(m.text) &&
-                m.text.trim() && (React.createElement(Box, { marginLeft: 1 },
-                React.createElement(Text, { color: THEME.muted },
-                    '└ ',
-                    truncateToWidth(m.text.trim(), Math.max(10, width - 8))))),
-            m.label === 'tool' && m.kind === 'error' && (React.createElement(Text, { color: "#e06c75" },
-                React.createElement(Text, null, '• '),
-                React.createElement(Text, null, truncateToWidth(m.text.trim(), Math.max(10, width - 4))))),
-            m.label === 'system' && React.createElement(Text, { color: THEME.muted }, m.text)))),
-        streamingTextOut ? (React.createElement(Box, { marginTop: 1, flexDirection: "column" },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: THEME.green }, '• '),
-                React.createElement(Text, { color: THEME.fg }, streamingTextOut)))) : null,
-        pendingApproval && (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: THEME.copper, marginTop: 1, paddingX: 1 },
-            React.createElement(Text, { color: THEME.fg }, pendingApproval.question),
-            React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-                React.createElement(Text, { color: THEME.fg }, "1. Yes"),
-                React.createElement(Text, { color: THEME.fg }, "2. Yes, allow all edits during this session (shift+tab)"),
-                React.createElement(Text, { color: THEME.fg }, "3. No")))),
-        React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: THEME.muted, marginTop: pendingApproval ? 0 : 1, width: width },
-            React.createElement(Box, { justifyContent: "space-between", paddingX: 1 },
-                React.createElement(Box, null, isRunning ? (React.createElement(Text, { wrap: "truncate" },
-                    React.createElement(Text, { color: THEME.copper },
-                        bounceChar,
-                        " "),
-                    React.createElement(Text, { color: THEME.fg },
-                        currentVerbRef.current[0],
-                        "\u2026 "),
-                    React.createElement(Text, { color: THEME.muted },
-                        "(",
-                        elapsedSecs,
-                        "s)"),
-                    messageQueue.length > 0 && (React.createElement(Text, { color: THEME.muted },
-                        ' ',
-                        "\u00B7 ",
-                        messageQueue.length,
-                        " queued")))) : isWaitingForApproval ? (React.createElement(Text, { color: THEME.muted }, "Waiting for decision\u2026")) : (React.createElement(Text, { color: THEME.muted, wrap: "truncate" },
-                    '• Ready  ·  thread ',
-                    ctx.threadId))),
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: THEME.muted }, "[Shift+Tab] "),
-                    React.createElement(Text, { color: THEME.copper, bold: true }, modeLabels[toolExecutionMode]))),
-            React.createElement(Text, { color: THEME.muted },
-                " ",
-                hr(width - 4)),
-            mcpModalOpen && (React.createElement(McpServerModal, { servers: mcpServers, selectedIndex: mcpModalIndex })),
-            chatsModalOpen && (React.createElement(ChatsModal, { chats: chats, selectedIndex: chatsModalIndex })),
-            React.createElement(SlashCommandModal, { suggestions: suggestions, selectedIndex: suggestionIndex }),
-            React.createElement(Box, { paddingX: 1, paddingBottom: 0 },
-                React.createElement(Text, { color: THEME.copper },
-                    promptPrefix,
-                    " "),
-                React.createElement(Text, { wrap: "wrap" }, left +
-                    chalk.inverse(right.length ? right[0] : ' ') +
-                    right.slice(1))),
-            React.createElement(Box, { paddingX: 1, paddingBottom: 1 }, transcript.length <= 1 && !line ? (React.createElement(Text, { color: THEME.muted }, "try \"refactor <file> to ...\"")) : null))));
-}