snow-ai 0.2.16 → 0.2.18

package/dist/api/models.d.ts

@@ -8,5 +8,8 @@ export interface ModelsResponse {
     object: string;
     data: Model[];
 }
+/**
+ * Fetch available models based on configured request method
+ */
 export declare function fetchAvailableModels(): Promise<Model[]>;
 export declare function filterModels(models: Model[], searchTerm: string): Model[];

package/dist/api/models.js

@@ -1,28 +1,112 @@
-import { getOpenAiConfig } from '../utils/apiConfig.js';
-export async function fetchAvailableModels() {
-    const config = getOpenAiConfig();
-    if (!config.baseUrl) {
-        throw new Error('Base URL not configured. Please configure API settings first.');
+import { getOpenAiConfig, getCustomHeaders } from '../utils/apiConfig.js';
+/**
+ * Fetch models from OpenAI-compatible API
+ */
+async function fetchOpenAIModels(baseUrl, apiKey, customHeaders) {
+    const url = `${baseUrl.replace(/\/$/, '')}/models`;
+    const headers = {
+        'Content-Type': 'application/json',
+        ...customHeaders,
+    };
+    if (apiKey) {
+        headers['Authorization'] = `Bearer ${apiKey}`;
+    }
+    const response = await fetch(url, {
+        method: 'GET',
+        headers,
+    });
+    if (!response.ok) {
+        throw new Error(`Failed to fetch models: ${response.status} ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data.data || [];
+}
+/**
+ * Fetch models from Gemini API
+ */
+async function fetchGeminiModels(baseUrl, apiKey) {
+    // Gemini uses API key as query parameter
+    const url = `${baseUrl.replace(/\/$/, '')}/models?key=${apiKey}`;
+    const response = await fetch(url, {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+    });
+    if (!response.ok) {
+        throw new Error(`Failed to fetch models: ${response.status} ${response.statusText}`);
     }
-    const url = `${config.baseUrl.replace(/\/$/, '')}/models`;
+    const data = await response.json();
+    // Convert Gemini format to standard Model format
+    return (data.models || []).map(model => ({
+        id: model.name.replace('models/', ''), // Remove "models/" prefix
+        object: 'model',
+        created: 0,
+        owned_by: 'google',
+    }));
+}
+/**
+ * Fetch models from Anthropic API
+ */
+async function fetchAnthropicModels(baseUrl, apiKey, customHeaders) {
+    const url = `${baseUrl.replace(/\/$/, '')}/models`;
     const headers = {
         'Content-Type': 'application/json',
+        'anthropic-version': '2023-06-01',
+        ...customHeaders,
     };
-    // Add Authorization header only if API key is provided
-    if (config.apiKey) {
-        headers['Authorization'] = `Bearer ${config.apiKey}`;
+    if (apiKey) {
+        headers['x-api-key'] = apiKey;
+    }
+    const response = await fetch(url, {
+        method: 'GET',
+        headers,
+    });
+    if (!response.ok) {
+        throw new Error(`Failed to fetch models: ${response.status} ${response.statusText}`);
+    }
+    const data = await response.json();
+    // Convert Anthropic format to standard Model format
+    return (data.data || []).map(model => ({
+        id: model.id,
+        object: 'model',
+        created: new Date(model.created_at).getTime() / 1000, // Convert to Unix timestamp
+        owned_by: 'anthropic',
+    }));
+}
+/**
+ * Fetch available models based on configured request method
+ */
+export async function fetchAvailableModels() {
+    const config = getOpenAiConfig();
+    if (!config.baseUrl) {
+        throw new Error('Base URL not configured. Please configure API settings first.');
     }
+    const customHeaders = getCustomHeaders();
     try {
-        const response = await fetch(url, {
-            method: 'GET',
-            headers,
-        });
-        if (!response.ok) {
-            throw new Error(`Failed to fetch models: ${response.status} ${response.statusText}`);
+        let models;
+        switch (config.requestMethod) {
+            case 'gemini':
+                if (!config.apiKey) {
+                    throw new Error('API key is required for Gemini API');
+                }
+                models = await fetchGeminiModels(config.baseUrl.replace(/\/$/, '') + '/v1beta', config.apiKey);
+                break;
+            case 'anthropic':
+                if (!config.apiKey) {
+                    throw new Error('API key is required for Anthropic API');
+                }
+                models = await fetchAnthropicModels(config.baseUrl.replace(/\/$/, '') + '/v1', config.apiKey, customHeaders);
+                break;
+            case 'chat':
+            case 'responses':
+            default:
+                // OpenAI-compatible API
+                models = await fetchOpenAIModels(config.baseUrl, config.apiKey, customHeaders);
+                break;
         }
-        const data = await response.json();
         // Sort models alphabetically by id for better UX
-        return (data.data || []).sort((a, b) => a.id.localeCompare(b.id));
+        return models.sort((a, b) => a.id.localeCompare(b.id));
     }
     catch (error) {
         if (error instanceof Error) {

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/ChatInput.js

@@ -136,8 +136,8 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
                 React.createElement(Text, { color: disabled ? 'darkGray' : 'gray', dimColor: true }, disabled ? 'Waiting for response...' : placeholder)));
         }
     }, [buffer, disabled, placeholder]);
-    return (React.createElement(Box, { flexDirection: "column", marginX: 1, key: `input-${showFilePicker ? 'picker' : 'normal'}` },
-        showHistoryMenu && (React.createElement(Box, { flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: "#A9C13E", padding: 1 },
+    return (React.createElement(Box, { flexDirection: "column", paddingX: 1, width: "100%", key: `input-${showFilePicker ? 'picker' : 'normal'}` },
+        showHistoryMenu && (React.createElement(Box, { flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: "#A9C13E", padding: 1, width: "100%" },
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, { color: "cyan" }, "Use \u2191\u2193 keys to navigate, press Enter to select:")),
             React.createElement(Box, { flexDirection: "column" },
@@ -177,7 +177,7 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
                         getUserMessages().length - 8,
                         " more items")))))),
         !showHistoryMenu && (React.createElement(React.Fragment, null,
-            React.createElement(Box, { flexDirection: "row", borderStyle: "round", borderColor: "gray", paddingX: 1, paddingY: 0, flexGrow: 1 },
+            React.createElement(Box, { flexDirection: "row", borderStyle: "round", borderColor: "gray", paddingX: 1, paddingY: 0, flexGrow: 1, width: "100%" },
                 React.createElement(Text, { color: "cyan", bold: true },
                     "\u27A3",
                     ' '),

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

@@ -416,19 +416,20 @@ export default function ChatScreen({}) {
             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", height: "100%" },
+    return (React.createElement(Box, { flexDirection: "column", height: "100%", width: "100%" },
         React.createElement(Static, { key: remountKey, items: [
-                React.createElement(Box, { key: "header", marginX: 1, borderColor: 'cyan', borderStyle: "round", paddingX: 2, paddingY: 1 },
-                    React.createElement(Box, { flexDirection: "column" },
-                        React.createElement(Text, { color: "white", bold: true },
-                            React.createElement(Text, { color: "cyan" }, "\u2746 "),
-                            React.createElement(Gradient, { name: "rainbow" }, "Programming efficiency x10!"),
-                            React.createElement(Text, { color: "white" }, " \u26C7")),
-                        React.createElement(Text, null, "\u2022 Ask for code explanations and debugging help"),
-                        React.createElement(Text, null, "\u2022 Press ESC during response to interrupt"),
-                        React.createElement(Text, null,
-                            "\u2022 Working directory: ",
-                            workingDirectory))),
+                React.createElement(Box, { key: "header", paddingX: 1, width: "100%" },
+                    React.createElement(Box, { borderColor: 'cyan', borderStyle: "round", paddingX: 2, paddingY: 1, width: "100%" },
+                        React.createElement(Box, { flexDirection: "column" },
+                            React.createElement(Text, { color: "white", bold: true },
+                                React.createElement(Text, { color: "cyan" }, "\u2746 "),
+                                React.createElement(Gradient, { name: "rainbow" }, "Programming efficiency x10!"),
+                                React.createElement(Text, { color: "white" }, " \u26C7")),
+                            React.createElement(Text, null, "\u2022 Ask for code explanations and debugging help"),
+                            React.createElement(Text, null, "\u2022 Press ESC during response to interrupt"),
+                            React.createElement(Text, null,
+                                "\u2022 Working directory: ",
+                                workingDirectory)))),
                 ...messages
                     .filter(m => !m.streaming && !m.toolPending)
                     .map((message, index) => {
@@ -452,7 +453,7 @@ export default function ChatScreen({}) {
                             toolStatusColor = 'blue';
                         }
                     }
-                    return (React.createElement(Box, { key: `msg-${index}`, marginBottom: isToolMessage ? 0 : 1, marginX: 1, flexDirection: "column" },
+                    return (React.createElement(Box, { key: `msg-${index}`, marginBottom: isToolMessage ? 0 : 1, paddingX: 1, flexDirection: "column", width: "100%" },
                         React.createElement(Box, null,
                             React.createElement(Text, { color: message.role === 'user'
                                     ? 'green'
@@ -492,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" },
@@ -565,14 +566,14 @@ export default function ChatScreen({}) {
             ] }, item => item),
         messages
             .filter(m => m.toolPending)
-            .map((message, index) => (React.createElement(Box, { key: `pending-tool-${index}`, marginBottom: 1, marginX: 1 },
+            .map((message, index) => (React.createElement(Box, { key: `pending-tool-${index}`, marginBottom: 1, paddingX: 1, width: "100%" },
             React.createElement(Text, { color: "yellowBright", bold: true }, "\u2746"),
             React.createElement(Box, { marginLeft: 1, marginBottom: 1, flexDirection: "row" },
                 React.createElement(MarkdownRenderer, { content: message.content || ' ', color: "yellow" }),
                 React.createElement(Box, { marginLeft: 1 },
                     React.createElement(Text, { color: "yellow" },
                         React.createElement(Spinner, { type: "dots" }))))))),
-        (streamingState.isStreaming || isSaving) && !pendingToolConfirmation && (React.createElement(Box, { marginBottom: 1, marginX: 1 },
+        (streamingState.isStreaming || isSaving) && !pendingToolConfirmation && (React.createElement(Box, { marginBottom: 1, paddingX: 1, width: "100%" },
             React.createElement(Text, { color: ['#FF6EBF', 'green', 'blue', 'cyan', '#B588F8'][streamingState.animationFrame], bold: true }, "\u2746"),
             React.createElement(Box, { marginLeft: 1, marginBottom: 1, flexDirection: "column" }, streamingState.isStreaming ? (React.createElement(React.Fragment, null, streamingState.retryStatus && streamingState.retryStatus.isRetrying ? (
             // Retry status display - hide "Thinking" and show retry info
@@ -605,15 +606,15 @@ export default function ChatScreen({}) {
                     ' ',
                     "tokens"),
                 ")")))) : (React.createElement(Text, { color: "gray", dimColor: true }, "Create the first dialogue record file..."))))),
-        React.createElement(Box, { marginX: 1 },
+        React.createElement(Box, { paddingX: 1, width: "100%" },
             React.createElement(PendingMessages, { pendingMessages: pendingMessages })),
         pendingToolConfirmation && (React.createElement(ToolConfirmation, { toolName: pendingToolConfirmation.batchToolNames ||
                 pendingToolConfirmation.tool.function.name, toolArguments: !pendingToolConfirmation.allTools
                 ? pendingToolConfirmation.tool.function.arguments
                 : undefined, allTools: pendingToolConfirmation.allTools, onConfirm: pendingToolConfirmation.resolve })),
-        showSessionPanel && (React.createElement(Box, { marginX: 1 },
+        showSessionPanel && (React.createElement(Box, { paddingX: 1, width: "100%" },
             React.createElement(SessionListPanel, { onSelectSession: handleSessionPanelSelect, onClose: () => setShowSessionPanel(false) }))),
-        showMcpPanel && (React.createElement(Box, { marginX: 1, flexDirection: "column" },
+        showMcpPanel && (React.createElement(Box, { paddingX: 1, flexDirection: "column", width: "100%" },
             React.createElement(MCPInfoPanel, null),
             React.createElement(Box, { marginTop: 1 },
                 React.createElement(Text, { color: "gray", dimColor: true }, "Press ESC to close")))),

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.16",
+	"version": "0.2.18",
 	"description": "Intelligent Command Line Assistant powered by AI",
 	"license": "MIT",
 	"bin": {