openhorse 0.2.2 → 0.2.4

package/dist/ink-ui/screens/ReplScreen.js

@@ -37,24 +37,31 @@ exports.visibleCommandItems = visibleCommandItems;
 exports.getFileQuery = getFileQuery;
 exports.visibleFileItems = visibleFileItems;
 exports.sessionItems = sessionItems;
+exports.permissionItems = permissionItems;
+exports.normalizePastedInput = normalizePastedInput;
+exports.isMultilinePasteValue = isMultilinePasteValue;
 exports.ReplScreen = ReplScreen;
 const react_1 = __importStar(require("react"));
 const ink_1 = require("ink");
 const fs_1 = require("fs");
 const path_1 = require("path");
 const commands_1 = require("../../commands");
-const parser_1 = require("../../commands/parser");
 const types_1 = require("../../commands/types");
-const turn_controller_1 = require("../../runtime/turn-controller");
+const agent_runtime_controller_1 = require("../../runtime/agent-runtime-controller");
 const global_config_1 = require("../../services/global-config");
 const sessions_1 = require("../../ui-v2/state/sessions");
+const NativeCursor_1 = require("../components/NativeCursor");
 const PromptInput_1 = require("../components/PromptInput");
 const PixelHorseBanner_1 = require("../components/PixelHorseBanner");
 const SelectList_1 = require("../components/SelectList");
 const StatusLine_1 = require("../components/StatusLine");
-const TerminalCursor_1 = require("../components/TerminalCursor");
 const Transcript_1 = require("../components/Transcript");
-const chat_controller_1 = require("../controllers/chat-controller");
+const use_raw_input_bridge_1 = require("../hooks/use-raw-input-bridge");
+const use_terminal_size_1 = require("../hooks/use-terminal-size");
+const input_buffer_1 = require("../runtime/input-buffer");
+const layout_budget_1 = require("../runtime/layout-budget");
+const raw_input_1 = require("../runtime/raw-input");
+const transcript_state_1 = require("../runtime/transcript-state");
 let nextTranscriptId = 1;
 function createId() {
     return `ui-${nextTranscriptId++}`;
@@ -144,162 +151,181 @@ function sessionItems(request) {
         ].filter(Boolean).join('  '),
     }));
 }
-function isExitCommand(input) {
-    const parsed = (0, parser_1.parseInput)(input.trim());
-    return parsed.isCommand && ['exit', 'quit', 'q'].includes(parsed.name);
+function compactPermissionArgs(args) {
+    for (const key of ['path', 'file_path', 'file', 'cwd', 'command', 'pattern', 'query', 'url', 'target', 'sessionId']) {
+        const value = args[key];
+        if (typeof value === 'string') {
+            return value.length > 72 ? `${value.slice(0, 69)}...` : value;
+        }
+    }
+    const firstString = Object.values(args).find(value => typeof value === 'string');
+    if (typeof firstString === 'string') {
+        return firstString.length > 72 ? `${firstString.slice(0, 69)}...` : firstString;
+    }
+    return '';
+}
+function permissionItems(request) {
+    const detail = compactPermissionArgs(request.args);
+    return [
+        {
+            value: 'allow',
+            label: `Allow ${request.name}`,
+            description: [detail, request.reason].filter(Boolean).join('  '),
+        },
+        {
+            value: 'deny',
+            label: `Deny ${request.name}`,
+            description: 'Do not run this tool call',
+        },
+    ];
+}
+function normalizePastedInput(value) {
+    return value
+        .replace(/\x1b\[200~/g, '')
+        .replace(/\x1b\[201~/g, '')
+        .replace(/\r\n/g, '\n')
+        .replace(/\r/g, '\n');
 }
-function ReplScreen({ runtime }) {
+function isMultilinePasteValue(value) {
+    if (!value)
+        return false;
+    const normalized = normalizePastedInput(value);
+    return normalized.length > 1 && normalized.includes('\n');
+}
+function ReplScreen({ runtime, cursorController, resizeEpoch = 0 }) {
     const app = (0, ink_1.useApp)();
     const { stdout } = (0, ink_1.useStdout)();
-    const [transcript, setTranscript] = (0, react_1.useState)([]);
-    const [input, setInput] = (0, react_1.useState)('');
+    const terminalSize = (0, use_terminal_size_1.useTerminalSize)(stdout);
+    const terminalHeight = terminalSize.height;
+    const terminalWidth = terminalSize.width;
+    const [transcriptState, dispatchTranscript] = (0, react_1.useReducer)(transcript_state_1.transcriptReducer, transcript_state_1.initialTranscriptState);
+    const [inputBuffer, dispatchInput] = (0, react_1.useReducer)(input_buffer_1.reduceInputBuffer, input_buffer_1.initialInputBuffer);
+    const input = inputBuffer.value;
+    const inputCursor = inputBuffer.cursor;
     const [overlay, setOverlay] = (0, react_1.useState)(null);
+    const layout = (0, react_1.useMemo)(() => (0, layout_budget_1.getInkLayoutBudget)(terminalWidth, terminalHeight, { overlayVisible: overlay !== null }), [terminalWidth, terminalHeight, overlay]);
+    const { layoutWidth, maxLiveTranscriptItems, maxOverlayItems, maxPromptRows } = layout;
     const [processing, setProcessing] = (0, react_1.useState)(false);
     const [statusMessage, setStatusMessage] = (0, react_1.useState)('');
+    const [exiting, setExiting] = (0, react_1.useState)(false);
     const [history, setHistory] = (0, react_1.useState)(() => (0, global_config_1.getInputHistory)());
     const [historyIndex, setHistoryIndex] = (0, react_1.useState)(-1);
     const [, setStoreVersion] = (0, react_1.useState)(0);
-    const turnControllerRef = (0, react_1.useRef)(new turn_controller_1.TurnController({ exitConfirmWindowMs: 5000 }));
-    const runningRef = (0, react_1.useRef)(false);
-    const inputRef = (0, react_1.useRef)('');
+    const shuttingDownRef = (0, react_1.useRef)(false);
+    const lastCtrlCEventAtRef = (0, react_1.useRef)(0);
+    const inputRef = (0, react_1.useRef)(input_buffer_1.initialInputBuffer);
+    const promptBoxRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
-        inputRef.current = input;
-    }, [input]);
+        inputRef.current = inputBuffer;
+    }, [inputBuffer]);
     (0, react_1.useEffect)(() => runtime.store.subscribe(() => setStoreVersion(version => version + 1)), [runtime.store]);
     const append = (0, react_1.useCallback)((entry) => {
         const id = createId();
-        setTranscript(current => [...current, { id, ...entry }]);
+        const next = { id, ...entry };
+        dispatchTranscript({ type: 'append', entry: next });
         return id;
     }, []);
     const update = (0, react_1.useCallback)((id, patch) => {
-        setTranscript(current => current.map(entry => entry.id === id ? { ...entry, ...patch } : entry));
+        dispatchTranscript({ type: 'update', id, patch });
+    }, []);
+    const finalize = (0, react_1.useCallback)((id, patch) => {
+        dispatchTranscript({ type: 'finalize', id, patch });
+    }, []);
+    const remove = (0, react_1.useCallback)((id) => {
+        dispatchTranscript({ type: 'remove', id });
     }, []);
     const events = (0, react_1.useMemo)(() => ({
         append,
         update,
-        clearTranscript: () => setTranscript([]),
+        finalize,
+        remove,
+        replaceTranscript: entries => {
+            dispatchTranscript({ type: 'replace', entries });
+        },
+        clearTranscript: () => {
+            dispatchTranscript({ type: 'clear' });
+        },
         setStatus: setStatusMessage,
         showSessionPicker: request => setOverlay({ type: 'sessions', selectedIndex: 0, request }),
+        showPermissionRequest: request => setOverlay({ type: 'permission', selectedIndex: 0, request }),
         setProcessing,
-    }), [append, update]);
-    const controller = (0, react_1.useMemo)(() => new chat_controller_1.InkChatController(runtime, events), [runtime, events]);
-    const shutdown = (0, react_1.useCallback)(async () => {
-        await runtime.shutdown();
-        app.exit();
-    }, [app, runtime]);
-    const appendSubmittedInput = (0, react_1.useCallback)((value) => {
-        const parsed = (0, parser_1.parseInput)(value.trim());
-        append({
-            role: parsed.isCommand ? 'command' : 'user',
-            title: parsed.isCommand ? 'command' : 'you',
-            content: value,
-        });
-    }, [append]);
-    const runTurn = (0, react_1.useCallback)(async (firstInput) => {
-        let nextInput = firstInput;
-        while (nextInput && nextInput.trim()) {
-            appendSubmittedInput(nextInput);
-            const turn = turnControllerRef.current.beginTurn(nextInput);
-            runningRef.current = true;
-            setProcessing(true);
-            runtime.store.setProcessing(true);
-            setStatusMessage('');
-            try {
-                await controller.runInput(nextInput, { abortSignal: turn.abortSignal });
-            }
-            finally {
-                const revision = turnControllerRef.current.finishTurn(turn.id);
-                if (revision?.trim()) {
-                    setStatusMessage('Restarting with latest instruction...');
-                    nextInput = revision;
-                }
-                else {
-                    nextInput = undefined;
-                }
-            }
-        }
-        runningRef.current = false;
-        setProcessing(false);
+    }), [append, finalize, remove, stdout, update]);
+    const agentController = (0, react_1.useMemo)(() => new agent_runtime_controller_1.AgentRuntimeController({
+        runtime,
+        events,
+        exitConfirmWindowMs: 5000,
+        useRuntimeToolPermissions: true,
+        beforeTurn: () => setStatusMessage(''),
+    }), [runtime, events]);
+    const shutdown = (0, react_1.useCallback)(() => {
+        if (shuttingDownRef.current)
+            return;
+        shuttingDownRef.current = true;
+        cursorController.disable();
         runtime.store.setProcessing(false);
-    }, [appendSubmittedInput, controller, runtime.store]);
+        setProcessing(false);
+        setExiting(true);
+        setTimeout(() => {
+            app.exit();
+        }, 50);
+        void runtime.shutdown().catch(error => {
+            const message = error instanceof Error ? error.message : String(error);
+            process.stderr.write(`OpenHorse shutdown warning: ${message}\n`);
+        });
+    }, [app, cursorController, runtime]);
     const submit = (0, react_1.useCallback)((value) => {
         const submitted = value.trim();
         if (!submitted)
             return;
-        setInput('');
+        dispatchInput({ type: 'clear' });
         setOverlay(null);
         (0, global_config_1.addToInputHistory)(submitted);
         setHistory((0, global_config_1.getInputHistory)());
         setHistoryIndex(-1);
-        if (isExitCommand(submitted)) {
+        const result = agentController.handle({ type: 'submit', text: submitted, source: 'composer' });
+        if (result.type === 'exit_requested') {
             void shutdown();
-            return;
-        }
-        if (turnControllerRef.current.hasActiveTurn()) {
-            const parsed = (0, parser_1.parseInput)(submitted);
-            if (parsed.isCommand) {
-                setStatusMessage('Command ignored while agent is running. Press Ctrl+C to interrupt first.');
-                return;
-            }
-            turnControllerRef.current.clearExitIntent();
-            turnControllerRef.current.requestRevision(submitted);
-            setStatusMessage('Revision received. Interrupting current response...');
-            return;
         }
-        void runTurn(submitted);
-    }, [runTurn, shutdown]);
+    }, [agentController, shutdown]);
+    const answerPermission = (0, react_1.useCallback)((request, approved) => {
+        setOverlay(null);
+        agentController.handle({
+            type: 'permission_decision',
+            requestId: request.id,
+            approved,
+            source: 'keyboard',
+        });
+    }, [agentController]);
     const closeOverlay = (0, react_1.useCallback)(() => {
         if (!overlay)
             return false;
+        if (overlay.type === 'permission') {
+            answerPermission(overlay.request, false);
+            return true;
+        }
         setOverlay(null);
         return true;
-    }, [overlay]);
+    }, [answerPermission, overlay]);
     const handleCtrlC = (0, react_1.useCallback)(() => {
         if (closeOverlay()) {
-            turnControllerRef.current.clearExitIntent();
-            return;
-        }
-        if (turnControllerRef.current.hasActiveTurn()) {
-            const shouldExit = turnControllerRef.current.registerExitIntent();
-            turnControllerRef.current.interruptActiveTurn();
-            if (shouldExit) {
-                void shutdown();
-            }
-            else {
-                setStatusMessage('again exits');
-            }
+            agentController.handle({ type: 'clear_exit_intent' });
             return;
         }
-        if (turnControllerRef.current.registerExitIntent()) {
+        const result = agentController.handle({ type: 'interrupt', source: 'keyboard' });
+        if (result.type === 'exit_requested') {
             void shutdown();
+        }
+    }, [agentController, closeOverlay, shutdown]);
+    const handleCtrlCEvent = (0, react_1.useCallback)((options = {}) => {
+        const now = Date.now();
+        const delta = now - lastCtrlCEventAtRef.current;
+        if (!options.allowRapidRepeat && delta < 30) {
             return;
         }
-        setStatusMessage('again exits');
-    }, [closeOverlay, shutdown]);
-    (0, react_1.useEffect)(() => {
-        let lastDataCtrlCAt = 0;
-        const onData = (chunk) => {
-            const text = Buffer.isBuffer(chunk) ? chunk.toString('utf8') : chunk;
-            const ctrlCCount = [...text].filter(char => char === '\u0003').length;
-            if (ctrlCCount > 0) {
-                lastDataCtrlCAt = Date.now();
-            }
-            for (let i = 0; i < ctrlCCount; i++) {
-                handleCtrlC();
-            }
-        };
-        const onSignal = () => {
-            if (Date.now() - lastDataCtrlCAt < 50)
-                return;
-            handleCtrlC();
-        };
-        process.stdin.on('data', onData);
-        process.on('SIGINT', onSignal);
-        return () => {
-            process.stdin.off('data', onData);
-            process.off('SIGINT', onSignal);
-        };
+        lastCtrlCEventAtRef.current = now;
+        handleCtrlC();
     }, [handleCtrlC]);
+    const lastRawInputRef = (0, use_raw_input_bridge_1.useRawInputBridge)(handleCtrlCEvent);
     const commandItems = visibleCommandItems(input);
     const fileItems = visibleFileItems(runtime.cwd, input);
     const completeCommand = (0, react_1.useCallback)((item, submitImmediately) => {
@@ -310,14 +336,14 @@ function ReplScreen({ runtime }) {
             submit(value);
         }
         else {
-            setInput(value);
+            dispatchInput({ type: 'set', value });
         }
     }, [submit]);
     const completeFile = (0, react_1.useCallback)((item) => {
-        const fileQuery = getFileQuery(inputRef.current);
+        const fileQuery = getFileQuery(inputRef.current.value);
         if (!fileQuery)
             return;
-        setInput(`${fileQuery.base}@${item.value}`);
+        dispatchInput({ type: 'set', value: `${fileQuery.base}@${item.value}` });
         setOverlay(null);
     }, []);
     const selectSession = (0, react_1.useCallback)((request, index) => {
@@ -325,16 +351,26 @@ function ReplScreen({ runtime }) {
         if (!session)
             return;
         setOverlay(null);
-        submit(`/resume ${session.id}${request.allProjects ? ' --all' : ''}`);
-    }, [submit]);
+        const result = agentController.handle({
+            type: 'select_session',
+            sessionId: session.id,
+            allProjects: request.allProjects,
+            source: 'picker',
+        });
+        if (result.type === 'exit_requested') {
+            void shutdown();
+        }
+    }, [agentController, shutdown]);
     (0, ink_1.useInput)((value, key) => {
         const isReturn = key?.return || value === '\r' || value === '\n';
-        if (value === '\u0003' || value?.includes('\u0003')) {
+        if (key?.ctrl && value === 'c') {
+            handleCtrlCEvent();
             return;
         }
-        if (!key?.ctrl && value && /[\r\n]/.test(value) && value !== '\r' && value !== '\n') {
-            const beforeReturn = value.split(/[\r\n]/)[0] ?? '';
-            submit(`${inputRef.current}${beforeReturn}`);
+        agentController.handle({ type: 'clear_exit_intent' });
+        if (!key?.ctrl && isMultilinePasteValue(value)) {
+            dispatchInput({ type: 'inputChunk', text: normalizePastedInput(value) });
+            setOverlay(null);
             return;
         }
         if (overlay?.type === 'shortcuts') {
@@ -411,75 +447,135 @@ function ReplScreen({ runtime }) {
                 return;
             }
         }
+        if (overlay?.type === 'permission') {
+            const items = permissionItems(overlay.request);
+            if (key?.escape || value?.toLowerCase() === 'n') {
+                answerPermission(overlay.request, false);
+                return;
+            }
+            if (value?.toLowerCase() === 'y') {
+                answerPermission(overlay.request, true);
+                return;
+            }
+            if (key?.upArrow) {
+                setOverlay({ ...overlay, selectedIndex: Math.max(0, overlay.selectedIndex - 1) });
+                return;
+            }
+            if (key?.downArrow || key?.tab) {
+                setOverlay({ ...overlay, selectedIndex: Math.min(items.length - 1, overlay.selectedIndex + 1) });
+                return;
+            }
+            if (isReturn) {
+                answerPermission(overlay.request, items[overlay.selectedIndex]?.value === 'allow');
+                return;
+            }
+            return;
+        }
         if (isReturn && key?.meta) {
-            setInput(current => `${current}\n`);
+            dispatchInput({ type: 'insert', text: '\n' });
+            return;
+        }
+        if (key?.leftArrow) {
+            dispatchInput({ type: 'move', direction: 'left' });
+            return;
+        }
+        if (key?.rightArrow) {
+            dispatchInput({ type: 'move', direction: 'right' });
+            return;
+        }
+        if (key?.ctrl && value === 'a') {
+            dispatchInput({ type: 'move', direction: 'home' });
+            return;
+        }
+        if (key?.ctrl && value === 'e') {
+            dispatchInput({ type: 'move', direction: 'end' });
+            return;
+        }
+        if (key?.ctrl && value === 'u') {
+            const rawInput = lastRawInputRef.current;
+            dispatchInput({ type: 'inputChunk', text: rawInput.startsWith('\x15') ? rawInput : '\x15' });
+            setOverlay(null);
             return;
         }
         if (isReturn) {
-            submit(inputRef.current);
+            submit(inputRef.current.value);
+            return;
+        }
+        if (value && (0, raw_input_1.hasDeletionRawInput)(value)) {
+            dispatchInput({ type: 'inputChunk', text: value });
+            return;
+        }
+        if (key?.backspace) {
+            dispatchInput({ type: 'backspace' });
             return;
         }
-        if (key?.backspace || key?.delete) {
-            setInput(current => current.slice(0, -1));
+        if (key?.delete) {
+            dispatchInput({ type: (0, raw_input_1.deleteActionFromRawInput)(value || lastRawInputRef.current) });
             return;
         }
-        if (key?.upArrow && inputRef.current === '' && history.length > 0) {
+        if (key?.upArrow && inputRef.current.value === '' && history.length > 0) {
             const nextIndex = Math.min(history.length - 1, historyIndex + 1);
             setHistoryIndex(nextIndex);
-            setInput(history[nextIndex]?.content ?? '');
+            dispatchInput({ type: 'set', value: history[nextIndex]?.content ?? '' });
             return;
         }
         if (key?.downArrow && historyIndex >= 0) {
             const nextIndex = historyIndex - 1;
             setHistoryIndex(nextIndex);
-            setInput(nextIndex >= 0 ? history[nextIndex]?.content ?? '' : '');
+            dispatchInput({ type: 'set', value: nextIndex >= 0 ? history[nextIndex]?.content ?? '' : '' });
             return;
         }
         if (key?.tab) {
-            if (inputRef.current.startsWith('/')) {
+            if (inputRef.current.value.startsWith('/')) {
                 setOverlay({ type: 'commands', selectedIndex: 0 });
             }
-            else if (getFileQuery(inputRef.current)) {
+            else if (getFileQuery(inputRef.current.value)) {
                 setOverlay({ type: 'files', selectedIndex: 0 });
             }
             return;
         }
-        if (value === '/' && inputRef.current === '' && !turnControllerRef.current.hasActiveTurn()) {
-            setInput('/');
+        if (value === '/' && inputRef.current.value === '' && !agentController.hasActiveTurn()) {
+            dispatchInput({ type: 'set', value: '/' });
             setOverlay({ type: 'commands', selectedIndex: 0 });
             return;
         }
-        if (value === '@' && !turnControllerRef.current.hasActiveTurn()) {
-            setInput(current => `${current}@`);
+        if (value === '@' && !agentController.hasActiveTurn()) {
+            dispatchInput({ type: 'insert', text: '@' });
             setOverlay({ type: 'files', selectedIndex: 0 });
             return;
         }
-        if (value === '?' && inputRef.current === '') {
+        if (value === '?' && inputRef.current.value === '') {
             setOverlay({ type: 'shortcuts' });
             return;
         }
         if (value && !key?.ctrl) {
-            setInput(current => `${current}${value}`);
+            dispatchInput({ type: 'inputChunk', text: value });
         }
     });
-    const terminalHeight = stdout?.rows || process.stdout.rows || 24;
-    const terminalWidth = stdout?.columns || process.stdout.columns || 80;
-    const transcriptItems = Math.max(6, terminalHeight - 10);
     const modeText = (0, types_1.getModeDisplayText)(runtime.store.getSnapshot().permissionMode);
-    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", minHeight: terminalHeight },
-        react_1.default.createElement(ink_1.Box, { flexDirection: "column", marginBottom: 1 },
-            react_1.default.createElement(PixelHorseBanner_1.PixelHorseBanner, { runtime: runtime, width: terminalWidth })),
-        react_1.default.createElement(Transcript_1.Transcript, { entries: transcript, maxItems: transcriptItems, width: terminalWidth }),
-        overlay?.type === 'commands' ? (react_1.default.createElement(SelectList_1.SelectList, { title: `Commands ${input.slice(1) ? `"${input.slice(1)}"` : ''}`, items: commandItems, selectedIndex: overlay.selectedIndex, maxVisibleItems: 10, footer: "\u2191\u2193 navigate  Tab complete  Enter select  Esc cancel" })) : null,
-        overlay?.type === 'files' ? (react_1.default.createElement(SelectList_1.SelectList, { title: "Files", items: fileItems, selectedIndex: overlay.selectedIndex, maxVisibleItems: 10, footer: "\u2191\u2193 navigate  Tab/Enter complete  Esc cancel" })) : null,
-        overlay?.type === 'sessions' ? (react_1.default.createElement(SelectList_1.SelectList, { title: overlay.request.title, items: sessionItems(overlay.request), selectedIndex: overlay.selectedIndex, maxVisibleItems: overlay.request.maxVisibleItems ?? 10, footer: "\u2191\u2193 scroll  PgUp/PgDn  Enter resume  Esc cancel" })) : null,
-        overlay?.type === 'shortcuts' ? (react_1.default.createElement(ink_1.Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column" },
+    const staticItems = (0, react_1.useMemo)(() => [
+        { id: 'openhorse-banner', type: 'banner' },
+        ...(0, transcript_state_1.staticTranscriptEntries)(transcriptState).map(entry => ({ ...entry, type: 'entry' })),
+    ], [transcriptState]);
+    const liveEntries = (0, react_1.useMemo)(() => (0, transcript_state_1.liveTranscriptEntries)(transcriptState), [transcriptState]);
+    if (exiting) {
+        return react_1.default.createElement(ink_1.Box, { flexDirection: "column" });
+    }
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column" },
+        react_1.default.createElement(ink_1.Static, { key: `${transcriptState.generation}:${resizeEpoch}`, items: staticItems }, item => item.type === 'banner' ? (react_1.default.createElement(ink_1.Box, { key: item.id, flexDirection: "column", marginBottom: 1 },
+            react_1.default.createElement(PixelHorseBanner_1.PixelHorseBanner, { runtime: runtime, width: layoutWidth }))) : (react_1.default.createElement(Transcript_1.TranscriptEntryBlock, { key: item.id, entry: item, width: layoutWidth }))),
+        react_1.default.createElement(Transcript_1.Transcript, { entries: liveEntries, maxItems: maxLiveTranscriptItems, width: layoutWidth, emptyMessage: null }),
+        overlay?.type === 'commands' ? (react_1.default.createElement(SelectList_1.SelectList, { title: `Commands ${input.slice(1) ? `"${input.slice(1)}"` : ''}`, items: commandItems, selectedIndex: overlay.selectedIndex, maxVisibleItems: maxOverlayItems, footer: "\u2191\u2193 navigate  Tab complete  Enter select  Esc cancel", width: layoutWidth })) : null,
+        overlay?.type === 'files' ? (react_1.default.createElement(SelectList_1.SelectList, { title: "Files", items: fileItems, selectedIndex: overlay.selectedIndex, maxVisibleItems: maxOverlayItems, footer: "\u2191\u2193 navigate  Tab/Enter complete  Esc cancel", width: layoutWidth })) : null,
+        overlay?.type === 'sessions' ? (react_1.default.createElement(SelectList_1.SelectList, { title: overlay.request.title, items: sessionItems(overlay.request), selectedIndex: overlay.selectedIndex, maxVisibleItems: Math.min(overlay.request.maxVisibleItems ?? maxOverlayItems, maxOverlayItems), footer: "\u2191\u2193 scroll  PgUp/PgDn  Enter resume  Esc cancel", width: layoutWidth })) : null,
+        overlay?.type === 'permission' ? (react_1.default.createElement(SelectList_1.SelectList, { title: "Tool Permission", items: permissionItems(overlay.request), selectedIndex: overlay.selectedIndex, maxVisibleItems: 2, footer: "\u2191\u2193 choose  Enter select  y allow  n/Esc deny", width: layoutWidth })) : null,
+        overlay?.type === 'shortcuts' ? (react_1.default.createElement(ink_1.Box, { width: layoutWidth, borderStyle: "single", borderColor: "gray", paddingX: 1, flexDirection: "column" },
             react_1.default.createElement(ink_1.Text, { color: "cyan" }, "Shortcuts"),
             react_1.default.createElement(ink_1.Text, null, "/ commands    @ file picker    ? shortcuts"),
             react_1.default.createElement(ink_1.Text, null, "Alt+Enter newline    Ctrl+C interrupt / twice exits    \u2191\u2193 history or picker navigation"),
             react_1.default.createElement(ink_1.Text, { color: "gray" }, "Enter or Esc closes this panel."))) : null,
-        react_1.default.createElement(StatusLine_1.StatusLine, { runtime: runtime, running: processing, statusMessage: statusMessage, width: terminalWidth }),
-        react_1.default.createElement(PromptInput_1.PromptInput, { value: input, running: processing, modeText: modeText, width: terminalWidth }),
-        react_1.default.createElement(TerminalCursor_1.TerminalCursor, { value: input, terminalHeight: terminalHeight, terminalWidth: terminalWidth, sticky: processing })));
+        react_1.default.createElement(StatusLine_1.StatusLine, { runtime: runtime, running: processing, statusMessage: statusMessage, width: layoutWidth }),
+        react_1.default.createElement(PromptInput_1.PromptInput, { ref: promptBoxRef, value: input, cursor: inputCursor, running: processing, modeText: modeText, width: layoutWidth, maxRows: maxPromptRows }),
+        react_1.default.createElement(NativeCursor_1.NativeCursor, { cursorController: cursorController, promptRef: promptBoxRef, value: input, cursor: inputCursor, maxRows: maxPromptRows, terminalWidth: layoutWidth })));
 }
 //# sourceMappingURL=ReplScreen.js.map