snow-ai 0.2.16 → 0.2.17

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/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/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'
@@ -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/package.json

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