snow-ai 0.3.15 → 0.3.17

package/dist/api/systemPrompt.js

@@ -3,6 +3,7 @@
  */
 import fs from 'fs';
 import path from 'path';
+import os from 'os';
 /**
  * Get the system prompt, dynamically reading from ROLE.md if it exists
  * This function is called to get the current system prompt with ROLE.md content if available
@@ -26,6 +27,43 @@ function getSystemPromptWithRole() {
     }
     return SYSTEM_PROMPT_TEMPLATE;
 }
+// Get system environment info
+function getSystemEnvironmentInfo() {
+    const platform = (() => {
+        const platformType = os.platform();
+        switch (platformType) {
+            case 'win32':
+                return 'Windows';
+            case 'darwin':
+                return 'macOS';
+            case 'linux':
+                return 'Linux';
+            default:
+                return platformType;
+        }
+    })();
+    const shell = (() => {
+        const shellPath = process.env['SHELL'] || process.env['ComSpec'] || '';
+        const shellName = path.basename(shellPath).toLowerCase();
+        if (shellName.includes('cmd'))
+            return 'cmd.exe';
+        if (shellName.includes('powershell') || shellName.includes('pwsh'))
+            return 'PowerShell';
+        if (shellName.includes('zsh'))
+            return 'zsh';
+        if (shellName.includes('bash'))
+            return 'bash';
+        if (shellName.includes('fish'))
+            return 'fish';
+        if (shellName.includes('sh'))
+            return 'sh';
+        return shellName || 'shell';
+    })();
+    const workingDirectory = process.cwd();
+    return `Platform: ${platform}
+Shell: ${shell}
+Working Directory: ${workingDirectory}`;
+}
 const SYSTEM_PROMPT_TEMPLATE = `You are Snow AI CLI, an intelligent command-line assistant.
 
 ## 🎯 Core Principles
@@ -144,5 +182,11 @@ Guidance and recommendations:
 Remember: **ACTION > ANALYSIS**. Write code first, investigate only when blocked.`;
 // Export SYSTEM_PROMPT as a getter function for real-time ROLE.md updates
 export function getSystemPrompt() {
-    return getSystemPromptWithRole();
+    const basePrompt = getSystemPromptWithRole();
+    const systemEnv = getSystemEnvironmentInfo();
+    return `${basePrompt}
+
+## 💻 System Environment
+
+${systemEnv}`;
 }

package/dist/hooks/useClipboard.js

@@ -9,13 +9,15 @@ export function useClipboard(buffer, updateCommandPanelState, updateFilePickerSt
                 // Windows: Use PowerShell to read image from clipboard
                 try {
                     const psScript = `Add-Type -AssemblyName System.Windows.Forms; Add-Type -AssemblyName System.Drawing; $clipboard = [System.Windows.Forms.Clipboard]::GetImage(); if ($clipboard -ne $null) { $ms = New-Object System.IO.MemoryStream; $clipboard.Save($ms, [System.Drawing.Imaging.ImageFormat]::Png); $bytes = $ms.ToArray(); $ms.Close(); [Convert]::ToBase64String($bytes) }`;
-                    const base64 = execSync(`powershell -Command "${psScript}"`, {
+                    const base64Raw = execSync(`powershell -Command "${psScript}"`, {
                         encoding: 'utf-8',
                         timeout: 5000,
-                    }).trim();
+                    });
+                    // 清理所有空白字符（包括换行符）
+                    const base64 = base64Raw.replace(/\s+/g, '');
                     if (base64 && base64.length > 100) {
-                        const dataUrl = `data:image/png;base64,${base64}`;
-                        buffer.insertImage(dataUrl, 'image/png');
+                        // 直接传入 base64 数据，不需要 data URL 前缀
+                        buffer.insertImage(base64, 'image/png');
                         const text = buffer.getFullText();
                         const cursorPos = buffer.getCursorPosition();
                         updateCommandPanelState(text);
@@ -51,10 +53,12 @@ end try'`;
                             timeout: 3000,
                         });
                         // Read the file as base64
-                        const base64 = execSync(`base64 -i "${tmpFile}"`, {
+                        const base64Raw = execSync(`base64 -i "${tmpFile}"`, {
                             encoding: 'utf-8',
                             timeout: 2000,
-                        }).trim();
+                        });
+                        // 清理所有空白字符（包括换行符）
+                        const base64 = base64Raw.replace(/\s+/g, '');
                         // Clean up temp file
                         try {
                             execSync(`rm "${tmpFile}"`, { timeout: 1000 });
@@ -63,8 +67,8 @@ end try'`;
                             // Ignore cleanup errors
                         }
                         if (base64 && base64.length > 100) {
-                            const dataUrl = `data:image/png;base64,${base64}`;
-                            buffer.insertImage(dataUrl, 'image/png');
+                            // 直接传入 base64 数据，不需要 data URL 前缀
+                            buffer.insertImage(base64, 'image/png');
                             const text = buffer.getFullText();
                             const cursorPos = buffer.getCursorPosition();
                             updateCommandPanelState(text);

package/dist/hooks/useCommandHandler.d.ts

@@ -22,7 +22,6 @@ type CommandHandlerOptions = {
     setMcpPanelKey: React.Dispatch<React.SetStateAction<number>>;
     setYoloMode: React.Dispatch<React.SetStateAction<boolean>>;
     setContextUsage: React.Dispatch<React.SetStateAction<UsageInfo | null>>;
-    setShouldIncludeSystemInfo: React.Dispatch<React.SetStateAction<boolean>>;
     setVscodeConnectionStatus: React.Dispatch<React.SetStateAction<'disconnected' | 'connecting' | 'connected' | 'error'>>;
     processMessage: (message: string, images?: Array<{
         data: string;

package/dist/hooks/useCommandHandler.js

@@ -125,8 +125,6 @@ export function useCommandHandler(options) {
                 options.clearSavedMessages();
                 options.setMessages(compressionResult.uiMessages);
                 options.setRemountKey(prev => prev + 1);
-                // Reset system info flag to include in next message
-                options.setShouldIncludeSystemInfo(true);
                 // Update token usage with compression result
                 options.setContextUsage(compressionResult.usage);
             }
@@ -175,8 +173,6 @@ export function useCommandHandler(options) {
             options.setRemountKey(prev => prev + 1);
             // Reset context usage (token statistics)
             options.setContextUsage(null);
-            // Reset system info flag to include in next message
-            options.setShouldIncludeSystemInfo(true);
             // Note: yoloMode is preserved via localStorage (lines 68-76, 104-111)
             // Note: VSCode connection is preserved and managed by vscodeConnection utility
             // Add command execution feedback
@@ -257,8 +253,6 @@ export function useCommandHandler(options) {
             options.setRemountKey(prev => prev + 1);
             // Reset context usage (token statistics)
             options.setContextUsage(null);
-            // Reset system info flag to include in next message
-            options.setShouldIncludeSystemInfo(true);
             // Add command execution feedback
             const commandMessage = {
                 role: 'command',

package/dist/hooks/useConversation.d.ts

@@ -23,7 +23,13 @@ export type ConversationHandlerOptions = {
     yoloMode: boolean;
     setContextUsage: React.Dispatch<React.SetStateAction<any>>;
     useBasicModel?: boolean;
-    getPendingMessages?: () => string[];
+    getPendingMessages?: () => Array<{
+        text: string;
+        images?: Array<{
+            data: string;
+            mimeType: string;
+        }>;
+    }>;
     clearPendingMessages?: () => void;
     setIsStreaming?: React.Dispatch<React.SetStateAction<boolean>>;
     setIsReasoning?: React.Dispatch<React.SetStateAction<boolean>>;
@@ -36,7 +42,6 @@ export type ConversationHandlerOptions = {
     } | null>>;
     clearSavedMessages?: () => void;
     setRemountKey?: React.Dispatch<React.SetStateAction<number>>;
-    setShouldIncludeSystemInfo?: React.Dispatch<React.SetStateAction<boolean>>;
     getCurrentContextPercentage?: () => number;
 };
 /**

package/dist/hooks/useConversation.js

@@ -627,9 +627,6 @@ export async function handleConversationWithTools(options) {
                                 options.setRemountKey(prev => prev + 1);
                             }
                             options.setContextUsage(compressionResult.usage);
-                            if (options.setShouldIncludeSystemInfo) {
-                                options.setShouldIncludeSystemInfo(true);
-                            }
                             // 更新累计的usage为压缩后的usage
                             accumulatedUsage = compressionResult.usage;
                             // 压缩后需要重新构建conversationMessages
@@ -796,9 +793,6 @@ export async function handleConversationWithTools(options) {
                                         options.setRemountKey(prev => prev + 1);
                                     }
                                     options.setContextUsage(compressionResult.usage);
-                                    if (options.setShouldIncludeSystemInfo) {
-                                        options.setShouldIncludeSystemInfo(true);
-                                    }
                                     // 更新累计的usage为压缩后的usage
                                     accumulatedUsage = compressionResult.usage;
                                     // 压缩后需要重新构建conversationMessages
@@ -817,22 +811,33 @@ export async function handleConversationWithTools(options) {
                         // Clear pending messages
                         options.clearPendingMessages();
                         // Combine multiple pending messages into one
-                        const combinedMessage = pendingMessages.join('\n\n');
+                        const combinedMessage = pendingMessages.map(m => m.text).join('\n\n');
+                        // Collect all images from pending messages
+                        const allPendingImages = pendingMessages
+                            .flatMap(m => m.images || [])
+                            .map(img => ({
+                            type: 'image',
+                            data: img.data,
+                            mimeType: img.mimeType,
+                        }));
                         // Add user message to UI
                         const userMessage = {
                             role: 'user',
                             content: combinedMessage,
+                            images: allPendingImages.length > 0 ? allPendingImages : undefined,
                         };
                         setMessages(prev => [...prev, userMessage]);
-                        // Add user message to conversation history
+                        // Add user message to conversation history (using images field for image data)
                         conversationMessages.push({
                             role: 'user',
                             content: combinedMessage,
+                            images: allPendingImages.length > 0 ? allPendingImages : undefined,
                         });
                         // Save user message
                         saveMessage({
                             role: 'user',
                             content: combinedMessage,
+                            images: allPendingImages.length > 0 ? allPendingImages : undefined,
                         }).catch(error => {
                             console.error('Failed to save pending user message:', error);
                         });

package/dist/hooks/useHistoryNavigation.d.ts

@@ -2,8 +2,17 @@ import { TextBuffer } from '../utils/textBuffer.js';
 type ChatMessage = {
     role: string;
     content: string;
+    images?: Array<{
+        type: 'image';
+        data: string;
+        mimeType: string;
+    }>;
 };
-export declare function useHistoryNavigation(buffer: TextBuffer, triggerUpdate: () => void, chatHistory: ChatMessage[], onHistorySelect?: (selectedIndex: number, message: string) => void): {
+export declare function useHistoryNavigation(buffer: TextBuffer, triggerUpdate: () => void, chatHistory: ChatMessage[], onHistorySelect?: (selectedIndex: number, message: string, images?: Array<{
+    type: 'image';
+    data: string;
+    mimeType: string;
+}>) => void): {
     showHistoryMenu: boolean;
     setShowHistoryMenu: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     historySelectedIndex: number;

package/dist/hooks/useHistoryNavigation.js

@@ -45,13 +45,12 @@ export function useHistoryNavigation(buffer, triggerUpdate, chatHistory, onHisto
         const selectedIndex = parseInt(value, 10);
         const selectedMessage = chatHistory[selectedIndex];
         if (selectedMessage && onHistorySelect) {
-            // Put the message content in the input buffer
-            buffer.setText(selectedMessage.content);
+            // Don't modify buffer here - let ChatInput handle everything via initialContent
+            // This prevents duplicate image placeholders
             setShowHistoryMenu(false);
-            triggerUpdate();
-            onHistorySelect(selectedIndex, selectedMessage.content);
+            onHistorySelect(selectedIndex, selectedMessage.content, selectedMessage.images);
         }
-    }, [chatHistory, onHistorySelect, buffer]);
+    }, [chatHistory, onHistorySelect]);
     // Terminal-style history navigation: navigate up (older)
     const navigateHistoryUp = useCallback(() => {
         const history = persistentHistoryRef.current;

package/dist/hooks/useSnapshotState.d.ts

@@ -6,11 +6,21 @@ export declare function useSnapshotState(messagesLength: number): {
         fileCount: number;
         filePaths?: string[];
         message?: string;
+        images?: Array<{
+            type: "image";
+            data: string;
+            mimeType: string;
+        }>;
     } | null;
     setPendingRollback: import("react").Dispatch<import("react").SetStateAction<{
         messageIndex: number;
         fileCount: number;
         filePaths?: string[];
         message?: string;
+        images?: Array<{
+            type: "image";
+            data: string;
+            mimeType: string;
+        }>;
     } | null>>;
 };

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

@@ -32,7 +32,14 @@ type Props = {
         cacheReadTokens?: number;
         cachedTokens?: number;
     };
-    initialContent?: string | null;
+    initialContent?: {
+        text: string;
+        images?: Array<{
+            type: 'image';
+            data: string;
+            mimeType: string;
+        }>;
+    } | null;
     onContextPercentageChange?: (percentage: number) => void;
 };
 export default function ChatInput({ onSubmit, onCommand, placeholder, disabled, isProcessing, chatHistory, onHistorySelect, yoloMode, contextUsage, initialContent, onContextPercentageChange, }: Props): React.JSX.Element;

package/dist/ui/components/ChatInput.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useRef } from 'react';
 import { Box, Text } from 'ink';
-import { cpSlice, cpLen } from '../../utils/textUtils.js';
+import { cpSlice } from '../../utils/textUtils.js';
 import CommandPanel from './CommandPanel.js';
 import FileList from './FileList.js';
 import { useInputBuffer } from '../../hooks/useInputBuffer.js';
@@ -97,7 +97,45 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
     // Set initial content when provided (e.g., when rolling back to first message)
     useEffect(() => {
         if (initialContent) {
-            buffer.setText(initialContent);
+            // Always do full restore to avoid duplicate placeholders
+            buffer.setText('');
+            const text = initialContent.text;
+            const images = initialContent.images || [];
+            if (images.length === 0) {
+                // No images, just set the text
+                if (text) {
+                    buffer.insert(text);
+                }
+            }
+            else {
+                // Split text by image placeholders and reconstruct with actual images
+                // Placeholder format: [image #N]
+                const imagePlaceholderPattern = /\[image #\d+\]/g;
+                const parts = text.split(imagePlaceholderPattern);
+                // Interleave text parts with images
+                for (let i = 0; i < parts.length; i++) {
+                    // Insert text part
+                    const part = parts[i];
+                    if (part) {
+                        buffer.insert(part);
+                    }
+                    // Insert image after this text part (if exists)
+                    if (i < images.length) {
+                        const img = images[i];
+                        if (img) {
+                            // Extract base64 data from data URL if present
+                            let base64Data = img.data;
+                            if (base64Data.startsWith('data:')) {
+                                const base64Index = base64Data.indexOf('base64,');
+                                if (base64Index !== -1) {
+                                    base64Data = base64Data.substring(base64Index + 7);
+                                }
+                            }
+                            buffer.insertImage(base64Data, img.mimeType);
+                        }
+                    }
+                }
+            }
             triggerUpdate();
         }
         // Only run when initialContent changes
@@ -143,71 +181,25 @@ export default function ChatInput({ onSubmit, onCommand, placeholder = 'Type you
             return React.createElement(Text, null, char);
         }
     }, [hasFocus]);
-    // Render content with cursor and paste placeholders
+    // Render content with cursor (treat all text including placeholders as plain text)
     const renderContent = useCallback(() => {
         if (buffer.text.length > 0) {
-            // 使用buffer的内部文本而不是getFullText()，这样可以显示占位符
+            // 使用buffer的内部文本,将占位符当作普通文本处理
             const displayText = buffer.text;
             const cursorPos = buffer.getCursorPosition();
-            const hasPastePlaceholder = displayText.includes('[Paste ') &&
-                displayText.includes(' characters #');
-            const hasImagePlaceholder = displayText.includes('[image #');
-            const focusTokenPattern = /(\x1b)?\[[IO]/g;
-            const cleanedText = displayText.replace(focusTokenPattern, '').trim();
-            const isFocusNoise = cleanedText.length === 0;
-            if (hasPastePlaceholder || hasImagePlaceholder || isFocusNoise) {
-                const atCursor = (() => {
-                    const charInfo = buffer.getCharAtCursor();
-                    return charInfo.char === '\n' ? ' ' : charInfo.char;
-                })();
-                // 分割文本并高亮占位符（粘贴和图片）
-                const parts = displayText.split(/(\[Paste \d+ characters #\d+\]|\[image #\d+\])/);
-                let processedLength = 0;
-                let cursorRendered = false;
-                const elements = parts.map((part, partIndex) => {
-                    const isPastePlaceholder = part.match(/^\[Paste \d+ characters #\d+\]$/);
-                    const isImagePlaceholder = part.match(/^\[image #\d+\]$/);
-                    const isPlaceholder = isPastePlaceholder || isImagePlaceholder;
-                    const partStart = processedLength;
-                    const partEnd = processedLength + cpLen(part);
-                    processedLength = partEnd;
-                    // 检查光标是否在这个部分
-                    if (cursorPos >= partStart && cursorPos < partEnd) {
-                        cursorRendered = true;
-                        const beforeCursorInPart = cpSlice(part, 0, cursorPos - partStart);
-                        const afterCursorInPart = cpSlice(part, cursorPos - partStart + 1);
-                        return (React.createElement(React.Fragment, { key: partIndex }, isPlaceholder ? (React.createElement(Text, { color: isImagePlaceholder ? 'magenta' : 'cyan', dimColor: true },
-                            beforeCursorInPart,
-                            renderCursor(atCursor),
-                            afterCursorInPart)) : (React.createElement(React.Fragment, null,
-                            beforeCursorInPart,
-                            renderCursor(atCursor),
-                            afterCursorInPart))));
-                    }
-                    else {
-                        return isPlaceholder ? (React.createElement(Text, { key: partIndex, color: isImagePlaceholder ? 'magenta' : 'cyan', dimColor: true }, part)) : (React.createElement(Text, { key: partIndex }, part));
-                    }
-                });
-                return (React.createElement(Text, null,
-                    elements,
-                    !cursorRendered && renderCursor(' ')));
-            }
-            else {
-                // 普通文本渲染
-                const charInfo = buffer.getCharAtCursor();
-                const atCursor = charInfo.char === '\n' ? ' ' : charInfo.char;
-                return (React.createElement(Text, null,
-                    cpSlice(displayText, 0, cursorPos),
-                    renderCursor(atCursor),
-                    cpSlice(displayText, cursorPos + 1)));
-            }
+            const charInfo = buffer.getCharAtCursor();
+            const atCursor = charInfo.char === '\n' ? ' ' : charInfo.char;
+            return (React.createElement(Text, null,
+                cpSlice(displayText, 0, cursorPos),
+                renderCursor(atCursor),
+                cpSlice(displayText, cursorPos + 1)));
         }
         else {
             return (React.createElement(React.Fragment, null,
                 renderCursor(' '),
                 React.createElement(Text, { color: disabled ? 'darkGray' : 'gray', dimColor: true }, disabled ? 'Waiting for response...' : placeholder)));
         }
-    }, [buffer, disabled, placeholder, renderCursor]);
+    }, [buffer, disabled, placeholder, renderCursor, buffer.text]);
     return (React.createElement(Box, { flexDirection: "column", paddingX: 1, width: terminalWidth },
         showHistoryMenu && (React.createElement(Box, { flexDirection: "column", marginBottom: 1, width: terminalWidth - 2 },
             React.createElement(Box, { flexDirection: "column" }, (() => {

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

@@ -13,11 +13,6 @@ export interface Message {
         data: string;
         mimeType: string;
     }>;
-    systemInfo?: {
-        platform: string;
-        shell: string;
-        workingDirectory: string;
-    };
     toolCall?: {
         name: string;
         arguments: any;

package/dist/ui/components/MessageList.js

@@ -34,21 +34,8 @@ const MessageList = memo(({ messages, animationFrame, maxMessages = 6 }) => {
                 React.createElement(Box, { marginLeft: 2 },
                     React.createElement(Text, { color: "gray" }, message.content || ' ')))) : (React.createElement(React.Fragment, null,
                 message.role === 'user' ? (React.createElement(Text, { color: "gray" }, message.content || ' ')) : (React.createElement(MarkdownRenderer, { content: message.content || ' ' })),
-                (message.systemInfo ||
-                    message.files ||
-                    message.files ||
+                (message.files ||
                     message.images) && (React.createElement(Box, { flexDirection: "column" },
-                    message.systemInfo && (React.createElement(React.Fragment, null,
-                        React.createElement(Text, { color: "gray", dimColor: true },
-                            "\u2514\u2500 Platform: ",
-                            message.systemInfo.platform),
-                        React.createElement(Text, { color: "gray", dimColor: true },
-                            "\u2514\u2500 Shell: ",
-                            message.systemInfo.shell),
-                        React.createElement(Text, { color: "gray", dimColor: true },
-                            "\u2514\u2500 Working Directory:",
-                            ' ',
-                            message.systemInfo.workingDirectory))),
                     message.files && message.files.length > 0 && (React.createElement(React.Fragment, null, message.files.map((file, fileIndex) => (React.createElement(Text, { key: fileIndex, color: "gray", dimColor: true }, file.isImage
                         ? `└─ [image #{fileIndex + 1}] ${file.path}`
                         : `└─ Read \`${file.path}\`${file.exists

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

@@ -1,6 +1,13 @@
 import React from 'react';
+interface PendingMessage {
+    text: string;
+    images?: Array<{
+        data: string;
+        mimeType: string;
+    }>;
+}
 interface Props {
-    pendingMessages: string[];
+    pendingMessages: PendingMessage[];
 }
 export default function PendingMessages({ pendingMessages }: Props): React.JSX.Element | null;
 export {};

package/dist/ui/components/PendingMessages.js

@@ -9,11 +9,19 @@ export default function PendingMessages({ pendingMessages }) {
             "\u2B11 Pending Messages (",
             pendingMessages.length,
             ")"),
-        pendingMessages.map((message, index) => (React.createElement(Box, { key: index, marginLeft: 1, marginY: 0 },
-            React.createElement(Text, { color: "blue", bold: true },
-                index + 1,
-                "."),
-            React.createElement(Box, { marginLeft: 1 },
-                React.createElement(Text, { color: "gray" }, message.length > 60 ? `${message.substring(0, 60)}...` : message))))),
+        pendingMessages.map((message, index) => (React.createElement(Box, { key: index, marginLeft: 1, marginY: 0, flexDirection: "column" },
+            React.createElement(Box, null,
+                React.createElement(Text, { color: "blue", bold: true },
+                    index + 1,
+                    "."),
+                React.createElement(Box, { marginLeft: 1 },
+                    React.createElement(Text, { color: "gray" }, message.text.length > 60 ? `${message.text.substring(0, 60)}...` : message.text))),
+            message.images && message.images.length > 0 && (React.createElement(Box, { marginLeft: 3 },
+                React.createElement(Text, { color: "gray", dimColor: true },
+                    "\u2514\u2500 ",
+                    message.images.length,
+                    " image",
+                    message.images.length > 1 ? 's' : '',
+                    " attached")))))),
         React.createElement(Text, { color: "yellow", dimColor: true }, "Will be sent after tool execution completes")));
 }

package/dist/ui/pages/ChatScreen.js

@@ -26,7 +26,7 @@ import { useSnapshotState } from '../../hooks/useSnapshotState.js';
 import { useStreamingState } from '../../hooks/useStreamingState.js';
 import { useCommandHandler } from '../../hooks/useCommandHandler.js';
 import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { parseAndValidateFileReferences, createMessageWithFileInstructions, getSystemInfo, } from '../../utils/fileUtils.js';
+import { parseAndValidateFileReferences, createMessageWithFileInstructions, } from '../../utils/fileUtils.js';
 import { executeCommand } from '../../utils/commandExecutor.js';
 import { convertSessionMessagesToUI } from '../../utils/sessionConverter.js';
 import { incrementalSnapshotManager } from '../../utils/incrementalSnapshot.js';
@@ -77,7 +77,6 @@ export default function ChatScreen({ skipWelcome }) {
     const [showSessionPanel, setShowSessionPanel] = useState(false);
     const [showMcpPanel, setShowMcpPanel] = useState(false);
     const [showUsagePanel, setShowUsagePanel] = useState(false);
-    const [shouldIncludeSystemInfo, setShouldIncludeSystemInfo] = useState(true); // Include on first message
     const [restoreInputContent, setRestoreInputContent] = useState(null);
     const { columns: terminalWidth, rows: terminalHeight } = useTerminalSize();
     const { stdout } = useStdout();
@@ -192,7 +191,6 @@ export default function ChatScreen({ skipWelcome }) {
         setMcpPanelKey,
         setYoloMode,
         setContextUsage: streamingState.setContextUsage,
-        setShouldIncludeSystemInfo,
         setVscodeConnectionStatus: vscodeState.setVscodeConnectionStatus,
         processMessage: (message, images, useBasicModel, hideUserMessage) => processMessageRef.current?.(message, images, useBasicModel, hideUserMessage) || Promise.resolve(),
     });
@@ -279,7 +277,7 @@ export default function ChatScreen({ skipWelcome }) {
             // Note: session cleanup will be handled in processMessage/processPendingMessages finally block
         }
     });
-    const handleHistorySelect = async (selectedIndex, message) => {
+    const handleHistorySelect = async (selectedIndex, message, images) => {
         // Count total files that will be rolled back (from selectedIndex onwards)
         let totalFileCount = 0;
         for (const [index, count] of snapshotState.snapshotFileCount.entries()) {
@@ -299,11 +297,16 @@ export default function ChatScreen({ skipWelcome }) {
                 fileCount: filePaths.length, // Use actual unique file count
                 filePaths,
                 message, // Save message for restore after rollback
+                images, // Save images for restore after rollback
             });
         }
         else {
             // No files to rollback, just rollback conversation
-            // Note: message is already in input buffer via useHistoryNavigation
+            // Restore message to input buffer (with or without images)
+            setRestoreInputContent({
+                text: message,
+                images: images,
+            });
             await performRollback(selectedIndex, false);
         }
     };
@@ -406,9 +409,12 @@ export default function ChatScreen({ skipWelcome }) {
             return;
         }
         if (snapshotState.pendingRollback) {
-            // Restore message to input before rollback
+            // Restore message and images to input before rollback
             if (snapshotState.pendingRollback.message) {
-                setRestoreInputContent(snapshotState.pendingRollback.message);
+                setRestoreInputContent({
+                    text: snapshotState.pendingRollback.message,
+                    images: snapshotState.pendingRollback.images,
+                });
             }
             await performRollback(snapshotState.pendingRollback.messageIndex, rollbackFiles);
         }
@@ -441,7 +447,7 @@ export default function ChatScreen({ skipWelcome }) {
     const handleMessageSubmit = async (message, images) => {
         // If streaming, add to pending messages instead of sending immediately
         if (streamingState.isStreaming) {
-            setPendingMessages(prev => [...prev, message]);
+            setPendingMessages(prev => [...prev, { text: message, images }]);
             return;
         }
         // Create checkpoint (lightweight, only tracks modifications)
@@ -476,7 +482,6 @@ export default function ChatScreen({ skipWelcome }) {
                     setMessages(compressionResult.uiMessages);
                     setRemountKey(prev => prev + 1);
                     streamingState.setContextUsage(compressionResult.usage);
-                    setShouldIncludeSystemInfo(true);
                 }
                 else {
                     throw new Error('Compression failed');
@@ -518,8 +523,6 @@ export default function ChatScreen({ skipWelcome }) {
                 mimeType: f.mimeType,
             })),
         ];
-        // Get system information only if needed
-        const systemInfo = shouldIncludeSystemInfo ? getSystemInfo() : undefined;
         // Only add user message to UI if not hidden
         if (!hideUserMessage) {
             const userMessage = {
@@ -527,21 +530,16 @@ export default function ChatScreen({ skipWelcome }) {
                 content: cleanContent,
                 files: validFiles.length > 0 ? validFiles : undefined,
                 images: imageContents.length > 0 ? imageContents : undefined,
-                systemInfo,
             };
             setMessages(prev => [...prev, userMessage]);
-            // After including system info once, don't include it again
-            if (shouldIncludeSystemInfo) {
-                setShouldIncludeSystemInfo(false);
-            }
         }
         streamingState.setIsStreaming(true);
         // Create new abort controller for this request
         const controller = new AbortController();
         streamingState.setAbortController(controller);
         try {
-            // Create message for AI with file read instructions, system info, and editor context
-            const messageForAI = createMessageWithFileInstructions(cleanContent, regularFiles, systemInfo, vscodeState.vscodeConnected ? vscodeState.editorContext : undefined);
+            // Create message for AI with file read instructions and editor context
+            const messageForAI = createMessageWithFileInstructions(cleanContent, regularFiles, vscodeState.vscodeConnected ? vscodeState.editorContext : undefined);
             // Start conversation with tool support
             await handleConversationWithTools({
                 userContent: messageForAI,
@@ -565,7 +563,6 @@ export default function ChatScreen({ skipWelcome }) {
                 setRetryStatus: streamingState.setRetryStatus,
                 clearSavedMessages,
                 setRemountKey,
-                setShouldIncludeSystemInfo,
                 getCurrentContextPercentage: () => currentContextPercentageRef.current,
             });
         }
@@ -674,22 +671,27 @@ export default function ChatScreen({ skipWelcome }) {
         const messagesToProcess = [...pendingMessages];
         setPendingMessages([]);
         // Combine multiple pending messages into one
-        const combinedMessage = messagesToProcess.join('\n\n');
+        const combinedMessage = messagesToProcess.map(m => m.text).join('\n\n');
         // Parse and validate file references (same as processMessage)
         const { cleanContent, validFiles } = await parseAndValidateFileReferences(combinedMessage);
         // Separate image files from regular files
         const imageFiles = validFiles.filter(f => f.isImage && f.imageData && f.mimeType);
         const regularFiles = validFiles.filter(f => !f.isImage);
-        // Convert image files to image content format
-        const imageContents = imageFiles.length > 0
-            ? imageFiles.map(f => ({
+        // Collect all images from pending messages
+        const allImages = messagesToProcess
+            .flatMap(m => m.images || [])
+            .concat(imageFiles.map(f => ({
+            data: f.imageData,
+            mimeType: f.mimeType,
+        })));
+        // Convert to image content format
+        const imageContents = allImages.length > 0
+            ? allImages.map(img => ({
                 type: 'image',
-                data: f.imageData,
-                mimeType: f.mimeType,
+                data: img.data,
+                mimeType: img.mimeType,
             }))
             : undefined;
-        // Get system information (not needed for pending messages - they are follow-ups)
-        const systemInfo = undefined;
         // Add user message to chat with file references and images
         const userMessage = {
             role: 'user',
@@ -704,8 +706,8 @@ export default function ChatScreen({ skipWelcome }) {
         const controller = new AbortController();
         streamingState.setAbortController(controller);
         try {
-            // Create message for AI with file read instructions, and editor context
-            const messageForAI = createMessageWithFileInstructions(cleanContent, regularFiles, systemInfo, vscodeState.vscodeConnected ? vscodeState.editorContext : undefined);
+            // Create message for AI with file read instructions and editor context
+            const messageForAI = createMessageWithFileInstructions(cleanContent, regularFiles, vscodeState.vscodeConnected ? vscodeState.editorContext : undefined);
             // Use the same conversation handler
             await handleConversationWithTools({
                 userContent: messageForAI,
@@ -729,7 +731,6 @@ export default function ChatScreen({ skipWelcome }) {
                 clearSavedMessages,
                 setRemountKey,
                 getCurrentContextPercentage: () => currentContextPercentageRef.current,
-                setShouldIncludeSystemInfo,
             });
         }
         catch (error) {
@@ -962,17 +963,6 @@ export default function ChatScreen({ skipWelcome }) {
                                         .replace('✓ ', '')
                                         .replace(/.*⚇✓\s*/, '')
                                         .split('\n')[0] || '', result: message.toolResult, maxLines: 5 })),
-                                message.role === 'user' && message.systemInfo && (React.createElement(Box, { marginTop: 1, flexDirection: "column" },
-                                    React.createElement(Text, { color: "gray", dimColor: true },
-                                        "\u2514\u2500 Platform: ",
-                                        message.systemInfo.platform),
-                                    React.createElement(Text, { color: "gray", dimColor: true },
-                                        "\u2514\u2500 Shell: ",
-                                        message.systemInfo.shell),
-                                    React.createElement(Text, { color: "gray", dimColor: true },
-                                        "\u2514\u2500 Working Directory:",
-                                        ' ',
-                                        message.systemInfo.workingDirectory))),
                                 message.files && message.files.length > 0 && (React.createElement(Box, { flexDirection: "column" }, message.files.map((file, fileIndex) => (React.createElement(Text, { key: fileIndex, color: "gray", dimColor: true },
                                     "\u2514\u2500 ",
                                     file.path,

package/dist/ui/pages/HeadlessModeScreen.js

@@ -7,7 +7,7 @@ import { useStreamingState } from '../../hooks/useStreamingState.js';
 import { useToolConfirmation } from '../../hooks/useToolConfirmation.js';
 import { useVSCodeState } from '../../hooks/useVSCodeState.js';
 import { useSessionSave } from '../../hooks/useSessionSave.js';
-import { parseAndValidateFileReferences, createMessageWithFileInstructions, getSystemInfo, } from '../../utils/fileUtils.js';
+import { parseAndValidateFileReferences, createMessageWithFileInstructions, } from '../../utils/fileUtils.js';
 // Console-based markdown renderer functions
 function renderConsoleMarkdown(content) {
     const blocks = parseConsoleMarkdown(content);
@@ -297,14 +297,11 @@ export default function HeadlessModeScreen({ prompt, onComplete }) {
             // Parse and validate file references
             const { cleanContent, validFiles } = await parseAndValidateFileReferences(prompt);
             const regularFiles = validFiles.filter(f => !f.isImage);
-            // Get system information
-            const systemInfo = getSystemInfo();
             // Add user message to UI
             const userMessage = {
                 role: 'user',
                 content: cleanContent,
                 files: validFiles.length > 0 ? validFiles : undefined,
-                systemInfo,
             };
             setMessages([userMessage]);
             streamingState.setIsStreaming(true);
@@ -330,15 +327,9 @@ export default function HeadlessModeScreen({ prompt, onComplete }) {
                         : '\x1b[31m (not found)\x1b[90m'}\x1b[0m`);
                 });
             }
-            if (systemInfo) {
-                console.log(`\x1b[36m├─ System Context\x1b[0m`);
-                console.log(`\x1b[90m│  └─ Platform: \x1b[33m${systemInfo.platform}\x1b[0m`);
-                console.log(`\x1b[90m│  └─ Shell: \x1b[33m${systemInfo.shell}\x1b[0m`);
-                console.log(`\x1b[90m│  └─ Working Directory: \x1b[33m${systemInfo.workingDirectory}\x1b[0m`);
-            }
             console.log(`\x1b[36m└─ Assistant Response\x1b[0m`);
             // Create message for AI
-            const messageForAI = createMessageWithFileInstructions(cleanContent, regularFiles, systemInfo, vscodeState.vscodeConnected ? vscodeState.editorContext : undefined);
+            const messageForAI = createMessageWithFileInstructions(cleanContent, regularFiles, vscodeState.vscodeConnected ? vscodeState.editorContext : undefined);
             // Start conversation with tool support
             await handleConversationWithTools({
                 userContent: messageForAI,

package/dist/utils/chatExporter.js

@@ -92,14 +92,6 @@ export function formatMessagesAsText(messages) {
             lines.push('');
             lines.push(`[${message.images.length} image(s) attached]`);
         }
-        // Add system info if present
-        if (message.systemInfo) {
-            lines.push('');
-            lines.push('[SYSTEM INFO]');
-            lines.push(`Platform: ${message.systemInfo.platform}`);
-            lines.push(`Shell: ${message.systemInfo.shell}`);
-            lines.push(`Working Directory: ${message.systemInfo.workingDirectory}`);
-        }
         // Add files information if present
         if (message.files && message.files.length > 0) {
             lines.push('');

package/dist/utils/commands/home.js

@@ -1,12 +1,21 @@
 import { registerCommand } from '../commandExecutor.js';
+import { resetAnthropicClient } from '../../api/anthropic.js';
+import { resetGeminiClient } from '../../api/gemini.js';
+import { resetOpenAIClient as resetChatClient } from '../../api/chat.js';
+import { resetOpenAIClient as resetResponseClient } from '../../api/responses.js';
 // Home command handler - returns to welcome screen
 registerCommand('home', {
     execute: () => {
+        // Clear all API configuration caches
+        resetAnthropicClient();
+        resetGeminiClient();
+        resetChatClient();
+        resetResponseClient();
         return {
             success: true,
             action: 'home',
-            message: 'Returning to welcome screen'
+            message: 'Returning to welcome screen',
         };
-    }
+    },
 });
 export default {};

package/dist/utils/fileUtils.d.ts

@@ -29,11 +29,7 @@ export declare function parseAndValidateFileReferences(content: string): Promise
 /**
  * Create message with file read instructions for AI
  */
-export declare function createMessageWithFileInstructions(content: string, files: SelectedFile[], systemInfo?: {
-    platform: string;
-    shell: string;
-    workingDirectory: string;
-}, editorContext?: {
+export declare function createMessageWithFileInstructions(content: string, files: SelectedFile[], editorContext?: {
     activeFile?: string;
     selectedText?: string;
     cursorPosition?: {
@@ -42,11 +38,3 @@ export declare function createMessageWithFileInstructions(content: string, files
     };
     workspaceFolder?: string;
 }): string;
-/**
- * Get system information (OS, shell, working directory)
- */
-export declare function getSystemInfo(): {
-    platform: string;
-    shell: string;
-    workingDirectory: string;
-};

package/dist/utils/fileUtils.js

@@ -1,6 +1,5 @@
 import fs from 'fs';
 import path from 'path';
-import os from 'os';
 /**
  * Get line count for a file
  */
@@ -154,17 +153,8 @@ export async function parseAndValidateFileReferences(content) {
 /**
  * Create message with file read instructions for AI
  */
-export function createMessageWithFileInstructions(content, files, systemInfo, editorContext) {
+export function createMessageWithFileInstructions(content, files, editorContext) {
     const parts = [content];
-    // Add system info if provided
-    if (systemInfo) {
-        const systemInfoLines = [
-            `└─ Platform: ${systemInfo.platform}`,
-            `└─ Shell: ${systemInfo.shell}`,
-            `└─ Working Directory: ${systemInfo.workingDirectory}`
-        ];
-        parts.push(systemInfoLines.join('\n'));
-    }
     // Add editor context if provided (from VSCode connection)
     if (editorContext) {
         const editorLines = [];
@@ -193,49 +183,3 @@ export function createMessageWithFileInstructions(content, files, systemInfo, ed
     }
     return parts.join('\n');
 }
-/**
- * Get system information (OS, shell, working directory)
- */
-export function getSystemInfo() {
-    // Get OS platform
-    const platform = (() => {
-        const platformType = os.platform();
-        switch (platformType) {
-            case 'win32':
-                return 'Windows';
-            case 'darwin':
-                return 'macOS';
-            case 'linux':
-                return 'Linux';
-            default:
-                return platformType;
-        }
-    })();
-    // Get shell type
-    const shell = (() => {
-        const shellPath = process.env['SHELL'] || process.env['ComSpec'] || '';
-        const shellName = path.basename(shellPath).toLowerCase();
-        if (shellName.includes('cmd'))
-            return 'cmd.exe';
-        if (shellName.includes('powershell'))
-            return 'PowerShell';
-        if (shellName.includes('pwsh'))
-            return 'PowerShell';
-        if (shellName.includes('zsh'))
-            return 'zsh';
-        if (shellName.includes('bash'))
-            return 'bash';
-        if (shellName.includes('fish'))
-            return 'fish';
-        if (shellName.includes('sh'))
-            return 'sh';
-        return shellName || 'shell';
-    })();
-    // Get working directory
-    const workingDirectory = process.cwd();
-    return {
-        platform,
-        shell,
-        workingDirectory
-    };
-}

package/dist/utils/textBuffer.d.ts

@@ -2,13 +2,21 @@ export interface Viewport {
     width: number;
     height: number;
 }
-export interface PastePlaceholder {
+/**
+ * 统一的占位符类型，用于大文本粘贴和图片
+ */
+export interface Placeholder {
     id: string;
     content: string;
+    type: 'text' | 'image';
     charCount: number;
     index: number;
     placeholder: string;
+    mimeType?: string;
 }
+/**
+ * 图片数据类型（向后兼容）
+ */
 export interface ImageData {
     id: string;
     data: string;
@@ -20,10 +28,9 @@ export declare class TextBuffer {
     private content;
     private cursorIndex;
     private viewport;
-    private pasteStorage;
-    private pasteCounter;
-    private imageStorage;
-    private imageCounter;
+    private placeholderStorage;
+    private textPlaceholderCounter;
+    private imagePlaceholderCounter;
     private pasteAccumulator;
     private pasteTimer;
     private pastePlaceholderPosition;
@@ -40,7 +47,7 @@ export declare class TextBuffer {
     destroy(): void;
     get text(): string;
     /**
-     * 获取完整文本，包括替换占位符为原始内容
+     * 获取完整文本，包括替换占位符为原始内容（仅文本类型）
      */
     getFullText(): string;
     get visualCursor(): [number, number];
@@ -79,11 +86,11 @@ export declare class TextBuffer {
     private moveCursorToVisualRow;
     private recomputeVisualCursorOnly;
     /**
-     * 插入图片数据
+     * 插入图片数据（使用统一的占位符系统）
      */
     insertImage(base64Data: string, mimeType: string): void;
     /**
-     * 获取所有图片数据
+     * 获取所有图片数据（还原为 data URL 格式）
      */
     getImages(): ImageData[];
     /**

package/dist/utils/textBuffer.js

@@ -35,30 +35,24 @@ export class TextBuffer {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "pasteStorage", {
+        Object.defineProperty(this, "placeholderStorage", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: new Map()
-        });
-        Object.defineProperty(this, "pasteCounter", {
+        }); // 统一的占位符存储
+        Object.defineProperty(this, "textPlaceholderCounter", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: 0
-        });
-        Object.defineProperty(this, "imageStorage", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        });
-        Object.defineProperty(this, "imageCounter", {
+        }); // 文本占位符计数器
+        Object.defineProperty(this, "imagePlaceholderCounter", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: 0
-        });
+        }); // 图片占位符计数器
         Object.defineProperty(this, "pasteAccumulator", {
             enumerable: true,
             configurable: true,
@@ -126,20 +120,20 @@ export class TextBuffer {
             clearTimeout(this.pasteTimer);
             this.pasteTimer = null;
         }
-        this.pasteStorage.clear();
-        this.imageStorage.clear();
+        this.placeholderStorage.clear();
         this.onUpdateCallback = undefined;
     }
     get text() {
         return this.content;
     }
     /**
-     * 获取完整文本，包括替换占位符为原始内容
+     * 获取完整文本，包括替换占位符为原始内容（仅文本类型）
      */
     getFullText() {
         let fullText = this.content;
-        for (const placeholder of this.pasteStorage.values()) {
-            if (placeholder.placeholder) {
+        for (const placeholder of this.placeholderStorage.values()) {
+            // 只替换文本类型的占位符
+            if (placeholder.type === 'text' && placeholder.placeholder) {
                 fullText = fullText
                     .split(placeholder.placeholder)
                     .join(placeholder.content);
@@ -170,10 +164,9 @@ export class TextBuffer {
         this.content = sanitized;
         this.clampCursorIndex();
         if (sanitized === '') {
-            this.pasteStorage.clear();
-            this.pasteCounter = 0;
-            this.imageStorage.clear();
-            this.imageCounter = 0;
+            this.placeholderStorage.clear();
+            this.textPlaceholderCounter = 0;
+            this.imagePlaceholderCounter = 0;
             this.pasteAccumulator = '';
             if (this.pasteTimer) {
                 clearTimeout(this.pasteTimer);
@@ -250,14 +243,15 @@ export class TextBuffer {
         this.content = this.content.replace(tempPlaceholderPattern, '');
         // 只有当累积的字符数超过300时才创建占位符
         if (totalChars > 300) {
-            this.pasteCounter++;
-            const pasteId = `paste_${Date.now()}_${this.pasteCounter}`;
-            const placeholderText = `[Paste ${totalChars} characters #${this.pasteCounter}]`;
-            this.pasteStorage.set(pasteId, {
+            this.textPlaceholderCounter++;
+            const pasteId = `paste_${Date.now()}_${this.textPlaceholderCounter}`;
+            const placeholderText = `[Paste ${totalChars} characters #${this.textPlaceholderCounter}]`;
+            this.placeholderStorage.set(pasteId, {
                 id: pasteId,
+                type: 'text',
                 content: this.pasteAccumulator,
                 charCount: totalChars,
-                index: this.pasteCounter,
+                index: this.textPlaceholderCounter,
                 placeholder: placeholderText,
             });
             // 在记录的位置插入占位符
@@ -507,33 +501,57 @@ export class TextBuffer {
         this.preferredVisualCol = this.visualCursorPos[1];
     }
     /**
-     * 插入图片数据
+     * 插入图片数据（使用统一的占位符系统）
      */
     insertImage(base64Data, mimeType) {
-        this.imageCounter++;
-        const imageId = `image_${Date.now()}_${this.imageCounter}`;
-        const placeholderText = `[image #${this.imageCounter}]`;
-        this.imageStorage.set(imageId, {
+        // 清理 base64 数据：移除所有空白字符（包括换行符）
+        // PowerShell/macOS 的 base64 编码可能包含换行符
+        const cleanedBase64 = base64Data.replace(/\s+/g, '');
+        this.imagePlaceholderCounter++;
+        const imageId = `image_${Date.now()}_${this.imagePlaceholderCounter}`;
+        const placeholderText = `[image #${this.imagePlaceholderCounter}]`;
+        this.placeholderStorage.set(imageId, {
             id: imageId,
-            data: base64Data,
-            mimeType: mimeType,
-            index: this.imageCounter,
+            type: 'image',
+            content: cleanedBase64,
+            charCount: cleanedBase64.length,
+            index: this.imagePlaceholderCounter,
             placeholder: placeholderText,
+            mimeType: mimeType,
         });
         this.insertPlainText(placeholderText);
         this.scheduleUpdate();
     }
     /**
-     * 获取所有图片数据
+     * 获取所有图片数据（还原为 data URL 格式）
      */
     getImages() {
-        return Array.from(this.imageStorage.values()).sort((a, b) => a.index - b.index);
+        return Array.from(this.placeholderStorage.values())
+            .filter((p) => p.type === 'image')
+            .map((p) => {
+            const mimeType = p.mimeType || 'image/png';
+            // 还原为 data URL 格式
+            const dataUrl = `data:${mimeType};base64,${p.content}`;
+            return {
+                id: p.id,
+                data: dataUrl,
+                mimeType: mimeType,
+                index: p.index,
+                placeholder: p.placeholder,
+            };
+        })
+            .sort((a, b) => a.index - b.index);
     }
     /**
      * 清除所有图片
      */
     clearImages() {
-        this.imageStorage.clear();
-        this.imageCounter = 0;
+        // 只清除图片类型的占位符
+        for (const [id, placeholder] of this.placeholderStorage.entries()) {
+            if (placeholder.type === 'image') {
+                this.placeholderStorage.delete(id);
+            }
+        }
+        this.imagePlaceholderCounter = 0;
     }
 }

package/package.json

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