ideacode 1.3.1 → 1.3.3

package/dist/repl.js

@@ -50,14 +50,14 @@ const PARALLEL_SAFE_TOOLS = new Set([
 ]);
 const LOADING_TICK_MS = 80;
 const MAX_EMPTY_ASSISTANT_RETRIES = 3;
+const TYPING_LAYOUT_FREEZE_MS = 120;
+const INPUT_COMMIT_INTERVAL_MS = 45;
 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, "/");
@@ -403,12 +403,20 @@ 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);
     const queuedMessageRef = useRef(null);
     const lastUserMessageRef = useRef("");
     const [logScrollOffset, setLogScrollOffset] = useState(0);
     const scrollBoundsRef = useRef({ maxLogScrollOffset: 0, logViewportHeight: 1 });
     const prevEscRef = useRef(false);
+    const typingFreezeTimerRef = useRef(null);
     useEffect(() => {
         // Enable SGR mouse + basic tracking so trackpad wheel scrolling works.
         process.stdout.write("\x1b[?1006h\x1b[?1000h");
@@ -483,18 +491,96 @@ 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;
+        }
+        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;
         }
-        const t = setTimeout(() => setStableInputLineCount(inputLineCount), 90);
-        return () => clearTimeout(t);
-    }, [inputLineCount]);
+        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 (inputLineCount > layoutInputLineCount) {
+            setIsInputLayoutFrozen(false);
+            if (typingFreezeTimerRef.current) {
+                clearTimeout(typingFreezeTimerRef.current);
+                typingFreezeTimerRef.current = null;
+            }
+            return;
+        }
+        setIsInputLayoutFrozen(true);
+        if (typingFreezeTimerRef.current) {
+            clearTimeout(typingFreezeTimerRef.current);
+        }
+        typingFreezeTimerRef.current = setTimeout(() => {
+            setIsInputLayoutFrozen(false);
+            typingFreezeTimerRef.current = null;
+        }, TYPING_LAYOUT_FREEZE_MS);
+    }, [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(() => {
         if (apiKey)
             fetchModels(apiKey).then(setModelList);
@@ -990,11 +1076,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;
@@ -1005,26 +1093,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("");
@@ -1034,113 +1120,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;
             }
@@ -1148,8 +1228,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;
             }
         }
@@ -1182,7 +1261,7 @@ export function Repl({ apiKey, cwd, onQuit }) {
         : 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);
@@ -1216,7 +1295,13 @@ 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 footerLines = suggestionBoxLines + 1 + stableInputLineCount;
+    const calculatedFooterLines = suggestionBoxLines + 1 + layoutInputLineCount;
+    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;
@@ -1224,7 +1309,7 @@ export function Repl({ apiKey, cwd, onQuit }) {
                             })), _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.mutedDark, children: [" ", icons.tool, " ", tokenDisplay] }), _jsx(Text, { color: inkColors.mutedDark, 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/package.json

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