snow-ai 0.2.25 → 0.2.27

package/dist/ui/pages/ConfigScreen.js

@@ -3,8 +3,10 @@ import { Box, Text, useInput } from 'ink';
 import Gradient from 'ink-gradient';
 import { Select, Alert, Spinner } from '@inkjs/ui';
 import TextInput from 'ink-text-input';
+import chalk from 'chalk';
 import { getOpenAiConfig, updateOpenAiConfig, validateApiConfig, } from '../../utils/apiConfig.js';
 import { fetchAvailableModels, filterModels, } from '../../api/models.js';
+import { getActiveProfileName, getAllProfiles, switchProfile, createProfile, deleteProfile, saveProfile, } from '../../utils/configManager.js';
 const focusEventTokenRegex = /(?:\x1b)?\[[0-9;]*[IO]/g;
 const isFocusEventInput = (value) => {
     if (!value) {
@@ -38,6 +40,11 @@ const stripFocusArtifacts = (value) => {
         .replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g, '');
 };
 export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
+    // Profile management
+    const [profiles, setProfiles] = useState([]);
+    const [activeProfile, setActiveProfile] = useState('');
+    const [profileMode, setProfileMode] = useState('normal');
+    const [newProfileName, setNewProfileName] = useState('');
     // API settings
     const [baseUrl, setBaseUrl] = useState('');
     const [apiKey, setApiKey] = useState('');
@@ -50,7 +57,7 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
     const [maxTokens, setMaxTokens] = useState(4096);
     const [compactModelName, setCompactModelName] = useState('');
     // UI state
-    const [currentField, setCurrentField] = useState('baseUrl');
+    const [currentField, setCurrentField] = useState('profile');
     const [errors, setErrors] = useState([]);
     const [isEditing, setIsEditing] = useState(false);
     const [models, setModels] = useState([]);
@@ -78,6 +85,13 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         },
     ];
     useEffect(() => {
+        loadProfilesAndConfig();
+    }, []);
+    const loadProfilesAndConfig = () => {
+        // Load profiles
+        const loadedProfiles = getAllProfiles();
+        setProfiles(loadedProfiles);
+        // Load current config
         const config = getOpenAiConfig();
         setBaseUrl(config.baseUrl);
         setApiKey(config.apiKey);
@@ -88,7 +102,8 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         setMaxContextTokens(config.maxContextTokens || 4000);
         setMaxTokens(config.maxTokens || 4096);
         setCompactModelName(config.compactModel?.modelName || '');
-    }, []);
+        setActiveProfile(getActiveProfileName());
+    };
     const loadModels = async () => {
         setLoading(true);
         setLoadError('');
@@ -124,6 +139,8 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         ];
     };
     const getCurrentValue = () => {
+        if (currentField === 'profile')
+            return activeProfile;
         if (currentField === 'baseUrl')
             return baseUrl;
         if (currentField === 'apiKey')
@@ -140,6 +157,83 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
             return compactModelName;
         return '';
     };
+    const handleProfileChange = (value) => {
+        if (value === '__CREATE_NEW__') {
+            setProfileMode('creating');
+            setNewProfileName('');
+            return;
+        }
+        if (value === '__DELETE__') {
+            if (activeProfile === 'default') {
+                setErrors(['Cannot delete the default profile']);
+                return;
+            }
+            setProfileMode('deleting');
+            return;
+        }
+        // Switch profile
+        try {
+            switchProfile(value);
+            loadProfilesAndConfig();
+            setIsEditing(false);
+            setErrors([]);
+        }
+        catch (err) {
+            setErrors([
+                err instanceof Error ? err.message : 'Failed to switch profile',
+            ]);
+        }
+    };
+    const handleCreateProfile = () => {
+        const cleaned = stripFocusArtifacts(newProfileName).trim();
+        if (!cleaned) {
+            setErrors(['Profile name cannot be empty']);
+            return;
+        }
+        try {
+            // Create new profile with current config
+            const currentConfig = {
+                snowcfg: {
+                    baseUrl,
+                    apiKey,
+                    requestMethod,
+                    anthropicBeta,
+                    advancedModel,
+                    basicModel,
+                    maxContextTokens,
+                    maxTokens,
+                    compactModel: compactModelName ? { modelName: compactModelName } : undefined,
+                },
+            };
+            createProfile(cleaned, currentConfig);
+            switchProfile(cleaned);
+            loadProfilesAndConfig();
+            setProfileMode('normal');
+            setNewProfileName('');
+            setIsEditing(false);
+            setErrors([]);
+        }
+        catch (err) {
+            setErrors([
+                err instanceof Error ? err.message : 'Failed to create profile',
+            ]);
+        }
+    };
+    const handleDeleteProfile = () => {
+        try {
+            deleteProfile(activeProfile);
+            loadProfilesAndConfig();
+            setProfileMode('normal');
+            setIsEditing(false);
+            setErrors([]);
+        }
+        catch (err) {
+            setErrors([
+                err instanceof Error ? err.message : 'Failed to delete profile',
+            ]);
+            setProfileMode('normal');
+        }
+    };
     const handleModelChange = (value) => {
         if (value === '__MANUAL_INPUT__') {
             setManualInputMode(true);
@@ -181,7 +275,30 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                     modelName: compactModelName,
                 };
             }
+            // Save to main config
             updateOpenAiConfig(config);
+            // Also save to the current profile
+            try {
+                const fullConfig = {
+                    snowcfg: {
+                        baseUrl,
+                        apiKey,
+                        requestMethod,
+                        anthropicBeta,
+                        advancedModel,
+                        basicModel,
+                        maxContextTokens,
+                        maxTokens,
+                        compactModel: compactModelName
+                            ? { modelName: compactModelName }
+                            : undefined,
+                    },
+                };
+                saveProfile(activeProfile, fullConfig);
+            }
+            catch (err) {
+                console.error('Failed to save profile:', err);
+            }
             setErrors([]);
             return true;
         }
@@ -198,6 +315,29 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         if (isFocusEventInput(rawInput)) {
             return;
         }
+        // Handle profile creation mode
+        if (profileMode === 'creating') {
+            if (key.return) {
+                handleCreateProfile();
+            }
+            else if (key.escape) {
+                setProfileMode('normal');
+                setNewProfileName('');
+                setErrors([]);
+            }
+            return;
+        }
+        // Handle profile deletion confirmation
+        if (profileMode === 'deleting') {
+            if (input === 'y' || input === 'Y') {
+                handleDeleteProfile();
+            }
+            else if (input === 'n' || input === 'N' || key.escape) {
+                setProfileMode('normal');
+                setErrors([]);
+            }
+            return;
+        }
         // Handle loading state
         if (loading) {
             if (key.escape) {
@@ -239,7 +379,8 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         }
         // Allow Escape key to exit Select component
         if (isEditing &&
-            (currentField === 'requestMethod' ||
+            (currentField === 'profile' ||
+                currentField === 'requestMethod' ||
                 currentField === 'advancedModel' ||
                 currentField === 'basicModel' ||
                 currentField === 'compactModelName') &&
@@ -360,15 +501,16 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         }
         else if (!isEditing && key.upArrow) {
             const fields = [
+                'profile',
                 'baseUrl',
                 'apiKey',
                 'requestMethod',
                 'anthropicBeta',
                 'advancedModel',
                 'basicModel',
+                'compactModelName',
                 'maxContextTokens',
                 'maxTokens',
-                'compactModelName',
             ];
             const currentIndex = fields.indexOf(currentField);
             if (currentIndex > 0) {
@@ -377,15 +519,16 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         }
         else if (!isEditing && key.downArrow) {
             const fields = [
+                'profile',
                 'baseUrl',
                 'apiKey',
                 'requestMethod',
                 'anthropicBeta',
                 'advancedModel',
                 'basicModel',
+                'compactModelName',
                 'maxContextTokens',
                 'maxTokens',
-                'compactModelName',
             ];
             const currentIndex = fields.indexOf(currentField);
             if (currentIndex < fields.length - 1) {
@@ -393,6 +536,40 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
             }
         }
     });
+    // Render profile creation mode
+    if (profileMode === 'creating') {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            !inlineMode && (React.createElement(Box, { marginBottom: 1, borderStyle: "double", borderColor: 'cyan', paddingX: 2 },
+                React.createElement(Box, { flexDirection: "column" },
+                    React.createElement(Gradient, { name: "rainbow" }, "Create New Profile"),
+                    React.createElement(Text, { color: "gray", dimColor: true }, "Enter a name for the new configuration profile")))),
+            React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, { color: "cyan" }, "Profile Name:"),
+                React.createElement(Box, { marginLeft: 2 },
+                    React.createElement(TextInput, { value: newProfileName, onChange: value => setNewProfileName(stripFocusArtifacts(value)), placeholder: "e.g., work, personal, test" }))),
+            errors.length > 0 && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "red" }, errors[0]))),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Alert, { variant: "info" }, "Press Enter to create, Esc to cancel"))));
+    }
+    // Render profile deletion confirmation
+    if (profileMode === 'deleting') {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            !inlineMode && (React.createElement(Box, { marginBottom: 1, borderStyle: "double", borderColor: 'cyan', paddingX: 2 },
+                React.createElement(Box, { flexDirection: "column" },
+                    React.createElement(Gradient, { name: "rainbow" }, "Delete Profile"),
+                    React.createElement(Text, { color: "gray", dimColor: true }, "Confirm profile deletion")))),
+            React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, { color: "yellow" },
+                    "Are you sure you want to delete the profile \"",
+                    activeProfile,
+                    "\"?"),
+                React.createElement(Text, { color: "gray", dimColor: true }, "This action cannot be undone. You will be switched to the default profile.")),
+            errors.length > 0 && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "red" }, errors[0]))),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Alert, { variant: "warning" }, "Press Y to confirm, N or Esc to cancel"))));
+    }
     if (loading) {
         return (React.createElement(Box, { flexDirection: "column", padding: 1 },
             !inlineMode && (React.createElement(Box, { marginBottom: 1, borderStyle: "double", borderColor: 'cyan', paddingX: 2 },
@@ -434,9 +611,33 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         !inlineMode && (React.createElement(Box, { marginBottom: 1, borderStyle: "double", borderColor: 'cyan', paddingX: 2 },
             React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Gradient, { name: "rainbow" }, "API & Model Configuration"),
-                React.createElement(Text, { color: "gray", dimColor: true }, "Configure your API settings and AI models")))),
+                React.createElement(Text, { color: "gray", dimColor: true }, "Configure your API settings and AI models"),
+                activeProfile && (React.createElement(Text, { color: "cyan", dimColor: true },
+                    "Active Profile: ",
+                    activeProfile))))),
         React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Text, { color: "cyan", bold: true }, "API Settings:"),
+            React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, { color: currentField === 'profile' ? 'green' : 'white' },
+                    currentField === 'profile' ? '❯ ' : '  ',
+                    "Profile:"),
+                currentField === 'profile' && isEditing && (React.createElement(Box, { marginLeft: 3 },
+                    React.createElement(Select, { options: [
+                            ...profiles.map(p => ({
+                                label: `${p.displayName}${p.isActive ? ' (Active)' : ''}`,
+                                value: p.name,
+                            })),
+                            {
+                                label: chalk.green('+ New Profile'),
+                                value: '__CREATE_NEW__',
+                            },
+                            {
+                                label: chalk.red('🆇 Delete Profile'),
+                                value: '__DELETE__',
+                            },
+                        ], defaultValue: activeProfile, onChange: handleProfileChange }))),
+                (!isEditing || currentField !== 'profile') && (React.createElement(Box, { marginLeft: 3 },
+                    React.createElement(Text, { color: "gray" }, profiles.find(p => p.name === activeProfile)?.displayName ||
+                        activeProfile)))),
             React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Text, { color: currentField === 'baseUrl' ? 'green' : 'white' },
                     currentField === 'baseUrl' ? '❯ ' : '  ',
@@ -465,19 +666,18 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 (!isEditing || currentField !== 'requestMethod') && (React.createElement(Box, { marginLeft: 3 },
                     React.createElement(Text, { color: "gray" }, requestMethodOptions.find(opt => opt.value === requestMethod)
                         ?.label || 'Not set')))),
-            React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+            React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Text, { color: currentField === 'anthropicBeta' ? 'green' : 'white' },
                     currentField === 'anthropicBeta' ? '❯ ' : '  ',
-                    "Anthropic Beta (for Claude API):"),
+                    "Anthropic Beta:"),
                 React.createElement(Box, { marginLeft: 3 },
                     React.createElement(Text, { color: "gray" },
                         anthropicBeta ? '☑ Enabled' : '☐ Disabled',
                         " (Press Enter to toggle)"))),
-            React.createElement(Text, { color: "cyan", bold: true }, "Model Settings:"),
             React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Text, { color: currentField === 'advancedModel' ? 'green' : 'white' },
                     currentField === 'advancedModel' ? '❯ ' : '  ',
-                    "Advanced Model (Main Work):"),
+                    "Advanced Model:"),
                 currentField === 'advancedModel' && isEditing && (React.createElement(Box, { marginLeft: 3 },
                     React.createElement(Box, { flexDirection: "column" },
                         searchTerm && React.createElement(Text, { color: "cyan" },
@@ -489,7 +689,7 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
             React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Text, { color: currentField === 'basicModel' ? 'green' : 'white' },
                     currentField === 'basicModel' ? '❯ ' : '  ',
-                    "Basic Model (Summary & Analysis):"),
+                    "Basic Model:"),
                 currentField === 'basicModel' && isEditing && (React.createElement(Box, { marginLeft: 3 },
                     React.createElement(Box, { flexDirection: "column" },
                         searchTerm && React.createElement(Text, { color: "cyan" },
@@ -498,39 +698,38 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                         React.createElement(Select, { options: getCurrentOptions(), defaultValue: getCurrentValue(), onChange: handleModelChange })))),
                 (!isEditing || currentField !== 'basicModel') && (React.createElement(Box, { marginLeft: 3 },
                     React.createElement(Text, { color: "gray" }, basicModel || 'Not set')))),
+            React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, { color: currentField === 'compactModelName' ? 'green' : 'white' },
+                    currentField === 'compactModelName' ? '❯ ' : '  ',
+                    "Compact Model:"),
+                currentField === 'compactModelName' && isEditing && (React.createElement(Box, { marginLeft: 3 },
+                    React.createElement(Box, { flexDirection: "column" },
+                        searchTerm && React.createElement(Text, { color: "cyan" },
+                            "Filter: ",
+                            searchTerm),
+                        React.createElement(Select, { options: getCurrentOptions(), defaultValue: getCurrentValue(), onChange: handleModelChange })))),
+                (!isEditing || currentField !== 'compactModelName') && (React.createElement(Box, { marginLeft: 3 },
+                    React.createElement(Text, { color: "gray" }, compactModelName || 'Not set')))),
             React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Text, { color: currentField === 'maxContextTokens' ? 'green' : 'white' },
                     currentField === 'maxContextTokens' ? '❯ ' : '  ',
-                    "Max Context Tokens (Auto-compress when reached):"),
+                    "Max Context Tokens:"),
                 currentField === 'maxContextTokens' && isEditing && (React.createElement(Box, { marginLeft: 3 },
                     React.createElement(Text, { color: "cyan" },
                         "Enter value: ",
                         maxContextTokens))),
                 (!isEditing || currentField !== 'maxContextTokens') && (React.createElement(Box, { marginLeft: 3 },
                     React.createElement(Text, { color: "gray" }, maxContextTokens)))),
-            React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+            React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Text, { color: currentField === 'maxTokens' ? 'green' : 'white' },
                     currentField === 'maxTokens' ? '❯ ' : '  ',
-                    "Max Tokens (Max tokens for single response):"),
+                    "Max Tokens:"),
                 currentField === 'maxTokens' && isEditing && (React.createElement(Box, { marginLeft: 3 },
                     React.createElement(Text, { color: "cyan" },
                         "Enter value: ",
                         maxTokens))),
                 (!isEditing || currentField !== 'maxTokens') && (React.createElement(Box, { marginLeft: 3 },
-                    React.createElement(Text, { color: "gray" }, maxTokens)))),
-            React.createElement(Text, { color: "cyan", bold: true }, "Compact Model (Context Compression):"),
-            React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Text, { color: currentField === 'compactModelName' ? 'green' : 'white' },
-                    currentField === 'compactModelName' ? '❯ ' : '  ',
-                    "Model Name (uses same API credentials):"),
-                currentField === 'compactModelName' && isEditing && (React.createElement(Box, { marginLeft: 3 },
-                    React.createElement(Box, { flexDirection: "column" },
-                        searchTerm && React.createElement(Text, { color: "cyan" },
-                            "Filter: ",
-                            searchTerm),
-                        React.createElement(Select, { options: getCurrentOptions(), defaultValue: getCurrentValue(), onChange: handleModelChange })))),
-                (!isEditing || currentField !== 'compactModelName') && (React.createElement(Box, { marginLeft: 3 },
-                    React.createElement(Text, { color: "gray" }, compactModelName || 'Not set'))))),
+                    React.createElement(Text, { color: "gray" }, maxTokens))))),
         errors.length > 0 && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
             React.createElement(Text, { color: "red", bold: true }, "Errors:"),
             errors.map((error, index) => (React.createElement(Text, { key: index, color: "red" },

package/dist/ui/pages/WelcomeScreen.js

@@ -24,7 +24,7 @@ export default function WelcomeScreen({ version = '1.0.0', onMenuSelect, }) {
         {
             label: 'API & Model Settings',
             value: 'config',
-            infoText: 'Configure API settings and AI models',
+            infoText: 'Configure API settings, AI models, and manage profiles',
         },
         {
             label: 'Proxy & Browser Settings',

package/dist/utils/apiConfig.js

@@ -112,6 +112,18 @@ export function updateOpenAiConfig(apiConfig) {
         snowcfg: { ...currentConfig.snowcfg, ...apiConfig },
     };
     saveConfig(updatedConfig);
+    // Also save to the active profile if profiles system is initialized
+    try {
+        // Dynamic import to avoid circular dependencies
+        const { getActiveProfileName, saveProfile } = require('./configManager.js');
+        const activeProfileName = getActiveProfileName();
+        if (activeProfileName) {
+            saveProfile(activeProfileName, updatedConfig);
+        }
+    }
+    catch {
+        // Profiles system not available yet (during initialization), skip sync
+    }
 }
 export function getOpenAiConfig() {
     const config = loadConfig();

package/dist/utils/configManager.d.ts

@@ -0,0 +1,45 @@
+import { type AppConfig } from './apiConfig.js';
+export interface ConfigProfile {
+    name: string;
+    displayName: string;
+    isActive: boolean;
+    config: AppConfig;
+}
+/**
+ * Get the current active profile name
+ */
+export declare function getActiveProfileName(): string;
+/**
+ * Load a specific profile
+ */
+export declare function loadProfile(profileName: string): AppConfig | undefined;
+/**
+ * Save a profile
+ */
+export declare function saveProfile(profileName: string, config: AppConfig): void;
+/**
+ * Get all available profiles
+ */
+export declare function getAllProfiles(): ConfigProfile[];
+/**
+ * Switch to a different profile
+ * This copies the profile config to config.json and updates the active profile
+ */
+export declare function switchProfile(profileName: string): void;
+/**
+ * Create a new profile
+ */
+export declare function createProfile(profileName: string, config?: AppConfig): void;
+/**
+ * Delete a profile
+ */
+export declare function deleteProfile(profileName: string): void;
+/**
+ * Rename a profile
+ */
+export declare function renameProfile(oldName: string, newName: string): void;
+/**
+ * Initialize profiles system
+ * This should be called on app startup to ensure profiles are set up
+ */
+export declare function initializeProfiles(): void;