@syntero/orca-cli 1.3.3 → 1.3.4

package/dist/components/InputFooter.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useMemo, useEffect, useRef } from 'react';
-import { Box, Text, useInput, useApp } from 'ink';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
 import { createRequire } from 'module';
 import { CommandPalette } from './CommandPalette.js';
 import { ModelMenu } from './ModelMenu.js';
@@ -10,10 +9,11 @@ import { TokenInput } from './TokenInput.js';
 import { SyncMenu } from './SyncMenu.js';
 import { UploadMenu } from './UploadMenu.js';
 import { ResumeMenu } from './ResumeMenu.js';
-import { listConversations, deleteConversation } from '../conversations/index.js';
-import { filterCommands } from '../autocomplete.js';
-import { Settings, Provider, saveSettings, debugLog as settingsDebugLog } from '../settings.js';
-import { isAuthenticated, setSelectedCloudProvider } from '../auth.js';
+import { parsePasteMarker, usePasteBlocks } from './hooks/usePasteBlocks.js';
+import { useInputLines } from './hooks/useInputLines.js';
+import { useCommandPalette } from './hooks/useCommandPalette.js';
+import { useMenus } from './hooks/useMenus.js';
+import { useInputKeyHandler } from './hooks/useInputKeyHandler.js';
 // Get package version
 const require = createRequire(import.meta.url);
 const pkg = require('../../package.json');
@@ -40,701 +40,40 @@ const pkg = require('../../package.json');
  * - Ctrl+C: Exit
  */
 export function InputFooter({ onSubmit, history = [], isDisabled = false, settings, onResumeConversation, fetchUsers, fetchOrganizations, userRole, fetchTree, listLocalChildren, onSettingsChange, }) {
-    const { exit } = useApp();
-    // State for multi-line input - combined into single object for atomic updates
-    const [inputState, setInputState] = useState({
-        lines: [''],
-        currentLine: 0,
-        cursorPos: 0,
-    });
-    // State for command history navigation
-    // historyIndex: -1 means not navigating, 0 = most recent, length-1 = oldest
-    const [historyIndex, setHistoryIndex] = useState(-1);
-    // savedInput: saves the current input when user starts navigating history
-    const [savedInput, setSavedInput] = useState('');
-    // Destructure for easier access in render
+    // --- Compose hooks ---
+    const pasteBlocks = usePasteBlocks();
+    const inputLines = useInputLines(onSubmit, pasteBlocks);
+    const { inputState } = inputLines;
     const { lines, currentLine, cursorPos } = inputState;
-    // Helper to update input state atomically
-    const updateInputState = (updates) => {
-        setInputState(prev => ({ ...prev, ...updates }));
-    };
-    // State for command palette
-    const [showPalette, setShowPalette] = useState(false);
-    const [paletteFilter, setPaletteFilter] = useState('');
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    // State for model menu
-    const [showModelMenu, setShowModelMenu] = useState(false);
-    const [confirmationMessage, setConfirmationMessage] = useState(null);
-    // State for config wizard
-    const [showConfigWizard, setShowConfigWizard] = useState(false);
-    const [currentSettings, setCurrentSettings] = useState(settings);
-    // State for token input
-    const [showTokenInput, setShowTokenInput] = useState(false);
-    // State for sync menu
-    const [showSyncMenu, setShowSyncMenu] = useState(false);
-    // State for upload menu
-    const [showUploadMenu, setShowUploadMenu] = useState(false);
-    // State for resume menu
-    const [showResumeMenu, setShowResumeMenu] = useState(false);
-    // State for streaming menu
-    const [showStreamingMenu, setShowStreamingMenu] = useState(false);
-    const [resumeConversations, setResumeConversations] = useState([]);
-    // Track last Escape press time for double-Escape-to-clear
-    const lastEscapeTime = useRef(0);
-    // Get filtered commands based on paletteFilter
-    const filteredCommands = useMemo(() => {
-        if (!showPalette)
-            return [];
-        return filterCommands(paletteFilter);
-    }, [showPalette, paletteFilter]);
-    // Reset selected index when filtered commands change
-    useMemo(() => {
-        if (selectedIndex >= filteredCommands.length) {
-            setSelectedIndex(Math.max(0, filteredCommands.length - 1));
-        }
-    }, [filteredCommands.length, selectedIndex]);
-    // Clear confirmation message after a delay
-    useEffect(() => {
-        if (confirmationMessage) {
-            const timer = setTimeout(() => {
-                setConfirmationMessage(null);
-            }, 2000);
-            return () => clearTimeout(timer);
-        }
-    }, [confirmationMessage]);
-    // Sync settings prop with local state
-    useEffect(() => {
-        if (settings) {
-            setCurrentSettings(settings);
-        }
-    }, [settings]);
-    // Config wizard callbacks
-    const closeConfigWizard = useCallback(() => {
-        setShowConfigWizard(false);
-        updateInputState({ lines: [''], cursorPos: 0 });
-    }, []);
-    const handleConfigComplete = useCallback((newSettings) => {
-        // Save the settings
-        saveSettings(newSettings);
-        setCurrentSettings(newSettings);
-        setConfirmationMessage(`Configuration saved for ${newSettings.provider}`);
-        closeConfigWizard();
-        // Trigger reconnect by submitting a special token
-        setTimeout(() => {
-            onSubmit('__CONFIG_SAVED__');
-        }, 100);
-    }, [closeConfigWizard, onSubmit]);
-    const handleConfigCancel = useCallback(() => {
-        setConfirmationMessage('Configuration cancelled');
-        closeConfigWizard();
-    }, [closeConfigWizard]);
-    // Token input callbacks
-    const closeTokenInput = useCallback(() => {
-        setShowTokenInput(false);
-        updateInputState({ lines: [''], cursorPos: 0 });
-    }, []);
-    const handleTokenSubmit = useCallback((token) => {
-        closeTokenInput();
-        // Submit with special prefix for ChatApp to handle
-        onSubmit(`__TOKEN__:${token}`);
-    }, [closeTokenInput, onSubmit]);
-    const handleTokenCancel = useCallback(() => {
-        setConfirmationMessage('Token entry cancelled');
-        closeTokenInput();
-    }, [closeTokenInput]);
-    // Sync menu callbacks
-    const closeSyncMenu = useCallback(() => {
-        setShowSyncMenu(false);
-        updateInputState({ lines: [''], cursorPos: 0 });
-    }, []);
-    const handleSyncSelect = useCallback(async (result) => {
-        closeSyncMenu();
-        // Execute the sync action - we'll submit a special command for ChatApp to handle
-        switch (result.action) {
-            case 'sync':
-                // JSON-encode the full sync parameters
-                onSubmit(`__SYNC__:${JSON.stringify({
-                    scope: result.scope ?? 'all',
-                    force: result.force ?? false,
-                    pathFilter: result.pathFilter,
-                    workspaceUser: result.workspaceUser,
-                    workspaceFolders: result.workspaceFolders,
-                    orgId: result.orgId,
-                })}`);
-                break;
-            case 'preview':
-                onSubmit('__SYNC__:preview');
-                break;
-            case 'status':
-                onSubmit('__SYNC__:status');
-                break;
-            case 'resume':
-                onSubmit('__SYNC__:resume');
-                break;
-            case 'cancel':
-                // Already closed menu, nothing else to do
-                break;
-        }
-    }, [closeSyncMenu, onSubmit]);
-    const handleSyncCancel = useCallback(() => {
-        setConfirmationMessage('Sync cancelled');
-        closeSyncMenu();
-    }, [closeSyncMenu]);
-    // Upload menu callbacks
-    const closeUploadMenu = useCallback(() => {
-        setShowUploadMenu(false);
-        updateInputState({ lines: [''], cursorPos: 0 });
-    }, []);
-    const handleUploadSelect = useCallback((result) => {
-        closeUploadMenu();
-        if (result.action === 'upload') {
-            onSubmit(`__UPLOAD__:${JSON.stringify({
-                scope: result.scope,
-                pathFilter: result.pathFilter,
-                workspaceUser: result.workspaceUser,
-                workspaceFolders: result.workspaceFolders,
-                orgId: result.orgId,
-            })}`);
-        }
-    }, [closeUploadMenu, onSubmit]);
-    const handleUploadCancel = useCallback(() => {
-        setConfirmationMessage('Upload cancelled');
-        closeUploadMenu();
-    }, [closeUploadMenu]);
-    // Resume menu callbacks
-    const closeResumeMenu = useCallback(() => {
-        setShowResumeMenu(false);
-        updateInputState({ lines: [''], cursorPos: 0 });
-    }, []);
-    const handleResumeSelect = useCallback((conversationId) => {
-        closeResumeMenu();
-        // Call the parent callback to handle resuming the conversation
-        onResumeConversation?.(conversationId);
-    }, [closeResumeMenu, onResumeConversation]);
-    const handleResumeCancel = useCallback(() => {
-        setConfirmationMessage('Resume cancelled');
-        closeResumeMenu();
-    }, [closeResumeMenu]);
-    const handleResumeDelete = useCallback((conversationId) => {
-        // Delete the conversation
-        const deleted = deleteConversation(conversationId);
-        if (deleted) {
-            // Refresh the list
-            setResumeConversations(listConversations());
-            setConfirmationMessage('Conversation deleted');
-        }
-    }, []);
-    const handleSubmit = useCallback(() => {
-        const result = lines.join('\n').trim();
-        if (!result)
-            return;
-        // Reset history navigation state
-        setHistoryIndex(-1);
-        setSavedInput('');
-        // Clear input
-        setInputState({ lines: [''], currentLine: 0, cursorPos: 0 });
-        // Call the onSubmit callback (parent handles queuing if streaming)
-        onSubmit(result);
-    }, [lines, onSubmit]);
-    const closePalette = useCallback(() => {
-        setShowPalette(false);
-        setPaletteFilter('');
-        setSelectedIndex(0);
-    }, []);
-    // Model menu callbacks
-    const closeModelMenu = useCallback(() => {
-        setShowModelMenu(false);
-        updateInputState({ lines: [''], cursorPos: 0 });
-    }, []);
-    const handleModelSelect = useCallback((provider, modelId) => {
-        if (!currentSettings) {
-            settingsDebugLog('[handleModelSelect] No currentSettings, aborting');
-            closeModelMenu();
-            return;
-        }
-        settingsDebugLog(`[handleModelSelect] Changing to provider=${provider}, model=${modelId}`);
-        settingsDebugLog(`[handleModelSelect] Before: provider=${currentSettings.provider}, isAuthenticated=${isAuthenticated()}`);
-        // Create a deep copy of settings to avoid mutation issues
-        const updatedSettings = Settings.fromDict(currentSettings.toDict());
-        // Update the provider
-        updatedSettings.provider = provider;
-        // Update the model in settings based on provider
-        if (provider === Provider.ANTHROPIC || provider === 'anthropic') {
-            updatedSettings.anthropic.model = modelId;
-        }
-        else if (provider === Provider.OPENAI || provider === 'openai') {
-            updatedSettings.openai.model = modelId;
-        }
-        else if (provider === Provider.AZURE || provider === 'azure') {
-            updatedSettings.azure.deployment = modelId;
-        }
-        // Save the updated settings to disk
-        settingsDebugLog(`[handleModelSelect] Saving settings: provider=${updatedSettings.provider}`);
-        saveSettings(updatedSettings);
-        // CRITICAL: If cloud authenticated, also update the selected cloud provider
-        // This ensures getSelectedCloudProvider() returns the correct provider
-        if (isAuthenticated()) {
-            settingsDebugLog(`[handleModelSelect] Cloud authenticated, calling setSelectedCloudProvider(${provider})`);
-            const cloudProviderSet = setSelectedCloudProvider(provider);
-            if (!cloudProviderSet) {
-                settingsDebugLog(`[handleModelSelect] WARNING: setSelectedCloudProvider returned false - provider ${provider} may not be available in cloud config`);
-            }
-            else {
-                settingsDebugLog(`[handleModelSelect] Cloud provider selection saved successfully`);
-            }
-        }
-        // Update local state with the new settings
-        setCurrentSettings(updatedSettings);
-        // Format confirmation message with provider and model
-        const providerName = provider.charAt(0).toUpperCase() + provider.slice(1);
-        setConfirmationMessage(`Provider changed to ${providerName}, model: ${modelId}`);
-        closeModelMenu();
-        settingsDebugLog(`[handleModelSelect] Triggering reconnect via __CONFIG_SAVED__`);
-        // Trigger reconnect to use the new provider/model
-        setTimeout(() => {
-            onSubmit('__CONFIG_SAVED__');
-        }, 100);
-    }, [currentSettings, closeModelMenu, onSubmit]);
-    const handleModelCancel = useCallback(() => {
-        setConfirmationMessage('Model selection cancelled');
-        closeModelMenu();
-    }, [closeModelMenu]);
-    // Streaming menu callbacks
-    const closeStreamingMenu = useCallback(() => {
-        setShowStreamingMenu(false);
-        updateInputState({ lines: [''], cursorPos: 0 });
-    }, []);
-    const handleStreamingSelect = useCallback((streaming) => {
-        if (!currentSettings) {
-            closeStreamingMenu();
-            return;
-        }
-        const updatedSettings = Settings.fromDict({ ...currentSettings.toDict(), streaming });
-        saveSettings(updatedSettings);
-        setCurrentSettings(updatedSettings);
-        onSettingsChange?.(updatedSettings);
-        const statusText = streaming ? 'enabled' : 'disabled';
-        setConfirmationMessage(`Response streaming ${statusText}`);
-        closeStreamingMenu();
-    }, [currentSettings, closeStreamingMenu, onSettingsChange]);
-    const handleStreamingCancel = useCallback(() => {
-        setConfirmationMessage('Streaming selection cancelled');
-        closeStreamingMenu();
-    }, [closeStreamingMenu]);
-    useInput((input, key) => {
-        // Ctrl+C to exit
-        if (input === 'c' && key.ctrl) {
-            exit();
-            return;
-        }
-        // Config wizard handles its own input
-        if (showConfigWizard) {
-            return;
-        }
-        // Token input handles its own input
-        if (showTokenInput) {
-            return;
-        }
-        // Model menu handles its own input
-        if (showModelMenu) {
-            return;
-        }
-        // Sync menu handles its own input
-        if (showSyncMenu) {
-            return;
-        }
-        // Upload menu handles its own input
-        if (showUploadMenu) {
-            return;
-        }
-        // Resume menu handles its own input
-        if (showResumeMenu) {
-            return;
-        }
-        // Streaming menu handles its own input
-        if (showStreamingMenu) {
-            return;
-        }
-        // NOTE: We no longer block input when streaming (isDisabled).
-        // Users can type, search history, and submit messages while streaming.
-        // The parent component handles queuing messages submitted during streaming.
-        // Double-Escape to clear input (when no palette/menu is open)
-        if (key.escape && !showPalette) {
-            const now = Date.now();
-            if (now - lastEscapeTime.current < 500) {
-                // Double Escape: clear the input
-                setInputState({ lines: [''], currentLine: 0, cursorPos: 0 });
-                setHistoryIndex(-1);
-                setSavedInput('');
-                lastEscapeTime.current = 0;
-            }
-            else {
-                lastEscapeTime.current = now;
-            }
-            return;
-        }
-        // Handle command palette navigation when it's open
-        if (showPalette) {
-            // Escape to close palette
-            if (key.escape) {
-                closePalette();
-                return;
-            }
-            // Arrow Up: navigate up in palette
-            if (key.upArrow) {
-                setSelectedIndex(prev => (prev > 0 ? prev - 1 : filteredCommands.length - 1));
-                return;
-            }
-            // Arrow Down: navigate down in palette
-            if (key.downArrow) {
-                setSelectedIndex(prev => (prev < filteredCommands.length - 1 ? prev + 1 : 0));
-                return;
-            }
-            // Tab: autocomplete with the highlighted command (keep palette open)
-            if (key.tab) {
-                if (filteredCommands.length > 0 && selectedIndex < filteredCommands.length) {
-                    const selectedCommand = filteredCommands[selectedIndex].name;
-                    // Update the input line with the full command and cursor position atomically
-                    setInputState(prev => {
-                        const newLines = [...prev.lines];
-                        newLines[prev.currentLine] = selectedCommand;
-                        return { ...prev, lines: newLines, cursorPos: selectedCommand.length };
-                    });
-                    // Reset filter to match the full command (minus the leading "/")
-                    setPaletteFilter(selectedCommand.slice(1));
-                    // Reset selected index
-                    setSelectedIndex(0);
-                    // Keep palette open - don't close it
-                }
-                return;
-            }
-            // Enter: select the highlighted command or submit full input
-            if (key.return) {
-                if (filteredCommands.length > 0 && selectedIndex < filteredCommands.length) {
-                    const selectedCommand = filteredCommands[selectedIndex].name;
-                    // Special handling for /config command
-                    if (selectedCommand === '/config' && currentSettings) {
-                        closePalette();
-                        setShowConfigWizard(true);
-                        // Clear the input since we're handling it inline
-                        updateInputState({ lines: [''], cursorPos: 0 });
-                        return;
-                    }
-                    // Special handling for /token command
-                    if (selectedCommand === '/token') {
-                        closePalette();
-                        setShowTokenInput(true);
-                        // Clear the input since we're handling it inline
-                        updateInputState({ lines: [''], cursorPos: 0 });
-                        return;
-                    }
-                    // Special handling for /model command
-                    if (selectedCommand === '/model' && currentSettings) {
-                        closePalette();
-                        setShowModelMenu(true);
-                        // Clear the input since we're handling it inline
-                        updateInputState({ lines: [''], cursorPos: 0 });
-                        return;
-                    }
-                    // Special handling for /streaming command
-                    if (selectedCommand === '/streaming' && currentSettings) {
-                        closePalette();
-                        setShowStreamingMenu(true);
-                        // Clear the input since we're handling it inline
-                        updateInputState({ lines: [''], cursorPos: 0 });
-                        return;
-                    }
-                    // Special handling for /sync command
-                    if (selectedCommand === '/sync') {
-                        closePalette();
-                        setShowSyncMenu(true);
-                        // Clear the input since we're handling it inline
-                        updateInputState({ lines: [''], cursorPos: 0 });
-                        return;
-                    }
-                    // Special handling for /upload command
-                    if (selectedCommand === '/upload') {
-                        closePalette();
-                        setShowUploadMenu(true);
-                        // Clear the input since we're handling it inline
-                        updateInputState({ lines: [''], cursorPos: 0 });
-                        return;
-                    }
-                    // Special handling for /resume command
-                    if (selectedCommand === '/resume') {
-                        closePalette();
-                        // Load conversations list before showing menu
-                        setResumeConversations(listConversations());
-                        setShowResumeMenu(true);
-                        // Clear the input since we're handling it inline
-                        updateInputState({ lines: [''], cursorPos: 0 });
-                        return;
-                    }
-                    // Set the command in input and submit immediately
-                    closePalette();
-                    setInputState({ lines: [''], currentLine: 0, cursorPos: 0 });
-                    onSubmit(selectedCommand);
-                }
-                else {
-                    // No matching commands - submit the full input as-is (for commands with arguments)
-                    const fullInput = '/' + paletteFilter;
-                    closePalette();
-                    setInputState({ lines: [''], currentLine: 0, cursorPos: 0 });
-                    onSubmit(fullInput);
-                }
-                return;
-            }
-            // Backspace: remove from filter or close palette
-            if (key.backspace || key.delete) {
-                if (paletteFilter.length > 0) {
-                    // Remove last character from filter
-                    const newFilter = paletteFilter.slice(0, -1);
-                    setPaletteFilter(newFilter);
-                    setSelectedIndex(0);
-                    // Update the input line and cursor atomically
-                    setInputState(prev => {
-                        const newLines = [...prev.lines];
-                        newLines[prev.currentLine] = '/' + newFilter;
-                        return { ...prev, lines: newLines, cursorPos: 1 + newFilter.length };
-                    });
-                }
-                else {
-                    // Filter is empty, delete the "/" and close palette
-                    setInputState(prev => {
-                        const newLines = [...prev.lines];
-                        const line = newLines[prev.currentLine];
-                        if (line.startsWith('/')) {
-                            newLines[prev.currentLine] = line.slice(1);
-                        }
-                        return { ...prev, lines: newLines, cursorPos: Math.max(0, prev.cursorPos - 1) };
-                    });
-                    closePalette();
-                }
-                return;
-            }
-            // Regular character input: add to filter
-            if (input && !key.ctrl && !key.meta) {
-                const newFilter = paletteFilter + input;
-                setPaletteFilter(newFilter);
-                setSelectedIndex(0);
-                // Update the input line and cursor atomically
-                setInputState(prev => {
-                    const newLines = [...prev.lines];
-                    newLines[prev.currentLine] = '/' + newFilter;
-                    return { ...prev, lines: newLines, cursorPos: 1 + newFilter.length };
-                });
-                return;
-            }
-            return;
-        }
-        // Normal input handling when palette is closed
-        // Ctrl+J for new line
-        if (input === 'j' && key.ctrl) {
-            setInputState(prev => {
-                const newLines = [...prev.lines];
-                // Split current line at cursor position
-                const currentLineContent = newLines[prev.currentLine];
-                const beforeCursor = currentLineContent.slice(0, prev.cursorPos);
-                const afterCursor = currentLineContent.slice(prev.cursorPos);
-                newLines[prev.currentLine] = beforeCursor;
-                newLines.splice(prev.currentLine + 1, 0, afterCursor);
-                return { lines: newLines, currentLine: prev.currentLine + 1, cursorPos: 0 };
-            });
-            return;
-        }
-        // Enter to submit
-        if (key.return) {
-            handleSubmit();
-            return;
-        }
-        // Arrow Up - navigate lines or history
-        if (key.upArrow) {
-            // If on first line, navigate history backward
-            if (currentLine === 0 && history.length > 0) {
-                const nextIndex = historyIndex + 1;
-                if (nextIndex < history.length) {
-                    // Save current input when first starting to navigate
-                    if (historyIndex === -1) {
-                        setSavedInput(lines.join('\n'));
-                    }
-                    setHistoryIndex(nextIndex);
-                    // History is stored newest first, so index 0 = most recent
-                    const historyItem = history[nextIndex];
-                    const historyLines = historyItem.split('\n');
-                    setInputState({
-                        lines: historyLines,
-                        currentLine: 0,
-                        cursorPos: historyLines[0].length,
-                    });
-                }
-                return;
-            }
-            // Otherwise navigate between lines
-            setInputState(prev => {
-                if (prev.currentLine > 0) {
-                    const newLine = prev.currentLine - 1;
-                    return {
-                        ...prev,
-                        currentLine: newLine,
-                        cursorPos: Math.min(prev.cursorPos, prev.lines[newLine].length),
-                    };
-                }
-                return prev;
-            });
-            return;
-        }
-        // Arrow Down - navigate lines or history
-        if (key.downArrow) {
-            // If navigating history, move forward (toward more recent)
-            if (historyIndex >= 0) {
-                const nextIndex = historyIndex - 1;
-                if (nextIndex >= 0) {
-                    // Still in history
-                    setHistoryIndex(nextIndex);
-                    const historyItem = history[nextIndex];
-                    const historyLines = historyItem.split('\n');
-                    setInputState({
-                        lines: historyLines,
-                        currentLine: 0,
-                        cursorPos: historyLines[0].length,
-                    });
-                }
-                else {
-                    // Reached end of history, restore saved input
-                    setHistoryIndex(-1);
-                    const restoredLines = savedInput ? savedInput.split('\n') : [''];
-                    setInputState({
-                        lines: restoredLines,
-                        currentLine: 0,
-                        cursorPos: restoredLines[0].length,
-                    });
-                    setSavedInput('');
-                }
-                return;
-            }
-            // Otherwise navigate between lines
-            setInputState(prev => {
-                if (prev.currentLine < prev.lines.length - 1) {
-                    const newLine = prev.currentLine + 1;
-                    return {
-                        ...prev,
-                        currentLine: newLine,
-                        cursorPos: Math.min(prev.cursorPos, prev.lines[newLine].length),
-                    };
-                }
-                return prev;
-            });
-            return;
-        }
-        // Arrow Left
-        if (key.leftArrow) {
-            setInputState(prev => {
-                if (prev.cursorPos > 0) {
-                    return { ...prev, cursorPos: prev.cursorPos - 1 };
-                }
-                else if (prev.currentLine > 0) {
-                    // Move to end of previous line
-                    const newLine = prev.currentLine - 1;
-                    return { ...prev, currentLine: newLine, cursorPos: prev.lines[newLine].length };
-                }
-                return prev;
-            });
-            return;
-        }
-        // Arrow Right
-        if (key.rightArrow) {
-            setInputState(prev => {
-                if (prev.cursorPos < prev.lines[prev.currentLine].length) {
-                    return { ...prev, cursorPos: prev.cursorPos + 1 };
-                }
-                else if (prev.currentLine < prev.lines.length - 1) {
-                    // Move to start of next line
-                    return { ...prev, currentLine: prev.currentLine + 1, cursorPos: 0 };
-                }
-                return prev;
-            });
-            return;
-        }
-        // Alt+Backspace: delete word before cursor
-        if (key.meta && (key.backspace || key.delete)) {
-            setInputState(prev => {
-                if (prev.cursorPos === 0)
-                    return prev;
-                const line = prev.lines[prev.currentLine];
-                let pos = prev.cursorPos;
-                // Skip any whitespace immediately before cursor
-                while (pos > 0 && /\s/.test(line[pos - 1])) {
-                    pos--;
-                }
-                // Delete back to the previous whitespace or start of line
-                while (pos > 0 && !/\s/.test(line[pos - 1])) {
-                    pos--;
-                }
-                const newLines = [...prev.lines];
-                newLines[prev.currentLine] = line.slice(0, pos) + line.slice(prev.cursorPos);
-                return { ...prev, lines: newLines, cursorPos: pos };
-            });
-            return;
-        }
-        // Backspace
-        if (key.backspace || key.delete) {
-            setInputState(prev => {
-                if (prev.cursorPos > 0) {
-                    // Delete character before cursor
-                    const newLines = [...prev.lines];
-                    const line = newLines[prev.currentLine];
-                    newLines[prev.currentLine] = line.slice(0, prev.cursorPos - 1) + line.slice(prev.cursorPos);
-                    return { ...prev, lines: newLines, cursorPos: prev.cursorPos - 1 };
-                }
-                else if (prev.currentLine > 0) {
-                    // Merge with previous line
-                    const prevLineLen = prev.lines[prev.currentLine - 1].length;
-                    const newLines = [...prev.lines];
-                    newLines[prev.currentLine - 1] += newLines[prev.currentLine];
-                    newLines.splice(prev.currentLine, 1);
-                    return { lines: newLines, currentLine: prev.currentLine - 1, cursorPos: prevLineLen };
-                }
-                return prev;
-            });
-            return;
-        }
-        // Home key (Ctrl+A in some terminals)
-        if (input === 'a' && key.ctrl) {
-            updateInputState({ cursorPos: 0 });
-            return;
-        }
-        // End key (Ctrl+E in some terminals)
-        if (input === 'e' && key.ctrl) {
-            setInputState(prev => ({ ...prev, cursorPos: prev.lines[prev.currentLine].length }));
-            return;
-        }
-        // Regular character input (including multi-character paste)
-        if (input && !key.ctrl && !key.meta) {
-            // Check if "/" is typed at the beginning of an empty line or at cursor position 0
-            if (input === '/' && (inputState.lines[inputState.currentLine] === '' || inputState.cursorPos === 0)) {
-                setShowPalette(true);
-                setPaletteFilter('');
-                setSelectedIndex(0);
-            }
-            setInputState(prev => {
-                const newLines = [...prev.lines];
-                const line = newLines[prev.currentLine];
-                newLines[prev.currentLine] = line.slice(0, prev.cursorPos) + input + line.slice(prev.cursorPos);
-                return {
-                    ...prev,
-                    lines: newLines,
-                    cursorPos: prev.cursorPos + input.length
-                };
-            });
-            return;
-        }
+    const commandPalette = useCommandPalette();
+    const { showPalette, filteredCommands, selectedIndex, paletteFilter } = commandPalette;
+    const menus = useMenus({
+        settings,
+        onSubmit,
+        onResumeConversation,
+        onSettingsChange,
+        updateInputState: inputLines.updateInputState,
     });
-    // Render lines with cursor indicator
+    const { confirmationMessage, currentSettings, showModelMenu, handleModelSelect, handleModelCancel, showStreamingMenu, handleStreamingSelect, handleStreamingCancel, showConfigWizard, handleConfigComplete, handleConfigCancel, showTokenInput, handleTokenSubmit, handleTokenCancel, showSyncMenu, handleSyncSelect, handleSyncCancel, showUploadMenu, handleUploadSelect, handleUploadCancel, showResumeMenu, handleResumeSelect, handleResumeCancel, handleResumeDelete, resumeConversations, } = menus;
+    useInputKeyHandler({
+        pasteBlocks,
+        inputLines,
+        commandPalette,
+        menus,
+        history,
+        onSubmit,
+    });
+    // --- Render helpers ---
     const renderLines = () => {
         const maxDisplayLines = 5;
         const displayLines = lines.slice(0, maxDisplayLines);
         return displayLines.map((line, index) => {
             const isCurrentLine = index === currentLine;
+            // Render paste markers as collapsed summary
+            const marker = parsePasteMarker(line);
+            if (marker) {
+                return (_jsx(Box, { children: _jsxs(Text, { color: "yellow", children: ["[Pasted text #", marker.id, " +", marker.lineCount, " lines]"] }) }, index));
+            }
             if (isCurrentLine) {
                 // Show cursor in current line
                 // Use sibling Text components instead of nesting to avoid Ink layout bugs