snow-ai 0.3.36 → 0.4.0

package/dist/mcp/filesystem.js

@@ -1,7 +1,6 @@
 import { promises as fs } from 'fs';
 import * as path from 'path';
-import { exec } from 'child_process';
-import { promisify } from 'util';
+import * as prettier from 'prettier';
 // IDE connection supports both VSCode and JetBrains IDEs
 import { vscodeConnection } from '../utils/vscodeConnection.js';
 import { incrementalSnapshotManager } from '../utils/incrementalSnapshot.js';
@@ -16,7 +15,6 @@ import { parseFileSymbols } from './utils/aceCodeSearch/symbol.utils.js';
 // Notebook utilities for automatic note retrieval
 import { queryNotebook } from '../utils/notebookManager.js';
 const { resolve, dirname, isAbsolute } = path;
-const execAsync = promisify(exec);
 /**
  * Filesystem MCP Service
  * Provides basic file operations: read, create, and delete files
@@ -382,52 +380,11 @@ export class FilesystemMCPService {
         }
     }
     /**
-     * Delete one or multiple files
-     * @param filePaths - Single file path or array of file paths to delete
-     * @returns Success message with details
-     * @throws Error if file deletion fails
-     */
-    async deleteFile(filePaths) {
-        try {
-            const paths = Array.isArray(filePaths) ? filePaths : [filePaths];
-            const results = [];
-            const errors = [];
-            for (const filePath of paths) {
-                try {
-                    const fullPath = this.resolvePath(filePath);
-                    await this.validatePath(fullPath);
-                    const stats = await fs.stat(fullPath);
-                    if (!stats.isFile()) {
-                        throw new Error(`Path is not a file: ${filePath}`);
-                    }
-                    // Backup file before deletion
-                    await incrementalSnapshotManager.backupFile(fullPath);
-                    await fs.unlink(fullPath);
-                    results.push(`✅ ${filePath}`);
-                }
-                catch (error) {
-                    const errorMsg = error instanceof Error ? error.message : 'Unknown error';
-                    errors.push(`❌ ${filePath}: ${errorMsg}`);
-                }
-            }
-            const summary = [];
-            if (results.length > 0) {
-                summary.push(`Successfully deleted ${results.length} file(s):\n${results.join('\n')}`);
-            }
-            if (errors.length > 0) {
-                summary.push(`Failed to delete ${errors.length} file(s):\n${errors.join('\n')}`);
-            }
-            return summary.join('\n\n');
-        }
-        catch (error) {
-            throw new Error(`Failed to delete files: ${error instanceof Error ? error.message : 'Unknown error'}`);
-        }
-    }
-    /**
-     * List files in a directory
+     * List files in a directory (internal use for read tool)
      * @param dirPath - Directory path relative to base path or absolute path
      * @returns Array of file names
      * @throws Error if directory cannot be read
+     * @private
      */
     async listFiles(dirPath = '.') {
         try {
@@ -722,11 +679,14 @@ export class FilesystemMCPService {
             const shouldFormat = this.prettierSupportedExtensions.includes(fileExtension);
             if (shouldFormat) {
                 try {
-                    await execAsync(`npx prettier --write "${fullPath}"`, {
-                        encoding: 'utf-8',
+                    // Use Prettier API for better performance (avoids npx overhead)
+                    const prettierConfig = await prettier.resolveConfig(fullPath);
+                    finalContent = await prettier.format(modifiedContent, {
+                        filepath: fullPath,
+                        ...prettierConfig,
                     });
-                    // Re-read the file after formatting
-                    finalContent = await fs.readFile(fullPath, 'utf-8');
+                    // Write formatted content back to file
+                    await fs.writeFile(fullPath, finalContent, 'utf-8');
                     finalLines = finalContent.split('\n');
                     finalTotalLines = finalLines.length;
                     finalContextEnd = Math.min(finalTotalLines, contextStart + (contextEnd - contextStart) + lineDifference);
@@ -953,11 +913,15 @@ export class FilesystemMCPService {
             const shouldFormat = this.prettierSupportedExtensions.includes(fileExtension);
             if (shouldFormat) {
                 try {
-                    await execAsync(`npx prettier --write "${fullPath}"`, {
-                        encoding: 'utf-8',
+                    // Use Prettier API for better performance (avoids npx overhead)
+                    const prettierConfig = await prettier.resolveConfig(fullPath);
+                    const newContent = modifiedLines.join('\n');
+                    const formattedContent = await prettier.format(newContent, {
+                        filepath: fullPath,
+                        ...prettierConfig,
                     });
-                    // Re-read the file after formatting to get the formatted content
-                    const formattedContent = await fs.readFile(fullPath, 'utf-8');
+                    // Write formatted content back to file
+                    await fs.writeFile(fullPath, formattedContent, 'utf-8');
                     finalLines = formattedContent.split('\n');
                     finalTotalLines = finalLines.length;
                     // Recalculate the context end line based on formatted content
@@ -1113,7 +1077,7 @@ export const filesystemService = new FilesystemMCPService();
 export const mcpTools = [
     {
         name: 'filesystem-read',
-        description: 'Read file content with line numbers. **SUPPORTS MULTIPLE FILES WITH FLEXIBLE LINE RANGES**: Pass either (1) a single file path (string), (2) array of file paths (strings) with unified startLine/endLine, or (3) array of file config objects with per-file line ranges. ⚠️ **IMPORTANT WORKFLOW**: (1) ALWAYS use ACE search tools FIRST (ace-text_search/ace-search_symbols/ace-file_outline) to locate the relevant code, (2) ONLY use filesystem-read when you know the approximate location and need precise line numbers for editing. **ANTI-PATTERN**: Reading files line-by-line from the top wastes tokens - use search instead! **USAGE**: Call without parameters to read entire file(s), or specify startLine/endLine for partial reads. Returns content with line numbers (format: "123→code") for precise editing. **EXAMPLES**: (A) Unified: filePath=["a.ts", "b.ts"], startLine=1, endLine=50 reads lines 1-50 from both. (B) Per-file: filePath=[{path:"a.ts", startLine:1, endLine:30}, {path:"b.ts", startLine:100, endLine:150}] reads different ranges from each file.',
+        description: 'Read file content with line numbers. **Read only when the actual file or folder path is found or provided by the user, do not make random guesses,Search for specific documents or line numbers before reading more accurately** **SUPPORTS MULTIPLE FILES WITH FLEXIBLE LINE RANGES**: Pass either (1) a single file path (string), (2) array of file paths (strings) with unified startLine/endLine, or (3) array of file config objects with per-file line ranges. **INTEGRATED DIRECTORY LISTING**: When filePath is a directory, automatically lists its contents instead of throwing error. ⚠️ **IMPORTANT WORKFLOW**: (1) ALWAYS use ACE search tools FIRST (ace-text_search/ace-search_symbols/ace-file_outline) to locate the relevant code, (2) ONLY use filesystem-read when you know the approximate location and need precise line numbers for editing. **ANTI-PATTERN**: Reading files line-by-line from the top wastes tokens - use search instead! **USAGE**: Call without parameters to read entire file(s), or specify startLine/endLine for partial reads. Returns content with line numbers (format: "123→code") for precise editing. **EXAMPLES**: (A) Unified: filePath=["a.ts", "b.ts"], startLine=1, endLine=500 reads lines 1-500 from both. (B) Per-file: filePath=[{path:"a.ts", startLine:1, endLine:300}, {path:"b.ts", startLine:100, endLine:550}] reads different ranges from each file. (C) Directory: filePath="./src" returns list of files in src/.',
         inputSchema: {
             type: 'object',
             properties: {
@@ -1121,7 +1085,7 @@ export const mcpTools = [
                     oneOf: [
                         {
                             type: 'string',
-                            description: 'Path to a single file to read',
+                            description: 'Path to a single file to read or directory to list',
                         },
                         {
                             type: 'array',
@@ -1153,7 +1117,7 @@ export const mcpTools = [
                             description: 'Array of file config objects with per-file line ranges. Each file can have its own startLine/endLine.',
                         },
                     ],
-                    description: 'Path to the file(s) to read: string, array of strings, or array of {path, startLine?, endLine?} objects',
+                    description: 'Path to the file(s) to read or directory to list: string, array of strings, or array of {path, startLine?, endLine?} objects',
                 },
                 startLine: {
                     type: 'number',
@@ -1190,53 +1154,9 @@ export const mcpTools = [
             required: ['filePath', 'content'],
         },
     },
-    {
-        name: 'filesystem-delete',
-        description: 'Delete one or multiple files. Supports both single file and batch deletion.',
-        inputSchema: {
-            type: 'object',
-            properties: {
-                filePath: {
-                    type: 'string',
-                    description: 'Path to a single file to delete (deprecated: use filePaths for single or multiple files)',
-                },
-                filePaths: {
-                    oneOf: [
-                        {
-                            type: 'string',
-                            description: 'Path to a single file to delete',
-                        },
-                        {
-                            type: 'array',
-                            items: {
-                                type: 'string',
-                            },
-                            description: 'Array of file paths to delete',
-                        },
-                    ],
-                    description: 'Single file path or array of file paths to delete',
-                },
-            },
-            // Make both optional, but at least one is required (validated in code)
-        },
-    },
-    {
-        name: 'filesystem-list',
-        description: 'List files in a directory',
-        inputSchema: {
-            type: 'object',
-            properties: {
-                dirPath: {
-                    type: 'string',
-                    description: 'Directory path to list files from',
-                    default: '.',
-                },
-            },
-        },
-    },
     {
         name: 'filesystem-edit_search',
-        description: '**RECOMMENDED** for most edits: Search-and-replace with SMART FUZZY MATCHING. **SUPPORTS BATCH EDITING**: Pass (1) single file with search/replace, (2) array of file paths with unified search/replace, or (3) array of {path, searchContent, replaceContent, occurrence?} for per-file edits. **WORKFLOW**: (1) Use ace-text_search/ace-search_symbols to locate code, (2) Use filesystem-read to view content, (3) Copy code blocks (without line numbers), (4) Use THIS tool. **WHY**: No line tracking, auto-handles spacing/tabs, finds best match. **BATCH EXAMPLE**: filePath=[{path:"a.ts", searchContent:"old1", replaceContent:"new1"}, {path:"b.ts", searchContent:"old2", replaceContent:"new2"}] **It is very important to use the filesystem-read tool to determine the code boundaries of the area that need to be modified first to avoid syntactic errors**',
+        description: 'RECOMMENDED for most edits: Search-and-replace with SMART FUZZY MATCHING. SUPPORTS BATCH EDITING: Pass (1) single file with search/replace, (2) array of file paths with unified search/replace, or (3) array of {path, searchContent, replaceContent, occurrence?} for per-file edits. CRITICAL WORKFLOW FOR CODE SAFETY: (1) Use ace-text_search/ace-search_symbols to locate code, (2) MUST use filesystem-read to identify COMPLETE code boundaries (entire function body with all braces, complete markup tags with opening/closing pairs, full code blocks), (3) Copy the COMPLETE code block (without line numbers), (4) Verify boundaries are intact (matching braces/brackets/tags), (5) Use THIS tool. WHY: No line tracking, auto-handles spacing/tabs, finds best match. COMMON ERRORS TO AVOID: Modifying only part of a function (missing closing brace), incomplete markup tags (HTML/Vue/JSX), partial code blocks. Always include complete syntactic units. BATCH EXAMPLE: filePath=[{path:"a.ts", searchContent:"old1", replaceContent:"new1"}, {path:"b.ts", searchContent:"old2", replaceContent:"new2"}]',
         inputSchema: {
             type: 'object',
             properties: {
@@ -1306,7 +1226,7 @@ export const mcpTools = [
     },
     {
         name: 'filesystem-edit',
-        description: 'Line-based editing for precise control. **SUPPORTS BATCH EDITING**: Pass (1) single file with line range, (2) array of file paths with unified line range, or (3) array of {path, startLine, endLine, newContent} for per-file edits. **WHEN TO USE**: (1) Adding new code sections, (2) Deleting specific line ranges, (3) When search-replace not suitable. **WORKFLOW**: (1) Use ace-text_search/ace-file_outline to locate area, (2) Use filesystem-read to get line numbers, (3) Use THIS tool. **RECOMMENDATION**: For modifying existing code, use filesystem-edit_search - safer. **BATCH EXAMPLE**: filePath=[{path:"a.ts", startLine:10, endLine:20, newContent:"..."}, {path:"b.ts", startLine:50, endLine:60, newContent:"..."}] **It is very important to use the filesystem-read tool to determine the code boundaries of the area that need to be modified first to avoid syntactic errors**',
+        description: 'Line-based editing for precise control. SUPPORTS BATCH EDITING: Pass (1) single file with line range, (2) array of file paths with unified line range, or (3) array of {path, startLine, endLine, newContent} for per-file edits. WHEN TO USE: (1) Adding new code sections, (2) Deleting specific line ranges, (3) When search-replace not suitable. CRITICAL WORKFLOW FOR CODE SAFETY: (1) Use ace-text_search/ace-file_outline to locate area, (2) MUST use filesystem-read to identify COMPLETE code boundaries - for functions: include opening line to closing brace; for markup tags (HTML/Vue/JSX): include opening tag to closing tag; for code blocks: include all braces/brackets, (3) Verify line range covers the ENTIRE syntactic unit (check indentation levels, matching pairs), (4) Use THIS tool with exact startLine/endLine. RECOMMENDATION: For modifying existing code, use filesystem-edit_search - safer and no line tracking needed. COMMON ERRORS TO AVOID: Line range stops mid-function (missing closing brace), partial markup tags, incomplete code blocks. Always verify boundaries with filesystem-read first. BATCH EXAMPLE: filePath=[{path:"a.ts", startLine:10, endLine:20, newContent:"..."}, {path:"b.ts", startLine:50, endLine:60, newContent:"..."}]',
         inputSchema: {
             type: 'object',
             properties: {

package/dist/mcp/subagent.d.ts

@@ -1,11 +1,12 @@
 import type { SubAgentMessage } from '../utils/subAgentExecutor.js';
 import type { ToolCall } from '../utils/toolExecutor.js';
+import type { ConfirmationResult } from '../ui/components/ToolConfirmation.js';
 export interface SubAgentToolExecutionOptions {
     agentId: string;
     prompt: string;
     onMessage?: (message: SubAgentMessage) => void;
     abortSignal?: AbortSignal;
-    requestToolConfirmation?: (toolCall: ToolCall, batchToolNames?: string, allTools?: ToolCall[]) => Promise<string>;
+    requestToolConfirmation?: (toolCall: ToolCall, batchToolNames?: string, allTools?: ToolCall[]) => Promise<ConfirmationResult>;
     isToolAutoApproved?: (toolName: string) => boolean;
     yoloMode?: boolean;
     addToAlwaysApproved?: (toolName: string) => void;

package/dist/mcp/subagent.js

@@ -1,5 +1,5 @@
 import { executeSubAgent } from '../utils/subAgentExecutor.js';
-import { getSubAgents } from '../utils/subAgentConfig.js';
+import { getUserSubAgents } from '../utils/subAgentConfig.js';
 /**
  * Sub-Agent MCP Service
  * Provides tools for executing sub-agents with their own specialized system prompts and tool access
@@ -32,14 +32,62 @@ export class SubAgentService {
         return {
             success: true,
             result: result.result,
+            usage: result.usage,
         };
     }
     /**
      * Get all available sub-agents as MCP tools
      */
     getTools() {
-        const subAgents = getSubAgents();
-        return subAgents.map(agent => ({
+        // Get only user-configured agents (built-in agents are hardcoded below)
+        const userAgents = getUserSubAgents();
+        // Built-in agents (hardcoded, always available)
+        const tools = [
+            {
+                name: 'agent_explore',
+                description: 'Explore Agent: Specialized for quickly exploring and understanding codebases. Excels at searching code, finding definitions, analyzing code structure and dependencies. Read-only operations, will not modify files or execute commands.',
+                inputSchema: {
+                    type: 'object',
+                    properties: {
+                        prompt: {
+                            type: 'string',
+                            description: 'CRITICAL: Provide COMPLETE context from main session. Sub-agent has NO access to main conversation history. Include: (1) Full task description with business requirements, (2) Known file locations and code paths, (3) Relevant code snippets or patterns already discovered, (4) Any constraints or important context. Example: "Explore authentication implementation. Main flow uses OAuth in src/auth/oauth.ts, need to find all related error handling. User mentioned JWT tokens are validated in middleware."',
+                        },
+                    },
+                    required: ['prompt'],
+                },
+            },
+            {
+                name: 'agent_plan',
+                description: 'Plan Agent: Specialized for planning complex tasks. Analyzes requirements, explores code, identifies relevant files, and creates detailed implementation plans. Read-only operations, outputs structured implementation proposals.',
+                inputSchema: {
+                    type: 'object',
+                    properties: {
+                        prompt: {
+                            type: 'string',
+                            description: 'CRITICAL: Provide COMPLETE context from main session. Sub-agent has NO access to main conversation history. Include: (1) Full requirement details and business objectives, (2) Current architecture/file structure understanding, (3) Known dependencies and constraints, (4) Files/modules already identified that need changes, (5) User preferences or specific implementation approaches mentioned. Example: "Plan caching implementation. Current API uses Express in src/server.ts, data layer in src/models/. Need Redis caching, user wants minimal changes to existing controllers in src/controllers/."',
+                        },
+                    },
+                    required: ['prompt'],
+                },
+            },
+            {
+                name: 'agent_general',
+                description: 'General Purpose Agent: General-purpose multi-step task execution agent. Has full tool access for searching, modifying files, and executing commands. Best for complex tasks requiring actual operations.',
+                inputSchema: {
+                    type: 'object',
+                    properties: {
+                        prompt: {
+                            type: 'string',
+                            description: 'CRITICAL: Provide COMPLETE context from main session. Sub-agent has NO access to main conversation history. Include: (1) Full task description with step-by-step requirements, (2) Exact file paths and locations to modify, (3) Code patterns/snippets to follow or replicate, (4) Dependencies between files/changes, (5) Testing/verification requirements, (6) Any business logic or constraints discovered in main session. Example: "Update error handling across API. Files: src/api/users.ts, src/api/posts.ts, src/api/comments.ts. Replace old pattern try-catch with new ErrorHandler class from src/utils/errorHandler.ts. Must preserve existing error codes. Run npm test after changes."',
+                        },
+                    },
+                    required: ['prompt'],
+                },
+            },
+        ];
+        // Add user-configured agents (avoid duplicates with built-in)
+        tools.push(...userAgents.map(agent => ({
             name: agent.id,
             description: `${agent.name}: ${agent.description}`,
             inputSchema: {
@@ -47,12 +95,13 @@ export class SubAgentService {
                 properties: {
                     prompt: {
                         type: 'string',
-                        description: 'The task prompt to send to the sub-agent',
+                        description: 'CRITICAL: Provide COMPLETE context from main session. Sub-agent has NO access to main conversation history. Include all relevant: (1) Task requirements and objectives, (2) Known file locations and code structure, (3) Business logic and constraints, (4) Code patterns or examples, (5) Dependencies and relationships. Be specific and comprehensive - sub-agent cannot ask for clarification from main session.',
                     },
                 },
                 required: ['prompt'],
             },
-        }));
+        })));
+        return tools;
     }
 }
 // Export a default instance

package/dist/ui/components/ChatInput.js

@@ -15,6 +15,7 @@ import { useTerminalSize } from '../../hooks/useTerminalSize.js';
 import { useTerminalFocus } from '../../hooks/useTerminalFocus.js';
 import { useAgentPicker } from '../../hooks/useAgentPicker.js';
 import { useTodoPicker } from '../../hooks/useTodoPicker.js';
+import { useI18n } from '../../i18n/index.js';
 /**
  * Calculate context usage percentage
  * This is the same logic used in ChatInput to display usage
@@ -33,6 +34,8 @@ export function calculateContextPercentage(contextUsage) {
     return Math.min(100, (totalInputTokens / contextUsage.maxContextTokens) * 100);
 }
 export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type your message...', disabled = false, isProcessing = false, chatHistory = [], onHistorySelect, yoloMode = false, contextUsage, initialContent = null, onContextPercentageChange, }) {
+    // Use i18n hook for translations
+    const { t } = useI18n();
     // Use terminal size hook to listen for resize events
     const { columns: terminalWidth } = useTerminalSize();
     const prevTerminalWidthRef = useRef(terminalWidth);
@@ -239,7 +242,7 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
         else {
             return (React.createElement(React.Fragment, null,
                 renderCursor(' '),
-                React.createElement(Text, { color: disabled ? 'darkGray' : 'gray', dimColor: true }, disabled ? 'Waiting for response...' : placeholder)));
+                React.createElement(Text, { color: disabled ? 'darkGray' : 'gray', dimColor: true }, disabled ? t.chatScreen.waitingForResponse : placeholder)));
         }
     };
     return (React.createElement(Box, { flexDirection: "column", paddingX: 1, width: terminalWidth },
@@ -260,10 +263,7 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
                 const hasMoreAbove = startIndex > 0;
                 const hasMoreBelow = endIndex < userMessages.length;
                 return (React.createElement(React.Fragment, null,
-                    React.createElement(Box, { height: 1 }, hasMoreAbove ? (React.createElement(Text, { color: "gray", dimColor: true },
-                        "\u2191 ",
-                        startIndex,
-                        " more above...")) : (React.createElement(Text, null, " "))),
+                    React.createElement(Box, { height: 1 }, hasMoreAbove ? (React.createElement(Text, { color: "gray", dimColor: true }, t.chatScreen.moreAbove.replace('{count}', startIndex.toString()))) : (React.createElement(Text, null, " "))),
                     visibleMessages.map((message, displayIndex) => {
                         const actualIndex = startIndex + displayIndex;
                         // Ensure single line by removing all newlines and control characters
@@ -284,13 +284,10 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
                                 actualIndex === historySelectedIndex ? '❯  ' : '  ',
                                 truncatedLabel)));
                     }),
-                    React.createElement(Box, { height: 1 }, hasMoreBelow ? (React.createElement(Text, { color: "gray", dimColor: true },
-                        "\u2193 ",
-                        userMessages.length - endIndex,
-                        " more below...")) : (React.createElement(Text, null, " ")))));
+                    React.createElement(Box, { height: 1 }, hasMoreBelow ? (React.createElement(Text, { color: "gray", dimColor: true }, t.chatScreen.moreBelow.replace('{count}', (userMessages.length - endIndex).toString()))) : (React.createElement(Text, null, " ")))));
             })()),
             React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: "cyan", dimColor: true }, "\u2191\u2193 navigate \u00B7 Enter select \u00B7 ESC close")))),
+                React.createElement(Text, { color: "cyan", dimColor: true }, t.chatScreen.historyNavigateHint)))),
         !showHistoryMenu && (React.createElement(React.Fragment, null,
             React.createElement(Box, { flexDirection: "column", width: terminalWidth - 2 },
                 React.createElement(Text, { color: "gray" }, '─'.repeat(terminalWidth - 2)),
@@ -300,13 +297,22 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
                         ' '),
                     React.createElement(Box, { flexGrow: 1 }, renderContent())),
                 React.createElement(Text, { color: "gray" }, '─'.repeat(terminalWidth - 2))),
+            (showCommands && getFilteredCommands().length > 0) ||
+                showFilePicker ? (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, null, showCommands && getFilteredCommands().length > 0
+                    ? t.chatScreen.typeToFilterCommands
+                    : showFilePicker
+                        ? searchMode === 'content'
+                            ? t.chatScreen.contentSearchHint
+                            : t.chatScreen.fileSearchHint
+                        : ''))) : null,
             React.createElement(CommandPanel, { commands: getFilteredCommands(), selectedIndex: commandSelectedIndex, query: buffer.getFullText().slice(1), visible: showCommands, isProcessing: commandPanelIsProcessing }),
             React.createElement(Box, null,
                 React.createElement(FileList, { ref: fileListRef, query: fileQuery, selectedIndex: fileSelectedIndex, visible: showFilePicker, maxItems: 10, rootPath: process.cwd(), onFilteredCountChange: handleFilteredCountChange, searchMode: searchMode })),
             React.createElement(AgentPickerPanel, { selectedIndex: agentSelectedIndex, visible: showAgentPicker, maxHeight: 5 }),
             React.createElement(TodoPickerPanel, { todos: todos, selectedIndex: todoSelectedIndex, selectedTodos: selectedTodos, visible: showTodoPicker, maxHeight: 5, isLoading: todoIsLoading, searchQuery: todoSearchQuery, totalCount: totalTodoCount }),
             yoloMode && (React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: "yellow", dimColor: true }, "\u2741 YOLO MODE ACTIVE - All tools will be auto-approved without confirmation"))),
+                React.createElement(Text, { color: "yellow", dimColor: true }, t.chatScreen.yoloModeActive))),
             contextUsage && (React.createElement(Box, { marginTop: 1 },
                 React.createElement(Text, { color: "gray", dimColor: true }, (() => {
                     // Determine which caching system is being used
@@ -342,7 +348,7 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
                             "%"),
                         React.createElement(Text, null, " \u00B7 "),
                         React.createElement(Text, { color: color }, formatNumber(totalInputTokens)),
-                        React.createElement(Text, null, " tokens"),
+                        React.createElement(Text, null, t.chatScreen.tokens),
                         hasCacheMetrics && (React.createElement(React.Fragment, null,
                             React.createElement(Text, null, " \u00B7 "),
                             isAnthropic && (React.createElement(React.Fragment, null,
@@ -352,7 +358,7 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
                                         ' ',
                                         formatNumber(contextUsage.cacheReadTokens || 0),
                                         ' ',
-                                        "cached"))),
+                                        t.chatScreen.cached))),
                                 (contextUsage.cacheCreationTokens || 0) > 0 && (React.createElement(React.Fragment, null,
                                     (contextUsage.cacheReadTokens || 0) > 0 && (React.createElement(Text, null, " \u00B7 ")),
                                     React.createElement(Text, { color: "magenta" },
@@ -360,20 +366,11 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
                                         ' ',
                                         formatNumber(contextUsage.cacheCreationTokens || 0),
                                         ' ',
-                                        "new cache"))))),
+                                        t.chatScreen.newCache))))),
                             isOpenAI && (React.createElement(Text, { color: "cyan" },
                                 "\u21AF ",
                                 formatNumber(contextUsage.cachedTokens || 0),
                                 ' ',
-                                "cached"))))));
-                })()))),
-            (showCommands && getFilteredCommands().length > 0) ||
-                showFilePicker ? (React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, null, showCommands && getFilteredCommands().length > 0
-                    ? 'Type to filter commands'
-                    : showFilePicker
-                        ? searchMode === 'content'
-                            ? 'Content search • Tab/Enter to select • ESC to cancel'
-                            : 'Type to filter files • Tab/Enter to select • ESC to cancel'
-                        : ''))) : null))));
+                                t.chatScreen.cached))))));
+                })())))))));
 }

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

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

package/dist/ui/components/CommandPanel.js

@@ -1,10 +1,14 @@
 import React, { memo, useMemo } from 'react';
 import { Box, Text } from 'ink';
 import { Alert } from '@inkjs/ui';
-const CommandPanel = memo(({ commands, selectedIndex, visible, maxHeight, isProcessing = false }) => {
+import { useI18n } from '../../i18n/index.js';
+const CommandPanel = memo(({ commands, selectedIndex, visible, maxHeight, isProcessing = false, }) => {
+    const { t } = useI18n();
     // 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;
+    const effectiveMaxItems = maxHeight
+        ? Math.min(maxHeight, MAX_DISPLAY_ITEMS)
+        : MAX_DISPLAY_ITEMS;
     // Limit displayed commands
     const displayedCommands = useMemo(() => {
         if (commands.length <= effectiveMaxItems) {
@@ -22,7 +26,7 @@ const CommandPanel = memo(({ commands, selectedIndex, visible, maxHeight, isProc
     }, [commands, selectedIndex, effectiveMaxItems]);
     // Calculate actual selected index in the displayed subset
     const displayedSelectedIndex = useMemo(() => {
-        return displayedCommands.findIndex((cmd) => {
+        return displayedCommands.findIndex(cmd => {
             const originalIndex = commands.indexOf(cmd);
             return originalIndex === selectedIndex;
         });
@@ -37,9 +41,9 @@ const CommandPanel = memo(({ commands, selectedIndex, visible, maxHeight, isProc
             React.createElement(Box, { width: "100%" },
                 React.createElement(Box, { flexDirection: "column", width: "100%" },
                     React.createElement(Box, null,
-                        React.createElement(Text, { color: "yellow", bold: true }, "Command Panel")),
+                        React.createElement(Text, { color: "yellow", bold: true }, t.commandPanel.title)),
                     React.createElement(Box, { marginTop: 1 },
-                        React.createElement(Alert, { variant: "info" }, "Please wait for the conversation to complete before using commands"))))));
+                        React.createElement(Alert, { variant: "info" }, t.commandPanel.processingMessage))))));
     }
     // Don't show panel if no commands found
     if (commands.length === 0) {
@@ -50,22 +54,25 @@ const CommandPanel = memo(({ commands, selectedIndex, visible, maxHeight, isProc
             React.createElement(Box, { flexDirection: "column", width: "100%" },
                 React.createElement(Box, null,
                     React.createElement(Text, { color: "yellow", bold: true },
-                        "Available Commands ",
-                        commands.length > effectiveMaxItems && `(${selectedIndex + 1}/${commands.length})`)),
+                        t.commandPanel.availableCommands,
+                        ' ',
+                        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 ? "❯ " : "  ",
+                    React.createElement(Text, { color: index === displayedSelectedIndex ? 'green' : 'gray', bold: true },
+                        index === displayedSelectedIndex ? '❯ ' : '  ',
                         "/",
                         command.name),
                     React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(Text, { color: index === displayedSelectedIndex ? "green" : "gray", dimColor: true },
+                        React.createElement(Text, { color: index === displayedSelectedIndex ? 'green' : 'gray', dimColor: true },
                             "\u2514\u2500 ",
                             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")))))));
+                        t.commandPanel.scrollHint,
+                        " \u00B7",
+                        ' ',
+                        t.commandPanel.moreHidden.replace('{count}', (commands.length - effectiveMaxItems).toString()))))))));
 });
 CommandPanel.displayName = 'CommandPanel';
 export default CommandPanel;

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

@@ -7,5 +7,5 @@ interface Props {
     completeNewContent?: string;
     startLineNumber?: number;
 }
-export default function DiffViewer({ oldContent, newContent, filename, completeOldContent, completeNewContent, startLineNumber, }: Props): React.JSX.Element;
+export default function DiffViewer({ oldContent, newContent, filename, completeOldContent, completeNewContent, startLineNumber, }: Props): React.JSX.Element | null;
 export {};