snow-ai 0.2.4 → 0.2.5

package/dist/app.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Box, Text, useStdout } from 'ink';
+import { Box, Text } from 'ink';
 import { Alert } from '@inkjs/ui';
 import WelcomeScreen from './ui/pages/WelcomeScreen.js';
 import ApiConfigScreen from './ui/pages/ApiConfigScreen.js';
@@ -14,9 +14,6 @@ export default function App({ version }) {
         show: false,
         message: ''
     });
-    // Terminal resize handling - force re-render on resize
-    const { stdout } = useStdout();
-    const [terminalSize, setTerminalSize] = useState({ columns: stdout?.columns || 80, rows: stdout?.rows || 24 });
     // Global exit handler
     useGlobalExit(setExitNotification);
     // Global navigation handler
@@ -26,26 +23,6 @@ export default function App({ version }) {
         });
         return unsubscribe;
     }, []);
-    // Terminal resize listener with debounce
-    useEffect(() => {
-        if (!stdout)
-            return;
-        let resizeTimeout;
-        const handleResize = () => {
-            // Debounce resize events - wait for resize to stabilize
-            clearTimeout(resizeTimeout);
-            resizeTimeout = setTimeout(() => {
-                // Clear screen before re-render
-                stdout.write('\x1Bc'); // Full reset
-                setTerminalSize({ columns: stdout.columns, rows: stdout.rows });
-            }, 100); // 100ms debounce
-        };
-        stdout.on('resize', handleResize);
-        return () => {
-            stdout.off('resize', handleResize);
-            clearTimeout(resizeTimeout);
-        };
-    }, [stdout]);
     const handleMenuSelect = (value) => {
         if (value === 'chat' || value === 'settings' || value === 'config' || value === 'models' || value === 'mcp') {
             setCurrentView(value);
@@ -74,7 +51,7 @@ export default function App({ version }) {
                 return (React.createElement(WelcomeScreen, { version: version, onMenuSelect: handleMenuSelect }));
         }
     };
-    return (React.createElement(Box, { flexDirection: "column", key: `term-${terminalSize.columns}x${terminalSize.rows}` },
+    return (React.createElement(Box, { flexDirection: "column" },
         renderView(),
         exitNotification.show && (React.createElement(Box, { paddingX: 1 },
             React.createElement(Alert, { variant: "warning" }, exitNotification.message)))));

package/dist/ui/components/ChatInput.js

@@ -253,6 +253,24 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
             // For any other key in history menu, just return to prevent interference
             return;
         }
+        // Ctrl+L - Delete from cursor to beginning
+        if (key.ctrl && input === 'l') {
+            const fullText = buffer.getFullText();
+            const cursorPos = buffer.getCursorPosition();
+            const afterCursor = fullText.slice(cursorPos);
+            buffer.setText(afterCursor);
+            forceStateUpdate();
+            return;
+        }
+        // Ctrl+R - Delete from cursor to end
+        if (key.ctrl && input === 'r') {
+            const fullText = buffer.getFullText();
+            const cursorPos = buffer.getCursorPosition();
+            const beforeCursor = fullText.slice(0, cursorPos);
+            buffer.setText(beforeCursor);
+            forceStateUpdate();
+            return;
+        }
         // Alt+V / Option+V - Paste from clipboard (including images)
         if (key.meta && input === 'v') {
             try {
@@ -590,5 +608,5 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
                     ? "Type to filter commands"
                     : showFilePicker
                         ? "Type to filter files • Tab/Enter to select • ESC to cancel"
-                        : "Press Ctrl+C twice to exit • Alt+V to paste images • Type '@' for files • Type '/' for commands"))))));
+                        : "Ctrl+L: delete to start • Ctrl+R: delete to end • Alt+V: paste images • '@': files • '/': commands"))))));
 }

package/dist/ui/components/CommandPanel.d.ts

@@ -8,6 +8,7 @@ interface Props {
     selectedIndex: number;
     query: string;
     visible: boolean;
+    maxHeight?: number;
 }
-declare const CommandPanel: React.MemoExoticComponent<({ commands, selectedIndex, query, visible }: Props) => React.JSX.Element | null>;
+declare const CommandPanel: React.MemoExoticComponent<({ commands, selectedIndex, visible, maxHeight }: Props) => React.JSX.Element | null>;
 export default CommandPanel;

package/dist/ui/components/CommandPanel.js

@@ -1,6 +1,31 @@
-import React, { memo } from 'react';
+import React, { memo, useMemo } from 'react';
 import { Box, Text } from 'ink';
-const CommandPanel = memo(({ commands, selectedIndex, query, visible }) => {
+const CommandPanel = memo(({ commands, selectedIndex, visible, maxHeight }) => {
+    // Fixed maximum display items to prevent rendering issues
+    const MAX_DISPLAY_ITEMS = 5;
+    const effectiveMaxItems = maxHeight ? Math.min(maxHeight, MAX_DISPLAY_ITEMS) : MAX_DISPLAY_ITEMS;
+    // Limit displayed commands
+    const displayedCommands = useMemo(() => {
+        if (commands.length <= effectiveMaxItems) {
+            return commands;
+        }
+        // Show commands around the selected index
+        const halfWindow = Math.floor(effectiveMaxItems / 2);
+        let startIndex = Math.max(0, selectedIndex - halfWindow);
+        let endIndex = Math.min(commands.length, startIndex + effectiveMaxItems);
+        // Adjust if we're near the end
+        if (endIndex - startIndex < effectiveMaxItems) {
+            startIndex = Math.max(0, endIndex - effectiveMaxItems);
+        }
+        return commands.slice(startIndex, endIndex);
+    }, [commands, selectedIndex, effectiveMaxItems]);
+    // Calculate actual selected index in the displayed subset
+    const displayedSelectedIndex = useMemo(() => {
+        return displayedCommands.findIndex((cmd) => {
+            const originalIndex = commands.indexOf(cmd);
+            return originalIndex === selectedIndex;
+        });
+    }, [displayedCommands, commands, selectedIndex]);
     // Don't show panel if not visible or no commands found
     if (!visible || commands.length === 0) {
         return null;
@@ -11,16 +36,21 @@ const CommandPanel = memo(({ commands, selectedIndex, query, visible }) => {
                 React.createElement(Box, null,
                     React.createElement(Text, { color: "yellow", bold: true },
                         "Available Commands ",
-                        query && `(${commands.length} matches)`)),
-                commands.map((command, index) => (React.createElement(Box, { key: command.name, flexDirection: "column", width: "100%" },
-                    React.createElement(Text, { color: index === selectedIndex ? "green" : "gray", bold: true },
-                        index === selectedIndex ? "➣ " : "  ",
+                        commands.length > effectiveMaxItems && `(${selectedIndex + 1}/${commands.length})`)),
+                displayedCommands.map((command, index) => (React.createElement(Box, { key: command.name, flexDirection: "column", width: "100%" },
+                    React.createElement(Text, { color: index === displayedSelectedIndex ? "green" : "gray", bold: true },
+                        index === displayedSelectedIndex ? "➣ " : "  ",
                         "/",
                         command.name),
                     React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(Text, { color: index === selectedIndex ? "green" : "gray", dimColor: true },
+                        React.createElement(Text, { color: index === displayedSelectedIndex ? "green" : "gray", dimColor: true },
                             "\u2514\u2500 ",
-                            command.description)))))))));
+                            command.description))))),
+                commands.length > effectiveMaxItems && (React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: "gray", dimColor: true },
+                        "\u2191\u2193 to scroll \u00B7 ",
+                        commands.length - effectiveMaxItems,
+                        " more hidden")))))));
 });
 CommandPanel.displayName = 'CommandPanel';
 export default CommandPanel;

package/dist/ui/components/FileList.js

@@ -5,6 +5,11 @@ import path from 'path';
 const FileList = memo(forwardRef(({ query, selectedIndex, visible, maxItems = 10, rootPath = process.cwd(), onFilteredCountChange }, ref) => {
     const [files, setFiles] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
+    // Fixed maximum display items to prevent rendering issues
+    const MAX_DISPLAY_ITEMS = 5;
+    const effectiveMaxItems = useMemo(() => {
+        return maxItems ? Math.min(maxItems, MAX_DISPLAY_ITEMS) : MAX_DISPLAY_ITEMS;
+    }, [maxItems]);
     // Get files from directory - optimized to batch updates
     const loadFiles = useCallback(async () => {
         const getFilesRecursively = async (dir, depth = 0, maxDepth = 3) => {
@@ -60,48 +65,59 @@ const FileList = memo(forwardRef(({ query, selectedIndex, visible, maxItems = 10
             loadFiles();
         }
     }, [visible, loadFiles]);
-    // Filter files based on query
-    const filteredFiles = useMemo(() => {
-        let filtered;
+    // Filter files based on query (no limit here, we'll slice for display)
+    const allFilteredFiles = useMemo(() => {
         if (!query.trim()) {
-            filtered = files.slice(0, maxItems);
-        }
-        else {
-            const queryLower = query.toLowerCase();
-            filtered = files.filter(file => {
-                const fileName = file.name.toLowerCase();
-                const filePath = file.path.toLowerCase();
-                return fileName.includes(queryLower) || filePath.includes(queryLower);
-            });
-            // Sort by relevance (exact name matches first, then path matches)
-            filtered.sort((a, b) => {
-                const aNameMatch = a.name.toLowerCase().startsWith(queryLower);
-                const bNameMatch = b.name.toLowerCase().startsWith(queryLower);
-                if (aNameMatch && !bNameMatch)
-                    return -1;
-                if (!aNameMatch && bNameMatch)
-                    return 1;
-                return a.name.localeCompare(b.name);
-            });
-            filtered = filtered.slice(0, maxItems);
+            return files;
         }
+        const queryLower = query.toLowerCase();
+        const filtered = files.filter(file => {
+            const fileName = file.name.toLowerCase();
+            const filePath = file.path.toLowerCase();
+            return fileName.includes(queryLower) || filePath.includes(queryLower);
+        });
+        // Sort by relevance (exact name matches first, then path matches)
+        filtered.sort((a, b) => {
+            const aNameMatch = a.name.toLowerCase().startsWith(queryLower);
+            const bNameMatch = b.name.toLowerCase().startsWith(queryLower);
+            if (aNameMatch && !bNameMatch)
+                return -1;
+            if (!aNameMatch && bNameMatch)
+                return 1;
+            return a.name.localeCompare(b.name);
+        });
         return filtered;
-    }, [files, query, maxItems]);
+    }, [files, query]);
+    // Display with scrolling window
+    const filteredFiles = useMemo(() => {
+        if (allFilteredFiles.length <= effectiveMaxItems) {
+            return allFilteredFiles;
+        }
+        // Show files around the selected index
+        const halfWindow = Math.floor(effectiveMaxItems / 2);
+        let startIndex = Math.max(0, selectedIndex - halfWindow);
+        let endIndex = Math.min(allFilteredFiles.length, startIndex + effectiveMaxItems);
+        // Adjust if we're near the end
+        if (endIndex - startIndex < effectiveMaxItems) {
+            startIndex = Math.max(0, endIndex - effectiveMaxItems);
+        }
+        return allFilteredFiles.slice(startIndex, endIndex);
+    }, [allFilteredFiles, selectedIndex, effectiveMaxItems]);
     // Notify parent of filtered count changes
     useEffect(() => {
         if (onFilteredCountChange) {
-            onFilteredCountChange(filteredFiles.length);
+            onFilteredCountChange(allFilteredFiles.length);
         }
-    }, [filteredFiles.length, onFilteredCountChange]);
+    }, [allFilteredFiles.length, onFilteredCountChange]);
     // Expose methods to parent
     useImperativeHandle(ref, () => ({
         getSelectedFile: () => {
-            if (filteredFiles.length > 0 && selectedIndex < filteredFiles.length && filteredFiles[selectedIndex]) {
-                return filteredFiles[selectedIndex].path;
+            if (allFilteredFiles.length > 0 && selectedIndex < allFilteredFiles.length && allFilteredFiles[selectedIndex]) {
+                return allFilteredFiles[selectedIndex].path;
             }
             return null;
         }
-    }), [filteredFiles, selectedIndex]);
+    }), [allFilteredFiles, selectedIndex]);
     if (!visible) {
         return null;
     }
@@ -113,19 +129,25 @@ const FileList = memo(forwardRef(({ query, selectedIndex, visible, maxItems = 10
         return (React.createElement(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, marginTop: 1 },
             React.createElement(Text, { color: "gray" }, "No files found")));
     }
+    // Calculate display index for the scrolling window
+    const displaySelectedIndex = useMemo(() => {
+        return filteredFiles.findIndex((file) => {
+            const originalIndex = allFilteredFiles.indexOf(file);
+            return originalIndex === selectedIndex;
+        });
+    }, [filteredFiles, allFilteredFiles, selectedIndex]);
     return (React.createElement(Box, { paddingX: 1, marginTop: 1, flexDirection: "column" },
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { color: "blue", bold: true },
-                "\uD83D\uDDD0 Files (",
-                filteredFiles.length,
-                ")")),
+                "\uD83D\uDDD0 Files ",
+                allFilteredFiles.length > effectiveMaxItems && `(${selectedIndex + 1}/${allFilteredFiles.length})`)),
         filteredFiles.map((file, index) => (React.createElement(Box, { key: file.path },
-            React.createElement(Text, { backgroundColor: index === selectedIndex ? "blue" : undefined, color: index === selectedIndex ? "white" : file.isDirectory ? "cyan" : "white" }, file.path)))),
-        filteredFiles.length === maxItems && files.length > maxItems && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { backgroundColor: index === displaySelectedIndex ? "blue" : undefined, color: index === displaySelectedIndex ? "white" : file.isDirectory ? "cyan" : "white" }, file.path)))),
+        allFilteredFiles.length > effectiveMaxItems && (React.createElement(Box, { marginTop: 1 },
             React.createElement(Text, { color: "gray", dimColor: true },
-                "... and ",
-                files.length - maxItems,
-                " more files")))));
+                "\u2191\u2193 to scroll \u00B7 ",
+                allFilteredFiles.length - effectiveMaxItems,
+                " more hidden")))));
 }));
 FileList.displayName = 'FileList';
 export default FileList;

package/dist/ui/components/Menu.js

@@ -53,7 +53,7 @@ function Menu({ options, onSelect, onSelectionChange, maxHeight }) {
     const hasMoreBelow = scrollOffset + visibleItemCount < options.length;
     const moreAboveCount = scrollOffset;
     const moreBelowCount = options.length - (scrollOffset + visibleItemCount);
-    return (React.createElement(Box, { flexDirection: "column", width: '100%', borderStyle: 'round', borderColor: "#A9C13E", padding: 1 },
+    return (React.createElement(Box, { flexDirection: "column", width: '100%', padding: 1 },
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { color: "cyan" }, "Use \u2191\u2193 keys to navigate, press Enter to select:")),
         hasMoreAbove && (React.createElement(Box, null,

package/dist/ui/pages/ChatScreen.js

@@ -69,7 +69,10 @@ export default function ChatScreen({}) {
     const [isCompressing, setIsCompressing] = useState(false);
     const [compressionError, setCompressionError] = useState(null);
     const { stdout } = useStdout();
+    const terminalHeight = stdout?.rows || 24;
     const workingDirectory = process.cwd();
+    // Minimum terminal height required for proper rendering
+    const MIN_TERMINAL_HEIGHT = 10;
     // Use session save hook
     const { saveMessage, clearSavedMessages, initializeFromSession } = useSessionSave();
     // Sync pendingMessages to ref for real-time access in callbacks
@@ -481,6 +484,21 @@ export default function ChatScreen({}) {
     if (showMcpInfo) {
         return (React.createElement(MCPInfoScreen, { onClose: () => setShowMcpInfo(false), panelKey: mcpPanelKey }));
     }
+    // Show warning if terminal is too small
+    if (terminalHeight < MIN_TERMINAL_HEIGHT) {
+        return (React.createElement(Box, { flexDirection: "column", padding: 2 },
+            React.createElement(Box, { borderStyle: "round", borderColor: "red", padding: 1 },
+                React.createElement(Text, { color: "red", bold: true }, "\u26A0  Terminal Too Small")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "yellow" },
+                    "Your terminal height is ",
+                    terminalHeight,
+                    " lines, but at least ",
+                    MIN_TERMINAL_HEIGHT,
+                    " lines are required.")),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "gray", dimColor: true }, "Please resize your terminal window to continue."))));
+    }
     return (React.createElement(Box, { flexDirection: "column" },
         React.createElement(Static, { key: remountKey, items: [
                 React.createElement(Box, { key: "header", marginX: 1, borderColor: 'cyan', borderStyle: "round", paddingX: 2, paddingY: 1 },

package/dist/ui/pages/WelcomeScreen.js

@@ -46,9 +46,8 @@ export default function WelcomeScreen({ version = '1.0.0', onMenuSelect, }) {
                 React.createElement(Text, { color: "gray", dimColor: true }, "Intelligent Command Line Assistant"),
                 React.createElement(Text, { color: "magenta", dimColor: true },
                     "Version ",
-                    version))),
-        onMenuSelect && (React.createElement(Box, null,
-            React.createElement(Menu, { options: menuOptions, onSelect: onMenuSelect, onSelectionChange: handleSelectionChange }))),
-        React.createElement(Box, { justifyContent: "space-between" },
-            React.createElement(Alert, { variant: 'info' }, infoText))));
+                    version),
+                onMenuSelect && (React.createElement(Box, null,
+                    React.createElement(Menu, { options: menuOptions, onSelect: onMenuSelect, onSelectionChange: handleSelectionChange }))),
+                React.createElement(Alert, { variant: 'info' }, infoText)))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "snow-ai",
-	"version": "0.2.4",
+	"version": "0.2.5",
 	"description": "Intelligent Command Line Assistant powered by AI",
 	"license": "MIT",
 	"bin": {