loop-task 2.1.4 → 2.1.5

package/dist/tui/components/CodeEditorModal.js

@@ -1,244 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useCallback, useMemo } from "react";
-import { Box, Text, useInput } from "ink";
-import { darkTheme as theme } from "../theme.js";
-import { t } from "../../i18n/index.js";
-import { useUndoRedo } from "../../shared/useUndoRedo.js";
-import { highlightSegments } from "../utils/syntax.js";
-import { joinCommandLines } from "../../loop-config.js";
-import { copyToClipboard, readFromClipboard } from "../../shared/clipboard.js";
-import { sanitizeMultilinePaste, wrapCommand } from "../utils/paste.js";
-import { CODE_EDITOR_MODAL_HEIGHT, CODE_EDITOR_MODAL_WIDTH, CODE_EDITOR_UNDO_LIMIT, CODE_EDITOR_SYNTAX_COLORS, } from "../../config/constants.js";
-// Cap modal to terminal size: never exceed (terminal - 2) so the border
-// and a 1-row margin are always visible. Ideal max is the constant.
-function useModalDimensions() {
-    const termRows = process.stdout.rows || 24;
-    const termCols = process.stdout.columns || 80;
-    const modalHeight = Math.min(CODE_EDITOR_MODAL_HEIGHT, termRows - 2);
-    const modalWidth = Math.min(CODE_EDITOR_MODAL_WIDTH, termCols - 2);
-    // total height - title - preview - buttons - hint - 2 padding = -6
-    const editorVisibleLines = Math.max(3, modalHeight - 6);
-    return { modalWidth, modalHeight, editorVisibleLines };
-}
-export function CodeEditorModal(props) {
-    const { initialValue, onSave, onCancel } = props;
-    const { modalWidth, modalHeight, editorVisibleLines: EDITOR_VISIBLE_LINES } = useModalDimensions();
-    const { value, setValue, undo, redo } = useUndoRedo(initialValue, CODE_EDITOR_UNDO_LIMIT);
-    const [cursorRow, setCursorRow] = useState(() => {
-        const lines = initialValue.split("\n");
-        return Math.max(0, lines.length - 1);
-    });
-    const [cursorCol, setCursorCol] = useState(() => {
-        const lines = initialValue.split("\n");
-        return (lines[lines.length - 1] ?? "").length;
-    });
-    const [flashMsg, setFlashMsg] = useState(null);
-    const lines = useMemo(() => (value ? value.split("\n") : [""]), [value]);
-    const lineCount = lines.length;
-    const lineNumWidth = String(lineCount).length;
-    // Flash message auto-clear
-    React.useEffect(() => {
-        if (flashMsg) {
-            const timer = setTimeout(() => setFlashMsg(null), 1500);
-            return () => clearTimeout(timer);
-        }
-    }, [flashMsg]);
-    // Scroll: keep cursor visible in the editor area
-    const scrollStart = useMemo(() => {
-        if (cursorRow < EDITOR_VISIBLE_LINES)
-            return 0;
-        return cursorRow - EDITOR_VISIBLE_LINES + 1;
-    }, [cursorRow]);
-    const visibleLines = useMemo(() => lines.slice(scrollStart, scrollStart + EDITOR_VISIBLE_LINES), [lines, scrollStart]);
-    // ---- Helper: apply a text mutation via setValue and update cursor ----
-    const applyMutation = useCallback((nextLines, newCursorRow, newCursorCol) => {
-        setValue(nextLines.join("\n"));
-        setCursorRow(newCursorRow);
-        setCursorCol(newCursorCol);
-    }, [setValue]);
-    // ---- Keyboard handling ----
-    useInput((input, key) => {
-        // Bracketed paste: content wrapped in ESC[200~ ... ESC[201~
-        // Must be detected BEFORE the escape check — the leading ESC trips
-        // key.escape and would close the modal before paste is handled.
-        if (input.includes("\x1b[200~")) {
-            const pasted = wrapCommand(sanitizeMultilinePaste(input));
-            if (pasted) {
-                const next = [...lines];
-                const line = next[cursorRow] ?? "";
-                next[cursorRow] =
-                    line.slice(0, cursorCol) + pasted + line.slice(cursorCol);
-                applyMutation(next, cursorRow, cursorCol + pasted.length);
-            }
-            return;
-        }
-        // Esc → cancel
-        if (key.escape) {
-            onCancel();
-            return;
-        }
-        // Ctrl+S → save (also accept raw \x13 fallback)
-        if ((key.ctrl && input === "s") || input === "\x13") {
-            onSave(value);
-            return;
-        }
-        // Ctrl+Z → undo (also accept raw \x1a fallback)
-        if ((key.ctrl && !key.shift && input === "z") || input === "\x1a") {
-            undo();
-            return;
-        }
-        // Ctrl+Shift+Z → redo
-        if (key.ctrl && key.shift && input === "z") {
-            redo();
-            return;
-        }
-        // Ctrl+X → cut (copy all to clipboard, then clear; also accept \x18)
-        if ((key.ctrl && input === "x") || input === "\x18") {
-            copyToClipboard(value);
-            setValue("");
-            setCursorRow(0);
-            setCursorCol(0);
-            setFlashMsg(t("codeEditor.copied"));
-            return;
-        }
-        // Ctrl+V → paste from clipboard (also accept raw \x16 fallback for
-        // terminals that don't set key.ctrl on the SYN control byte)
-        if ((key.ctrl && input === "v") || input === "\x16") {
-            const clip = readFromClipboard();
-            if (clip) {
-                const pasted = sanitizeMultilinePaste(clip);
-                if (pasted) {
-                    const next = [...lines];
-                    const line = next[cursorRow] ?? "";
-                    next[cursorRow] =
-                        line.slice(0, cursorCol) + pasted + line.slice(cursorCol);
-                    applyMutation(next, cursorRow, cursorCol + pasted.length);
-                }
-            }
-            else {
-                // No clipboard tool available (common over SSH). Bracketed paste
-                // (right-click in the terminal) still works — point the user at it.
-                setFlashMsg(t("codeEditor.clipboardEmpty"));
-            }
-            return;
-        }
-        // Ctrl+L → clear all
-        if ((key.ctrl && input === "l") || input === "\x0c") {
-            setValue("");
-            setCursorRow(0);
-            setCursorCol(0);
-            setFlashMsg(t("codeEditor.cleared"));
-            return;
-        }
-        // Enter → insert newline at cursor
-        if (key.return) {
-            const next = [...lines];
-            const line = next[cursorRow] ?? "";
-            next.splice(cursorRow, 1, line.slice(0, cursorCol), line.slice(cursorCol));
-            applyMutation(next, cursorRow + 1, 0);
-            return;
-        }
-        // Arrow keys
-        if (key.upArrow) {
-            if (cursorRow > 0) {
-                const newRow = cursorRow - 1;
-                setCursorRow(newRow);
-                setCursorCol((c) => Math.min(c, (lines[newRow] ?? "").length));
-            }
-            return;
-        }
-        if (key.downArrow) {
-            if (cursorRow < lines.length - 1) {
-                const newRow = cursorRow + 1;
-                setCursorRow(newRow);
-                setCursorCol((c) => Math.min(c, (lines[newRow] ?? "").length));
-            }
-            return;
-        }
-        if (key.leftArrow) {
-            if (cursorCol > 0) {
-                setCursorCol((c) => c - 1);
-            }
-            else if (cursorRow > 0) {
-                setCursorRow((r) => r - 1);
-                setCursorCol((lines[cursorRow - 1] ?? "").length);
-            }
-            return;
-        }
-        if (key.rightArrow) {
-            const curLen = (lines[cursorRow] ?? "").length;
-            if (cursorCol < curLen) {
-                setCursorCol((c) => c + 1);
-            }
-            else if (cursorRow < lines.length - 1) {
-                setCursorRow((r) => r + 1);
-                setCursorCol(0);
-            }
-            return;
-        }
-        // Backspace / Delete
-        if (key.backspace || key.delete) {
-            if (cursorCol > 0) {
-                const next = [...lines];
-                const line = next[cursorRow] ?? "";
-                next[cursorRow] =
-                    line.slice(0, cursorCol - 1) + line.slice(cursorCol);
-                applyMutation(next, cursorRow, cursorCol - 1);
-            }
-            else if (cursorRow > 0) {
-                const next = [...lines];
-                const prev = next[cursorRow - 1] ?? "";
-                const cur = next[cursorRow] ?? "";
-                next.splice(cursorRow - 1, 2, prev + cur);
-                applyMutation(next, cursorRow - 1, prev.length);
-            }
-            return;
-        }
-        // Multi-char printable input = unbracketed paste (e.g. right-click
-        // in terminals that don't support DECSET 2004). Preserve newlines.
-        if (input.length > 1 && !key.meta) {
-            const pasted = wrapCommand(sanitizeMultilinePaste(input));
-            if (pasted) {
-                const next = [...lines];
-                const line = next[cursorRow] ?? "";
-                next[cursorRow] =
-                    line.slice(0, cursorCol) + pasted + line.slice(cursorCol);
-                applyMutation(next, cursorRow, cursorCol + pasted.length);
-            }
-            return;
-        }
-        // Single printable char → insert at cursor
-        if (input.length === 1 && input >= " " && input <= "~") {
-            const next = [...lines];
-            const line = next[cursorRow] ?? "";
-            next[cursorRow] =
-                line.slice(0, cursorCol) + input + line.slice(cursorCol);
-            applyMutation(next, cursorRow, cursorCol + 1);
-        }
-    }, { isActive: true });
-    // ---- Live preview footer ----
-    const joined = joinCommandLines(value);
-    const innerWidth = modalWidth - 2;
-    const truncatedPreview = joined.length > innerWidth
-        ? joined.slice(0, innerWidth - 1) + t("codeEditor.previewTruncated")
-        : joined;
-    const accent = theme.accent.brand;
-    return (_jsx(Box, { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", justifyContent: "center", alignItems: "center", children: _jsxs(Box, { width: modalWidth, height: modalHeight, flexDirection: "column", backgroundColor: theme.bg.elevated, borderStyle: "round", borderColor: accent, paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { color: accent, bold: true, children: t("codeEditor.title") }), _jsxs(Text, { color: theme.text.muted, children: [lineCount, " ", t("cmdEditor.lines")] })] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: visibleLines.map((line, visIdx) => {
-                        const rowIdx = scrollStart + visIdx;
-                        const isCursor = rowIdx === cursorRow;
-                        const lineNum = String(rowIdx + 1).padStart(lineNumWidth, " ");
-                        if (isCursor) {
-                            const before = line.slice(0, cursorCol);
-                            const cur = cursorCol < line.length ? line[cursorCol] : " ";
-                            const after = cursorCol < line.length ? line.slice(cursorCol + 1) : "";
-                            // Cursor line: render with cursor (no syntax highlight on cursor line)
-                            return (_jsxs(Box, { children: [_jsxs(Text, { color: theme.text.muted, children: [lineNum, " "] }), _jsx(Text, { color: theme.text.primary, children: before }), _jsx(Text, { inverse: true, children: cur }), _jsx(Text, { color: theme.text.primary, children: after })] }, rowIdx));
-                        }
-                        // Non-cursor line: syntax highlighted (whitespace preserved)
-                        const segments = highlightSegments(line, CODE_EDITOR_SYNTAX_COLORS, theme.text.muted);
-                        if (segments.length === 0) {
-                            return (_jsxs(Box, { children: [_jsxs(Text, { color: theme.text.muted, children: [lineNum, " "] }), _jsx(Text, { children: " " })] }, rowIdx));
-                        }
-                        return (_jsxs(Box, { children: [_jsxs(Text, { color: theme.text.muted, children: [lineNum, " "] }), segments.map((seg, ti) => (_jsx(Text, { color: seg.color, children: seg.value }, ti)))] }, rowIdx));
-                    }) }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.text.muted, children: [t("codeEditor.previewLabel"), " "] }), _jsx(Text, { color: theme.text.secondary, children: truncatedPreview || t("codeEditor.emptyPlaceholder") })] }), _jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { gap: 2, children: [_jsx(Text, { color: theme.accent.brand, children: t("codeEditor.buttonCopy") }), _jsx(Text, { color: theme.text.muted, children: "ctrl+x" }), _jsx(Text, { color: theme.accent.brand, children: t("codeEditor.buttonPaste") }), _jsx(Text, { color: theme.text.muted, children: "ctrl+v" }), _jsx(Text, { color: theme.accent.brand, children: t("codeEditor.buttonClear") }), _jsx(Text, { color: theme.text.muted, children: "ctrl+l" })] }), flashMsg ? (_jsx(Text, { color: theme.semantic.success, children: flashMsg })) : null] }), _jsx(Box, { children: _jsx(Text, { color: theme.text.muted, children: t("codeEditor.hint") }) })] }) }));
-}

package/dist/tui/components/CommandInput.js

@@ -1,273 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useMemo, useCallback } from "react";
-import { Box, Text, useInput } from "ink";
-import { useAutocompleteState, } from "ink-combobox";
-import { darkTheme as theme } from "../theme.js";
-import { t } from "../../i18n/index.js";
-import { buildCommands, rankCommands } from "../commands.js";
-import { COMMAND_INPUT_DROPDOWN_MAX_VISIBLE, COMMAND_INPUT_HEIGHT, } from "../../config/constants.js";
-import { sanitizePaste } from "../utils/paste.js";
-export { sanitizePaste } from "../utils/paste.js";
-function renderInputLine(value, cursorOffset) {
-    if (value.length === 0) {
-        return "\x1b[7m \x1b[27m";
-    }
-    let result = "";
-    for (let i = 0; i < value.length; i++) {
-        if (i === cursorOffset) {
-            result += "\x1b[7m" + value[i] + "\x1b[27m";
-        }
-        else {
-            result += value[i];
-        }
-    }
-    if (cursorOffset >= value.length) {
-        result += "\x1b[7m \x1b[27m";
-    }
-    return result;
-}
-function renderHighlightedLabel(label, matchRanges, isFocused) {
-    if (matchRanges.length === 0) {
-        return isFocused
-            ? `\x1b[38;2;251;191;36m${label}\x1b[39m`
-            : label;
-    }
-    let result = "";
-    let pos = 0;
-    for (const range of matchRanges) {
-        if (pos < range.start) {
-            const segment = label.slice(pos, range.start);
-            result += isFocused
-                ? `\x1b[38;2;251;191;36m${segment}\x1b[39m`
-                : segment;
-        }
-        const matched = label.slice(range.start, range.end);
-        result += `\x1b[1m\x1b[38;2;251;191;36m${matched}\x1b[39m\x1b[22m`;
-        pos = range.end;
-    }
-    if (pos < label.length) {
-        const segment = label.slice(pos);
-        result += isFocused
-            ? `\x1b[38;2;251;191;36m${segment}\x1b[39m`
-            : segment;
-    }
-    return result;
-}
-function CommandDropdown({ state, rankedFiltered, }) {
-    if (!state.isOpen || state.isLoading || state.error)
-        return null;
-    const filtered = rankedFiltered;
-    const visibleOptions = filtered.slice(state.visibleFromIndex, state.visibleToIndex);
-    if (visibleOptions.length === 0) {
-        if (state.inputValue.length > 0) {
-            return (_jsx(Box, { paddingLeft: 3, position: "absolute", bottom: 3, borderStyle: "single", borderColor: theme.border.dim, children: _jsx(Text, { color: theme.text.muted, children: t("cmdInput.noMatches") }) }));
-        }
-        return null;
-    }
-    const aboveCount = state.visibleFromIndex;
-    const belowCount = filtered.length - state.visibleToIndex;
-    return (_jsxs(Box, { flexDirection: "column", paddingLeft: 3, position: "absolute", bottom: 3, children: [aboveCount > 0 && (_jsx(Text, { color: theme.text.muted, children: `  \u2191 ${aboveCount} more` })), visibleOptions.map((match, i) => {
-                const actualIndex = state.visibleFromIndex + i;
-                const isFocused = actualIndex === state.focusedIndex;
-                const label = renderHighlightedLabel(match.option.label, match.matchRanges, isFocused);
-                return (_jsxs(Box, { backgroundColor: isFocused ? theme.bg.active : undefined, children: [_jsx(Text, { color: isFocused ? theme.text.inverse : theme.text.muted, children: isFocused ? "\u276f " : "  " }), _jsx(Text, { color: isFocused ? theme.text.inverse : undefined, children: label })] }, match.option.value));
-            }), belowCount > 0 && (_jsx(Text, { color: theme.text.muted, children: `  \u2193 ${belowCount} more` }))] }));
-}
-function HintBar({ leftHint, rightHint, }) {
-    return (_jsxs(Box, { justifyContent: "space-between", paddingX: 1, children: [_jsx(Box, { children: leftHint }), _jsx(Box, { children: rightHint })] }));
-}
-function KeyHint({ keyLabel, action }) {
-    return (_jsxs(Box, { marginRight: 2, children: [_jsx(Text, { bold: true, color: theme.text.primary, children: keyLabel }), _jsx(Text, { color: theme.text.muted, children: " " + action })] }));
-}
-function CommandMode({ context, onCommand, onCopy, onPanelAction, disabled, navOwner, onInputStateChange, }) {
-    const commands = useMemo(() => buildCommands(context), [context]);
-    const options = useMemo(() => commands.map((cmd) => ({ label: cmd.label, value: cmd.value })), [commands]);
-    const { state, dispatch } = useAutocompleteState({
-        options,
-        visibleOptionCount: COMMAND_INPUT_DROPDOWN_MAX_VISIBLE,
-        onSelect: onCommand,
-    });
-    // Re-rank filteredOptions: exact match → prefix match → fuzzy (existing order)
-    const rankedFiltered = useMemo(() => {
-        const fo = state.filteredOptions;
-        if (fo.length === 0 || state.inputValue.length === 0)
-            return fo;
-        const byValue = new Map();
-        for (const m of fo)
-            byValue.set(m.option.value, m);
-        const ranked = rankCommands(state.inputValue, fo.map((m) => ({ label: m.option.label, value: m.option.value })));
-        return ranked
-            .map((opt) => byValue.get(opt.value))
-            .filter((m) => m !== undefined);
-    }, [state.filteredOptions, state.inputValue]);
-    // Report input state changes to parent for InputOwner resolution (1.2)
-    useEffect(() => {
-        onInputStateChange?.(state.inputValue.length > 0, state.isOpen);
-    }, [state.inputValue, state.isOpen, onInputStateChange]);
-    const insertText = useCallback((text) => {
-        for (const ch of text)
-            dispatch({ type: "INSERT_TEXT", text: ch });
-    }, [dispatch]);
-    const clearInput = useCallback(() => {
-        dispatch({ type: "MOVE_CURSOR_END" });
-        for (let i = 0; i < state.inputValue.length; i++)
-            dispatch({ type: "DELETE_BACKWARD" });
-    }, [dispatch, state.inputValue.length]);
-    useInput((input, key) => {
-        // Bracketed paste: content wrapped in ESC[200~ ... ESC[201~ arrives as one
-        // chunk. Detect first — the leading ESC can otherwise trip the ctrl/escape guards.
-        if (input.includes("\x1b[200~")) {
-            insertText(sanitizePaste(input));
-            return;
-        }
-        // Ctrl+U clears the line (the "select all + delete" gesture). Handle before
-        // the ctrl guard below. Some terminals send it as the raw NAK control char.
-        if ((key.ctrl && input === "u") || input === "\x15") {
-            clearInput();
-            return;
-        }
-        if (key.ctrl)
-            return;
-        // Multi-char containing CR/LF with no bracketed markers = the VS Code
-        // Ctrl+Enter escape sequence, handled by App's global useInput. Ignore here.
-        if (input.length > 1 && (input.includes("\r") || input.includes("\n")))
-            return;
-        // When the command bar is empty and no dropdown is open, panels own
-        // navigation keys — return early so j/k/arrows reach the panel layer.
-        if (navOwner === "panel" && state.inputValue.length === 0 && !state.isOpen) {
-            if (input === "j" || input === "k" || key.upArrow || key.downArrow) {
-                return; // panels own these keys
-            }
-        }
-        // `c` with no modifiers + no open dropdown = contextual copy shortcut
-        if (onCopy && input === "c" && !state.isOpen) {
-            onCopy();
-            return;
-        }
-        if (key.escape) {
-            dispatch({ type: "CLOSE" });
-            if (state.inputValue.length > 0) {
-                clearInput();
-            }
-            return;
-        }
-        if (key.return) {
-            if (state.isOpen && rankedFiltered.length > 0 && state.focusedIndex < rankedFiltered.length) {
-                const focused = rankedFiltered[state.focusedIndex];
-                dispatch({ type: "CLOSE" });
-                for (let i = 0; i <= state.inputValue.length; i++) {
-                    dispatch({ type: "DELETE_BACKWARD" });
-                }
-                onCommand(focused.option.value);
-            }
-            else if (state.inputValue.length === 0) {
-                // Empty command bar: Enter triggers the focused panel's contextual
-                // action (edit / logs) for terminals that collapse Ctrl+Enter to Enter.
-                onPanelAction?.();
-            }
-            return;
-        }
-        if (key.tab) {
-            dispatch({ type: "ACCEPT" });
-            return;
-        }
-        if (key.downArrow) {
-            dispatch({ type: "FOCUS_NEXT" });
-            return;
-        }
-        if (key.upArrow) {
-            dispatch({ type: "FOCUS_PREV" });
-            return;
-        }
-        if (key.backspace || key.delete) {
-            dispatch({ type: "DELETE_BACKWARD" });
-            return;
-        }
-        if (key.leftArrow) {
-            dispatch({ type: "MOVE_CURSOR_LEFT" });
-            return;
-        }
-        if (key.rightArrow) {
-            dispatch({ type: "MOVE_CURSOR_RIGHT" });
-            return;
-        }
-        // Multi-char printable input = an unbracketed single-line paste (e.g. right-click).
-        if (input.length > 1 && !key.meta) {
-            insertText(sanitizePaste(input));
-            return;
-        }
-        if (input.length === 1 && !key.ctrl && !key.meta && !key.return && !key.tab && !key.escape && input >= " " && input <= "~") {
-            dispatch({ type: "INSERT_TEXT", text: input });
-        }
-    }, { isActive: !disabled });
-    const isEmpty = state.inputValue.length === 0;
-    const cursor = "\x1b[7m \x1b[27m";
-    const inputContent = isEmpty ? cursor : renderInputLine(state.inputValue, state.cursorOffset);
-    return (_jsxs(_Fragment, { children: [_jsx(CommandDropdown, { state: state, rankedFiltered: rankedFiltered }), _jsxs(Box, { children: [_jsx(Text, { color: theme.accent.brand, children: "│ " }), isEmpty ? (_jsx(Text, { color: theme.text.muted, children: t("cmdInput.placeholder") })) : (_jsx(Text, { children: inputContent }))] }), _jsx(HintBar, { leftHint: _jsxs(Box, { children: [_jsx(Text, { color: theme.text.muted, children: "\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7 " }), _jsx(KeyHint, { keyLabel: "esc", action: "cancel" })] }), rightHint: _jsxs(Box, { children: [_jsx(KeyHint, { keyLabel: "enter", action: "edit/logs" }), _jsx(KeyHint, { keyLabel: "ctrl+u", action: "clear" }), _jsx(KeyHint, { keyLabel: "c", action: "copy" }), _jsx(KeyHint, { keyLabel: "tab", action: "panels" }), _jsx(KeyHint, { keyLabel: "ctrl+\u2190\u2192", action: "tabs" }), _jsx(KeyHint, { keyLabel: "ctrl+p", action: "commands" })] }) })] }));
-}
-function ConfirmMode({ confirmState, onConfirmYes, onConfirmCancel, disabled, }) {
-    const [value, setValue] = useState("");
-    useInput((input, key) => {
-        if (key.ctrl)
-            return;
-        if (input.length > 1 && (input.includes("\r") || input.includes("\n")))
-            return;
-        if (key.escape) {
-            setValue("");
-            onConfirmCancel();
-            return;
-        }
-        if (key.return) {
-            if (value.toLowerCase() === "yes") {
-                setValue("");
-                onConfirmYes();
-            }
-            else {
-                setValue("");
-                onConfirmCancel();
-            }
-            return;
-        }
-        if (key.backspace || key.delete) {
-            setValue((v) => v.slice(0, -1));
-            return;
-        }
-        if (input && !key.ctrl && !key.meta && input.length === 1) {
-            setValue((v) => v + input);
-            return;
-        }
-    }, { isActive: !disabled });
-    const cursor = "\x1b[7m \x1b[27m";
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.semantic.danger, children: "│ " }), _jsx(Text, { color: theme.text.muted, children: confirmState.prompt + " " }), value.length > 0 ? (_jsx(Text, { children: value + cursor })) : (_jsx(Text, { children: cursor }))] }), _jsx(HintBar, { leftHint: _jsxs(Box, { children: [_jsx(Text, { color: theme.text.muted, children: "\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7 " }), _jsx(KeyHint, { keyLabel: "esc", action: "cancel" })] }), rightHint: _jsx(KeyHint, { keyLabel: "enter", action: "confirm" }) })] }));
-}
-function SearchMode({ value, onSearchChange, onSearchSubmit, onSearchCancel, disabled, }) {
-    useInput((input, key) => {
-        if (key.ctrl)
-            return;
-        if (input.length > 1 && (input.includes("\r") || input.includes("\n")))
-            return;
-        if (key.escape) {
-            onSearchCancel();
-            return;
-        }
-        if (key.return) {
-            onSearchSubmit();
-            return;
-        }
-        if (key.backspace || key.delete) {
-            onSearchChange(value.slice(0, -1));
-            return;
-        }
-        if (input && !key.ctrl && !key.meta && input.length === 1) {
-            onSearchChange(value + input);
-            return;
-        }
-    }, { isActive: !disabled });
-    const placeholder = t("cmdInput.searchPlaceholder");
-    const cursor = "\x1b[7m \x1b[27m";
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.accent.project, children: "│ " }), value.length > 0 ? (_jsx(Text, { children: value + cursor })) : (_jsx(Text, { color: theme.text.muted, children: placeholder }))] }), _jsx(HintBar, { leftHint: _jsxs(Box, { children: [_jsx(Text, { color: theme.text.muted, children: "\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7 " }), _jsx(KeyHint, { keyLabel: "esc", action: "cancel" })] }), rightHint: _jsx(KeyHint, { keyLabel: "enter", action: "apply" }) })] }));
-}
-export function CommandInput(props) {
-    const { context, onCommand, confirmState, searchState, searchValue, onSearchChange, onSearchSubmit, onSearchCancel, onConfirmYes, onConfirmCancel, onCopy, onPanelAction, navOwner, onInputStateChange, } = props;
-    return (_jsx(Box, { flexDirection: "column", height: COMMAND_INPUT_HEIGHT, borderStyle: "single", borderColor: theme.border.dim, paddingY: 1, children: searchState?.active ? (_jsx(SearchMode, { value: searchValue, onSearchChange: onSearchChange, onSearchSubmit: onSearchSubmit, onSearchCancel: onSearchCancel, disabled: props.disabled })) : confirmState === null ? (_jsx(CommandMode, { context: context, onCommand: onCommand, onCopy: onCopy, onPanelAction: onPanelAction, disabled: props.disabled, navOwner: navOwner, onInputStateChange: onInputStateChange })) : (_jsx(ConfirmMode, { confirmState: confirmState, onConfirmYes: onConfirmYes, onConfirmCancel: onConfirmCancel, disabled: props.disabled })) }));
-}