@rawwee/interactive-mcp 1.3.0 → 1.4.1

package/README.md

@@ -19,7 +19,7 @@ This server exposes the following tools via the Model Context Protocol (MCP):
 - `stop_intensive_chat`: Closes an active intensive chat session.
 
 Prompt UIs support markdown-friendly question text (including multiline prompts, fenced code blocks, and diff snippets). When useful, you can also include VS Code-style file links in prompt text (for example, `vscode://file/<absolute-path>:<line>:<column>`).
-In TUI input mode, `Cmd/Ctrl+V` supports clipboard text plus file/image includes from pasted paths, copied file objects, and copied images (platform support varies).
+In TUI input mode, `Cmd/Ctrl+V` supports clipboard text plus file/image includes from pasted paths, copied file objects, and copied images (platform support varies). Files are sent as path references rather than full contents to optimize token usage—the AI can then read files directly using its available tools.
 
 ## Usage Scenarios
 

package/dist/commands/intensive-chat/ui.js

@@ -282,11 +282,11 @@ const App = ({ sessionId, title, outputDir, searchRoot, timeoutSeconds, onCloseS
         : 0;
     return (_jsxs("box", { flexDirection: "column", width: "100%", height: "100%", backgroundColor: "black", paddingLeft: isNarrow ? 0 : 1, paddingRight: isNarrow ? 0 : 1, children: [_jsxs("box", { marginBottom: 1, flexDirection: "column", width: "100%", paddingLeft: 1, paddingRight: 1, gap: 0, children: [_jsx("text", { fg: "magenta", children: _jsx("strong", { children: title }) }), _jsxs("text", { fg: "gray", wrapMode: "word", children: ["Session ", sessionId] }), !isNarrow && _jsx("text", { fg: "gray", children: "Waiting for prompts\u2026" })] }), _jsx("scrollbox", { ref: scrollRef, flexGrow: 1, width: "100%", scrollY: true, stickyScroll: followInput, stickyStart: followInput ? 'bottom' : undefined, viewportCulling: false, scrollbarOptions: {
                     showArrows: false,
-                }, children: _jsxs("box", { flexDirection: "column", width: "100%", paddingBottom: 1, children: [_jsx("box", { flexDirection: "column", width: "100%", gap: 2, children: chatHistory.map((msg, i) => (_jsxs("box", { flexDirection: "column", width: "100%", paddingLeft: 1, paddingRight: 1, gap: 1, children: [msg.isQuestion ? (_jsxs("box", { flexDirection: "column", width: "100%", gap: 0, children: [_jsx("text", { fg: "cyan", children: _jsx("strong", { children: "QUESTION" }) }), _jsx("box", { paddingLeft: isNarrow ? 1 : 2, children: _jsx(MarkdownText, { content: msg.text, showCodeCopyControls: true }) })] })) : null, msg.answer ? (_jsxs("box", { flexDirection: "column", width: "100%", marginTop: 0, children: [_jsx("text", { fg: "green", children: _jsx("strong", { children: "ANSWER" }) }), _jsx("box", { paddingLeft: isNarrow ? 1 : 2, children: _jsx(MarkdownText, { content: msg.answer, showCodeCopyControls: true }) })] })) : null] }, `msg-${i}`))) }), currentQuestionId && (_jsxs("box", { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, gap: 1, children: [_jsx(InteractiveInput, { question: chatHistory
-                                        .slice()
-                                        .reverse()
-                                        .find((m) => m.isQuestion && !m.answer)
-                                        ?.text || '', questionId: currentQuestionId, predefinedOptions: currentPredefinedOptions, searchRoot: currentSearchRoot, onSubmit: handleSubmit, onInputActivity: keepInputVisible }), timeLeft !== null && (_jsx("box", { marginTop: 0, children: _jsx(PromptStatus, { value: percentage, timeLeftSeconds: timeLeft, critical: timeLeft <= 10 }) }))] }))] }) })] }));
+                }, children: _jsxs("box", { flexDirection: "column", width: "100%", paddingBottom: 1, children: [_jsx("box", { flexDirection: "column", width: "100%", gap: 2, children: chatHistory.map((msg, i) => (_jsxs("box", { flexDirection: "column", width: "100%", paddingLeft: 1, paddingRight: 1, gap: 1, children: [msg.isQuestion ? (_jsxs("box", { flexDirection: "column", width: "100%", gap: 0, children: [_jsx("text", { fg: "cyan", children: _jsx("strong", { children: "QUESTION" }) }), _jsx("box", { paddingLeft: isNarrow ? 1 : 2, children: _jsx(MarkdownText, { content: msg.text, showCodeCopyControls: true }) })] })) : null, msg.answer ? (_jsxs("box", { flexDirection: "column", width: "100%", marginTop: 0, children: [_jsx("text", { fg: "green", children: _jsx("strong", { children: "ANSWER" }) }), _jsx("box", { paddingLeft: isNarrow ? 1 : 2, children: _jsx(MarkdownText, { content: msg.answer, showCodeCopyControls: true }) })] })) : null] }, `msg-${i}`))) }), currentQuestionId && (_jsx("box", { flexDirection: "column", marginTop: 1, paddingLeft: 1, paddingRight: 1, gap: 1, children: _jsx(InteractiveInput, { question: chatHistory
+                                    .slice()
+                                    .reverse()
+                                    .find((m) => m.isQuestion && !m.answer)
+                                    ?.text || '', questionId: currentQuestionId, predefinedOptions: currentPredefinedOptions, searchRoot: currentSearchRoot, onSubmit: handleSubmit, onInputActivity: keepInputVisible }) }))] }) }), currentQuestionId && timeLeft !== null && (_jsx("box", { paddingLeft: 1, paddingRight: 1, paddingTop: 1, children: _jsx(PromptStatus, { value: percentage, timeLeftSeconds: timeLeft, critical: timeLeft <= 10 }) }))] }));
 };
 async function startUi() {
     const renderer = await createCliRenderer({

package/dist/components/InteractiveInput.js

@@ -1,143 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import * as OpenTuiReact from '@opentui/react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import crypto from 'node:crypto';
-import fs from 'node:fs/promises';
 import path from 'node:path';
 import { getAutocompleteTarget, rankFileSuggestions, readRepositoryFiles, } from './interactive-input/autocomplete.js';
-import { extractPastedText, isPrintableCharacter, isCopyShortcut, isPasteShortcut, isReverseTabShortcut, isSubmitShortcut, textareaKeyBindings, } from './interactive-input/keyboard.js';
-import { InputEditor, ModeTabs, OptionList, SuggestionsPanel, } from './interactive-input/sections.js';
+import { textareaKeyBindings } from './interactive-input/keyboard.js';
+import { InputEditor, ModeTabs, OptionList, SuggestionsPanel, QuestionBox, SearchStatus, InputStatus, ClipboardStatus, AttachmentsDisplay, SendButton, HelpText, } from './interactive-input/sections.js';
 import { getTextareaDimensions } from './interactive-input/textarea-height.js';
 import { MarkdownText } from './MarkdownText.js';
-import { copyTextToClipboard, readFilePathsFromClipboard, readImageDataUrlFromClipboard, readTextFromClipboard, } from '../utils/clipboard.js';
+import { repositoryFileCache, } from './interactive-input/constants.js';
+import { createClipboardHandlers } from './interactive-input/clipboard-handlers.js';
+import { safeReadTextarea, safeWriteTextarea, focusTextarea, } from './interactive-input/textarea-operations.js';
+import { createSubmitHandler } from './interactive-input/submit-handler.js';
+import { createKeyboardRouter } from './interactive-input/keyboard-router.js';
 const { useKeyboard } = OpenTuiReact;
 const { useTerminalDimensions } = OpenTuiReact;
-const repositoryFileCache = new Map();
-const IMAGE_MIME_BY_EXTENSION = {
-    '.png': 'image/png',
-    '.jpg': 'image/jpeg',
-    '.jpeg': 'image/jpeg',
-    '.gif': 'image/gif',
-    '.webp': 'image/webp',
-    '.bmp': 'image/bmp',
-    '.svg': 'image/svg+xml',
-};
-const IMAGE_EMBED_MAX_BYTES = 2 * 1024 * 1024;
-const TEXT_EMBED_MAX_BYTES = 512 * 1024;
-const TEXT_EMBED_MAX_CHARS = 20000;
-const COLLAPSE_TEXT_PASTE_CHARS = 800;
-const COLLAPSE_TEXT_PASTE_LINES = 12;
-const inferCodeFenceLanguage = (fileName) => {
-    const extension = path.extname(fileName).slice(1).toLowerCase();
-    const mapping = {
-        js: 'javascript',
-        jsx: 'jsx',
-        ts: 'typescript',
-        tsx: 'tsx',
-        json: 'json',
-        md: 'markdown',
-        py: 'python',
-        sh: 'bash',
-        yml: 'yaml',
-        yaml: 'yaml',
-        html: 'html',
-        css: 'css',
-        go: 'go',
-        rs: 'rust',
-        java: 'java',
-        cs: 'csharp',
-    };
-    return mapping[extension] ?? '';
-};
-const normalizeClipboardPath = (clipboardText, searchRoot) => {
-    const trimmed = clipboardText.trim();
-    if (!trimmed) {
-        return null;
-    }
-    const lines = trimmed
-        .split(/\r?\n/)
-        .map((line) => line.trim())
-        .filter(Boolean);
-    let candidate = lines[0] ?? '';
-    if (!candidate) {
-        return null;
-    }
-    if ((candidate.startsWith('"') && candidate.endsWith('"')) ||
-        (candidate.startsWith("'") && candidate.endsWith("'"))) {
-        candidate = candidate.slice(1, -1);
-    }
-    if (candidate.startsWith('file://')) {
-        candidate = decodeURIComponent(candidate.replace(/^file:\/\//, ''));
-    }
-    if (path.isAbsolute(candidate)) {
-        return candidate;
-    }
-    if (!searchRoot) {
-        return null;
-    }
-    return path.resolve(searchRoot, candidate);
-};
-const isLikelyTextBuffer = (buffer) => {
-    if (buffer.includes(0)) {
-        return false;
-    }
-    const sample = buffer.subarray(0, Math.min(buffer.length, 2048));
-    let suspiciousBytes = 0;
-    for (const byte of sample) {
-        const isPrintableAscii = byte >= 32 && byte <= 126;
-        const isWhitespace = byte === 9 || byte === 10 || byte === 13;
-        const isExtendedUtf8Byte = byte >= 128;
-        if (!isPrintableAscii && !isWhitespace && !isExtendedUtf8Byte) {
-            suspiciousBytes += 1;
-        }
-    }
-    return suspiciousBytes < 8;
-};
-const shouldCollapsePastedText = (text) => text.length >= COLLAPSE_TEXT_PASTE_CHARS ||
-    text.split(/\r?\n/).length >= COLLAPSE_TEXT_PASTE_LINES;
-const buildAttachmentFromPath = async (absolutePath) => {
-    const fileStats = await fs.stat(absolutePath);
-    if (!fileStats.isFile()) {
-        throw new Error('Clipboard path is not a file');
-    }
-    const fileName = path.basename(absolutePath);
-    const extension = path.extname(fileName).toLowerCase();
-    const imageMimeType = IMAGE_MIME_BY_EXTENSION[extension];
-    if (imageMimeType) {
-        if (fileStats.size > IMAGE_EMBED_MAX_BYTES) {
-            return {
-                id: crypto.randomUUID(),
-                label: `Image: ${fileName} (${Math.round(fileStats.size / 1024)}KB, too large to embed)`,
-                payload: `[Image attachment: ${fileName}] (${imageMimeType}, ${fileStats.size} bytes, too large to embed)`,
-            };
-        }
-        const imageBuffer = await fs.readFile(absolutePath);
-        return {
-            id: crypto.randomUUID(),
-            label: `Image: ${fileName}`,
-            payload: `![${fileName}](data:${imageMimeType};base64,${imageBuffer.toString('base64')})`,
-        };
-    }
-    const fileBuffer = await fs.readFile(absolutePath);
-    if (fileStats.size <= TEXT_EMBED_MAX_BYTES &&
-        isLikelyTextBuffer(fileBuffer)) {
-        const fileText = fileBuffer.toString('utf8');
-        const truncatedText = fileText.length > TEXT_EMBED_MAX_CHARS
-            ? `${fileText.slice(0, TEXT_EMBED_MAX_CHARS)}\n\n...[truncated ${fileText.length - TEXT_EMBED_MAX_CHARS} chars]`
-            : fileText;
-        const language = inferCodeFenceLanguage(fileName);
-        return {
-            id: crypto.randomUUID(),
-            label: `File: ${fileName} (${truncatedText.length} chars)`,
-            payload: `Attached file: ${fileName}\n\`\`\`${language}\n${truncatedText}\n\`\`\``,
-        };
-    }
-    return {
-        id: crypto.randomUUID(),
-        label: `File: ${fileName} (${Math.round(fileStats.size / 1024)}KB binary)`,
-        payload: `[File attachment: ${fileName}] (${fileStats.size} bytes, binary content omitted)`,
-    };
-};
 export function InteractiveInput({ question, questionId, predefinedOptions = [], onSubmit, onInputActivity, searchRoot, }) {
     const [mode, setMode] = useState(predefinedOptions.length > 0 ? 'option' : 'input');
     const [selectedIndex, setSelectedIndex] = useState(0);
@@ -192,53 +68,6 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
             : `/${normalizedPath}`;
         return `vscode://file${encodeURI(vscodePath)}`;
     }, [searchRoot, selectedSuggestion]);
-    const safeReadTextarea = useCallback(() => {
-        const textarea = textareaRef.current;
-        if (!textarea) {
-            return null;
-        }
-        try {
-            return {
-                value: textarea.plainText,
-                caret: textarea.cursorOffset,
-            };
-        }
-        catch {
-            textareaRef.current = null;
-            return null;
-        }
-    }, []);
-    const safeWriteTextarea = useCallback((nextValue, nextCaretPosition) => {
-        const textarea = textareaRef.current;
-        if (!textarea) {
-            return false;
-        }
-        try {
-            if (textarea.plainText !== nextValue) {
-                textarea.setText(nextValue);
-            }
-            textarea.cursorOffset = nextCaretPosition;
-            return true;
-        }
-        catch {
-            textareaRef.current = null;
-            return false;
-        }
-    }, []);
-    const focusTextarea = useCallback(() => {
-        const textarea = textareaRef.current;
-        if (!textarea) {
-            return false;
-        }
-        try {
-            textarea.focus?.();
-            return true;
-        }
-        catch {
-            textareaRef.current = null;
-            return false;
-        }
-    }, []);
     useEffect(() => {
         latestInputValueRef.current = inputValue;
     }, [inputValue]);
@@ -256,6 +85,30 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
             clearTimeout(clearStatusTimeout);
         };
     }, [clipboardStatus]);
+    // Detect when placeholders are manually removed from input
+    const previousInputValueRef = useRef('');
+    useEffect(() => {
+        if (queuedAttachments.length === 0) {
+            previousInputValueRef.current = inputValue;
+            return;
+        }
+        // Only check if input actually changed
+        if (inputValue === previousInputValueRef.current) {
+            return;
+        }
+        previousInputValueRef.current = inputValue;
+        const currentText = inputValue;
+        const missingAttachmentIds = [];
+        queuedAttachments.forEach((attachment, index) => {
+            const placeholder = `[Attached file ${index + 1}]`;
+            if (!currentText.includes(placeholder)) {
+                missingAttachmentIds.push(attachment.id);
+            }
+        });
+        if (missingAttachmentIds.length > 0) {
+            setQueuedAttachments((prev) => prev.filter((a) => !missingAttachmentIds.includes(a.id)));
+        }
+    }, [inputValue, queuedAttachments.length]);
     useEffect(() => {
         let active = true;
         const repositoryRoot = searchRoot;
@@ -309,29 +162,27 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
         latestCaretPositionRef.current = 0;
         setFileSuggestions([]);
         setSelectedSuggestionIndex(0);
-        safeWriteTextarea('', 0);
-    }, [predefinedOptions.length, questionId, safeWriteTextarea]);
+        safeWriteTextarea(textareaRef, '', 0);
+    }, [predefinedOptions.length, questionId]);
     useEffect(() => {
         if (mode !== 'input') {
             return;
         }
         const nextValue = latestInputValueRef.current;
         const clampedCaret = Math.max(0, Math.min(latestCaretPositionRef.current, nextValue.length));
-        const didWrite = safeWriteTextarea(nextValue, clampedCaret);
+        const didWrite = safeWriteTextarea(textareaRef, nextValue, clampedCaret);
         if (!didWrite) {
             setTextareaRenderVersion((previous) => previous + 1);
             return;
         }
-        if (!focusTextarea()) {
+        if (!focusTextarea(textareaRef)) {
             setTextareaRenderVersion((previous) => previous + 1);
         }
     }, [
         focusRequestToken,
-        focusTextarea,
         height,
         mode,
         questionId,
-        safeWriteTextarea,
         textareaRenderVersion,
         width,
     ]);
@@ -356,7 +207,7 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
             : Math.min(previous, nextSuggestions.length - 1));
     }, [caretPosition, inputValue, mode, repositoryFiles]);
     const syncInputStateFromTextarea = useCallback(() => {
-        const textareaState = safeReadTextarea();
+        const textareaState = safeReadTextarea(textareaRef);
         if (!textareaState) {
             return;
         }
@@ -372,16 +223,16 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
         setInputValue(nextValue);
         setCaretPosition(nextCaret);
         onInputActivity?.();
-    }, [onInputActivity, safeReadTextarea]);
+    }, [onInputActivity]);
     const setTextareaValue = useCallback((nextValue, nextCaretPosition) => {
         const clampedCaret = Math.max(0, Math.min(nextCaretPosition, nextValue.length));
-        safeWriteTextarea(nextValue, clampedCaret);
+        safeWriteTextarea(textareaRef, nextValue, clampedCaret);
         latestInputValueRef.current = nextValue;
         latestCaretPositionRef.current = clampedCaret;
         setInputValue(nextValue);
         setCaretPosition(clampedCaret);
         onInputActivity?.();
-    }, [onInputActivity, safeWriteTextarea]);
+    }, [onInputActivity]);
     const setModeToInput = useCallback(() => {
         setMode('input');
         onInputActivity?.();
@@ -404,152 +255,66 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
         setMode('option');
         onInputActivity?.();
     }, [onInputActivity, predefinedOptions.length]);
-    const copyInputToClipboard = useCallback(() => {
-        if (mode !== 'input') {
-            return;
-        }
-        const textarea = textareaRef.current;
-        const selectedText = typeof textarea?.hasSelection === 'function' &&
-            textarea.hasSelection() &&
-            typeof textarea.getSelectedText === 'function'
-            ? textarea.getSelectedText()
-            : '';
-        const fallbackText = textarea?.plainText ?? inputValue;
-        const textToCopy = selectedText.length > 0 ? selectedText : fallbackText;
-        if (textToCopy.length === 0) {
-            setClipboardStatus('Nothing to copy');
-            return;
-        }
-        void copyTextToClipboard(textToCopy)
-            .then(() => {
-            setClipboardStatus('Copied input to clipboard');
-        })
-            .catch((error) => {
-            const errorMessage = error instanceof Error ? error.message : 'unknown error';
-            setClipboardStatus(`Copy failed: ${errorMessage}`);
-        });
-        onInputActivity?.();
-    }, [inputValue, mode, onInputActivity]);
     const insertTextAtCaret = useCallback((text) => {
         if (!text) {
             return;
         }
-        const textareaState = safeReadTextarea();
+        const textareaState = safeReadTextarea(textareaRef);
         const currentValue = textareaState?.value ?? inputValue;
         const currentCaret = Math.max(0, Math.min(textareaState?.caret ?? caretPosition, currentValue.length));
         const nextValue = currentValue.slice(0, currentCaret) +
             text +
             currentValue.slice(currentCaret);
         setTextareaValue(nextValue, currentCaret + text.length);
-    }, [caretPosition, inputValue, safeReadTextarea, setTextareaValue]);
+    }, [caretPosition, inputValue, setTextareaValue]);
     const queueAttachment = useCallback((attachment) => {
-        setQueuedAttachments((previous) => [...previous, attachment]);
-    }, []);
-    const handlePastedText = useCallback((pastedText) => {
-        if (!pastedText) {
-            return;
-        }
-        const pasteAsPlainText = () => {
-            insertTextAtCaret(pastedText);
-            setClipboardStatus('Pasted text');
-            onInputActivity?.();
-        };
-        const normalizedPath = normalizeClipboardPath(pastedText, searchRoot);
-        if (normalizedPath) {
-            void buildAttachmentFromPath(normalizedPath)
-                .then((attachment) => {
-                queueAttachment(attachment);
-                setClipboardStatus(`Queued ${attachment.label}`);
-                onInputActivity?.();
-            })
-                .catch(() => {
-                pasteAsPlainText();
-            });
-            return;
-        }
-        if (shouldCollapsePastedText(pastedText)) {
-            queueAttachment({
-                id: crypto.randomUUID(),
-                label: `Pasted text block (${pastedText.length} chars)`,
-                payload: pastedText,
-            });
-            setClipboardStatus('Queued pasted text block');
-            onInputActivity?.();
-            return;
-        }
-        pasteAsPlainText();
-    }, [insertTextAtCaret, onInputActivity, queueAttachment, searchRoot]);
-    const pasteClipboardIntoInput = useCallback(() => {
-        requestInputFocus();
-        void readTextFromClipboard()
-            .then(async (clipboardText) => {
-            if (clipboardText.trim()) {
-                handlePastedText(clipboardText);
-                return;
-            }
-            const clipboardPaths = await readFilePathsFromClipboard();
-            if (clipboardPaths.length > 0) {
-                const attachments = await Promise.all(clipboardPaths.map(async (clipboardPath) => {
-                    try {
-                        return await buildAttachmentFromPath(clipboardPath);
-                    }
-                    catch {
-                        return null;
-                    }
-                }));
-                const validAttachments = attachments.filter((value) => value !== null);
-                if (validAttachments.length > 0) {
-                    validAttachments.forEach((attachment) => {
-                        queueAttachment(attachment);
-                    });
-                    setClipboardStatus(validAttachments.length === 1
-                        ? `Queued ${validAttachments[0].label}`
-                        : `Queued ${validAttachments.length} clipboard files`);
-                    onInputActivity?.();
-                    return;
-                }
-            }
-            const imageDataUrl = await readImageDataUrlFromClipboard();
-            if (imageDataUrl) {
-                queueAttachment({
-                    id: crypto.randomUUID(),
-                    label: 'Image: pasted-image.png',
-                    payload: `![pasted-image.png](${imageDataUrl})`,
-                });
-                setClipboardStatus('Queued clipboard image');
-                onInputActivity?.();
-                return;
-            }
-            setClipboardStatus('Paste failed: clipboard is empty');
-        })
-            .catch((error) => {
-            const errorMessage = error instanceof Error ? error.message : 'unknown error';
-            setClipboardStatus(`Paste failed: ${errorMessage}`);
+        setQueuedAttachments((previous) => {
+            const nextAttachments = [...previous, attachment];
+            const attachmentIndex = nextAttachments.length;
+            const placeholderText = `[Attached file ${attachmentIndex}]`;
+            // Insert placeholder at current caret position
+            insertTextAtCaret(placeholderText);
+            return nextAttachments;
         });
-    }, [handlePastedText, onInputActivity, queueAttachment, requestInputFocus]);
-    const submitCurrentSelection = useCallback(() => {
-        const baseValue = mode === 'option' && predefinedOptions.length > 0
-            ? predefinedOptions[selectedIndex]
-            : (safeReadTextarea()?.value ?? inputValue);
-        const attachmentPayload = queuedAttachments
-            .map((attachment) => attachment.payload)
-            .join('\n\n');
-        const finalValue = attachmentPayload
-            ? baseValue.trim().length > 0
-                ? `${baseValue}\n\n${attachmentPayload}`
-                : attachmentPayload
-            : baseValue;
-        onSubmit(questionId, finalValue);
-        setQueuedAttachments([]);
-    }, [
+    }, [insertTextAtCaret]);
+    const clipboardHandlers = useMemo(() => createClipboardHandlers({
+        insertTextAtCaret,
+        queueAttachment,
+        setClipboardStatus,
+        onInputActivity,
+        searchRoot,
+        requestInputFocus,
+        textareaRef,
         inputValue,
         mode,
-        onSubmit,
+    }), [
+        insertTextAtCaret,
+        queueAttachment,
+        onInputActivity,
+        searchRoot,
+        requestInputFocus,
+        inputValue,
+        mode,
+    ]);
+    const { copyInputToClipboard, handlePastedText, pasteClipboardIntoInput } = clipboardHandlers;
+    const submitCurrentSelection = useMemo(() => createSubmitHandler({
+        mode,
         predefinedOptions,
+        selectedIndex,
+        inputValue,
         queuedAttachments,
+        textareaRef,
+        onSubmit,
         questionId,
-        safeReadTextarea,
+        setQueuedAttachments,
+    }), [
+        mode,
+        predefinedOptions,
         selectedIndex,
+        inputValue,
+        queuedAttachments,
+        onSubmit,
+        questionId,
     ]);
     const applySelectedSuggestion = useCallback((targetOverride, suggestionsOverride, selectedIndexOverride) => {
         const target = targetOverride ?? autocompleteTargetRef.current;
@@ -559,32 +324,26 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
         }
         const index = selectedIndexOverride ?? selectedSuggestionIndex;
         const suggestion = availableSuggestions[index] ?? availableSuggestions[0];
-        const currentValue = safeReadTextarea()?.value ?? inputValue;
+        const currentValue = safeReadTextarea(textareaRef)?.value ?? inputValue;
         const nextValue = currentValue.slice(0, target.start) +
             suggestion +
             currentValue.slice(target.end);
         const nextCaret = target.start + suggestion.length;
         setTextareaValue(nextValue, nextCaret);
-    }, [
-        fileSuggestions,
-        inputValue,
-        safeReadTextarea,
-        selectedSuggestionIndex,
-        setTextareaValue,
-    ]);
+    }, [fileSuggestions, inputValue, selectedSuggestionIndex, setTextareaValue]);
     const insertCharacterInTextarea = useCallback((character) => {
         if (!character) {
             return;
         }
-        const currentValue = safeReadTextarea()?.value ?? inputValue;
+        const currentValue = safeReadTextarea(textareaRef)?.value ?? inputValue;
         const currentCaret = Math.max(0, Math.min(caretPosition, currentValue.length));
         const nextValue = currentValue.slice(0, currentCaret) +
             character +
             currentValue.slice(currentCaret);
         setTextareaValue(nextValue, currentCaret + character.length);
-    }, [caretPosition, inputValue, safeReadTextarea, setTextareaValue]);
+    }, [caretPosition, inputValue, setTextareaValue]);
     const handleTextareaSubmit = useCallback(() => {
-        const textareaState = safeReadTextarea();
+        const textareaState = safeReadTextarea(textareaRef);
         const currentValue = textareaState?.value ?? inputValue;
         const currentCaret = textareaState?.caret ?? caretPosition;
         const currentTarget = mode === 'input'
@@ -612,105 +371,41 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
         safeReadTextarea,
         selectedSuggestionIndex,
     ]);
-    useKeyboard((key) => {
-        if (isSubmitShortcut(key)) {
-            submitCurrentSelection();
-            return;
-        }
-        const pastedText = extractPastedText(key);
-        if (pastedText !== null) {
-            if (mode === 'option' && hasOptions) {
-                setModeToInput();
-            }
-            handlePastedText(pastedText);
-            return;
-        }
-        if (isPasteShortcut(key)) {
-            pasteClipboardIntoInput();
-            return;
-        }
-        if (isCopyShortcut(key)) {
-            copyInputToClipboard();
-            return;
-        }
-        if (hasOptions && (isReverseTabShortcut(key) || key.name === 'tab')) {
-            if (mode === 'option') {
-                setModeToInput();
-            }
-            else {
-                setModeToOption();
-            }
-            return;
-        }
-        if (mode === 'option' && hasOptions) {
-            const isOptionSubmitKey = key.name === 'enter' ||
-                key.name === 'return' ||
-                key.sequence === '\r' ||
-                key.sequence === '\n';
-            if (isOptionSubmitKey) {
-                submitCurrentSelection();
-                return;
-            }
-            if (key.name === 'right') {
-                setModeToInput();
-                return;
-            }
-            if (key.name === 'left') {
-                setModeToOption();
-                return;
-            }
-            if (key.name === 'up' || key.name.toLowerCase() === 'k') {
-                setSelectedIndex((previous) => (previous - 1 + predefinedOptions.length) %
-                    predefinedOptions.length);
-                onInputActivity?.();
-                return;
-            }
-            if (key.name === 'down' || key.name.toLowerCase() === 'j') {
-                setSelectedIndex((previous) => (previous + 1) % predefinedOptions.length);
-                onInputActivity?.();
-                return;
-            }
-            const typedCharacter = isPrintableCharacter(key);
-            if (typedCharacter !== null) {
-                setModeToInput();
-                insertCharacterInTextarea(typedCharacter);
-            }
-            return;
-        }
-        if (mode !== 'input' || fileSuggestions.length === 0) {
-            return;
-        }
-        if (key.name === 'tab') {
-            applySelectedSuggestion();
-            return;
-        }
-        if ((key.ctrl || key.meta) && key.name.toLowerCase() === 'n') {
-            setSelectedSuggestionIndex((previous) => (previous + 1) % fileSuggestions.length);
-            onInputActivity?.();
-            return;
-        }
-        if ((key.ctrl || key.meta) && key.name.toLowerCase() === 'p') {
-            setSelectedSuggestionIndex((previous) => previous <= 0 ? fileSuggestions.length - 1 : previous - 1);
-            onInputActivity?.();
-            return;
-        }
-        if (key.name === 'down') {
-            setSelectedSuggestionIndex((previous) => (previous + 1) % fileSuggestions.length);
-            onInputActivity?.();
-            return;
-        }
-        if (key.name === 'up') {
-            setSelectedSuggestionIndex((previous) => previous <= 0 ? fileSuggestions.length - 1 : previous - 1);
-            onInputActivity?.();
-        }
-    });
-    return (_jsxs(_Fragment, { children: [_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", gap: 0, border: true, borderStyle: "single", borderColor: "cyan", backgroundColor: "#121212", paddingLeft: 1, paddingRight: 1, paddingTop: 1, paddingBottom: 1, children: [_jsx("text", { fg: "cyan", children: _jsx("strong", { children: "PROMPT" }) }), _jsx(MarkdownText, { content: question, showCodeCopyControls: true })] }), _jsx(ModeTabs, { mode: mode, hasOptions: hasOptions, onSelectOptionMode: setModeToOption, onSelectInputMode: recoverInputFocusFromClick }), _jsx(OptionList, { mode: mode, options: predefinedOptions, selectedIndex: selectedIndex, onSelectOption: setSelectedIndex, onActivateOptionMode: setModeToOption }), mode === 'input' && (_jsx(InputEditor, { questionId: questionId, textareaRenderVersion: textareaRenderVersion, textareaRef: textareaRef, textareaContainerHeight: textareaContainerHeight, textareaRows: textareaRows, hasSuggestions: fileSuggestions.length > 0, keyBindings: textareaBindings, onFocusRequest: recoverInputFocusFromClick, onContentSync: syncInputStateFromTextarea, onSubmitFromTextarea: handleTextareaSubmit })), mode === 'input' && activeAutocompleteTarget !== null && (_jsx(SuggestionsPanel, { hasOptions: hasOptions, isIndexingFiles: isIndexingFiles, fileSuggestions: fileSuggestions, selectedSuggestionIndex: selectedSuggestionIndex, selectedSuggestionVscodeLink: selectedSuggestionVscodeLink, hasSearchRoot: hasSearchRoot })), mode === 'input' && (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", children: [_jsx("text", { fg: "gray", wrapMode: "char", children: hasSearchRoot
-                            ? `#search root: ${searchRoot}`
-                            : '#search root: no search root' }), _jsx("text", { fg: "gray", children: isIndexingFiles
-                            ? '#search index: indexing...'
-                            : `#search index: ${repositoryFiles.length} files indexed` })] })), _jsxs("box", { flexDirection: isNarrow ? 'column' : 'row', justifyContent: "space-between", marginBottom: 0, gap: isNarrow ? 0 : undefined, children: [_jsx("text", { fg: "gray", children: mode === 'input' ? 'Custom input' : 'Option selection' }), _jsx("text", { fg: "gray", children: mode === 'input' && queuedAttachments.length > 0
-                            ? `${inputValue.length} chars + ${queuedAttachments.length} queued`
-                            : `${inputValue.length} chars` })] }), mode === 'input' && clipboardStatus && (_jsx("text", { fg: clipboardStatus.startsWith('Copy failed:') ? 'red' : 'green', children: clipboardStatus })), mode === 'input' && queuedAttachments.length > 0 && (_jsxs("box", { flexDirection: "column", width: "100%", children: [_jsx("text", { fg: "yellow", children: _jsx("strong", { children: "QUEUED ATTACHMENTS" }) }), queuedAttachments.map((attachment) => (_jsxs("text", { fg: "gray", wrapMode: "word", children: ["- ", attachment.label] }, attachment.id)))] })), mode === 'input' && (_jsx("box", { backgroundColor: "cyan", paddingLeft: 1, paddingRight: 1, alignSelf: "flex-start", marginBottom: 0, onClick: submitCurrentSelection, children: _jsxs("text", { fg: "black", children: [_jsx("strong", { children: "Send" }), " \u2303S"] }) })), mode === 'input' && (_jsx("text", { fg: "gray", wrapMode: "word", children: hasOptions
-                    ? 'Enter/Ctrl+J newline (or #search apply) • #search nav: ↑/↓ or Ctrl+N/P • Tab mode switch • #path for repo file autocomplete • Cmd/Ctrl+C copy • Cmd/Ctrl+V paste/attach'
-                    : 'Enter/Ctrl+J newline • #search nav: ↑/↓ or Ctrl+N/P • Enter/Tab #search apply • #path for repo file autocomplete • Cmd/Ctrl+C copy • Cmd/Ctrl+V paste/attach' }))] }));
+    const keyboardHandler = useMemo(() => createKeyboardRouter({
+        mode,
+        hasOptions,
+        predefinedOptions,
+        selectedIndex,
+        setSelectedIndex,
+        fileSuggestions,
+        selectedSuggestionIndex,
+        setSelectedSuggestionIndex,
+        setModeToInput,
+        setModeToOption,
+        submitCurrentSelection,
+        applySelectedSuggestion,
+        insertCharacterInTextarea,
+        handlePastedText,
+        pasteClipboardIntoInput,
+        copyInputToClipboard,
+        onInputActivity,
+    }), [
+        mode,
+        hasOptions,
+        predefinedOptions,
+        selectedIndex,
+        fileSuggestions,
+        selectedSuggestionIndex,
+        setModeToInput,
+        setModeToOption,
+        submitCurrentSelection,
+        applySelectedSuggestion,
+        insertCharacterInTextarea,
+        handlePastedText,
+        pasteClipboardIntoInput,
+        copyInputToClipboard,
+        onInputActivity,
+    ]);
+    useKeyboard(keyboardHandler);
+    return (_jsxs(_Fragment, { children: [_jsx(QuestionBox, { question: question, MarkdownTextComponent: MarkdownText }), _jsx(ModeTabs, { mode: mode, hasOptions: hasOptions, onSelectOptionMode: setModeToOption, onSelectInputMode: recoverInputFocusFromClick }), _jsx(OptionList, { mode: mode, options: predefinedOptions, selectedIndex: selectedIndex, onSelectOption: setSelectedIndex, onActivateOptionMode: setModeToOption }), mode === 'input' && (_jsx(InputEditor, { questionId: questionId, textareaRenderVersion: textareaRenderVersion, textareaRef: textareaRef, textareaContainerHeight: textareaContainerHeight, textareaRows: textareaRows, hasSuggestions: fileSuggestions.length > 0, keyBindings: textareaBindings, onFocusRequest: recoverInputFocusFromClick, onContentSync: syncInputStateFromTextarea, onSubmitFromTextarea: handleTextareaSubmit })), mode === 'input' && activeAutocompleteTarget !== null && (_jsx(SuggestionsPanel, { hasOptions: hasOptions, isIndexingFiles: isIndexingFiles, fileSuggestions: fileSuggestions, selectedSuggestionIndex: selectedSuggestionIndex, selectedSuggestionVscodeLink: selectedSuggestionVscodeLink, hasSearchRoot: hasSearchRoot })), mode === 'input' && (_jsx(SearchStatus, { isIndexingFiles: isIndexingFiles, repositoryFiles: repositoryFiles, searchRoot: searchRoot, hasSearchRoot: hasSearchRoot })), _jsx(InputStatus, { mode: mode, isNarrow: isNarrow, inputValue: inputValue, queuedAttachments: queuedAttachments }), mode === 'input' && clipboardStatus && (_jsx(ClipboardStatus, { status: clipboardStatus })), mode === 'input' && queuedAttachments.length > 0 && (_jsx(AttachmentsDisplay, { queuedAttachments: queuedAttachments })), mode === 'input' && _jsx(SendButton, {}), mode === 'input' && _jsx(HelpText, { hasOptions: hasOptions })] }));
 }

package/dist/components/MarkdownText.js

@@ -283,14 +283,14 @@ export function MarkdownText({ content, streaming = false, showContentCopyContro
                                     return (_jsx("box", { height: 1 }, `segment-${index}-line-${lineIndex}`));
                                 }
                                 const inlineSegments = parseMarkdownInlineLinks(line);
-                                return (_jsx("box", { flexDirection: "row", width: "100%", children: inlineSegments.flatMap((inlineSegment, inlineSegmentIndex) => {
+                                return (_jsx("box", { flexDirection: "row", flexWrap: "wrap", width: "100%", children: inlineSegments.flatMap((inlineSegment, inlineSegmentIndex) => {
                                         const baseKey = `segment-${index}-line-${lineIndex}-part-${inlineSegmentIndex}`;
                                         if (inlineSegment.type !== 'link' ||
                                             !inlineSegment.href) {
                                             return (_jsx("text", { wrapMode: "word", children: inlineSegment.value }, baseKey));
                                         }
                                         if (!isVscodeFileLink(inlineSegment.href)) {
-                                            return (_jsx("text", { fg: "cyan", wrapMode: "word", onMouseUp: () => {
+                                            return (_jsx("text", { fg: "cyan", wrapMode: "char", onMouseUp: () => {
                                                     void openLinkWithHint(inlineSegment.href ?? '', 'default');
                                                 }, children: inlineSegment.value }, baseKey));
                                         }

package/dist/components/PromptStatus.js

@@ -1,46 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
 import * as OpenTuiReact from '@opentui/react';
-import { useEffect, useState } from 'react';
 import { TextProgressBar } from './TextProgressBar.js';
 const { useTerminalDimensions } = OpenTuiReact;
-const { useTimeline } = OpenTuiReact;
 export function PromptStatus({ value, timeLeftSeconds, critical, }) {
     const { width } = useTerminalDimensions();
-    const [pulseLevel, setPulseLevel] = useState(0);
-    const timeline = useTimeline({ duration: 900, loop: true, autoplay: false });
     const suffixLength = ` • ${timeLeftSeconds}s left`.length;
     const availableWidth = Math.max(16, width - 4);
     const reservedWidth = 2 + 1 + 4 + suffixLength;
     const computedBarWidth = availableWidth - reservedWidth;
     const barWidth = Math.max(6, Math.min(28, computedBarWidth));
     const shortcutHint = width < 80 ? '⌃S send • ⇧↹ mode' : '⌃S send • ⇥ mode • ⇧↹ reverse';
-    useEffect(() => {
-        if (!critical) {
-            timeline.pause();
-            timeline.resetItems();
-            setPulseLevel(0);
-            return;
-        }
-        const pulseTarget = { level: 0 };
-        timeline.resetItems();
-        timeline.add(pulseTarget, {
-            level: 1,
-            duration: 900,
-            ease: 'inOutSine',
-            loop: true,
-            alternate: true,
-            onUpdate: (animation) => {
-                const nextValue = animation.targets[0]?.level;
-                if (typeof nextValue === 'number') {
-                    setPulseLevel(nextValue);
-                }
-            },
-        });
-        timeline.play();
-        return () => {
-            timeline.pause();
-            timeline.resetItems();
-        };
-    }, [critical, timeline]);
-    return (_jsxs("box", { flexDirection: "column", alignItems: "flex-start", width: "100%", gap: 0, children: [_jsx("text", { fg: "gray", wrapMode: "word", children: shortcutHint }), _jsxs("text", { fg: critical && pulseLevel > 0.5 ? 'red' : 'gray', children: [critical ? '●' : '○', " ", timeLeftSeconds, "s remaining"] }), _jsx(TextProgressBar, { value: value, width: barWidth, timeLeftSeconds: timeLeftSeconds, critical: critical })] }));
+    return (_jsxs("box", { flexDirection: "column", alignItems: "flex-start", width: "100%", children: [_jsx("text", { fg: "gray", wrapMode: "word", children: shortcutHint }), _jsx(TextProgressBar, { value: value, width: barWidth, timeLeftSeconds: timeLeftSeconds, critical: critical })] }));
 }

package/dist/components/interactive-input/attachments.js

@@ -0,0 +1,79 @@
+import crypto from 'node:crypto';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { IMAGE_MIME_BY_EXTENSION, TEXT_EMBED_MAX_BYTES, } from './constants.js';
+export const normalizeClipboardPath = (clipboardText, searchRoot) => {
+    const trimmed = clipboardText.trim();
+    if (!trimmed) {
+        return null;
+    }
+    const lines = trimmed
+        .split(/\r?\n/)
+        .map((line) => line.trim())
+        .filter(Boolean);
+    let candidate = lines[0] ?? '';
+    if (!candidate) {
+        return null;
+    }
+    if ((candidate.startsWith('"') && candidate.endsWith('"')) ||
+        (candidate.startsWith("'") && candidate.endsWith("'"))) {
+        candidate = candidate.slice(1, -1);
+    }
+    if (candidate.startsWith('file://')) {
+        candidate = decodeURIComponent(candidate.replace(/^file:\/\//, ''));
+    }
+    if (path.isAbsolute(candidate)) {
+        return candidate;
+    }
+    if (!searchRoot) {
+        return null;
+    }
+    return path.resolve(searchRoot, candidate);
+};
+const isLikelyTextBuffer = (buffer) => {
+    if (buffer.includes(0)) {
+        return false;
+    }
+    const sample = buffer.subarray(0, Math.min(buffer.length, 2048));
+    let suspiciousBytes = 0;
+    for (const byte of sample) {
+        const isPrintableAscii = byte >= 32 && byte <= 126;
+        const isWhitespace = byte === 9 || byte === 10 || byte === 13;
+        const isExtendedUtf8Byte = byte >= 128;
+        if (!isPrintableAscii && !isWhitespace && !isExtendedUtf8Byte) {
+            suspiciousBytes += 1;
+        }
+    }
+    return suspiciousBytes < 8;
+};
+export const buildAttachmentFromPath = async (absolutePath) => {
+    const fileStats = await fs.stat(absolutePath);
+    if (!fileStats.isFile()) {
+        throw new Error('Clipboard path is not a file');
+    }
+    const fileName = path.basename(absolutePath);
+    const extension = path.extname(fileName).toLowerCase();
+    const imageMimeType = IMAGE_MIME_BY_EXTENSION[extension];
+    const sizeKB = Math.round(fileStats.size / 1024);
+    if (imageMimeType) {
+        return {
+            id: crypto.randomUUID(),
+            label: `Image: ${fileName} (${sizeKB}KB)`,
+            payload: `[Image file: ${absolutePath}]`,
+        };
+    }
+    const fileBuffer = await fs.readFile(absolutePath);
+    const isTextFile = fileStats.size <= TEXT_EMBED_MAX_BYTES && isLikelyTextBuffer(fileBuffer);
+    if (isTextFile) {
+        return {
+            id: crypto.randomUUID(),
+            label: `File: ${fileName} (${sizeKB}KB text)`,
+            payload: `[Text file: ${absolutePath}]`,
+        };
+    }
+    return {
+        id: crypto.randomUUID(),
+        label: `File: ${fileName} (${sizeKB}KB binary)`,
+        payload: `[Binary file: ${absolutePath}]`,
+    };
+};

package/dist/components/interactive-input/clipboard-handlers.js

@@ -0,0 +1,134 @@
+import crypto from 'node:crypto';
+import fs from 'node:fs/promises';
+import os from 'node:os';
+import path from 'node:path';
+import { copyTextToClipboard as copyToSystemClipboard, readFilePathsFromClipboard, readImageDataUrlFromClipboard, readTextFromClipboard, } from '../../utils/clipboard.js';
+import { buildAttachmentFromPath, normalizeClipboardPath, } from './attachments.js';
+import { shouldCollapsePastedText, } from './constants.js';
+export function createClipboardHandlers(deps) {
+    const { insertTextAtCaret, queueAttachment, setClipboardStatus, onInputActivity, searchRoot, requestInputFocus, textareaRef, inputValue, mode, } = deps;
+    const handlePastedText = (pastedText) => {
+        if (!pastedText) {
+            return;
+        }
+        const pasteAsPlainText = () => {
+            insertTextAtCaret(pastedText);
+            setClipboardStatus('Pasted text');
+            onInputActivity?.();
+        };
+        const normalizedPath = normalizeClipboardPath(pastedText, searchRoot);
+        if (normalizedPath) {
+            void buildAttachmentFromPath(normalizedPath)
+                .then((attachment) => {
+                queueAttachment(attachment);
+                setClipboardStatus(`Queued ${attachment.label}`);
+                onInputActivity?.();
+            })
+                .catch(() => {
+                pasteAsPlainText();
+            });
+            return;
+        }
+        if (shouldCollapsePastedText(pastedText)) {
+            queueAttachment({
+                id: crypto.randomUUID(),
+                label: `Pasted text block (${pastedText.length} chars)`,
+                payload: pastedText,
+            });
+            setClipboardStatus('Queued pasted text block');
+            onInputActivity?.();
+            return;
+        }
+        pasteAsPlainText();
+    };
+    const pasteClipboardIntoInput = () => {
+        requestInputFocus();
+        void readTextFromClipboard()
+            .then(async (clipboardText) => {
+            if (clipboardText.trim()) {
+                handlePastedText(clipboardText);
+                return;
+            }
+            const clipboardPaths = await readFilePathsFromClipboard();
+            if (clipboardPaths.length > 0) {
+                const attachments = await Promise.all(clipboardPaths.map(async (clipboardPath) => {
+                    try {
+                        return await buildAttachmentFromPath(clipboardPath);
+                    }
+                    catch {
+                        return null;
+                    }
+                }));
+                const validAttachments = attachments.filter((value) => value !== null);
+                if (validAttachments.length > 0) {
+                    validAttachments.forEach((attachment) => {
+                        queueAttachment(attachment);
+                    });
+                    setClipboardStatus(validAttachments.length === 1
+                        ? `Queued ${validAttachments[0].label}`
+                        : `Queued ${validAttachments.length} clipboard files`);
+                    onInputActivity?.();
+                    return;
+                }
+            }
+            const imageDataUrl = await readImageDataUrlFromClipboard();
+            if (imageDataUrl) {
+                try {
+                    // Extract base64 data and save to temp file
+                    const base64Data = imageDataUrl.replace(/^data:image\/\w+;base64,/, '');
+                    const imageBuffer = Buffer.from(base64Data, 'base64');
+                    const tempDir = os.tmpdir();
+                    const tempFileName = `pasted-image-${crypto.randomUUID()}.png`;
+                    const tempFilePath = path.join(tempDir, tempFileName);
+                    await fs.writeFile(tempFilePath, imageBuffer);
+                    // Now queue it as a file attachment
+                    const attachment = await buildAttachmentFromPath(tempFilePath);
+                    queueAttachment(attachment);
+                    setClipboardStatus('Queued clipboard image');
+                    onInputActivity?.();
+                }
+                catch (error) {
+                    const errorMessage = error instanceof Error ? error.message : 'unknown error';
+                    setClipboardStatus(`Failed to save clipboard image: ${errorMessage}`);
+                }
+                return;
+            }
+            setClipboardStatus('Paste failed: clipboard is empty');
+        })
+            .catch((error) => {
+            const errorMessage = error instanceof Error ? error.message : 'unknown error';
+            setClipboardStatus(`Paste failed: ${errorMessage}`);
+        });
+    };
+    const copyInputToClipboard = () => {
+        if (mode !== 'input') {
+            return;
+        }
+        const textarea = textareaRef.current;
+        const selectedText = typeof textarea?.hasSelection === 'function' &&
+            textarea.hasSelection() &&
+            typeof textarea?.getSelectedText === 'function'
+            ? textarea.getSelectedText()
+            : '';
+        const fallbackText = textarea?.plainText ?? inputValue;
+        const textToCopy = selectedText.length > 0 ? selectedText : fallbackText;
+        if (textToCopy.length === 0) {
+            setClipboardStatus('Nothing to copy');
+            return;
+        }
+        void copyToSystemClipboard(textToCopy)
+            .then(() => {
+            setClipboardStatus('Copied input to clipboard');
+        })
+            .catch((error) => {
+            const errorMessage = error instanceof Error ? error.message : 'unknown error';
+            setClipboardStatus(`Copy failed: ${errorMessage}`);
+        });
+        onInputActivity?.();
+    };
+    return {
+        handlePastedText,
+        pasteClipboardIntoInput,
+        copyInputToClipboard,
+    };
+}

package/dist/components/interactive-input/constants.js

@@ -0,0 +1,15 @@
+export const repositoryFileCache = new Map();
+export const IMAGE_MIME_BY_EXTENSION = {
+    '.png': 'image/png',
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.gif': 'image/gif',
+    '.webp': 'image/webp',
+    '.bmp': 'image/bmp',
+    '.svg': 'image/svg+xml',
+};
+export const TEXT_EMBED_MAX_BYTES = 512 * 1024;
+export const COLLAPSE_TEXT_PASTE_CHARS = 800;
+export const COLLAPSE_TEXT_PASTE_LINES = 12;
+export const shouldCollapsePastedText = (text) => text.length >= COLLAPSE_TEXT_PASTE_CHARS ||
+    text.split(/\r?\n/).length >= COLLAPSE_TEXT_PASTE_LINES;

package/dist/components/interactive-input/keyboard-router.js

@@ -0,0 +1,104 @@
+import { extractPastedText, isPrintableCharacter, isCopyShortcut, isPasteShortcut, isReverseTabShortcut, isSubmitShortcut, } from './keyboard.js';
+/**
+ * Creates a keyboard event handler that routes key events
+ * to appropriate actions based on current mode and state.
+ */
+export function createKeyboardRouter(deps) {
+    const { mode, hasOptions, predefinedOptions, setSelectedIndex, fileSuggestions, setSelectedSuggestionIndex, setModeToInput, setModeToOption, submitCurrentSelection, applySelectedSuggestion, insertCharacterInTextarea, handlePastedText, pasteClipboardIntoInput, copyInputToClipboard, onInputActivity, } = deps;
+    return (key) => {
+        // Global shortcuts (work in any mode)
+        if (isSubmitShortcut(key)) {
+            submitCurrentSelection();
+            return;
+        }
+        const pastedText = extractPastedText(key);
+        if (pastedText !== null) {
+            if (mode === 'option' && hasOptions) {
+                setModeToInput();
+            }
+            handlePastedText(pastedText);
+            return;
+        }
+        if (isPasteShortcut(key)) {
+            pasteClipboardIntoInput();
+            return;
+        }
+        if (isCopyShortcut(key)) {
+            copyInputToClipboard();
+            return;
+        }
+        // Tab/Shift+Tab for mode switching
+        if (hasOptions && (isReverseTabShortcut(key) || key.name === 'tab')) {
+            if (mode === 'option') {
+                setModeToInput();
+            }
+            else {
+                setModeToOption();
+            }
+            return;
+        }
+        // Option mode handling
+        if (mode === 'option' && hasOptions) {
+            const isOptionSubmitKey = key.name === 'enter' ||
+                key.name === 'return' ||
+                key.sequence === '\r' ||
+                key.sequence === '\n';
+            if (isOptionSubmitKey) {
+                submitCurrentSelection();
+                return;
+            }
+            if (key.name === 'right') {
+                setModeToInput();
+                return;
+            }
+            if (key.name === 'left') {
+                setModeToOption();
+                return;
+            }
+            if (key.name === 'up' || key.name.toLowerCase() === 'k') {
+                setSelectedIndex((previous) => (previous - 1 + predefinedOptions.length) %
+                    predefinedOptions.length);
+                onInputActivity?.();
+                return;
+            }
+            if (key.name === 'down' || key.name.toLowerCase() === 'j') {
+                setSelectedIndex((previous) => (previous + 1) % predefinedOptions.length);
+                onInputActivity?.();
+                return;
+            }
+            const typedCharacter = isPrintableCharacter(key);
+            if (typedCharacter !== null) {
+                setModeToInput();
+                insertCharacterInTextarea(typedCharacter);
+            }
+            return;
+        }
+        // Input mode with suggestions handling
+        if (mode !== 'input' || fileSuggestions.length === 0) {
+            return;
+        }
+        if (key.name === 'tab') {
+            applySelectedSuggestion();
+            return;
+        }
+        if ((key.ctrl || key.meta) && key.name.toLowerCase() === 'n') {
+            setSelectedSuggestionIndex((previous) => (previous + 1) % fileSuggestions.length);
+            onInputActivity?.();
+            return;
+        }
+        if ((key.ctrl || key.meta) && key.name.toLowerCase() === 'p') {
+            setSelectedSuggestionIndex((previous) => previous <= 0 ? fileSuggestions.length - 1 : previous - 1);
+            onInputActivity?.();
+            return;
+        }
+        if (key.name === 'down') {
+            setSelectedSuggestionIndex((previous) => (previous + 1) % fileSuggestions.length);
+            onInputActivity?.();
+            return;
+        }
+        if (key.name === 'up') {
+            setSelectedSuggestionIndex((previous) => previous <= 0 ? fileSuggestions.length - 1 : previous - 1);
+            onInputActivity?.();
+        }
+    };
+}

package/dist/components/interactive-input/sections.js

@@ -20,3 +20,18 @@ export const SuggestionsPanel = ({ hasOptions, isIndexingFiles, fileSuggestions,
                             }, children: "\u2022 VS Code Insiders" })] }))] })) : (_jsx("text", { fg: "gray", children: hasSearchRoot
                 ? '#search: no matches'
                 : '#search: no search root configured' }))] }));
+export const QuestionBox = ({ question, MarkdownTextComponent, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", gap: 0, border: true, borderStyle: "single", borderColor: "cyan", backgroundColor: "#121212", paddingLeft: 1, paddingRight: 1, paddingTop: 1, paddingBottom: 1, children: [_jsx("text", { fg: "cyan", children: _jsx("strong", { children: "PROMPT" }) }), _jsx(MarkdownTextComponent, { content: question, showCodeCopyControls: true })] }));
+export const SearchStatus = ({ isIndexingFiles, repositoryFiles, searchRoot, hasSearchRoot, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", children: [_jsx("text", { fg: "gray", wrapMode: "char", children: hasSearchRoot
+                ? `#search root: ${searchRoot}`
+                : '#search root: no search root' }), _jsx("text", { fg: "gray", children: isIndexingFiles
+                ? '#search index: indexing...'
+                : `#search index: ${repositoryFiles.length} files indexed` })] }));
+export const InputStatus = ({ mode, isNarrow, inputValue, queuedAttachments, }) => (_jsxs("box", { flexDirection: isNarrow ? 'column' : 'row', justifyContent: "space-between", marginBottom: 0, gap: isNarrow ? 0 : undefined, children: [_jsx("text", { fg: "gray", children: mode === 'input' ? 'Custom input' : 'Option selection' }), _jsx("text", { fg: "gray", children: mode === 'input' && queuedAttachments.length > 0
+                ? `${inputValue.length} chars + ${queuedAttachments.length} queued`
+                : `${inputValue.length} chars` })] }));
+export const ClipboardStatus = ({ status }) => (_jsx("text", { fg: status.startsWith('Copy failed:') ? 'red' : 'green', children: status }));
+export const AttachmentsDisplay = ({ queuedAttachments, }) => (_jsxs("box", { flexDirection: "column", width: "100%", gap: 0, children: [_jsxs("text", { fg: "yellow", children: [_jsx("strong", { children: "QUEUED ATTACHMENTS" }), " (Delete placeholder text to remove)"] }), queuedAttachments.map((attachment, index) => (_jsxs("text", { fg: "gray", wrapMode: "word", children: ["[File ", index + 1, "] ", attachment.label] }, attachment.id)))] }));
+export const SendButton = () => (_jsx("box", { backgroundColor: "cyan", paddingLeft: 1, paddingRight: 1, alignSelf: "flex-start", marginBottom: 0, children: _jsxs("text", { fg: "black", children: [_jsx("strong", { children: "Send" }), " \u2303S"] }) }));
+export const HelpText = ({ hasOptions }) => (_jsx("text", { fg: "gray", wrapMode: "word", children: hasOptions
+        ? 'Enter/Ctrl+J newline (or #search apply) • #search nav: ↑/↓ or Ctrl+N/P • Tab mode switch • #path for repo file autocomplete • Cmd/Ctrl+C copy • Cmd/Ctrl+V paste/attach'
+        : 'Enter/Ctrl+J newline • #search nav: ↑/↓ or Ctrl+N/P • Enter/Tab #search apply • #path for repo file autocomplete • Cmd/Ctrl+C copy • Cmd/Ctrl+V paste/attach' }));

package/dist/components/interactive-input/submit-handler.js

@@ -0,0 +1,21 @@
+import { safeReadTextarea } from './textarea-operations.js';
+/**
+ * Creates a submit handler that processes the current selection/input
+ * and replaces attachment placeholders with actual payloads.
+ */
+export function createSubmitHandler(deps) {
+    const { mode, predefinedOptions, selectedIndex, inputValue, queuedAttachments, textareaRef, onSubmit, questionId, setQueuedAttachments, } = deps;
+    return () => {
+        let finalValue = mode === 'option' && predefinedOptions.length > 0
+            ? predefinedOptions[selectedIndex]
+            : (safeReadTextarea(textareaRef)?.value ?? inputValue);
+        // Replace [Attached file N] placeholders with actual payloads
+        queuedAttachments.forEach((attachment, index) => {
+            const placeholder = `[Attached file ${index + 1}]`;
+            const regex = new RegExp(placeholder.replace(/[[\]]/g, '\\$&'), 'g');
+            finalValue = finalValue.replace(regex, attachment.payload);
+        });
+        onSubmit(questionId, finalValue);
+        setQueuedAttachments([]);
+    };
+}

package/dist/components/interactive-input/textarea-operations.js

@@ -0,0 +1,62 @@
+/**
+ * Safely reads text and caret position from textarea.
+ * Returns null if textarea is not available or throws an error.
+ */
+export function safeReadTextarea(textareaRef) {
+    const textarea = textareaRef.current;
+    if (!textarea) {
+        return null;
+    }
+    try {
+        return {
+            value: textarea.plainText,
+            caret: textarea.cursorOffset,
+        };
+    }
+    catch {
+        // Clear the ref if it's stale
+        textareaRef.current = null;
+        return null;
+    }
+}
+/**
+ * Safely writes text and caret position to textarea.
+ * Returns true if successful, false otherwise.
+ */
+export function safeWriteTextarea(textareaRef, nextValue, nextCaretPosition) {
+    const textarea = textareaRef.current;
+    if (!textarea) {
+        return false;
+    }
+    try {
+        if (textarea.plainText !== nextValue) {
+            textarea.setText(nextValue);
+        }
+        textarea.cursorOffset = nextCaretPosition;
+        return true;
+    }
+    catch {
+        // Clear the ref if it's stale
+        textareaRef.current = null;
+        return false;
+    }
+}
+/**
+ * Attempts to focus the textarea.
+ * Returns true if successful, false otherwise.
+ */
+export function focusTextarea(textareaRef) {
+    const textarea = textareaRef.current;
+    if (!textarea) {
+        return false;
+    }
+    try {
+        textarea.focus?.();
+        return true;
+    }
+    catch {
+        // Clear the ref if it's stale
+        textareaRef.current = null;
+        return false;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rawwee/interactive-mcp",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "main": "dist/index.js",
   "type": "module",
   "bin": {