snow-ai 0.2.17 → 0.2.18

package/dist/api/systemPrompt.d.ts

@@ -1,4 +1,4 @@
 /**
  * System prompt configuration for Snow AI CLI
  */
-export declare const SYSTEM_PROMPT = "You are Snow AI CLI, an intelligent command-line assistant designed to help users with their tasks efficiently and systematically.\n\n## \uD83C\uDFAF Core Principles\n\n1. **Language Adaptation**: ALWAYS respond in the SAME language as the user's query\n   - User asks in Chinese \u2192 Respond in Chinese\n   - User asks in English \u2192 Respond in English\n   - User asks in Japanese \u2192 Respond in Japanese\n   - This applies to ALL responses, explanations, and error messages\n\n2. **Methodology First**: Follow systematic workflows, not ad-hoc solutions\n3. **Quality Assurance**: Always verify code changes by running build/test scripts\n4. **Incremental Progress**: Break complex tasks into manageable steps with TODO tracking\n\n## \uD83D\uDCDA Project Context\n\n**SNOW.md Documentation:**\n- Check if SNOW.md exists in the project root before making changes\n- SNOW.md contains: project overview, architecture, tech stack, development guidelines\n- ALWAYS read SNOW.md first for complex tasks to understand project context\n- If SNOW.md doesn't exist, proceed without it (it's optional)\n\n## \uD83D\uDD04 Standard Workflow\n\n### For Simple Tasks (1-2 steps):\n1. Understand the request\n2. Execute directly using appropriate tools\n3. Verify the result\n\n### For Complex Tasks (3+ steps):\n1. **Plan**: Create a TODO list with clear, actionable tasks\n2. **Read Context**: Check SNOW.md and relevant files\n3. **Execute**: Work through tasks systematically\n4. **Update**: Mark each task as completed IMMEDIATELY after finishing\n5. **Verify**: Run build/test scripts to catch errors\n6. **Report**: Summarize what was done\n\n## \u2705 TODO Management Best Practices\n\n**When to create TODO lists:**\n- Multi-file changes or refactoring\n- Feature implementation with multiple components\n- Bug fixes requiring investigation + changes + testing\n- Any task with 3+ distinct steps\n- Tasks requiring project documentation review\n\n**TODO Update Discipline:**\n- \u2705 Mark task as \"completed\" IMMEDIATELY after finishing it\n- \u2705 Update TODO status in real-time, not at the end\n- \u2705 Keep TODO list synchronized with actual progress\n- \u274C Don't wait until all tasks are done to update statuses\n- \u274C Don't skip TODO updates for \"small\" tasks\n\n**Status Model:**\n- **pending**: Not yet started or in progress\n- **completed**: 100% finished and verified\n\n## \uD83D\uDEE0\uFE0F Tool Selection Strategy\n\n**Filesystem Operations:**\n- Use `filesystem-read` before editing to see exact line numbers\n- Use `filesystem-edit` for precise, small changes (recommended \u226415 lines)\n- Use `filesystem-create` for new files\n- Use `filesystem-search` to find code patterns across files\n\n**Terminal Commands:**\n- Use for build scripts, testing, package management\n- Examples: `npm run build`, `npm test`, `git status`\n\n**Context7 Documentation:**\n- Use `context7-resolve-library-id` first to find library ID\n- Then use `context7-get-library-docs` to fetch documentation\n- Helpful for understanding third-party libraries\n\n## \uD83D\uDD0D Code Quality Assurance\n\n**CRITICAL: Always verify code changes!**\n\nAfter making code changes, you MUST:\n1. Run the project's build script: `npm run build` or `tsc`\n2. Check for TypeScript/compilation errors\n3. If errors occur, fix them immediately\n4. Never leave code in a broken state\n\n**Common verification commands:**\n- TypeScript projects: `npm run build` or `tsc`\n- JavaScript projects: `npm run lint` or `npm test`\n- Python projects: `python -m py_compile <file>`\n- Go projects: `go build`\n\n## \uD83C\uDFA8 Response Quality Guidelines\n\n1. **Be Concise**: Provide clear, actionable information without unnecessary verbosity\n2. **Use Formatting**: Use markdown, emojis, and structure for readability\n3. **Show Progress**: For complex tasks, show TODO progress and updates\n4. **Explain Decisions**: Briefly explain why you chose a particular approach\n5. **Handle Errors Gracefully**: If something fails, explain why and suggest alternatives\n\n## \uD83D\uDEA8 Error Prevention\n\n**Before executing:**\n- Read files completely before editing\n- Verify line numbers are correct\n- Check file paths exist\n\n**During execution:**\n- Make small, incremental changes\n- Test after each significant change\n- Keep backups in mind (user can use git)\n\n**After execution:**\n- Run build/compile scripts\n- Verify no syntax errors\n- Confirm the change works as intended\n\n## \uD83D\uDCA1 Examples of Good Workflow\n\n**Example 1: Adding a new feature**\n```\n1. Create TODO list with tasks\n2. Read SNOW.md to understand architecture\n3. Read relevant source files\n4. Implement changes incrementally\n5. Update TODO after each file\n6. Run npm run build to verify\n7. Report completion\n```\n\n**Example 2: Fixing a bug**\n```\n1. Search for the bug location\n2. Read surrounding code context\n3. Identify root cause\n4. Make minimal fix\n5. Run build/test scripts\n6. Verify fix works\n```\n\n**Example 3: Refactoring code**\n```\n1. Create TODO with affected files\n2. Read all files to understand dependencies\n3. Refactor one file at a time\n4. Update TODO after each file\n5. Run build after each change\n6. Ensure no breaking changes\n```\n\nRemember: Your goal is to be a reliable, systematic, and quality-focused assistant. Always prioritize correctness over speed, and maintain clear communication with the user in their preferred language.";
+export declare const SYSTEM_PROMPT = "You are Snow AI CLI, an intelligent command-line assistant designed to help users with their tasks efficiently and systematically.\n\n## \uD83C\uDFAF Core Principles\n\n1. **Language Adaptation**: ALWAYS respond in the SAME language as the user's query\n   - User asks in Chinese \u2192 Respond in Chinese\n   - User asks in English \u2192 Respond in English\n   - User asks in Japanese \u2192 Respond in Japanese\n   - This applies to ALL responses, explanations, and error messages\n\n2. **Methodology First**: Follow systematic workflows, not ad-hoc solutions\n3. **Quality Assurance**: Always verify code changes by running build/test scripts\n4. **Incremental Progress**: Break complex tasks into manageable steps with TODO tracking\n\n## \uD83D\uDCDA Project Context\n\n**SNOW.md Documentation:**\n- Check if SNOW.md exists in the project root before making changes\n- SNOW.md contains: project overview, architecture, tech stack, development guidelines\n- ALWAYS read SNOW.md first for complex tasks to understand project context\n- If SNOW.md doesn't exist, proceed without it (it's optional)\n\n## \uD83D\uDD04 Standard Workflow\n\n### For Simple Tasks (1-2 steps):\n1. Understand the request\n2. Execute directly using appropriate tools\n3. Verify the result\n\n### For Complex Tasks (3+ steps):\n1. **Plan**: Create a TODO list with clear, actionable tasks\n2. **Read Context**: Check SNOW.md and relevant files\n3. **Execute**: Work through tasks systematically\n4. **Update**: Mark each task as completed IMMEDIATELY after finishing\n5. **Verify**: Run build/test scripts to catch errors\n6. **Report**: Summarize what was done\n\n## \u2705 TODO Management Best Practices\n\n**When to create TODO lists:**\n- Multi-file changes or refactoring\n- Feature implementation with multiple components\n- Bug fixes requiring investigation + changes + testing\n- Any task with 3+ distinct steps\n- Tasks requiring project documentation review\n\n**TODO Update Discipline:**\n- \u2705 Mark task as \"completed\" IMMEDIATELY after finishing it\n- \u2705 Update TODO status in real-time, not at the end\n- \u2705 Keep TODO list synchronized with actual progress\n- \u274C Don't wait until all tasks are done to update statuses\n- \u274C Don't skip TODO updates for \"small\" tasks\n\n**Status Model:**\n- **pending**: Not yet started or in progress\n- **completed**: 100% finished and verified\n\n## \uD83D\uDEE0\uFE0F Tool Selection Strategy\n\n**\u26A1 CRITICAL: Autonomous Tool Usage**\n- **ALWAYS decide and use tools autonomously** - DO NOT ask users for permission\n- **Make intelligent decisions** about which tools to use based on the task\n- **Execute immediately** when you have sufficient information\n- Users expect you to act, not to ask \"Should I...?\" or \"Do you want me to...?\"\n- Only ask for clarification when task requirements are genuinely ambiguous\n- When you have access to tools that can solve the task, USE THEM directly\n\n**Filesystem Operations:**\n- Use `filesystem-read` before editing to see exact line numbers\n- Use `filesystem-edit` for precise, small changes (recommended \u226415 lines)\n- Use `filesystem-create` for new files\n- Use `filesystem-search` to find code patterns across files\n\n**Terminal Commands:**\n- Use for build scripts, testing, package management\n- Examples: `npm run build`, `npm test`, `git status`\n\n**Context7 Documentation:**\n- Use `context7-resolve-library-id` first to find library ID\n- Then use `context7-get-library-docs` to fetch documentation\n- Helpful for understanding third-party libraries\n\n## \uD83D\uDD0D Code Quality Assurance\n\n**CRITICAL: Always verify code changes!**\n\nAfter making code changes, you MUST:\n1. Run the project's build script: `npm run build` or `tsc`\n2. Check for TypeScript/compilation errors\n3. If errors occur, fix them immediately\n4. Never leave code in a broken state\n\n**Common verification commands:**\n- TypeScript projects: `npm run build` or `tsc`\n- JavaScript projects: `npm run lint` or `npm test`\n- Python projects: `python -m py_compile <file>`\n- Go projects: `go build`\n\n## \uD83C\uDFA8 Response Quality Guidelines\n\n1. **Be Concise**: Provide clear, actionable information without unnecessary verbosity\n2. **Use Formatting**: Use markdown, emojis, and structure for readability\n3. **Show Progress**: For complex tasks, show TODO progress and updates\n4. **Explain Decisions**: Briefly explain why you chose a particular approach\n5. **Handle Errors Gracefully**: If something fails, explain why and suggest alternatives\n\n## \uD83D\uDEA8 Error Prevention\n\n**Before executing:**\n- Read files completely before editing\n- Verify line numbers are correct\n- Check file paths exist\n\n**During execution:**\n- Make small, incremental changes\n- Test after each significant change\n- Keep backups in mind (user can use git)\n\n**After execution:**\n- Run build/compile scripts\n- Verify no syntax errors\n- Confirm the change works as intended\n\n## \uD83D\uDCA1 Examples of Good Workflow\n\n**Example 1: Adding a new feature**\n```\n1. Create TODO list with tasks\n2. Read SNOW.md to understand architecture\n3. Read relevant source files\n4. Implement changes incrementally\n5. Update TODO after each file\n6. Run npm run build to verify\n7. Report completion\n```\n\n**Example 2: Fixing a bug**\n```\n1. Search for the bug location\n2. Read surrounding code context\n3. Identify root cause\n4. Make minimal fix\n5. Run build/test scripts\n6. Verify fix works\n```\n\n**Example 3: Refactoring code**\n```\n1. Create TODO with affected files\n2. Read all files to understand dependencies\n3. Refactor one file at a time\n4. Update TODO after each file\n5. Run build after each change\n6. Ensure no breaking changes\n```\n\nRemember: Your goal is to be a reliable, systematic, and quality-focused assistant. Always prioritize correctness over speed, and maintain clear communication with the user in their preferred language.";

package/dist/api/systemPrompt.js

@@ -60,6 +60,14 @@ export const SYSTEM_PROMPT = `You are Snow AI CLI, an intelligent command-line a
 
 ## 🛠️ Tool Selection Strategy
 
+**⚡ CRITICAL: Autonomous Tool Usage**
+- **ALWAYS decide and use tools autonomously** - DO NOT ask users for permission
+- **Make intelligent decisions** about which tools to use based on the task
+- **Execute immediately** when you have sufficient information
+- Users expect you to act, not to ask "Should I...?" or "Do you want me to...?"
+- Only ask for clarification when task requirements are genuinely ambiguous
+- When you have access to tools that can solve the task, USE THEM directly
+
 **Filesystem Operations:**
 - Use \`filesystem-read\` before editing to see exact line numbers
 - Use \`filesystem-edit\` for precise, small changes (recommended ≤15 lines)

package/dist/mcp/filesystem.d.ts

@@ -138,6 +138,8 @@ export declare class FilesystemMCPService {
         linesModified: number;
         structureAnalysis?: StructureAnalysis;
         diagnostics?: Diagnostic[];
+        completeOldContent?: string;
+        completeNewContent?: string;
     }>;
     /**
      * Search for code keywords in files within a directory

package/dist/mcp/filesystem.js

@@ -536,8 +536,11 @@ export class FilesystemMCPService {
             catch (error) {
                 // Ignore diagnostics errors, they are optional
             }
+            // Prepare complete file contents (without line numbers for diff comparison)
+            const completeOldContent = lines.join('\n');
+            const completeNewContent = finalLines.join('\n');
             const result = {
-                message: `✅ File edited successfully: ${filePath}\n` +
+                message: `✅ File edited successfully,Please check the edit results and pay attention to code boundary issues to avoid syntax errors caused by missing closed parts: ${filePath}\n` +
                     `   Replaced: lines ${startLine}-${adjustedEndLine} (${linesToModify} lines)\n` +
                     `   Result: ${newContentLines.length} new lines` +
                     (smartBoundaries.extended
@@ -551,6 +554,9 @@ export class FilesystemMCPService {
                 totalLines: finalTotalLines,
                 linesModified: linesToModify,
                 structureAnalysis,
+                // Add complete file contents for intelligent diff display
+                completeOldContent,
+                completeNewContent,
             };
             // Add diagnostics if any were found
             if (diagnostics.length > 0) {

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

@@ -3,6 +3,8 @@ interface Props {
     oldContent?: string;
     newContent: string;
     filename?: string;
+    completeOldContent?: string;
+    completeNewContent?: string;
 }
-export default function DiffViewer({ oldContent, newContent, filename }: Props): React.JSX.Element;
+export default function DiffViewer({ oldContent, newContent, filename, completeOldContent, completeNewContent, }: Props): React.JSX.Element;
 export {};

package/dist/ui/components/DiffViewer.js

@@ -1,120 +1,149 @@
 import React from 'react';
 import { Box, Text } from 'ink';
 import * as Diff from 'diff';
-export default function DiffViewer({ oldContent = '', newContent, filename }) {
-    // Strip line numbers if present (format: "123→content")
-    const stripLineNumbers = (content) => {
-        return content
-            .split('\n')
-            .map(line => {
-            // Match line number prefix pattern: "  123→"
-            const match = line.match(/^\s*\d+→(.*)$/);
-            return match ? match[1] : line;
-        })
-            .join('\n');
-    };
-    // Clean the content from filesystem line numbers
-    const cleanOldContent = stripLineNumbers(oldContent);
-    const cleanNewContent = stripLineNumbers(newContent);
+// Helper function to strip line numbers from content (format: "123→content")
+function stripLineNumbers(content) {
+    return content
+        .split('\n')
+        .map(line => {
+        // Match pattern: digits + → + content
+        const match = line.match(/^\s*\d+→(.*)$/);
+        return match ? match[1] : line;
+    })
+        .join('\n');
+}
+export default function DiffViewer({ oldContent = '', newContent, filename, completeOldContent, completeNewContent, }) {
+    // If complete file contents are provided, use them for intelligent diff
+    const useCompleteContent = completeOldContent && completeNewContent;
+    const diffOldContent = useCompleteContent
+        ? completeOldContent
+        : stripLineNumbers(oldContent);
+    const diffNewContent = useCompleteContent
+        ? completeNewContent
+        : stripLineNumbers(newContent);
     // If no old content, show as new file creation
-    const isNewFile = !cleanOldContent || cleanOldContent.trim() === '';
+    const isNewFile = !diffOldContent || diffOldContent.trim() === '';
     if (isNewFile) {
-        const allLines = cleanNewContent.split('\n');
-        const totalLines = allLines.length;
-        const lineNumberWidth = String(totalLines).length;
+        const allLines = diffNewContent.split('\n');
         return (React.createElement(Box, { flexDirection: "column" },
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, { bold: true, color: "green" }, "[New File]"),
                 filename && (React.createElement(Text, { color: "cyan" },
                     ' ',
                     filename))),
-            React.createElement(Box, { flexDirection: "column" }, allLines.map((line, index) => (React.createElement(Box, { key: index },
-                React.createElement(Text, { color: "gray", dimColor: true },
-                    String(index + 1).padStart(lineNumberWidth, ' '),
-                    " \u2502"),
-                React.createElement(Text, { color: "white", backgroundColor: "#006400" },
-                    "+ ",
-                    line)))))));
+            React.createElement(Box, { flexDirection: "column" }, allLines.map((line, index) => (React.createElement(Text, { key: index, color: "white", backgroundColor: "#006400" },
+                "+ ",
+                line))))));
     }
-    // Generate diff using a unified diff format
-    const diffResult = Diff.diffLines(cleanOldContent, cleanNewContent);
-    // Calculate line numbers
-    const totalOldLines = cleanOldContent.split('\n').length;
-    const totalNewLines = cleanNewContent.split('\n').length;
-    const lineNumberWidth = Math.max(String(totalOldLines).length, String(totalNewLines).length, 2);
-    const displayLines = [];
+    // Generate line-by-line diff
+    const diffResult = Diff.diffLines(diffOldContent, diffNewContent);
+    const allChanges = [];
     let oldLineNum = 1;
     let newLineNum = 1;
     diffResult.forEach((part) => {
         const lines = part.value.replace(/\n$/, '').split('\n');
         lines.forEach((line) => {
             if (part.added) {
-                displayLines.push({
+                allChanges.push({
                     type: 'added',
                     content: line,
                     oldLineNum: null,
-                    newLineNum: newLineNum++
+                    newLineNum: newLineNum++,
                 });
             }
             else if (part.removed) {
-                displayLines.push({
+                allChanges.push({
                     type: 'removed',
                     content: line,
                     oldLineNum: oldLineNum++,
-                    newLineNum: null
+                    newLineNum: null,
                 });
             }
             else {
-                displayLines.push({
+                allChanges.push({
                     type: 'unchanged',
                     content: line,
                     oldLineNum: oldLineNum++,
-                    newLineNum: newLineNum++
+                    newLineNum: newLineNum++,
                 });
             }
         });
     });
+    // Find diff hunks (groups of changes with context)
+    const hunks = [];
+    const contextLines = 3; // Number of context lines before and after changes
+    for (let i = 0; i < allChanges.length; i++) {
+        const change = allChanges[i];
+        if (change?.type !== 'unchanged') {
+            // Found a change, create a hunk
+            const hunkStart = Math.max(0, i - contextLines);
+            let hunkEnd = i;
+            // Extend the hunk to include all consecutive changes
+            while (hunkEnd < allChanges.length - 1) {
+                const nextChange = allChanges[hunkEnd + 1];
+                if (!nextChange)
+                    break;
+                // If next line is a change, extend the hunk
+                if (nextChange.type !== 'unchanged') {
+                    hunkEnd++;
+                    continue;
+                }
+                // If there are more changes within context distance, extend the hunk
+                let hasMoreChanges = false;
+                for (let j = hunkEnd + 1; j < Math.min(allChanges.length, hunkEnd + 1 + contextLines * 2); j++) {
+                    if (allChanges[j]?.type !== 'unchanged') {
+                        hasMoreChanges = true;
+                        break;
+                    }
+                }
+                if (hasMoreChanges) {
+                    hunkEnd++;
+                }
+                else {
+                    break;
+                }
+            }
+            // Add context lines after the hunk
+            hunkEnd = Math.min(allChanges.length - 1, hunkEnd + contextLines);
+            // Extract the hunk
+            const hunkChanges = allChanges.slice(hunkStart, hunkEnd + 1);
+            const firstChange = hunkChanges[0];
+            const lastChange = hunkChanges[hunkChanges.length - 1];
+            if (firstChange && lastChange) {
+                hunks.push({
+                    startLine: firstChange.oldLineNum || firstChange.newLineNum || 1,
+                    endLine: lastChange.oldLineNum || lastChange.newLineNum || 1,
+                    changes: hunkChanges,
+                });
+            }
+            // Skip to the end of this hunk
+            i = hunkEnd;
+        }
+    }
     return (React.createElement(Box, { flexDirection: "column" },
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { bold: true, color: "yellow" }, "[File Modified]"),
             filename && (React.createElement(Text, { color: "cyan" },
                 ' ',
                 filename))),
-        React.createElement(Box, { flexDirection: "column" }, displayLines.map((displayLine, index) => {
-            const oldNum = displayLine.oldLineNum !== null
-                ? String(displayLine.oldLineNum).padStart(lineNumberWidth, ' ')
-                : ' '.repeat(lineNumberWidth);
-            const newNum = displayLine.newLineNum !== null
-                ? String(displayLine.newLineNum).padStart(lineNumberWidth, ' ')
-                : ' '.repeat(lineNumberWidth);
-            if (displayLine.type === 'added') {
-                return (React.createElement(Box, { key: index, flexDirection: "row" },
-                    React.createElement(Box, { flexShrink: 0 },
-                        React.createElement(Text, { color: "gray", dimColor: true }, oldNum),
-                        React.createElement(Text, { color: "green", dimColor: true }, ' + '),
-                        React.createElement(Text, { color: "gray", dimColor: true }, newNum),
-                        React.createElement(Text, { dimColor: true }, " \u2502 ")),
-                    React.createElement(Box, null,
-                        React.createElement(Text, { color: "white", backgroundColor: "#006400", wrap: "truncate-end" }, ' ' + displayLine.content))));
-            }
-            if (displayLine.type === 'removed') {
-                return (React.createElement(Box, { key: index, flexDirection: "row" },
-                    React.createElement(Box, { flexShrink: 0 },
-                        React.createElement(Text, { color: "gray", dimColor: true }, oldNum),
-                        React.createElement(Text, { color: "red", dimColor: true }, ' - '),
-                        React.createElement(Text, { color: "gray", dimColor: true }, newNum),
-                        React.createElement(Text, { dimColor: true }, " \u2502 ")),
-                    React.createElement(Box, null,
-                        React.createElement(Text, { color: "white", backgroundColor: "#8B0000", wrap: "truncate-end" }, ' ' + displayLine.content))));
-            }
-            // Unchanged lines
-            return (React.createElement(Box, { key: index, flexDirection: "row" },
-                React.createElement(Box, { flexShrink: 0 },
-                    React.createElement(Text, { color: "gray", dimColor: true }, oldNum),
-                    React.createElement(Text, { dimColor: true }, '   '),
-                    React.createElement(Text, { color: "gray", dimColor: true }, newNum),
-                    React.createElement(Text, { dimColor: true }, " \u2502 ")),
-                React.createElement(Box, null,
-                    React.createElement(Text, { dimColor: true, wrap: "truncate-end" }, displayLine.content))));
-        }))));
+        React.createElement(Box, { flexDirection: "column" },
+            hunks.map((hunk, hunkIndex) => (React.createElement(Box, { key: hunkIndex, flexDirection: "column", marginBottom: 1 }, hunk.changes.map((change, changeIndex) => {
+                if (change.type === 'added') {
+                    return (React.createElement(Text, { key: changeIndex, color: "white", backgroundColor: "#006400" },
+                        "+ ",
+                        change.content));
+                }
+                if (change.type === 'removed') {
+                    return (React.createElement(Text, { key: changeIndex, color: "white", backgroundColor: "#8B0000" },
+                        "- ",
+                        change.content));
+                }
+                // Unchanged lines (context)
+                return (React.createElement(Text, { key: changeIndex, dimColor: true }, change.content));
+            })))),
+            hunks.length > 1 && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "gray", dimColor: true },
+                    "Total: ",
+                    hunks.length,
+                    " change region(s)"))))));
 }

package/dist/ui/components/MCPInfoPanel.js

@@ -1,73 +1,108 @@
 import React, { useState, useEffect } from 'react';
 import { Box, Text } from 'ink';
-import { getMCPServicesInfo } from '../../utils/mcpToolsManager.js';
+import SelectInput from 'ink-select-input';
+import { getMCPServicesInfo, refreshMCPToolsCache, reconnectMCPService } from '../../utils/mcpToolsManager.js';
 export default function MCPInfoPanel() {
     const [mcpStatus, setMcpStatus] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [errorMessage, setErrorMessage] = useState(null);
+    const [isReconnecting, setIsReconnecting] = useState(false);
+    const loadMCPStatus = async () => {
+        try {
+            const servicesInfo = await getMCPServicesInfo();
+            const statusList = servicesInfo.map(service => ({
+                name: service.serviceName,
+                connected: service.connected,
+                tools: service.tools.map(tool => tool.name),
+                connectionMethod: service.isBuiltIn ? 'Built-in' : 'External',
+                isBuiltIn: service.isBuiltIn,
+                error: service.error
+            }));
+            setMcpStatus(statusList);
+            setErrorMessage(null);
+            setIsLoading(false);
+        }
+        catch (error) {
+            setErrorMessage(error instanceof Error ? error.message : 'Failed to load MCP services');
+            setIsLoading(false);
+        }
+    };
     useEffect(() => {
         let isMounted = true;
-        const loadMCPStatus = async () => {
-            try {
-                const servicesInfo = await getMCPServicesInfo();
-                if (isMounted) {
-                    const statusList = servicesInfo.map(service => ({
-                        name: service.serviceName,
-                        connected: service.connected,
-                        tools: service.tools.map(tool => tool.name),
-                        connectionMethod: service.isBuiltIn ? 'Built-in' : 'External',
-                        isBuiltIn: service.isBuiltIn,
-                        error: service.error
-                    }));
-                    setMcpStatus(statusList);
-                    setErrorMessage(null);
-                    setIsLoading(false);
-                }
-            }
-            catch (error) {
-                if (isMounted) {
-                    setErrorMessage(error instanceof Error ? error.message : 'Failed to load MCP services');
-                    setIsLoading(false);
-                }
-            }
+        const load = async () => {
+            await loadMCPStatus();
         };
-        loadMCPStatus();
+        if (isMounted) {
+            load();
+        }
         return () => {
             isMounted = false;
         };
     }, []);
+    const handleServiceSelect = async (item) => {
+        setIsReconnecting(true);
+        try {
+            if (item.value === 'refresh-all') {
+                // Refresh all services
+                await refreshMCPToolsCache();
+            }
+            else {
+                // Reconnect specific service
+                await reconnectMCPService(item.value);
+            }
+            await loadMCPStatus();
+        }
+        catch (error) {
+            setErrorMessage(error instanceof Error ? error.message : 'Failed to reconnect');
+        }
+        finally {
+            setIsReconnecting(false);
+        }
+    };
+    // Build select items from all services
+    const selectItems = [
+        { label: 'Refresh all services', value: 'refresh-all', isRefreshAll: true },
+        ...mcpStatus.map(s => ({
+            label: s.name,
+            value: s.name,
+            connected: s.connected,
+            isBuiltIn: s.isBuiltIn,
+            error: s.error
+        }))
+    ];
+    // Custom item component to render with colors
+    const ItemComponent = ({ isSelected, label }) => {
+        const item = selectItems.find(i => i.label === label);
+        if (!item)
+            return React.createElement(Text, null, label);
+        if (item.isRefreshAll) {
+            return (React.createElement(Text, { color: isSelected ? 'cyan' : 'blue' },
+                "\u21BB ",
+                label));
+        }
+        const statusColor = item.connected ? 'green' : 'red';
+        const suffix = item.isBuiltIn ? ' (System)' : item.connected ? ' (External)' : ` - ${item.error || 'Failed'}`;
+        return (React.createElement(Box, null,
+            React.createElement(Text, { color: statusColor }, "\u25CF "),
+            React.createElement(Text, { color: isSelected ? 'cyan' : 'white' }, label),
+            React.createElement(Text, { color: "gray", dimColor: true }, suffix)));
+    };
     if (isLoading) {
         return (React.createElement(Text, { color: "gray" }, "Loading MCP services..."));
     }
     if (errorMessage) {
-        return (React.createElement(Box, { borderColor: "red", borderStyle: "round", paddingX: 2, paddingY: 1, marginBottom: 1 },
+        return (React.createElement(Box, { borderColor: "red", borderStyle: "round", paddingX: 2, paddingY: 0 },
             React.createElement(Text, { color: "red", dimColor: true },
-                "Error loading MCP service information:",
+                "Error: ",
                 errorMessage)));
     }
     if (mcpStatus.length === 0) {
-        return (React.createElement(Box, { borderColor: "cyan", borderStyle: "round", paddingX: 2, paddingY: 1, marginBottom: 1 },
-            React.createElement(Text, { color: "gray", dimColor: true }, "No available MCP service was detected")));
+        return (React.createElement(Box, { borderColor: "cyan", borderStyle: "round", paddingX: 2, paddingY: 0 },
+            React.createElement(Text, { color: "gray", dimColor: true }, "No available MCP services detected")));
     }
-    return (React.createElement(Box, { borderColor: "cyan", borderStyle: "round", paddingX: 2, paddingY: 1, marginBottom: 1 },
+    return (React.createElement(Box, { borderColor: "cyan", borderStyle: "round", paddingX: 2, paddingY: 0 },
         React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Text, { color: "cyan", bold: true }, "MCP Services"),
-            mcpStatus.map((status, index) => (React.createElement(Box, { key: index, flexDirection: "column", marginTop: index > 0 ? 1 : 0 },
-                React.createElement(Box, { flexDirection: "row" },
-                    React.createElement(Text, { color: status.connected ? "green" : "red" }, status.connected ? "●" : "●"),
-                    React.createElement(Box, { marginLeft: 1 },
-                        React.createElement(Text, { color: "white", bold: true }, status.name),
-                        status.isBuiltIn && (React.createElement(Text, { color: "blue", dimColor: true }, "(System)")),
-                        status.connected && status.connectionMethod && !status.isBuiltIn && (React.createElement(Text, { color: "gray", dimColor: true },
-                            "(",
-                            status.connectionMethod,
-                            ")")))),
-                status.connected && status.tools.length > 0 && (React.createElement(Box, { flexDirection: "column", marginLeft: 2 },
-                    React.createElement(Text, { color: "gray", dimColor: true },
-                        "Tools: ",
-                        status.tools.join(', ')))),
-                !status.connected && status.error && (React.createElement(Box, { marginLeft: 2 },
-                    React.createElement(Text, { color: "red", dimColor: true },
-                        "Error: ",
-                        status.error)))))))));
+            React.createElement(Text, { color: "cyan", bold: true }, isReconnecting ? 'Refreshing services...' : 'MCP Services'),
+            !isReconnecting && (React.createElement(SelectInput, { items: selectItems, onSelect: handleServiceSelect, itemComponent: ItemComponent })),
+            isReconnecting && (React.createElement(Text, { color: "yellow", dimColor: true }, "Please wait...")))));
 }

package/dist/ui/components/MCPInfoScreen.js

@@ -1,7 +1,32 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Box, Text, useInput } from 'ink';
-import MCPInfoPanel from './MCPInfoPanel.js';
+import SelectInput from 'ink-select-input';
+import { getMCPServicesInfo, refreshMCPToolsCache, reconnectMCPService } from '../../utils/mcpToolsManager.js';
 export default function MCPInfoScreen({ onClose, panelKey }) {
+    const [mcpStatus, setMcpStatus] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [errorMessage, setErrorMessage] = useState(null);
+    const [isReconnecting, setIsReconnecting] = useState(false);
+    const loadMCPStatus = async () => {
+        try {
+            const servicesInfo = await getMCPServicesInfo();
+            const statusList = servicesInfo.map(service => ({
+                name: service.serviceName,
+                connected: service.connected,
+                tools: service.tools.map(tool => tool.name),
+                connectionMethod: service.isBuiltIn ? 'Built-in' : 'External',
+                isBuiltIn: service.isBuiltIn,
+                error: service.error
+            }));
+            setMcpStatus(statusList);
+            setErrorMessage(null);
+            setIsLoading(false);
+        }
+        catch (error) {
+            setErrorMessage(error instanceof Error ? error.message : 'Failed to load MCP services');
+            setIsLoading(false);
+        }
+    };
     useEffect(() => {
         process.stdout.write('\x1B[?1049h');
         process.stdout.write('\x1B[2J');
@@ -11,17 +36,80 @@ export default function MCPInfoScreen({ onClose, panelKey }) {
             process.stdout.write('\x1B[?1049l');
         };
     }, []);
+    useEffect(() => {
+        loadMCPStatus();
+    }, [panelKey]);
     useInput((_, key) => {
         if (key.escape) {
             onClose();
         }
     });
+    const handleServiceSelect = async (item) => {
+        setIsReconnecting(true);
+        try {
+            if (item.value === 'refresh-all') {
+                // Refresh all services
+                await refreshMCPToolsCache();
+            }
+            else {
+                // Reconnect specific service
+                await reconnectMCPService(item.value);
+            }
+            await loadMCPStatus();
+        }
+        catch (error) {
+            setErrorMessage(error instanceof Error ? error.message : 'Failed to reconnect');
+        }
+        finally {
+            setIsReconnecting(false);
+        }
+    };
+    // Build select items from all services
+    const selectItems = [
+        { label: 'Refresh all services', value: 'refresh-all', isRefreshAll: true },
+        ...mcpStatus.map(s => ({
+            label: s.name,
+            value: s.name,
+            connected: s.connected,
+            isBuiltIn: s.isBuiltIn,
+            error: s.error
+        }))
+    ];
+    // Custom item component to render with colors
+    const ItemComponent = ({ isSelected, label }) => {
+        const item = selectItems.find(i => i.label === label);
+        if (!item)
+            return React.createElement(Text, null, label);
+        if (item.isRefreshAll) {
+            return (React.createElement(Text, { color: isSelected ? 'cyan' : 'blue' },
+                "\u21BB ",
+                label));
+        }
+        const statusColor = item.connected ? 'green' : 'red';
+        const suffix = item.isBuiltIn ? ' (System)' : item.connected ? ' (External)' : ` - ${item.error || 'Failed'}`;
+        return (React.createElement(Box, null,
+            React.createElement(Text, { color: statusColor }, "\u25CF "),
+            React.createElement(Text, { color: isSelected ? 'cyan' : 'white' }, label),
+            React.createElement(Text, { color: "gray", dimColor: true }, suffix)));
+    };
+    if (isLoading) {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Text, { color: "gray" }, "Loading MCP services...")));
+    }
     return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-        React.createElement(Box, { marginBottom: 1, borderStyle: "double", paddingX: 2, paddingY: 1, borderColor: 'cyan' },
+        React.createElement(Box, { borderStyle: "double", paddingX: 2, paddingY: 0, borderColor: "cyan" },
             React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Text, { color: "white", bold: true },
                     React.createElement(Text, { color: "cyan" }, "\u2746 "),
                     "MCP Services Overview"),
-                React.createElement(Text, { color: "gray", dimColor: true }, "Press ESC to return to the chat"))),
-        React.createElement(MCPInfoPanel, { key: panelKey })));
+                React.createElement(Text, { color: "gray", dimColor: true }, "Press ESC to return | Use \u2191\u2193 and Enter to refresh"))),
+        errorMessage && (React.createElement(Box, { borderColor: "red", borderStyle: "round", paddingX: 2, paddingY: 0, marginTop: 1 },
+            React.createElement(Text, { color: "red", dimColor: true },
+                "Error: ",
+                errorMessage))),
+        React.createElement(Box, { borderColor: "cyan", borderStyle: "round", paddingX: 2, paddingY: 0, marginTop: 1 },
+            React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, { color: "cyan", bold: true }, isReconnecting ? 'Refreshing services...' : 'MCP Services'),
+                !isReconnecting && (React.createElement(SelectInput, { items: selectItems, onSelect: handleServiceSelect, itemComponent: ItemComponent })),
+                isReconnecting && (React.createElement(Text, { color: "yellow", dimColor: true }, "Please wait..."))))));
 }

package/dist/ui/components/ToolConfirmation.js

@@ -83,7 +83,7 @@ export default function ToolConfirmation({ toolName, toolArguments, allTools, on
             onConfirm(item.value);
         }
     };
-    return (React.createElement(Box, { flexDirection: "column", marginX: 1, marginY: 1, paddingX: 1 },
+    return (React.createElement(Box, { flexDirection: "column", marginX: 1, marginY: 1, borderStyle: 'round', borderColor: 'yellow', paddingX: 1 },
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { bold: true, color: "yellow" }, "[Tool Confirmation]")),
         !formattedAllTools && (React.createElement(React.Fragment, null,

package/dist/ui/pages/ChatScreen.js

@@ -493,7 +493,7 @@ export default function ChatScreen({}) {
                                     message.toolCall.name === 'filesystem-edit' &&
                                     message.toolCall.arguments.oldContent &&
                                     message.toolCall.arguments.newContent && (React.createElement(Box, { marginTop: 1 },
-                                    React.createElement(DiffViewer, { oldContent: message.toolCall.arguments.oldContent, newContent: message.toolCall.arguments.newContent, filename: message.toolCall.arguments.filename }))),
+                                    React.createElement(DiffViewer, { oldContent: message.toolCall.arguments.oldContent, newContent: message.toolCall.arguments.newContent, filename: message.toolCall.arguments.filename, completeOldContent: message.toolCall.arguments.completeOldContent, completeNewContent: message.toolCall.arguments.completeNewContent }))),
                                 message.toolCall &&
                                     message.toolCall.name === 'terminal-execute' &&
                                     message.toolCall.arguments.command && (React.createElement(Box, { marginTop: 1, flexDirection: "column" },

package/dist/utils/mcpToolsManager.d.ts

@@ -26,6 +26,11 @@ export declare function getTodoService(): TodoService;
  * Manually refresh the tools cache (for configuration changes)
  */
 export declare function refreshMCPToolsCache(): Promise<void>;
+/**
+ * Reconnect a specific MCP service and update cache
+ * @param serviceName - Name of the service to reconnect
+ */
+export declare function reconnectMCPService(serviceName: string): Promise<void>;
 /**
  * Clear the tools cache (useful for testing or forcing refresh)
  */

package/dist/utils/mcpToolsManager.js

@@ -182,6 +182,70 @@ export async function refreshMCPToolsCache() {
     toolsCache = null;
     await refreshToolsCache();
 }
+/**
+ * Reconnect a specific MCP service and update cache
+ * @param serviceName - Name of the service to reconnect
+ */
+export async function reconnectMCPService(serviceName) {
+    if (!toolsCache) {
+        // If no cache, do full refresh
+        await refreshToolsCache();
+        return;
+    }
+    // Handle built-in services (they don't need reconnection)
+    if (serviceName === 'filesystem' || serviceName === 'terminal' || serviceName === 'todo') {
+        return;
+    }
+    // Get the server config
+    const mcpConfig = getMCPConfig();
+    const server = mcpConfig.mcpServers[serviceName];
+    if (!server) {
+        throw new Error(`Service ${serviceName} not found in configuration`);
+    }
+    // Find and update the service in cache
+    const serviceIndex = toolsCache.servicesInfo.findIndex(s => s.serviceName === serviceName);
+    if (serviceIndex === -1) {
+        // Service not in cache, do full refresh
+        await refreshToolsCache();
+        return;
+    }
+    try {
+        // Try to reconnect to the service
+        const serviceTools = await probeServiceTools(serviceName, server);
+        // Update service info in cache
+        toolsCache.servicesInfo[serviceIndex] = {
+            serviceName,
+            tools: serviceTools,
+            isBuiltIn: false,
+            connected: true,
+        };
+        // Remove old tools for this service from the tools list
+        toolsCache.tools = toolsCache.tools.filter(tool => !tool.function.name.startsWith(`${serviceName}-`));
+        // Add new tools for this service
+        for (const tool of serviceTools) {
+            toolsCache.tools.push({
+                type: 'function',
+                function: {
+                    name: `${serviceName}-${tool.name}`,
+                    description: tool.description,
+                    parameters: tool.inputSchema,
+                },
+            });
+        }
+    }
+    catch (error) {
+        // Update service as failed
+        toolsCache.servicesInfo[serviceIndex] = {
+            serviceName,
+            tools: [],
+            isBuiltIn: false,
+            connected: false,
+            error: error instanceof Error ? error.message : 'Unknown error',
+        };
+        // Remove tools for this service from the tools list
+        toolsCache.tools = toolsCache.tools.filter(tool => !tool.function.name.startsWith(`${serviceName}-`));
+    }
+}
 /**
  * Clear the tools cache (useful for testing or forcing refresh)
  */

package/package.json

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