ideacode 1.3.3 → 1.3.5

package/dist/repl.js

@@ -52,6 +52,7 @@ const LOADING_TICK_MS = 80;
 const MAX_EMPTY_ASSISTANT_RETRIES = 3;
 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)
@@ -996,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) {
@@ -1239,22 +1240,8 @@ 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)
@@ -1273,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;
@@ -1295,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 + 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;
+    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: 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..." })] })) : ((() => {
+                            })), _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",
@@ -83,6 +83,19 @@ function isDarkMode() {
         return true;
     return n <= 7;
 }
+function hasTrueColor() {
+    const colorterm = (process.env.COLORTERM ?? "").toLowerCase();
+    if (colorterm.includes("truecolor") || colorterm.includes("24bit"))
+        return true;
+    const term = (process.env.TERM ?? "").toLowerCase();
+    return term.includes("direct");
+}
+function resolveFooterHintColor(base) {
+    const inTmux = Boolean(process.env.TMUX);
+    if (inTmux && !hasTrueColor())
+        return "#5a5a5a";
+    return base;
+}
 const theme = isDarkMode() ? THEME_DARK : THEME_LIGHT;
 export { theme };
 export const colors = {
@@ -125,5 +138,6 @@ export const inkColors = {
     textPrimary: theme.colors.text.primary,
     textSecondary: theme.colors.text.secondary,
     textDisabled: theme.colors.text.disabled,
+    footerHint: resolveFooterHintColor(theme.colors.text.footerHint),
 };
 export const icons = theme.icons;

package/package.json

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