@machina.ai/cell-cli 1.33.0-rc1 → 1.38.1-rc1

package/dist/src/ui/components/InputPrompt.js

@@ -1,12 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState, useRef, useMemo, Fragment, } from 'react';
 import clipboardy from 'clipboardy';
-import { useCallback, useEffect, useState, useRef, useMemo } from 'react';
 import { Box, Text, useStdout } from 'ink';
 import { SuggestionsDisplay, MAX_WIDTH } from './SuggestionsDisplay.js';
 import { theme } from '../semantic-colors.js';
 import { useInputHistory } from '../hooks/useInputHistory.js';
+import { escapeAtSymbols } from '../hooks/atCommandProcessor.js';
+import { ScrollableList, } from './shared/ScrollableList.js';
 import { HalfLinePaddedBox } from './shared/HalfLinePaddedBox.js';
-import { logicalPosToOffset, PASTED_TEXT_PLACEHOLDER_REGEX, getTransformUnderCursor, LARGE_PASTE_LINE_THRESHOLD, LARGE_PASTE_CHAR_THRESHOLD, } from './shared/text-buffer.js';
+import { logicalPosToOffset, expandPastePlaceholders, getTransformUnderCursor, LARGE_PASTE_LINE_THRESHOLD, LARGE_PASTE_CHAR_THRESHOLD, } from './shared/text-buffer.js';
 import { cpSlice, cpLen, toCodePoints, cpIndexToOffset, } from '../utils/textUtils.js';
 import chalk from 'chalk';
 import stringWidth from 'string-width';
@@ -14,19 +16,21 @@ import { useShellHistory } from '../hooks/useShellHistory.js';
 import { useReverseSearchCompletion } from '../hooks/useReverseSearchCompletion.js';
 import { useCommandCompletion, CompletionMode, } from '../hooks/useCommandCompletion.js';
 import { useKeypress } from '../hooks/useKeypress.js';
-import { keyMatchers, Command } from '../keyMatchers.js';
-import { ApprovalMode, coreEvents, debugLogger } from '@google/gemini-cli-core';
+import { Command } from '../key/keyMatchers.js';
+import { formatCommand } from '../key/keybindingUtils.js';
+import { ApprovalMode, coreEvents, debugLogger, } from '@google/gemini-cli-core';
 import { parseInputForHighlighting, parseSegmentsFromTokens, } from '../utils/highlight.js';
 import { useKittyKeyboardProtocol } from '../hooks/useKittyKeyboardProtocol.js';
 import { clipboardHasImage, saveClipboardImage, cleanupOldClipboardImages, } from '../utils/clipboardUtils.js';
 import { isAutoExecutableCommand, isSlashCommand, } from '../utils/commandUtils.js';
+import { parseSlashCommand } from '../../utils/commands.js';
 import * as path from 'node:path';
 import { SCREEN_READER_USER_PREFIX } from '../textConstants.js';
-import { DEFAULT_BACKGROUND_OPACITY, DEFAULT_INPUT_BACKGROUND_OPACITY, } from '../constants.js';
 import { getSafeLowColorBackground } from '../themes/color-utils.js';
 import { isLowColorDepth } from '../utils/terminalUtils.js';
 import { useShellFocusState } from '../contexts/ShellFocusContext.js';
 import { useUIState } from '../contexts/UIStateContext.js';
+import { useInputState } from '../contexts/InputContext.js';
 import { appEvents, AppEvent, TransientMessageType, } from '../../utils/events.js';
 import { useSettings } from '../contexts/SettingsContext.js';
 import { StreamingState } from '../types.js';
@@ -34,6 +38,9 @@ import { useMouseClick } from '../hooks/useMouseClick.js';
 import { useMouse } from '../contexts/MouseContext.js';
 import { useUIActions } from '../contexts/UIActionsContext.js';
 import { useAlternateBuffer } from '../hooks/useAlternateBuffer.js';
+import { useIsHelpDismissKey } from '../utils/shortcutsHelp.js';
+import { useRepeatedKeyPress } from '../hooks/useRepeatedKeyPress.js';
+import { useKeyMatchers } from '../hooks/useKeyMatchers.js';
 /**
  * Returns if the terminal can be trusted to handle paste events atomically
  * rather than potentially sending multiple paste events separated by line
@@ -66,6 +73,7 @@ export function isLargePaste(text) {
     return (pasteLineCount > LARGE_PASTE_LINE_THRESHOLD ||
         text.length > LARGE_PASTE_CHAR_THRESHOLD);
 }
+const DOUBLE_TAB_CLEAN_UI_TOGGLE_WINDOW_MS = 350;
 /**
  * Attempt to toggle expansion of a paste placeholder in the buffer.
  * Returns true if a toggle action was performed or hint was shown, false otherwise.
@@ -94,20 +102,49 @@ export function tryTogglePasteExpansion(buffer) {
     });
     return true;
 }
-export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, config, slashCommands, commandContext, placeholder = '  Type your message or @path/to/file', focus = true, inputWidth, suggestionsWidth, shellModeActive, setShellModeActive, approvalMode, onEscapePromptChange, onSuggestionsVisibilityChange, vimHandleInput, isEmbeddedShellFocused, setQueueErrorMessage, streamingState, popAllMessages, suggestionsPosition = 'below', setBannerVisible, }) => {
+export const InputPrompt = ({ onSubmit, onClearScreen, config, slashCommands, commandContext, placeholder = '  Type your message or @path/to/file', focus = true, setShellModeActive, approvalMode, onEscapePromptChange, onSuggestionsVisibilityChange, vimHandleInput, isEmbeddedShellFocused, setQueueErrorMessage, streamingState, popAllMessages, onQueueMessage, suggestionsPosition = 'below', setBannerVisible, }) => {
+    const inputState = useInputState();
+    const { buffer, userMessages, shellModeActive, copyModeEnabled, inputWidth, suggestionsWidth, } = inputState;
+    const isHelpDismissKey = useIsHelpDismissKey();
+    const keyMatchers = useKeyMatchers();
     const { stdout } = useStdout();
     const { merged: settings } = useSettings();
     const kittyProtocol = useKittyKeyboardProtocol();
     const isShellFocused = useShellFocusState();
-    const { setEmbeddedShellFocused, setShortcutsHelpVisible } = useUIActions();
-    const { terminalWidth, activePtyId, history, terminalBackgroundColor, backgroundShells, backgroundShellHeight, shortcutsHelpVisible, } = useUIState();
+    const { setEmbeddedShellFocused, setShortcutsHelpVisible, toggleCleanUiDetailsVisible, } = useUIActions();
+    const { terminalWidth, activePtyId, history, backgroundTasks, backgroundTaskHeight, shortcutsHelpVisible, } = useUIState();
     const [suppressCompletion, setSuppressCompletion] = useState(false);
-    const escPressCount = useRef(0);
+    const { handlePress: registerPlainTabPress, resetCount: resetPlainTabPress } = useRepeatedKeyPress({
+        windowMs: DOUBLE_TAB_CLEAN_UI_TOGGLE_WINDOW_MS,
+    });
     const [showEscapePrompt, setShowEscapePrompt] = useState(false);
-    const escapeTimerRef = useRef(null);
+    const { handlePress: handleEscPress, resetCount: resetEscapeState } = useRepeatedKeyPress({
+        windowMs: 500,
+        onRepeat: (count) => {
+            if (count === 1) {
+                setShowEscapePrompt(true);
+            }
+            else if (count === 2) {
+                resetEscapeState();
+                if (buffer.text.length > 0) {
+                    buffer.setText('');
+                    resetCompletionState();
+                }
+                else if (history.length > 0) {
+                    onSubmit('/rewind');
+                }
+                else {
+                    coreEvents.emitFeedback('info', 'Nothing to rewind to');
+                }
+            }
+        },
+        onReset: () => setShowEscapePrompt(false),
+    });
     const [recentUnsafePasteTime, setRecentUnsafePasteTime] = useState(null);
     const pasteTimeoutRef = useRef(null);
     const innerBoxRef = useRef(null);
+    const hasUserNavigatedSuggestions = useRef(false);
+    const listRef = useRef(null);
     const [reverseSearchActive, setReverseSearchActive] = useState(false);
     const [commandSearchActive, setCommandSearchActive] = useState(false);
     const [textBeforeReverseSearch, setTextBeforeReverseSearch] = useState('');
@@ -115,7 +152,7 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         0, 0,
     ]);
     const [expandedSuggestionIndex, setExpandedSuggestionIndex] = useState(-1);
-    const shellHistory = useShellHistory(config.getProjectRoot());
+    const shellHistory = useShellHistory(config.getProjectRoot(), config.storage);
     const shellHistoryData = shellHistory.history;
     const completion = useCommandCompletion({
         buffer,
@@ -133,26 +170,34 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
     const resetCompletionState = completion.resetCompletionState;
     const resetReverseSearchCompletionState = reverseSearchCompletion.resetCompletionState;
     const resetCommandSearchCompletionState = commandSearchCompletion.resetCompletionState;
-    const showCursor = focus && isShellFocused && !isEmbeddedShellFocused;
-    const resetEscapeState = useCallback(() => {
-        if (escapeTimerRef.current) {
-            clearTimeout(escapeTimerRef.current);
-            escapeTimerRef.current = null;
-        }
-        escPressCount.current = 0;
-        setShowEscapePrompt(false);
-    }, []);
+    const getActiveCompletion = useCallback(() => {
+        if (commandSearchActive)
+            return commandSearchCompletion;
+        if (reverseSearchActive)
+            return reverseSearchCompletion;
+        return completion;
+    }, [
+        commandSearchActive,
+        commandSearchCompletion,
+        reverseSearchActive,
+        reverseSearchCompletion,
+        completion,
+    ]);
+    const activeCompletion = getActiveCompletion();
+    const shouldShowSuggestions = activeCompletion.showSuggestions;
+    const { forceShowShellSuggestions, setForceShowShellSuggestions, isShellSuggestionsVisible, } = completion;
+    const showCursor = focus && isShellFocused && !isEmbeddedShellFocused && !copyModeEnabled;
+    useEffect(() => {
+        appEvents.emit(AppEvent.ScrollToBottom);
+    }, [buffer.text, buffer.cursor]);
     // Notify parent component about escape prompt state changes
     useEffect(() => {
         if (onEscapePromptChange) {
             onEscapePromptChange(showEscapePrompt);
         }
     }, [showEscapePrompt, onEscapePromptChange]);
-    // Clear escape prompt timer on unmount
+    // Clear paste timeout on unmount
     useEffect(() => () => {
-        if (escapeTimerRef.current) {
-            clearTimeout(escapeTimerRef.current);
-        }
         if (pasteTimeoutRef.current) {
             clearTimeout(pasteTimeoutRef.current);
         }
@@ -160,8 +205,7 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
     const handleSubmitAndClear = useCallback((submittedValue) => {
         let processedValue = submittedValue;
         if (buffer.pastedContent) {
-            // Replace placeholders like [Pasted Text: 6 lines] with actual content
-            processedValue = processedValue.replace(PASTED_TEXT_PLACEHOLDER_REGEX, (match) => buffer.pastedContent[match] || match);
+            processedValue = expandPastePlaceholders(processedValue, buffer.pastedContent);
         }
         if (shellModeActive) {
             shellHistory.addCommandToHistory(processedValue);
@@ -173,8 +217,8 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         resetCompletionState();
         resetReverseSearchCompletionState();
     }, [
-        onSubmit,
         buffer,
+        onSubmit,
         resetCompletionState,
         shellModeActive,
         shellHistory,
@@ -187,7 +231,8 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
     const inputHistory = useInputHistory({
         userMessages,
         onSubmit: handleSubmitAndClear,
-        isActive: (!completion.showSuggestions || completion.suggestions.length === 1) &&
+        isActive: (!(completion.showSuggestions && isShellSuggestionsVisible) ||
+            completion.suggestions.length === 1) &&
             !shellModeActive,
         currentQuery: buffer.text,
         currentCursorOffset: buffer.getOffset(),
@@ -199,11 +244,25 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         const isShell = shellModeActive;
         if ((isSlash || isShell) &&
             streamingState === StreamingState.Responding) {
+            if (isSlash) {
+                const { commandToExecute } = parseSlashCommand(trimmedMessage, slashCommands);
+                if (commandToExecute?.isSafeConcurrent) {
+                    handleSubmitAndClear(trimmedMessage);
+                    return;
+                }
+            }
             setQueueErrorMessage(`${isShell ? 'Shell' : 'Slash'} commands cannot be queued`);
             return;
         }
         inputHistory.handleSubmit(trimmedMessage);
-    }, [inputHistory, shellModeActive, streamingState, setQueueErrorMessage]);
+    }, [
+        inputHistory,
+        shellModeActive,
+        streamingState,
+        setQueueErrorMessage,
+        slashCommands,
+        handleSubmitAndClear,
+    ]);
     // Effect to reset completion if history navigation just occurred and set the text
     useEffect(() => {
         if (suppressCompletion) {
@@ -276,10 +335,13 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
             }
             else {
                 const textToInsert = await clipboardy.read();
-                buffer.insert(textToInsert, { paste: true });
+                const escapedText = settings.ui?.escapePastedAtSymbols
+                    ? escapeAtSymbols(textToInsert)
+                    : textToInsert;
+                buffer.insert(escapedText, { paste: true });
                 if (isLargePaste(textToInsert)) {
                     appEvents.emit(AppEvent.TransientMessage, {
-                        message: 'Press Ctrl+O to expand pasted text',
+                        message: `Press ${formatCommand(Command.EXPAND_PASTE)} to expand pasted text`,
                         type: TransientMessageType.Hint,
                     });
                 }
@@ -301,7 +363,8 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         if (isEmbeddedShellFocused) {
             setEmbeddedShellFocused(false);
         }
-        const visualRow = buffer.visualScrollRow + relY;
+        const currentScrollTop = Math.round(listRef.current?.getScrollState().scrollTop ?? buffer.visualScrollRow);
+        const visualRow = currentScrollTop + relY;
         buffer.moveToVisualPosition(visualRow, relX);
     }, { isActive: focus });
     const isAlternateBuffer = useAlternateBuffer();
@@ -309,14 +372,15 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
     useMouseClick(innerBoxRef, (_event, relX, relY) => {
         if (!isAlternateBuffer)
             return;
-        const visualLine = buffer.viewportVisualLines[relY];
+        const currentScrollTop = Math.round(listRef.current?.getScrollState().scrollTop ?? buffer.visualScrollRow);
+        const visualLine = buffer.allVisualLines[currentScrollTop + relY];
         if (!visualLine)
             return;
         // Even if we click past the end of the line, we might want to collapse an expanded paste
         const isPastEndOfLine = relX >= stringWidth(visualLine);
         const logicalPos = isPastEndOfLine
             ? null
-            : buffer.getLogicalPositionFromVisual(buffer.visualScrollRow + relY, relX);
+            : buffer.getLogicalPositionFromVisual(currentScrollTop + relY, relX);
         // Check for paste placeholder (collapsed state)
         if (logicalPos) {
             const transform = getTransformUnderCursor(logicalPos.row, logicalPos.col, buffer.transformationsByLine, { includeEdge: true });
@@ -327,7 +391,9 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         }
         // If we didn't click a placeholder to expand, check if we are inside or after
         // an expanded paste region and collapse it.
-        const row = buffer.visualScrollRow + relY;
+        const visualRow = currentScrollTop + relY;
+        const mapEntry = buffer.visualToLogicalMap[visualRow];
+        const row = mapEntry ? mapEntry[0] : visualRow;
         const expandedId = buffer.getExpandedPasteAtLine(row);
         if (expandedId) {
             buffer.togglePasteExpansion(expandedId, row, logicalPos?.col ?? relX);
@@ -361,9 +427,7 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
             keyMatchers[Command.MOVE_WORD_RIGHT](key) ||
             keyMatchers[Command.HOME](key) ||
             keyMatchers[Command.END](key);
-        const isSuggestionsNav = (completion.showSuggestions ||
-            reverseSearchCompletion.showSuggestions ||
-            commandSearchCompletion.showSuggestions) &&
+        const isSuggestionsNav = shouldShowSuggestions &&
             (keyMatchers[Command.COMPLETION_UP](key) ||
                 keyMatchers[Command.COMPLETION_DOWN](key) ||
                 keyMatchers[Command.EXPAND_SUGGESTION](key) ||
@@ -374,6 +438,10 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         // We explicitly skip this if we are currently navigating suggestions.
         if (!isSuggestionsNav) {
             setSuppressCompletion(isHistoryNav || isCursorMovement || keyMatchers[Command.ESCAPE](key));
+            hasUserNavigatedSuggestions.current = false;
+            if (key.name !== 'tab') {
+                setForceShowShellSuggestions(false);
+            }
         }
         // TODO(jacobr): this special case is likely not needed anymore.
         // We should probably stop supporting paste if the InputPrompt is not
@@ -389,10 +457,61 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
             setShortcutsHelpVisible(false);
             return true;
         }
-        if (key.name === 'escape' &&
-            (streamingState === StreamingState.Responding ||
-                streamingState === StreamingState.WaitingForConfirmation)) {
-            return false;
+        const isGenerating = streamingState === StreamingState.Responding ||
+            streamingState === StreamingState.WaitingForConfirmation;
+        const isQueueMessageKey = keyMatchers[Command.QUEUE_MESSAGE](key);
+        const isPlainTab = key.name === 'tab' && !key.shift && !key.alt && !key.ctrl && !key.cmd;
+        const hasTabCompletionInteraction = (completion.showSuggestions && isShellSuggestionsVisible) ||
+            Boolean(completion.promptCompletion.text) ||
+            reverseSearchActive ||
+            commandSearchActive;
+        if (isGenerating &&
+            isQueueMessageKey &&
+            !hasTabCompletionInteraction &&
+            buffer.text.trim().length > 0) {
+            const trimmedMessage = buffer.text.trim();
+            const isSlash = isSlashCommand(trimmedMessage);
+            if (isSlash || shellModeActive) {
+                setQueueErrorMessage(`${shellModeActive ? 'Shell' : 'Slash'} commands cannot be queued`);
+            }
+            else if (onQueueMessage) {
+                onQueueMessage(buffer.text);
+                buffer.setText('');
+                resetCompletionState();
+                resetReverseSearchCompletionState();
+            }
+            resetPlainTabPress();
+            return true;
+        }
+        if (isPlainTab && shellModeActive) {
+            resetPlainTabPress();
+            if (!shouldShowSuggestions) {
+                setSuppressCompletion(false);
+                if (completion.promptCompletion.text) {
+                    completion.promptCompletion.accept();
+                    return true;
+                }
+                else if (completion.suggestions.length > 0 &&
+                    !forceShowShellSuggestions) {
+                    setForceShowShellSuggestions(true);
+                    return true;
+                }
+            }
+        }
+        else if (isPlainTab) {
+            if (!hasTabCompletionInteraction) {
+                if (registerPlainTabPress() === 2) {
+                    toggleCleanUiDetailsVisible();
+                    resetPlainTabPress();
+                    return true;
+                }
+            }
+            else {
+                resetPlainTabPress();
+            }
+        }
+        else {
+            resetPlainTabPress();
         }
         if (key.name === 'paste') {
             if (shortcutsHelpVisible) {
@@ -419,16 +538,26 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
                     pasteTimeoutRef.current = null;
                 }, 40);
             }
-            // Ensure we never accidentally interpret paste as regular input.
-            buffer.handleInput(key);
+            if (settings.ui?.escapePastedAtSymbols) {
+                buffer.handleInput({
+                    ...key,
+                    sequence: escapeAtSymbols(key.sequence || ''),
+                });
+            }
+            else {
+                buffer.handleInput(key);
+            }
             if (key.sequence && isLargePaste(key.sequence)) {
                 appEvents.emit(AppEvent.TransientMessage, {
-                    message: 'Press Ctrl+O to expand pasted text',
+                    message: `Press ${formatCommand(Command.EXPAND_PASTE)} to expand pasted text`,
                     type: TransientMessageType.Hint,
                 });
             }
             return true;
         }
+        if (shortcutsHelpVisible && isHelpDismissKey(key)) {
+            setShortcutsHelpVisible(false);
+        }
         if (shortcutsHelpVisible) {
             if (key.sequence === '?' && key.insertable) {
                 setShortcutsHelpVisible(false);
@@ -457,9 +586,7 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         }
         // Reset ESC count and hide prompt on any non-ESC key
         if (key.name !== 'escape') {
-            if (escPressCount.current > 0 || showEscapePrompt) {
-                resetEscapeState();
-            }
+            resetEscapeState();
         }
         // Ctrl+O to expand/collapse paste placeholders
         if (keyMatchers[Command.EXPAND_PASTE](key)) {
@@ -469,7 +596,7 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         }
         if (key.sequence === '!' &&
             buffer.text === '' &&
-            !completion.showSuggestions) {
+            !(completion.showSuggestions && isShellSuggestionsVisible)) {
             setShellModeActive(!shellModeActive);
             buffer.setText(''); // Clear the '!' from input
             return true;
@@ -491,41 +618,23 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
                 cancelSearch(setCommandSearchActive, commandSearchCompletion.resetCompletionState);
                 return true;
             }
-            if (shellModeActive) {
-                setShellModeActive(false);
-                resetEscapeState();
-                return true;
-            }
-            if (completion.showSuggestions) {
+            if (completion.showSuggestions && isShellSuggestionsVisible) {
                 completion.resetCompletionState();
                 setExpandedSuggestionIndex(-1);
                 resetEscapeState();
                 return true;
             }
-            // Handle double ESC
-            if (escPressCount.current === 0) {
-                escPressCount.current = 1;
-                setShowEscapePrompt(true);
-                if (escapeTimerRef.current) {
-                    clearTimeout(escapeTimerRef.current);
-                }
-                escapeTimerRef.current = setTimeout(() => {
-                    resetEscapeState();
-                }, 500);
-                return true;
-            }
-            // Second ESC
-            resetEscapeState();
-            if (buffer.text.length > 0) {
-                buffer.setText('');
-                resetCompletionState();
+            if (shellModeActive) {
+                setShellModeActive(false);
+                resetEscapeState();
                 return true;
             }
-            else if (history.length > 0) {
-                onSubmit('/rewind');
-                return true;
+            // If we're generating and no local overlay consumed Escape, let it
+            // propagate to the global cancellation handler.
+            if (isGenerating) {
+                return false;
             }
-            coreEvents.emitFeedback('info', 'Nothing to rewind to');
+            handleEscPress();
             return true;
         }
         if (keyMatchers[Command.CLEAR_SCREEN](key)) {
@@ -595,21 +704,30 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         // If the command is a perfect match, pressing enter should execute it.
         // We prioritize execution unless the user is explicitly selecting a different suggestion.
         if (completion.isPerfectMatch &&
-            completion.completionMode !== CompletionMode.AT &&
-            keyMatchers[Command.RETURN](key) &&
-            (!completion.showSuggestions || completion.activeSuggestionIndex <= 0)) {
+            keyMatchers[Command.SUBMIT](key) &&
+            recentUnsafePasteTime === null &&
+            (!(completion.showSuggestions && isShellSuggestionsVisible) ||
+                (completion.activeSuggestionIndex <= 0 &&
+                    !hasUserNavigatedSuggestions.current))) {
             handleSubmit(buffer.text);
             return true;
         }
-        if (completion.showSuggestions) {
+        // Newline insertion
+        if (keyMatchers[Command.NEWLINE](key)) {
+            buffer.newline();
+            return true;
+        }
+        if (completion.showSuggestions && isShellSuggestionsVisible) {
             if (completion.suggestions.length > 1) {
                 if (keyMatchers[Command.COMPLETION_UP](key)) {
                     completion.navigateUp();
+                    hasUserNavigatedSuggestions.current = true;
                     setExpandedSuggestionIndex(-1); // Reset expansion when navigating
                     return true;
                 }
                 if (keyMatchers[Command.COMPLETION_DOWN](key)) {
                     completion.navigateDown();
+                    hasUserNavigatedSuggestions.current = true;
                     setExpandedSuggestionIndex(-1); // Reset expansion when navigating
                     return true;
                 }
@@ -621,8 +739,28 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
                         : completion.activeSuggestionIndex;
                     if (targetIndex < completion.suggestions.length) {
                         const suggestion = completion.suggestions[targetIndex];
-                        const isEnterKey = key.name === 'return' && !key.ctrl;
+                        const isEnterKey = key.name === 'enter' && !key.ctrl;
+                        if (isEnterKey && shellModeActive) {
+                            if (hasUserNavigatedSuggestions.current) {
+                                completion.handleAutocomplete(completion.activeSuggestionIndex);
+                                setExpandedSuggestionIndex(-1);
+                                hasUserNavigatedSuggestions.current = false;
+                                return true;
+                            }
+                            completion.resetCompletionState();
+                            setExpandedSuggestionIndex(-1);
+                            hasUserNavigatedSuggestions.current = false;
+                            if (buffer.text.trim()) {
+                                handleSubmit(buffer.text);
+                            }
+                            return true;
+                        }
                         if (isEnterKey && buffer.text.startsWith('/')) {
+                            if (suggestion.submitValue) {
+                                setExpandedSuggestionIndex(-1);
+                                handleSubmit(suggestion.submitValue.trim());
+                                return true;
+                            }
                             const { isArgumentCompletion, leafCommand } = completion.slashCompletionRange;
                             if (isArgumentCompletion &&
                                 isAutoExecutableCommand(leafCommand)) {
@@ -661,7 +799,8 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         }
         // Handle Tab key for ghost text acceptance
         if (key.name === 'tab' &&
-            !completion.showSuggestions &&
+            !key.shift &&
+            !(completion.showSuggestions && isShellSuggestionsVisible) &&
             completion.promptCompletion.text) {
             completion.promptCompletion.accept();
             return true;
@@ -753,11 +892,6 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
             }
             return true;
         }
-        // Newline insertion
-        if (keyMatchers[Command.NEWLINE](key)) {
-            buffer.newline();
-            return true;
-        }
         // Ctrl+A (Home) / Ctrl+E (End)
         if (keyMatchers[Command.HOME](key)) {
             buffer.move('home');
@@ -786,6 +920,14 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
             buffer.openInExternalEditor();
             return true;
         }
+        if (keyMatchers[Command.DEPRECATED_OPEN_EXTERNAL_EDITOR](key)) {
+            const cmdKey = formatCommand(Command.OPEN_EXTERNAL_EDITOR);
+            appEvents.emit(AppEvent.TransientMessage, {
+                message: `Use ${cmdKey} to open the external editor.`,
+                type: TransientMessageType.Hint,
+            });
+            return true;
+        }
         // Ctrl+V for clipboard paste
         if (keyMatchers[Command.PASTE_CLIPBOARD](key)) {
             // eslint-disable-next-line @typescript-eslint/no-floating-promises
@@ -797,7 +939,7 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         }
         if (keyMatchers[Command.FOCUS_SHELL_INPUT](key)) {
             if (activePtyId ||
-                (backgroundShells.size > 0 && backgroundShellHeight > 0)) {
+                (backgroundTasks.size > 0 && backgroundTaskHeight > 0)) {
                 setEmbeddedShellFocused(true);
                 return true;
             }
@@ -825,6 +967,7 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         focus,
         buffer,
         completion,
+        setForceShowShellSuggestions,
         shellModeActive,
         setShellModeActive,
         onClearScreen,
@@ -834,7 +977,6 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         reverseSearchCompletion,
         handleClipboardPaste,
         resetCompletionState,
-        showEscapePrompt,
         resetEscapeState,
         vimHandleInput,
         reverseSearchActive,
@@ -847,22 +989,31 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         shortcutsHelpVisible,
         setShortcutsHelpVisible,
         tryLoadQueuedMessages,
+        onQueueMessage,
+        setQueueErrorMessage,
+        resetReverseSearchCompletionState,
         setBannerVisible,
-        onSubmit,
         activePtyId,
         setEmbeddedShellFocused,
-        backgroundShells.size,
-        backgroundShellHeight,
-        history,
+        backgroundTasks.size,
+        backgroundTaskHeight,
         streamingState,
+        handleEscPress,
+        registerPlainTabPress,
+        resetPlainTabPress,
+        toggleCleanUiDetailsVisible,
+        shouldShowSuggestions,
+        isShellSuggestionsVisible,
+        forceShowShellSuggestions,
+        keyMatchers,
+        isHelpDismissKey,
+        settings,
     ]);
     useKeypress(handleInput, {
-        isActive: !isEmbeddedShellFocused,
+        isActive: !isEmbeddedShellFocused && !copyModeEnabled,
         priority: true,
     });
-    const linesToRender = buffer.viewportVisualLines;
     const [cursorVisualRowAbsolute, cursorVisualColAbsolute] = buffer.visualCursor;
-    const scrollVisualRow = buffer.visualScrollRow;
     const getGhostTextLines = useCallback(() => {
         if (!completion.promptCompletion.text ||
             !buffer.text ||
@@ -960,18 +1111,97 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         inputWidth,
     ]);
     const { inlineGhost, additionalLines } = getGhostTextLines();
-    const getActiveCompletion = () => {
-        if (commandSearchActive)
-            return commandSearchCompletion;
-        if (reverseSearchActive)
-            return reverseSearchCompletion;
-        return completion;
-    };
-    const activeCompletion = getActiveCompletion();
-    const shouldShowSuggestions = activeCompletion.showSuggestions;
+    const scrollableData = useMemo(() => {
+        const items = buffer.allVisualLines.map((lineText, index) => ({
+            type: 'visualLine',
+            lineText,
+            absoluteVisualIdx: index,
+        }));
+        additionalLines.forEach((ghostLine, index) => {
+            items.push({
+                type: 'ghostLine',
+                ghostLine,
+                index,
+            });
+        });
+        return items;
+    }, [buffer.allVisualLines, additionalLines]);
+    const renderItem = useCallback(({ item }) => {
+        if (item.type === 'ghostLine') {
+            const padding = Math.max(0, inputWidth - stringWidth(item.ghostLine));
+            return (_jsx(Box, { height: 1, children: _jsxs(Text, { color: theme.text.secondary, children: [item.ghostLine, ' '.repeat(padding)] }) }));
+        }
+        const { lineText, absoluteVisualIdx } = item;
+        // console.log('renderItem called with:', lineText);
+        const mapEntry = buffer.visualToLogicalMap[absoluteVisualIdx];
+        if (!mapEntry)
+            return _jsx(Text, { children: " " });
+        const isOnCursorLine = focus && absoluteVisualIdx === cursorVisualRowAbsolute;
+        const renderedLine = [];
+        const [logicalLineIdx] = mapEntry;
+        const logicalLine = buffer.lines[logicalLineIdx] || '';
+        const transformations = buffer.transformationsByLine[logicalLineIdx] ?? [];
+        const tokens = parseInputForHighlighting(logicalLine, logicalLineIdx, transformations, ...(focus && buffer.cursor[0] === logicalLineIdx
+            ? [buffer.cursor[1]]
+            : []));
+        const visualStartCol = buffer.visualToTransformedMap[absoluteVisualIdx] ?? 0;
+        const visualEndCol = visualStartCol + cpLen(lineText);
+        const segments = parseSegmentsFromTokens(tokens, visualStartCol, visualEndCol);
+        let charCount = 0;
+        segments.forEach((seg, segIdx) => {
+            const segLen = cpLen(seg.text);
+            let display = seg.text;
+            if (isOnCursorLine) {
+                const relCol = cursorVisualColAbsolute;
+                const segStart = charCount;
+                const segEnd = segStart + segLen;
+                if (relCol >= segStart && relCol < segEnd) {
+                    const charToHighlight = cpSlice(display, relCol - segStart, relCol - segStart + 1);
+                    const highlighted = showCursor
+                        ? chalk.inverse(charToHighlight)
+                        : charToHighlight;
+                    display =
+                        cpSlice(display, 0, relCol - segStart) +
+                            highlighted +
+                            cpSlice(display, relCol - segStart + 1);
+                }
+                charCount = segEnd;
+            }
+            else {
+                charCount += segLen;
+            }
+            const color = seg.type === 'command' || seg.type === 'file' || seg.type === 'paste'
+                ? theme.text.accent
+                : theme.text.primary;
+            renderedLine.push(_jsx(Text, { color: color, children: display }, `token-${segIdx}`));
+        });
+        const currentLineGhost = isOnCursorLine ? inlineGhost : '';
+        if (isOnCursorLine &&
+            cursorVisualColAbsolute === cpLen(lineText) &&
+            !currentLineGhost) {
+            renderedLine.push(_jsx(Text, { children: showCursor ? chalk.inverse(' ') : ' ' }, `cursor-end-${cursorVisualColAbsolute}`));
+        }
+        const showCursorBeforeGhost = focus &&
+            isOnCursorLine &&
+            cursorVisualColAbsolute === cpLen(lineText) &&
+            currentLineGhost;
+        return (_jsx(Box, { height: 1, children: _jsxs(Text, { terminalCursorFocus: showCursor && isOnCursorLine, terminalCursorPosition: cpIndexToOffset(lineText, cursorVisualColAbsolute), children: [renderedLine, showCursorBeforeGhost && (showCursor ? chalk.inverse(' ') : ' '), currentLineGhost && (_jsx(Text, { color: theme.text.secondary, children: currentLineGhost }))] }) }));
+    }, [
+        buffer.visualToLogicalMap,
+        buffer.lines,
+        buffer.transformationsByLine,
+        buffer.cursor,
+        buffer.visualToTransformedMap,
+        focus,
+        cursorVisualRowAbsolute,
+        cursorVisualColAbsolute,
+        showCursor,
+        inlineGhost,
+        inputWidth,
+    ]);
     const useBackgroundColor = config.getUseBackgroundColor();
     const isLowColor = isLowColorDepth();
-    const terminalBg = terminalBackgroundColor || 'black';
+    const terminalBg = theme.background.primary || 'black';
     // We should fallback to lines if the background color is disabled OR if it is
     // enabled but we are in a low color depth terminal where we don't have a safe
     // background color to use.
@@ -984,6 +1214,38 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         }
         return false;
     }, [useBackgroundColor, isLowColor, terminalBg]);
+    const prevCursorRef = useRef(buffer.visualCursor);
+    const prevTextRef = useRef(buffer.text);
+    // Effect to ensure cursor remains visible after interactions
+    useEffect(() => {
+        const cursorChanged = prevCursorRef.current !== buffer.visualCursor;
+        const textChanged = prevTextRef.current !== buffer.text;
+        prevCursorRef.current = buffer.visualCursor;
+        prevTextRef.current = buffer.text;
+        if (!cursorChanged && !textChanged)
+            return;
+        if (!listRef.current || !focus)
+            return;
+        const { scrollTop, innerHeight } = listRef.current.getScrollState();
+        if (innerHeight === 0)
+            return;
+        const cursorVisualRow = buffer.visualCursor[0];
+        const actualScrollTop = Math.round(scrollTop);
+        // If cursor is out of the currently visible viewport...
+        if (cursorVisualRow < actualScrollTop ||
+            cursorVisualRow >= actualScrollTop + innerHeight) {
+            // Calculate minimal scroll to make it visible
+            let newScrollTop = actualScrollTop;
+            if (cursorVisualRow < actualScrollTop) {
+                newScrollTop = cursorVisualRow;
+            }
+            else if (cursorVisualRow >= actualScrollTop + innerHeight) {
+                newScrollTop = cursorVisualRow - innerHeight + 1;
+            }
+            listRef.current.scrollToIndex({ index: newScrollTop });
+        }
+    }, [buffer.visualCursor, buffer.text, focus]);
+    const listBackgroundColor = useLineFallback || !useBackgroundColor ? undefined : theme.background.input;
     useEffect(() => {
         if (onSuggestionsVisibilityChange) {
             onSuggestionsVisibilityChange(shouldShowSuggestions);
@@ -1010,7 +1272,8 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
         statusColor = theme.status.warning;
         statusText = 'Accepting edits';
     }
-    const suggestionsNode = shouldShowSuggestions ? (_jsx(Box, { paddingRight: 2, children: _jsx(SuggestionsDisplay, { suggestions: activeCompletion.suggestions, activeIndex: activeCompletion.activeSuggestionIndex, isLoading: activeCompletion.isLoadingSuggestions, width: suggestionsWidth, scrollOffset: activeCompletion.visibleStartIndex, userInput: buffer.text, mode: completion.completionMode === CompletionMode.AT
+    const suggestionsNode = shouldShowSuggestions ? (_jsx(Box, { paddingRight: 2, children: _jsx(SuggestionsDisplay, { suggestions: activeCompletion.suggestions, activeIndex: activeCompletion.activeSuggestionIndex, isLoading: activeCompletion.isLoadingSuggestions, width: suggestionsWidth, scrollOffset: activeCompletion.visibleStartIndex, userInput: buffer.text, mode: completion.completionMode === CompletionMode.AT ||
+                completion.completionMode === CompletionMode.SHELL
                 ? 'reverse'
                 : buffer.text.startsWith('/') &&
                     !reverseSearchActive &&
@@ -1018,78 +1281,18 @@ export const InputPrompt = ({ buffer, onSubmit, userMessages, onClearScreen, con
                     ? 'slash'
                     : 'reverse', expandedIndex: expandedSuggestionIndex }) })) : null;
     const borderColor = isShellFocused && !isEmbeddedShellFocused
-        ? (statusColor ?? theme.border.focused)
+        ? (statusColor ?? theme.ui.focus)
         : theme.border.default;
-    return (_jsxs(_Fragment, { children: [suggestionsPosition === 'above' && suggestionsNode, useLineFallback ? (_jsx(Box, { borderStyle: "round", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: borderColor, width: terminalWidth, flexDirection: "row", alignItems: "flex-start", height: 0 })) : null, _jsx(HalfLinePaddedBox, { backgroundBaseColor: theme.text.secondary, backgroundOpacity: showCursor
-                    ? DEFAULT_INPUT_BACKGROUND_OPACITY
-                    : DEFAULT_BACKGROUND_OPACITY, useBackgroundColor: useBackgroundColor, children: _jsxs(Box, { flexGrow: 1, flexDirection: "row", paddingX: 1, borderColor: borderColor, borderStyle: useLineFallback ? 'round' : undefined, borderTop: false, borderBottom: false, borderLeft: !useBackgroundColor, borderRight: !useBackgroundColor, children: [_jsxs(Text, { color: statusColor ?? theme.text.accent, "aria-label": statusText || undefined, children: [shellModeActive ? (reverseSearchActive ? (_jsxs(Text, { color: theme.text.link, "aria-label": SCREEN_READER_USER_PREFIX, children: ["(r:)", ' '] })) : ('!')) : commandSearchActive ? (_jsx(Text, { color: theme.text.accent, children: "(r:) " })) : showYoloStyling ? ('*') : ('>'), ' '] }), _jsx(Box, { flexGrow: 1, flexDirection: "column", ref: innerBoxRef, children: buffer.text.length === 0 && placeholder ? (showCursor ? (_jsxs(Text, { terminalCursorFocus: showCursor, terminalCursorPosition: 0, children: [chalk.inverse(placeholder.slice(0, 1)), _jsx(Text, { color: theme.text.secondary, children: placeholder.slice(1) })] })) : (_jsx(Text, { color: theme.text.secondary, children: placeholder }))) : (linesToRender
-                                .map((lineText, visualIdxInRenderedSet) => {
-                                const absoluteVisualIdx = scrollVisualRow + visualIdxInRenderedSet;
-                                const mapEntry = buffer.visualToLogicalMap[absoluteVisualIdx];
-                                if (!mapEntry)
-                                    return null;
-                                const cursorVisualRow = cursorVisualRowAbsolute - scrollVisualRow;
-                                const isOnCursorLine = focus && visualIdxInRenderedSet === cursorVisualRow;
-                                const renderedLine = [];
-                                const [logicalLineIdx] = mapEntry;
-                                const logicalLine = buffer.lines[logicalLineIdx] || '';
-                                const transformations = buffer.transformationsByLine[logicalLineIdx] ?? [];
-                                const tokens = parseInputForHighlighting(logicalLine, logicalLineIdx, transformations, ...(focus && buffer.cursor[0] === logicalLineIdx
-                                    ? [buffer.cursor[1]]
-                                    : []));
-                                const startColInTransformed = buffer.visualToTransformedMap[absoluteVisualIdx] ?? 0;
-                                const visualStartCol = startColInTransformed;
-                                const visualEndCol = visualStartCol + cpLen(lineText);
-                                const segments = parseSegmentsFromTokens(tokens, visualStartCol, visualEndCol);
-                                let charCount = 0;
-                                segments.forEach((seg, segIdx) => {
-                                    const segLen = cpLen(seg.text);
-                                    let display = seg.text;
-                                    if (isOnCursorLine) {
-                                        const relativeVisualColForHighlight = cursorVisualColAbsolute;
-                                        const segStart = charCount;
-                                        const segEnd = segStart + segLen;
-                                        if (relativeVisualColForHighlight >= segStart &&
-                                            relativeVisualColForHighlight < segEnd) {
-                                            const charToHighlight = cpSlice(display, relativeVisualColForHighlight - segStart, relativeVisualColForHighlight - segStart + 1);
-                                            const highlighted = showCursor
-                                                ? chalk.inverse(charToHighlight)
-                                                : charToHighlight;
-                                            display =
-                                                cpSlice(display, 0, relativeVisualColForHighlight - segStart) +
-                                                    highlighted +
-                                                    cpSlice(display, relativeVisualColForHighlight - segStart + 1);
-                                        }
-                                        charCount = segEnd;
-                                    }
-                                    else {
-                                        // Advance the running counter even when not on cursor line
-                                        charCount += segLen;
-                                    }
-                                    const color = seg.type === 'command' ||
-                                        seg.type === 'file' ||
-                                        seg.type === 'paste'
-                                        ? theme.text.accent
-                                        : theme.text.primary;
-                                    renderedLine.push(_jsx(Text, { color: color, children: display }, `token-${segIdx}`));
-                                });
-                                const currentLineGhost = isOnCursorLine ? inlineGhost : '';
-                                if (isOnCursorLine &&
-                                    cursorVisualColAbsolute === cpLen(lineText)) {
-                                    if (!currentLineGhost) {
-                                        renderedLine.push(_jsx(Text, { children: showCursor ? chalk.inverse(' ') : ' ' }, `cursor-end-${cursorVisualColAbsolute}`));
-                                    }
-                                }
-                                const showCursorBeforeGhost = focus &&
-                                    isOnCursorLine &&
-                                    cursorVisualColAbsolute === cpLen(lineText) &&
-                                    currentLineGhost;
-                                return (_jsx(Box, { height: 1, children: _jsxs(Text, { terminalCursorFocus: showCursor && isOnCursorLine, terminalCursorPosition: cpIndexToOffset(lineText, cursorVisualColAbsolute), children: [renderedLine, showCursorBeforeGhost &&
-                                                (showCursor ? chalk.inverse(' ') : ' '), currentLineGhost && (_jsx(Text, { color: theme.text.secondary, children: currentLineGhost }))] }) }, `line-${visualIdxInRenderedSet}`));
-                            })
-                                .concat(additionalLines.map((ghostLine, index) => {
-                                const padding = Math.max(0, inputWidth - stringWidth(ghostLine));
-                                return (_jsxs(Text, { color: theme.text.secondary, children: [ghostLine, ' '.repeat(padding)] }, `ghost-line-${index}`));
-                            }))) })] }) }), useLineFallback ? (_jsx(Box, { borderStyle: "round", borderTop: false, borderBottom: true, borderLeft: false, borderRight: false, borderColor: borderColor, width: terminalWidth, flexDirection: "row", alignItems: "flex-start", height: 0 })) : null, suggestionsPosition === 'below' && suggestionsNode] }));
+    return (_jsxs(_Fragment, { children: [suggestionsPosition === 'above' && suggestionsNode, useLineFallback ? (_jsx(Box, { borderStyle: "round", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: borderColor, width: terminalWidth, flexDirection: "row", alignItems: "flex-start", height: 0 })) : null, _jsx(HalfLinePaddedBox, { backgroundBaseColor: theme.background.input, backgroundOpacity: 1, useBackgroundColor: useBackgroundColor, children: _jsxs(Box, { flexGrow: 1, flexDirection: "row", paddingX: 1, borderColor: borderColor, borderStyle: useLineFallback ? 'round' : undefined, borderTop: false, borderBottom: false, borderLeft: !useBackgroundColor, borderRight: !useBackgroundColor, children: [_jsxs(Text, { color: statusColor ?? theme.text.accent, "aria-label": statusText || undefined, children: [shellModeActive ? (reverseSearchActive ? (_jsxs(Text, { color: theme.text.link, "aria-label": SCREEN_READER_USER_PREFIX, children: ["(r:)", ' '] })) : ('!')) : commandSearchActive ? (_jsx(Text, { color: theme.text.accent, children: "(r:) " })) : showYoloStyling ? ('*') : ('>'), ' '] }), _jsx(Box, { flexGrow: 1, flexDirection: "column", ref: innerBoxRef, children: buffer.text.length === 0 && placeholder ? (showCursor ? (_jsxs(Text, { terminalCursorFocus: showCursor, terminalCursorPosition: 0, children: [chalk.inverse(placeholder.slice(0, 1)), _jsx(Text, { color: theme.text.secondary, children: placeholder.slice(1) })] })) : (_jsx(Text, { color: theme.text.secondary, children: placeholder }))) : (_jsx(Box, { flexDirection: "column", height: Math.min(buffer.viewportHeight, scrollableData.length), width: "100%", children: isAlternateBuffer ? (_jsx(ScrollableList, { ref: listRef, hasFocus: focus, data: scrollableData, renderItem: renderItem, estimatedItemHeight: () => 1, fixedItemHeight: true, keyExtractor: (item) => item.type === 'visualLine'
+                                        ? `line-${item.absoluteVisualIdx}`
+                                        : `ghost-${item.index}`, width: inputWidth, backgroundColor: listBackgroundColor, containerHeight: Math.min(buffer.viewportHeight, scrollableData.length) })) : (scrollableData
+                                    .slice(buffer.visualScrollRow, buffer.visualScrollRow + buffer.viewportHeight)
+                                    .map((item, index) => {
+                                    const actualIndex = buffer.visualScrollRow + index;
+                                    const key = item.type === 'visualLine'
+                                        ? `line-${item.absoluteVisualIdx}`
+                                        : `ghost-${item.index}`;
+                                    return (_jsx(Fragment, { children: renderItem({ item, index: actualIndex }) }, key));
+                                })) })) })] }) }), useLineFallback ? (_jsx(Box, { borderStyle: "round", borderTop: false, borderBottom: true, borderLeft: false, borderRight: false, borderColor: borderColor, width: terminalWidth, flexDirection: "row", alignItems: "flex-start", height: 0 })) : null, suggestionsPosition === 'below' && suggestionsNode] }));
 };
 //# sourceMappingURL=InputPrompt.js.map