ideacode 1.3.2 → 1.3.4

package/dist/repl.js

@@ -50,15 +50,15 @@ const PARALLEL_SAFE_TOOLS = new Set([
 ]);
 const LOADING_TICK_MS = 80;
 const MAX_EMPTY_ASSISTANT_RETRIES = 3;
-const TYPING_LAYOUT_FREEZE_MS = 180;
+const TYPING_LAYOUT_FREEZE_MS = 120;
+const INPUT_COMMIT_INTERVAL_MS = 45;
+const SLASH_SUGGESTION_ROWS = Math.max(1, COMMANDS.length);
 const TRUNCATE_NOTE = "\n\n(Output truncated to save context. Use read with offset/limit, grep with a specific pattern, or tail with fewer lines to get more.)";
 function truncateToolResult(content) {
     if (content.length <= MAX_TOOL_RESULT_CHARS)
         return content;
     return content.slice(0, MAX_TOOL_RESULT_CHARS) + TRUNCATE_NOTE;
 }
-const isMac = process.platform === "darwin";
-const pasteShortcut = isMac ? "Cmd+V" : "Ctrl+V";
 function listFilesWithFilter(cwd, filter) {
     try {
         const pattern = path.join(cwd, "**", "*").replace(/\\/g, "/");
@@ -404,6 +404,11 @@ export function Repl({ apiKey, cwd, onQuit }) {
     const [showHelpModal, setShowHelpModal] = useState(false);
     const [slashSuggestionIndex, setSlashSuggestionIndex] = useState(0);
     const [inputCursor, setInputCursor] = useState(0);
+    const inputValueRef = useRef(inputValue);
+    const inputCursorRef = useRef(inputCursor);
+    const inputCommitTimerRef = useRef(null);
+    const [layoutInputLineCount, setLayoutInputLineCount] = useState(1);
+    const shrinkLineTimerRef = useRef(null);
     const [isInputLayoutFrozen, setIsInputLayoutFrozen] = useState(false);
     const [frozenFooterLines, setFrozenFooterLines] = useState(2);
     const skipNextSubmitRef = useRef(false);
@@ -412,7 +417,6 @@ export function Repl({ apiKey, cwd, onQuit }) {
     const [logScrollOffset, setLogScrollOffset] = useState(0);
     const scrollBoundsRef = useRef({ maxLogScrollOffset: 0, logViewportHeight: 1 });
     const prevEscRef = useRef(false);
-    const inputChangeMountedRef = useRef(false);
     const typingFreezeTimerRef = useRef(null);
     useEffect(() => {
         // Enable SGR mouse + basic tracking so trackpad wheel scrolling works.
@@ -488,21 +492,69 @@ export function Repl({ apiKey, cwd, onQuit }) {
         const lines = inputValue.split("\n");
         return lines.reduce((sum, line) => sum + Math.max(1, Math.ceil(line.length / wrapWidth)), 0);
     }, [inputValue, wrapWidth]);
-    const [stableInputLineCount, setStableInputLineCount] = useState(inputLineCount);
     useEffect(() => {
-        if (inputLineCount <= 1) {
-            setStableInputLineCount(1);
+        if (inputLineCount >= layoutInputLineCount) {
+            if (shrinkLineTimerRef.current) {
+                clearTimeout(shrinkLineTimerRef.current);
+                shrinkLineTimerRef.current = null;
+            }
+            setLayoutInputLineCount(inputLineCount);
             return;
         }
-        const t = setTimeout(() => setStableInputLineCount(inputLineCount), 90);
-        return () => clearTimeout(t);
-    }, [inputLineCount]);
+        if (shrinkLineTimerRef.current) {
+            clearTimeout(shrinkLineTimerRef.current);
+        }
+        shrinkLineTimerRef.current = setTimeout(() => {
+            setLayoutInputLineCount(inputLineCount);
+            shrinkLineTimerRef.current = null;
+        }, 120);
+        return () => {
+            if (shrinkLineTimerRef.current) {
+                clearTimeout(shrinkLineTimerRef.current);
+            }
+        };
+    }, [inputLineCount, layoutInputLineCount]);
+    useEffect(() => {
+        inputValueRef.current = inputValue;
+    }, [inputValue]);
+    useEffect(() => {
+        inputCursorRef.current = inputCursor;
+    }, [inputCursor]);
+    const commitInputState = useCallback((immediate = false) => {
+        const flush = () => {
+            inputCommitTimerRef.current = null;
+            setInputValue(inputValueRef.current);
+            setInputCursor(inputCursorRef.current);
+        };
+        if (immediate) {
+            if (inputCommitTimerRef.current) {
+                clearTimeout(inputCommitTimerRef.current);
+                inputCommitTimerRef.current = null;
+            }
+            flush();
+            return;
+        }
+        if (inputCommitTimerRef.current)
+            return;
+        inputCommitTimerRef.current = setTimeout(flush, INPUT_COMMIT_INTERVAL_MS);
+    }, []);
+    const applyInputMutation = useCallback((nextValue, nextCursor, immediate = false) => {
+        inputValueRef.current = nextValue;
+        inputCursorRef.current = Math.max(0, Math.min(nextCursor, nextValue.length));
+        // Keep cursor/text rendering strictly in sync while typing.
+        void immediate;
+        commitInputState(true);
+    }, [commitInputState]);
     useEffect(() => {
         setInputCursor((c) => Math.min(c, Math.max(0, inputValue.length)));
     }, [inputValue.length]);
     useEffect(() => {
-        if (!inputChangeMountedRef.current) {
-            inputChangeMountedRef.current = true;
+        if (inputLineCount > layoutInputLineCount) {
+            setIsInputLayoutFrozen(false);
+            if (typingFreezeTimerRef.current) {
+                clearTimeout(typingFreezeTimerRef.current);
+                typingFreezeTimerRef.current = null;
+            }
             return;
         }
         setIsInputLayoutFrozen(true);
@@ -513,13 +565,21 @@ export function Repl({ apiKey, cwd, onQuit }) {
             setIsInputLayoutFrozen(false);
             typingFreezeTimerRef.current = null;
         }, TYPING_LAYOUT_FREEZE_MS);
-    }, [inputValue, inputCursor]);
+    }, [inputValue, inputCursor, inputLineCount, layoutInputLineCount]);
     useEffect(() => {
         return () => {
             if (typingFreezeTimerRef.current) {
                 clearTimeout(typingFreezeTimerRef.current);
                 typingFreezeTimerRef.current = null;
             }
+            if (shrinkLineTimerRef.current) {
+                clearTimeout(shrinkLineTimerRef.current);
+                shrinkLineTimerRef.current = null;
+            }
+            if (inputCommitTimerRef.current) {
+                clearTimeout(inputCommitTimerRef.current);
+                inputCommitTimerRef.current = null;
+            }
         };
     }, []);
     useEffect(() => {
@@ -937,11 +997,11 @@ export function Repl({ apiKey, cwd, onQuit }) {
         }
         if (showSlashSuggestions && filteredSlashCommands.length > 0) {
             if (key.upArrow) {
-                setSlashSuggestionIndex((i) => Math.max(0, i - 1));
+                setSlashSuggestionIndex((i) => Math.min(filteredSlashCommands.length - 1, i + 1));
                 return;
             }
             if (key.downArrow) {
-                setSlashSuggestionIndex((i) => Math.min(filteredSlashCommands.length - 1, i + 1));
+                setSlashSuggestionIndex((i) => Math.max(0, i - 1));
                 return;
             }
             if (key.tab) {
@@ -1017,11 +1077,13 @@ export function Repl({ apiKey, cwd, onQuit }) {
             }
         }
         if (!showModelSelector && !showPalette) {
+            const inputNow = inputValueRef.current;
+            const cursorNow = inputCursorRef.current;
             const withModifier = key.ctrl || key.meta || key.shift;
             const scrollUp = key.pageUp ||
-                (key.upArrow && (withModifier || !inputValue.trim()));
+                (key.upArrow && (withModifier || !inputNow.trim()));
             const scrollDown = key.pageDown ||
-                (key.downArrow && (withModifier || !inputValue.trim()));
+                (key.downArrow && (withModifier || !inputNow.trim()));
             if (scrollUp) {
                 setLogScrollOffset((prev) => Math.min(maxLogScrollOffset, prev + logViewportHeight));
                 return;
@@ -1032,26 +1094,24 @@ export function Repl({ apiKey, cwd, onQuit }) {
             }
             if (!key.escape)
                 prevEscRef.current = false;
-            const len = inputValue.length;
-            const cur = inputCursor;
+            const len = inputNow.length;
+            const cur = cursorNow;
             if (key.tab) {
-                if (inputValue.trim()) {
-                    queuedMessageRef.current = inputValue;
-                    setInputValue("");
-                    setInputCursor(0);
+                if (inputNow.trim()) {
+                    queuedMessageRef.current = inputNow;
+                    applyInputMutation("", 0, true);
                     appendLog(colors.muted("  Message queued. Send to run after this turn."));
                     appendLog("");
                 }
                 return;
             }
             if (key.escape) {
-                if (inputValue.length === 0) {
+                if (inputNow.length === 0) {
                     if (prevEscRef.current) {
                         prevEscRef.current = false;
                         const last = lastUserMessageRef.current;
                         if (last) {
-                            setInputValue(last);
-                            setInputCursor(last.length);
+                            applyInputMutation(last, last.length, true);
                             setMessages((prev) => (prev.length > 0 && prev[prev.length - 1]?.role === "user" ? prev.slice(0, -1) : prev));
                             appendLog(colors.muted("  Editing previous message. Submit to replace."));
                             appendLog("");
@@ -1061,113 +1121,107 @@ export function Repl({ apiKey, cwd, onQuit }) {
                         prevEscRef.current = true;
                 }
                 else {
-                    setInputValue("");
-                    setInputCursor(0);
+                    applyInputMutation("", 0, true);
                     prevEscRef.current = false;
                 }
                 return;
             }
             if (key.return) {
-                handleSubmit(inputValue);
-                setInputValue("");
-                setInputCursor(0);
+                commitInputState(true);
+                handleSubmit(inputValueRef.current);
+                applyInputMutation("", 0, true);
                 return;
             }
             if (key.ctrl && input === "u") {
-                setInputValue((prev) => prev.slice(cur));
-                setInputCursor(0);
+                applyInputMutation(inputNow.slice(cur), 0);
                 return;
             }
             if (key.ctrl && input === "k") {
-                setInputValue((prev) => prev.slice(0, cur));
+                applyInputMutation(inputNow.slice(0, cur), cur);
                 return;
             }
             const killWordBefore = (key.ctrl && input === "w") ||
                 (key.meta && key.backspace) ||
                 (key.meta && key.delete && cur > 0);
             if (killWordBefore) {
-                const start = wordStartBackward(inputValue, cur);
+                const start = wordStartBackward(inputNow, cur);
                 if (start < cur) {
-                    setInputValue((prev) => prev.slice(0, start) + prev.slice(cur));
-                    setInputCursor(start);
+                    applyInputMutation(inputNow.slice(0, start) + inputNow.slice(cur), start);
                 }
                 return;
             }
             if (key.meta && input === "d") {
-                const end = wordEndForward(inputValue, cur);
+                const end = wordEndForward(inputNow, cur);
                 if (end > cur) {
-                    setInputValue((prev) => prev.slice(0, cur) + prev.slice(end));
+                    applyInputMutation(inputNow.slice(0, cur) + inputNow.slice(end), cur);
                 }
                 return;
             }
             if ((key.meta && key.leftArrow) || (key.ctrl && key.leftArrow)) {
-                setInputCursor(wordStartBackward(inputValue, cur));
+                applyInputMutation(inputNow, wordStartBackward(inputNow, cur));
                 return;
             }
             if ((key.meta && key.rightArrow) || (key.ctrl && key.rightArrow)) {
-                setInputCursor(wordEndForward(inputValue, cur));
+                applyInputMutation(inputNow, wordEndForward(inputNow, cur));
                 return;
             }
             if (key.meta && (input === "b" || input === "f")) {
                 if (input === "b")
-                    setInputCursor(wordStartBackward(inputValue, cur));
+                    applyInputMutation(inputNow, wordStartBackward(inputNow, cur));
                 else
-                    setInputCursor(wordEndForward(inputValue, cur));
+                    applyInputMutation(inputNow, wordEndForward(inputNow, cur));
                 return;
             }
             if (key.ctrl && (input === "f" || input === "b")) {
                 if (input === "f")
-                    setInputCursor(Math.min(len, cur + 1));
+                    applyInputMutation(inputNow, Math.min(len, cur + 1));
                 else
-                    setInputCursor(Math.max(0, cur - 1));
+                    applyInputMutation(inputNow, Math.max(0, cur - 1));
                 return;
             }
             if (key.ctrl && input === "j") {
-                setInputValue((prev) => prev.slice(0, cur) + "\n" + prev.slice(cur));
-                setInputCursor(cur + 1);
+                applyInputMutation(inputNow.slice(0, cur) + "\n" + inputNow.slice(cur), cur + 1);
                 return;
             }
             if (key.ctrl && input === "a") {
-                setInputCursor(0);
+                applyInputMutation(inputNow, 0);
                 return;
             }
             if (key.ctrl && input === "e") {
-                setInputCursor(len);
+                applyInputMutation(inputNow, len);
                 return;
             }
             if (key.ctrl && input === "h") {
                 if (cur > 0) {
-                    setInputValue((prev) => prev.slice(0, cur - 1) + prev.slice(cur));
-                    setInputCursor(cur - 1);
+                    applyInputMutation(inputNow.slice(0, cur - 1) + inputNow.slice(cur), cur - 1);
                 }
                 return;
             }
             if (key.ctrl && input === "d") {
                 if (cur < len) {
-                    setInputValue((prev) => prev.slice(0, cur) + prev.slice(cur + 1));
+                    applyInputMutation(inputNow.slice(0, cur) + inputNow.slice(cur + 1), cur);
                 }
                 return;
             }
             if (key.backspace || (key.delete && cur > 0)) {
                 if (cur > 0) {
-                    setInputValue((prev) => prev.slice(0, cur - 1) + prev.slice(cur));
-                    setInputCursor(cur - 1);
+                    applyInputMutation(inputNow.slice(0, cur - 1) + inputNow.slice(cur), cur - 1);
                 }
                 return;
             }
             if (key.delete && cur < len) {
-                setInputValue((prev) => prev.slice(0, cur) + prev.slice(cur + 1));
+                applyInputMutation(inputNow.slice(0, cur) + inputNow.slice(cur + 1), cur);
                 return;
             }
             if (key.leftArrow) {
-                setInputCursor(Math.max(0, cur - 1));
+                applyInputMutation(inputNow, Math.max(0, cur - 1));
                 return;
             }
             if (key.rightArrow) {
-                setInputCursor(Math.min(len, cur + 1));
+                applyInputMutation(inputNow, Math.min(len, cur + 1));
                 return;
             }
-            if (input === "?" && !inputValue.trim()) {
+            if (input === "?" && !inputNow.trim()) {
                 setShowHelpModal(true);
                 return;
             }
@@ -1175,8 +1229,7 @@ export function Repl({ apiKey, cwd, onQuit }) {
                 return;
             }
             if (input && !key.ctrl && !key.meta) {
-                setInputValue((prev) => prev.slice(0, cur) + input + prev.slice(cur));
-                setInputCursor(cur + input.length);
+                applyInputMutation(inputNow.slice(0, cur) + input + inputNow.slice(cur), cur + input.length);
                 return;
             }
         }
@@ -1187,29 +1240,15 @@ export function Repl({ apiKey, cwd, onQuit }) {
             handleQuit();
         }
     });
-    if (showModelSelector) {
-        const modelModalMaxHeight = 18;
-        const modelModalWidth = 108;
-        const modelModalHeight = Math.min(filteredModelList.length + 4, modelModalMaxHeight);
-        const topPad = Math.max(0, Math.floor((termRows - modelModalHeight) / 2));
-        const leftPad = Math.max(0, Math.floor((termColumns - modelModalWidth) / 2));
-        const visibleModelCount = Math.min(filteredModelList.length, modelModalHeight - 4);
-        const modelScrollOffset = Math.max(0, Math.min(modelIndex - Math.floor(visibleModelCount / 2), filteredModelList.length - visibleModelCount));
-        const visibleModels = filteredModelList.slice(modelScrollOffset, modelScrollOffset + visibleModelCount);
-        return (_jsxs(Box, { flexDirection: "column", height: termRows, overflow: "hidden", children: [_jsx(Box, { height: topPad }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: leftPad }), _jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: inkColors.primary, paddingX: 2, paddingY: 1, width: modelModalWidth, minHeight: modelModalHeight, children: [_jsx(Text, { bold: true, children: " Select model " }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: inkColors.textSecondary, children: " Filter: " }), _jsx(Text, { children: modelSearchFilter || " " }), modelSearchFilter.length > 0 && (_jsxs(Text, { color: inkColors.textDisabled, children: [" ", "(", filteredModelList.length, " match", filteredModelList.length !== 1 ? "es" : "", ")"] }))] }), visibleModels.length === 0 ? (_jsx(Text, { color: inkColors.textSecondary, children: " No match \u2014 type to search by id or name " })) : (visibleModels.map((m, i) => {
-                                    const actualIndex = modelScrollOffset + i;
-                                    return (_jsxs(Text, { color: actualIndex === modelIndex ? inkColors.primary : undefined, children: [actualIndex === modelIndex ? "› " : "  ", m.name ? `${m.id} — ${m.name}` : m.id] }, m.id));
-                                })), _jsx(Text, { color: inkColors.textSecondary, children: " \u2191/\u2193 select  Enter confirm  Esc cancel  Type to filter " })] })] }), _jsx(Box, { flexGrow: 1 })] }));
-    }
     const slashSuggestionBoxLines = showSlashSuggestions
-        ? 3 + Math.max(1, filteredSlashCommands.length)
+        ? 3 + SLASH_SUGGESTION_ROWS
         : 0;
     const atSuggestionBoxLines = cursorInAtSegment
         ? 4 + Math.max(1, filteredFilePaths.length)
         : 0;
     const suggestionBoxLines = slashSuggestionBoxLines || atSuggestionBoxLines;
     // Keep a fixed loading row reserved to avoid viewport jumps/flicker when loading starts/stops.
-    const reservedLines = 1 + stableInputLineCount + 2;
+    const reservedLines = 1 + layoutInputLineCount + 2;
     const logViewportHeight = Math.max(1, termRows - reservedLines - suggestionBoxLines);
     const effectiveLogLines = logLines;
     const maxLogScrollOffset = Math.max(0, effectiveLogLines.length - logViewportHeight);
@@ -1221,6 +1260,28 @@ export function Repl({ apiKey, cwd, onQuit }) {
     const sliceEnd = logStartIndex + logViewportHeight;
     const visibleLogLines = useMemo(() => effectiveLogLines.slice(logStartIndex, sliceEnd), [effectiveLogLines, logStartIndex, sliceEnd]);
     const useSimpleInputRenderer = inputLineCount > 1;
+    const calculatedFooterLines = suggestionBoxLines + 1 + layoutInputLineCount;
+    useEffect(() => {
+        if (!isInputLayoutFrozen) {
+            setFrozenFooterLines(calculatedFooterLines);
+        }
+    }, [isInputLayoutFrozen, calculatedFooterLines]);
+    const footerLines = isInputLayoutFrozen ? frozenFooterLines : calculatedFooterLines;
+    loadingFooterLinesRef.current = footerLines;
+    if (showModelSelector) {
+        const modelModalMaxHeight = 18;
+        const modelModalWidth = 108;
+        const modelModalHeight = Math.min(filteredModelList.length + 4, modelModalMaxHeight);
+        const topPad = Math.max(0, Math.floor((termRows - modelModalHeight) / 2));
+        const leftPad = Math.max(0, Math.floor((termColumns - modelModalWidth) / 2));
+        const visibleModelCount = Math.min(filteredModelList.length, modelModalHeight - 4);
+        const modelScrollOffset = Math.max(0, Math.min(modelIndex - Math.floor(visibleModelCount / 2), filteredModelList.length - visibleModelCount));
+        const visibleModels = filteredModelList.slice(modelScrollOffset, modelScrollOffset + visibleModelCount);
+        return (_jsxs(Box, { flexDirection: "column", height: termRows, overflow: "hidden", children: [_jsx(Box, { height: topPad }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: leftPad }), _jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: inkColors.primary, paddingX: 2, paddingY: 1, width: modelModalWidth, minHeight: modelModalHeight, children: [_jsx(Text, { bold: true, children: " Select model " }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: inkColors.textSecondary, children: " Filter: " }), _jsx(Text, { children: modelSearchFilter || " " }), modelSearchFilter.length > 0 && (_jsxs(Text, { color: inkColors.textDisabled, children: [" ", "(", filteredModelList.length, " match", filteredModelList.length !== 1 ? "es" : "", ")"] }))] }), visibleModels.length === 0 ? (_jsx(Text, { color: inkColors.textSecondary, children: " No match \u2014 type to search by id or name " })) : (visibleModels.map((m, i) => {
+                                    const actualIndex = modelScrollOffset + i;
+                                    return (_jsxs(Text, { color: actualIndex === modelIndex ? inkColors.primary : undefined, children: [actualIndex === modelIndex ? "› " : "  ", m.name ? `${m.id} — ${m.name}` : m.id] }, m.id));
+                                })), _jsx(Text, { color: inkColors.textSecondary, children: " \u2191/\u2193 select  Enter confirm  Esc cancel  Type to filter " })] })] }), _jsx(Box, { flexGrow: 1 })] }));
+    }
     if (showHelpModal) {
         const helpModalWidth = Math.min(88, Math.max(80, termColumns - 4));
         const helpContentRows = 20;
@@ -1243,21 +1304,15 @@ export function Repl({ apiKey, cwd, onQuit }) {
         const leftPad = Math.max(0, Math.floor((termColumns - paletteModalWidth) / 2));
         return (_jsxs(Box, { flexDirection: "column", height: termRows, overflow: "hidden", children: [_jsx(Box, { height: topPad }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: leftPad }), _jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: inkColors.primary, paddingX: 2, paddingY: 1, width: paletteModalWidth, minHeight: paletteModalHeight, children: [_jsx(Text, { bold: true, children: " Command palette " }), COMMANDS.map((c, i) => (_jsxs(Text, { color: i === paletteIndex ? inkColors.primary : undefined, children: [i === paletteIndex ? "› " : "  ", c.cmd, _jsxs(Text, { color: inkColors.textSecondary, children: [" \u2014 ", c.desc] })] }, c.cmd))), _jsxs(Text, { color: paletteIndex === COMMANDS.length ? inkColors.primary : undefined, children: [paletteIndex === COMMANDS.length ? "› " : "  ", "Cancel (Esc)"] }), _jsx(Text, { color: inkColors.textSecondary, children: " \u2191/\u2193 select, Enter confirm, Esc close " })] })] }), _jsx(Box, { flexGrow: 1 })] }));
     }
-    const calculatedFooterLines = suggestionBoxLines + 1 + stableInputLineCount;
-    useEffect(() => {
-        if (!isInputLayoutFrozen) {
-            setFrozenFooterLines(calculatedFooterLines);
-        }
-    }, [isInputLayoutFrozen, calculatedFooterLines]);
-    const footerLines = isInputLayoutFrozen ? frozenFooterLines : calculatedFooterLines;
-    loadingFooterLinesRef.current = footerLines;
-    return (_jsxs(Box, { flexDirection: "column", height: termRows, overflow: "hidden", children: [_jsxs(Box, { flexDirection: "column", flexGrow: 1, minHeight: 0, overflow: "hidden", children: [_jsx(LogViewport, { lines: visibleLogLines, startIndex: logStartIndex, height: logViewportHeight }), _jsx(Box, { flexDirection: "row", marginTop: 1, marginBottom: 0, children: _jsx(Text, { color: inkColors.textSecondary, children: "\u00A0" }) })] }), _jsxs(Box, { flexDirection: "column", flexShrink: 0, height: footerLines, children: [showSlashSuggestions && (_jsxs(Box, { flexDirection: "column", marginBottom: 0, paddingLeft: 2, borderStyle: "single", borderColor: inkColors.textDisabled, children: [filteredSlashCommands.length === 0 ? (_jsx(Text, { color: inkColors.textSecondary, children: " No match " })) : ([...filteredSlashCommands].reverse().map((c, rev) => {
-                                const i = filteredSlashCommands.length - 1 - rev;
+    return (_jsxs(Box, { flexDirection: "column", height: termRows, overflow: "hidden", children: [_jsxs(Box, { flexDirection: "column", flexGrow: 1, minHeight: 0, overflow: "hidden", children: [_jsx(LogViewport, { lines: visibleLogLines, startIndex: logStartIndex, height: logViewportHeight }), _jsx(Box, { flexDirection: "row", marginTop: 1, marginBottom: 0, children: _jsx(Text, { color: inkColors.textSecondary, children: "\u00A0" }) })] }), _jsxs(Box, { flexDirection: "column", flexShrink: 0, height: footerLines, children: [showSlashSuggestions && (_jsxs(Box, { flexDirection: "column", marginBottom: 0, paddingLeft: 2, borderStyle: "single", borderColor: inkColors.textDisabled, height: slashSuggestionBoxLines, children: [filteredSlashCommands.length === 0 ? (_jsx(Text, { color: inkColors.textSecondary, children: " No match " })) : ([...filteredSlashCommands.slice(0, SLASH_SUGGESTION_ROWS)].reverse().map((c, rev) => {
+                                const i = Math.min(filteredSlashCommands.length, SLASH_SUGGESTION_ROWS) - 1 - rev;
                                 return (_jsxs(Text, { color: i === clampedSlashIndex ? inkColors.primary : undefined, children: [i === clampedSlashIndex ? "› " : "  ", c.cmd, _jsxs(Text, { color: inkColors.textSecondary, children: [" \u2014 ", c.desc] })] }, c.cmd));
-                            })), _jsx(Text, { color: inkColors.textSecondary, children: " Commands (\u2191/\u2193 select, Enter run, Esc clear) " })] })), cursorInAtSegment && !showSlashSuggestions && (_jsxs(Box, { flexDirection: "column", marginBottom: 0, paddingLeft: 2, borderStyle: "single", borderColor: inkColors.textDisabled, children: [filteredFilePaths.length === 0 ? (_jsxs(Text, { color: inkColors.textSecondary, children: [" ", hasCharsAfterAt ? "No match" : "Type to search files", " "] })) : ([...filteredFilePaths].reverse().map((p, rev) => {
+                            })), Array.from({
+                                length: Math.max(0, SLASH_SUGGESTION_ROWS - Math.min(filteredSlashCommands.length, SLASH_SUGGESTION_ROWS)),
+                            }).map((_, idx) => (_jsx(Text, { children: "\u00A0" }, `slash-pad-${idx}`))), _jsx(Text, { color: inkColors.textSecondary, children: " Commands (\u2191/\u2193 select, Enter run, Esc clear) " })] })), cursorInAtSegment && !showSlashSuggestions && (_jsxs(Box, { flexDirection: "column", marginBottom: 0, paddingLeft: 2, borderStyle: "single", borderColor: inkColors.textDisabled, children: [filteredFilePaths.length === 0 ? (_jsxs(Text, { color: inkColors.textSecondary, children: [" ", hasCharsAfterAt ? "No match" : "Type to search files", " "] })) : ([...filteredFilePaths].reverse().map((p, rev) => {
                                 const i = filteredFilePaths.length - 1 - rev;
                                 return (_jsxs(Text, { color: i === clampedAtFileIndex ? inkColors.primary : undefined, children: [i === clampedAtFileIndex ? "› " : "  ", p] }, p));
-                            })), _jsx(Box, { flexDirection: "row", marginTop: 1, children: _jsx(Text, { color: inkColors.textSecondary, children: " Files (\u2191/\u2193 select, Enter/Tab complete, Esc clear) " }) })] })), _jsxs(Box, { flexDirection: "row", marginTop: 0, children: [_jsxs(Text, { color: "gray", children: [" ", icons.tool, " ", tokenDisplay] }), _jsx(Text, { color: "gray", children: `  ·  / ! @  trackpad/↑/↓ scroll  Opt/Fn+select  Ctrl+J newline  Tab queue  Esc Esc edit  ${pasteShortcut} paste  Ctrl+C exit` })] }), _jsx(Box, { flexDirection: "column", marginTop: 0, children: inputValue.length === 0 ? (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: inkColors.primary, children: [icons.prompt, " "] }), cursorBlinkOn ? (_jsx(Text, { inverse: true, color: inkColors.primary, children: " " })) : (_jsx(Text, { color: inkColors.primary, children: " " })), _jsx(Text, { color: inkColors.textSecondary, children: "Message or / for commands, @ for files, ! for shell, ? for help..." })] })) : ((() => {
+                            })), _jsx(Box, { flexDirection: "row", marginTop: 1, children: _jsx(Text, { color: inkColors.textSecondary, children: " Files (\u2191/\u2193 select, Enter/Tab complete, Esc clear) " }) })] })), _jsxs(Box, { flexDirection: "row", marginTop: 0, children: [_jsxs(Text, { color: inkColors.footerHint, children: [" ", icons.tool, " ", tokenDisplay] }), _jsx(Text, { color: inkColors.footerHint, children: `  ·  / ! @  trackpad/↑/↓ scroll  Ctrl+J newline  Tab queue  Esc Esc edit` })] }), _jsx(Box, { flexDirection: "column", marginTop: 0, children: inputValue.length === 0 ? (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: inkColors.primary, children: [icons.prompt, " "] }), cursorBlinkOn ? (_jsx(Text, { inverse: true, color: inkColors.primary, children: " " })) : (_jsx(Text, { color: inkColors.primary, children: " " })), _jsx(Text, { color: inkColors.textSecondary, children: "Message or / for commands, @ for files, ! for shell, ? for help..." })] })) : ((() => {
                             const lines = inputValue.split("\n");
                             let lineStart = 0;
                             return (_jsx(_Fragment, { children: lines.flatMap((lineText, lineIdx) => {

package/dist/ui/theme.js

@@ -22,7 +22,7 @@ const THEME_DARK = {
         error: { main: "#f87171", dim: "#dc2626" },
         muted: { main: "#8a9a7a", dim: "#6a7a5a", dark: "#4a5a3a" },
         background: { dark: "#1a1a1a", darker: "#0f0f0f" },
-        text: { primary: "#e2e8f0", secondary: "#98a08f", disabled: "#6f7867" },
+        text: { primary: "#e2e8f0", secondary: "#98a08f", disabled: "#6f7867", footerHint: "#635e4b" },
     },
     ui: {
         borderColor: "#7F9A65",
@@ -51,7 +51,7 @@ const THEME_LIGHT = {
         error: { main: "#dc2626", dim: "#b91c1c" },
         muted: { main: "#6b7a5a", dim: "#5a6a4a", dark: "#4a5a3a" },
         background: { dark: "#f1f5f9", darker: "#e2e8f0" },
-        text: { primary: "#1e293b", secondary: "#5f6758", disabled: "#778070" },
+        text: { primary: "#1e293b", secondary: "#5f6758", disabled: "#778070", footerHint: "#635e4b" },
     },
     ui: {
         borderColor: "#5a7247",
@@ -125,5 +125,6 @@ export const inkColors = {
     textPrimary: theme.colors.text.primary,
     textSecondary: theme.colors.text.secondary,
     textDisabled: theme.colors.text.disabled,
+    footerHint: theme.colors.text.footerHint,
 };
 export const icons = theme.icons;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ideacode",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "CLI TUI for AI agents via OpenRouter — agentic loop, tools, markdown",
   "type": "module",
   "repository": {