snow-ai 0.3.36 → 0.4.0

package/dist/ui/pages/ConfigScreen.js

@@ -6,6 +6,7 @@ import TextInput from 'ink-text-input';
 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';
+import { useI18n } from '../../i18n/index.js';
 const focusEventTokenRegex = /(?:\x1b)?\[[0-9;]*[IO]/g;
 const isFocusEventInput = (value) => {
     if (!value) {
@@ -39,6 +40,7 @@ const stripFocusArtifacts = (value) => {
         .replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g, '');
 };
 export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
+    const { t } = useI18n();
     // Profile management
     const [profiles, setProfiles] = useState([]);
     const [activeProfile, setActiveProfile] = useState('');
@@ -49,6 +51,8 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
     const [apiKey, setApiKey] = useState('');
     const [requestMethod, setRequestMethod] = useState('chat');
     const [anthropicBeta, setAnthropicBeta] = useState(false);
+    const [enablePromptOptimization, setEnablePromptOptimization] = useState(true);
+    const [enableAutoCompress, setEnableAutoCompress] = useState(true);
     const [thinkingEnabled, setThinkingEnabled] = useState(false);
     const [thinkingBudgetTokens, setThinkingBudgetTokens] = useState(10000);
     const [geminiThinkingEnabled, setGeminiThinkingEnabled] = useState(false);
@@ -76,19 +80,19 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
     const MAX_VISIBLE_FIELDS = 8;
     const requestMethodOptions = [
         {
-            label: 'Chat Completions - Modern chat API (GPT-4, GPT-3.5-turbo)',
+            label: t.configScreen.requestMethodChat,
             value: 'chat',
         },
         {
-            label: 'Responses - New responses API (2025, with built-in tools)',
+            label: t.configScreen.requestMethodResponses,
             value: 'responses',
         },
         {
-            label: 'Gemini - Google Gemini API',
+            label: t.configScreen.requestMethodGemini,
             value: 'gemini',
         },
         {
-            label: 'Anthropic - Claude API',
+            label: t.configScreen.requestMethodAnthropic,
             value: 'anthropic',
         },
     ];
@@ -99,6 +103,8 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
             'baseUrl',
             'apiKey',
             'requestMethod',
+            'enablePromptOptimization',
+            'enableAutoCompress',
             ...(requestMethod === 'anthropic'
                 ? [
                     'anthropicBeta',
@@ -165,6 +171,8 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         setApiKey(config.apiKey);
         setRequestMethod(config.requestMethod || 'chat');
         setAnthropicBeta(config.anthropicBeta || false);
+        setEnablePromptOptimization(config.enablePromptOptimization !== false); // Default to true
+        setEnableAutoCompress(config.enableAutoCompress !== false); // Default to true
         setThinkingEnabled(config.thinking?.type === 'enabled' || false);
         setThinkingBudgetTokens(config.thinking?.budget_tokens || 10000);
         setGeminiThinkingEnabled(config.geminiThinking?.enabled || false);
@@ -208,7 +216,7 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
             value: model.id,
         }));
         return [
-            { label: 'Manual Input (Enter model name)', value: '__MANUAL_INPUT__' },
+            { label: t.configScreen.manualInputOption, value: '__MANUAL_INPUT__' },
             ...modelOptions,
         ];
     };
@@ -240,7 +248,7 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
     const handleCreateProfile = () => {
         const cleaned = stripFocusArtifacts(newProfileName).trim();
         if (!cleaned) {
-            setErrors(['Profile name cannot be empty']);
+            setErrors([t.configScreen.profileNameEmpty]);
             return;
         }
         try {
@@ -326,6 +334,8 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 apiKey,
                 requestMethod,
                 anthropicBeta,
+                enablePromptOptimization,
+                enableAutoCompress,
                 advancedModel,
                 basicModel,
                 maxContextTokens,
@@ -378,6 +388,8 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                         apiKey,
                         requestMethod,
                         anthropicBeta,
+                        enablePromptOptimization,
+                        enableAutoCompress,
                         thinking: thinkingEnabled
                             ? { type: 'enabled', budget_tokens: thinkingBudgetTokens }
                             : undefined,
@@ -418,7 +430,7 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Profile:"),
+                        t.configScreen.profile),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" }, profiles.find(p => p.name === activeProfile)?.displayName ||
                             activeProfile)))));
@@ -426,54 +438,77 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Base URL:"),
+                        t.configScreen.baseUrl),
                     isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(TextInput, { value: baseUrl, onChange: value => setBaseUrl(stripFocusArtifacts(value)), placeholder: "https://api.openai.com/v1" }))),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(Text, { color: "gray" }, baseUrl || 'Not set')))));
+                        React.createElement(Text, { color: "gray" }, baseUrl || t.configScreen.notSet)))));
             case 'apiKey':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "API Key:"),
+                        t.configScreen.apiKey),
                     isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(TextInput, { value: apiKey, onChange: value => setApiKey(stripFocusArtifacts(value)), placeholder: "sk-...", mask: "*" }))),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(Text, { color: "gray" }, apiKey ? '*'.repeat(Math.min(apiKey.length, 20)) : 'Not set')))));
+                        React.createElement(Text, { color: "gray" }, apiKey ? '*'.repeat(Math.min(apiKey.length, 20)) : t.configScreen.notSet)))));
             case 'requestMethod':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Request Method:"),
+                        t.configScreen.requestMethod),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" }, requestMethodOptions.find(opt => opt.value === requestMethod)
-                            ?.label || 'Not set')))));
+                            ?.label || t.configScreen.notSet)))));
             case 'anthropicBeta':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Anthropic Beta:"),
+                        t.configScreen.anthropicBeta),
                     React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" },
-                            anthropicBeta ? '[✓] Enabled' : '[ ] Disabled',
-                            " (Press Enter to toggle)"))));
+                            anthropicBeta ? t.configScreen.enabled : t.configScreen.disabled,
+                            " ",
+                            t.configScreen.toggleHint))));
+            case 'enablePromptOptimization':
+                return (React.createElement(Box, { key: field, flexDirection: "column" },
+                    React.createElement(Text, { color: isActive ? 'green' : 'white' },
+                        isActive ? '❯ ' : '  ',
+                        t.configScreen.enablePromptOptimization),
+                    React.createElement(Box, { marginLeft: 3 },
+                        React.createElement(Text, { color: "gray" },
+                            enablePromptOptimization ? t.configScreen.enabled : t.configScreen.disabled,
+                            " ",
+                            t.configScreen.toggleHint))));
+            case 'enableAutoCompress':
+                return (React.createElement(Box, { key: field, flexDirection: "column" },
+                    React.createElement(Text, { color: isActive ? 'green' : 'white' },
+                        isActive ? '❯ ' : '  ',
+                        t.configScreen.enableAutoCompress),
+                    React.createElement(Box, { marginLeft: 3 },
+                        React.createElement(Text, { color: "gray" },
+                            enableAutoCompress ? t.configScreen.enabled : t.configScreen.disabled,
+                            " ",
+                            t.configScreen.toggleHint))));
             case 'thinkingEnabled':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Thinking Enabled:"),
+                        t.configScreen.thinkingEnabled),
                     React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" },
-                            thinkingEnabled ? '[✓] Enabled' : '[ ] Disabled',
-                            " (Press Enter to toggle)"))));
+                            thinkingEnabled ? t.configScreen.enabled : t.configScreen.disabled,
+                            " ",
+                            t.configScreen.toggleHint))));
             case 'thinkingBudgetTokens':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Thinking Budget Tokens:"),
+                        t.configScreen.thinkingBudgetTokens),
                     isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "cyan" },
-                            "Enter value: ",
+                            t.configScreen.enterValue,
+                            " ",
                             thinkingBudgetTokens))),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" }, thinkingBudgetTokens)))));
@@ -481,19 +516,21 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Gemini Thinking Enabled:"),
+                        t.configScreen.geminiThinkingEnabled),
                     React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" },
-                            geminiThinkingEnabled ? '[✓] Enabled' : '[ ] Disabled',
-                            " (Press Enter to toggle)"))));
+                            geminiThinkingEnabled ? t.configScreen.enabled : t.configScreen.disabled,
+                            " ",
+                            t.configScreen.toggleHint))));
             case 'geminiThinkingBudget':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Gemini Thinking Budget:"),
+                        t.configScreen.geminiThinkingBudget),
                     isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "cyan" },
-                            "Enter value: ",
+                            t.configScreen.enterValue,
+                            " ",
                             geminiThinkingBudget))),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" }, geminiThinkingBudget)))));
@@ -501,24 +538,24 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Responses Reasoning Enabled:"),
+                        t.configScreen.responsesReasoningEnabled),
                     React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" },
-                            responsesReasoningEnabled ? '[✓] Enabled' : '[ ] Disabled',
+                            responsesReasoningEnabled ? t.configScreen.enabled : t.configScreen.disabled,
                             ' ',
-                            "(Press Enter to toggle)"))));
+                            t.configScreen.toggleHint))));
             case 'responsesReasoningEffort':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Responses Reasoning Effort:"),
+                        t.configScreen.responsesReasoningEffort),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" }, responsesReasoningEffort.toUpperCase()))),
                     isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Select, { options: [
-                                { label: 'Low', value: 'low' },
-                                { label: 'Medium', value: 'medium' },
-                                { label: 'High', value: 'high' },
+                                { label: t.configScreen.low, value: 'low' },
+                                { label: t.configScreen.medium, value: 'medium' },
+                                { label: t.configScreen.high, value: 'high' },
                             ], defaultValue: responsesReasoningEffort, onChange: value => {
                                 setResponsesReasoningEffort(value);
                                 setIsEditing(false);
@@ -527,31 +564,32 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Advanced Model:"),
+                        t.configScreen.advancedModel),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(Text, { color: "gray" }, advancedModel || 'Not set')))));
+                        React.createElement(Text, { color: "gray" }, advancedModel || t.configScreen.notSet)))));
             case 'basicModel':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Basic Model:"),
+                        t.configScreen.basicModel),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(Text, { color: "gray" }, basicModel || 'Not set')))));
+                        React.createElement(Text, { color: "gray" }, basicModel || t.configScreen.notSet)))));
             case 'compactModelName':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Compact Model:"),
+                        t.configScreen.compactModel),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(Text, { color: "gray" }, compactModelName || 'Not set')))));
+                        React.createElement(Text, { color: "gray" }, compactModelName || t.configScreen.notSet)))));
             case 'maxContextTokens':
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Max Context Tokens:"),
+                        t.configScreen.maxContextTokens),
                     isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "cyan" },
-                            "Enter value: ",
+                            t.configScreen.enterValue,
+                            " ",
                             maxContextTokens))),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" }, maxContextTokens)))));
@@ -559,10 +597,11 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 return (React.createElement(Box, { key: field, flexDirection: "column" },
                     React.createElement(Text, { color: isActive ? 'green' : 'white' },
                         isActive ? '❯ ' : '  ',
-                        "Max Tokens:"),
+                        t.configScreen.maxTokens),
                     isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "cyan" },
-                            "Enter value: ",
+                            t.configScreen.enterValue,
+                            " ",
                             maxTokens))),
                     !isCurrentlyEditing && (React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" }, maxTokens)))));
@@ -616,7 +655,7 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
             (input === 'd' || input === 'D')) {
             // Handle profile deletion (works in both normal and editing mode)
             if (activeProfile === 'default') {
-                setErrors(['Cannot delete the default profile']);
+                setErrors([t.configScreen.cannotDeleteDefault]);
                 setIsEditing(false);
                 return;
             }
@@ -800,6 +839,12 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 if (currentField === 'anthropicBeta') {
                     setAnthropicBeta(!anthropicBeta);
                 }
+                else if (currentField === 'enablePromptOptimization') {
+                    setEnablePromptOptimization(!enablePromptOptimization);
+                }
+                else if (currentField === 'enableAutoCompress') {
+                    setEnableAutoCompress(!enableAutoCompress);
+                }
                 else if (currentField === 'thinkingEnabled') {
                     setThinkingEnabled(!thinkingEnabled);
                 }
@@ -867,90 +912,91 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
         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(Gradient, { name: "rainbow" }, t.configScreen.createNewProfile),
+                    React.createElement(Text, { color: "gray", dimColor: true }, t.configScreen.enterProfileName)))),
             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" }))),
+                    React.createElement(TextInput, { value: newProfileName, onChange: value => setNewProfileName(stripFocusArtifacts(value)), placeholder: t.configScreen.profileNamePlaceholder }))),
             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"))));
+                React.createElement(Alert, { variant: "info" }, t.configScreen.createHint))));
     }
     // 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(Gradient, { name: "rainbow" }, t.configScreen.deleteProfile),
+                    React.createElement(Text, { color: "gray", dimColor: true }, t.configScreen.confirmDelete)))),
             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.")),
+                React.createElement(Text, { color: "gray", dimColor: true }, t.configScreen.deleteWarning)),
             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"))));
+                React.createElement(Alert, { variant: "warning" }, t.configScreen.confirmHint))));
     }
     if (loading) {
         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" }, "API & Model Configuration"),
-                    React.createElement(Text, { color: "gray", dimColor: true }, "Loading available models...")))),
+                    React.createElement(Gradient, { name: "rainbow" }, t.configScreen.title),
+                    React.createElement(Text, { color: "gray", dimColor: true }, t.configScreen.loadingMessage)))),
             React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Box, null,
                     React.createElement(Spinner, { type: "dots" }),
-                    React.createElement(Text, { color: "cyan" }, " Fetching models from API...")),
+                    React.createElement(Text, { color: "cyan" },
+                        " ",
+                        t.configScreen.fetchingModels)),
                 React.createElement(Box, { marginLeft: 2 },
-                    React.createElement(Text, { color: "gray", dimColor: true }, "This may take a few seconds depending on your network connection"))),
+                    React.createElement(Text, { color: "gray", dimColor: true }, t.configScreen.fetchingHint))),
             React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-                React.createElement(Alert, { variant: "info" }, "Press Esc to cancel and return to configuration"))));
+                React.createElement(Alert, { variant: "info" }, t.configScreen.loadingCancelHint))));
     }
     if (manualInputMode) {
         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" }, "Manual Input Model"),
-                    React.createElement(Text, { color: "gray", dimColor: true }, "Enter model name manually")))),
+                    React.createElement(Gradient, { name: "rainbow" }, t.configScreen.manualInputTitle),
+                    React.createElement(Text, { color: "gray", dimColor: true }, t.configScreen.manualInputSubtitle)))),
             loadError && (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-                React.createElement(Text, { color: "yellow" }, "\u26A0 Failed to load models from API"),
+                React.createElement(Text, { color: "yellow" }, t.configScreen.loadingError),
                 React.createElement(Text, { color: "gray", dimColor: true }, loadError))),
             React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Text, { color: "cyan" },
-                    currentField === 'advancedModel' && 'Advanced Model',
-                    currentField === 'basicModel' && 'Basic Model',
-                    currentField === 'compactModelName' && 'Compact Model',
-                    ":"),
+                    currentField === 'advancedModel' && t.configScreen.advancedModel,
+                    currentField === 'basicModel' && t.configScreen.basicModel,
+                    currentField === 'compactModelName' && t.configScreen.compactModel),
                 React.createElement(Box, { marginLeft: 2 },
                     React.createElement(Text, { color: "green" },
                         `> ${manualInputValue}`,
                         React.createElement(Text, { color: "white" }, "_")))),
             React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-                React.createElement(Alert, { variant: "info" }, "Press Enter to confirm, Esc to cancel"))));
+                React.createElement(Alert, { variant: "info" }, t.configScreen.manualInputHint))));
     }
     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" }, "API & Model Configuration"),
-                React.createElement(Text, { color: "gray", dimColor: true }, "Configure your API settings and AI models"),
+                React.createElement(Gradient, { name: "rainbow" }, t.configScreen.title),
+                React.createElement(Text, { color: "gray", dimColor: true }, t.configScreen.subtitle),
                 activeProfile && (React.createElement(Text, { color: "cyan", dimColor: true },
-                    "Active Profile: ",
+                    t.configScreen.activeProfile,
+                    " ",
                     activeProfile))))),
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { color: "yellow", bold: true },
-                "Settings (",
+                t.configScreen.settingsPosition,
+                " (",
                 currentFieldIndex + 1,
                 "/",
                 totalFields,
                 ")"),
-            totalFields > MAX_VISIBLE_FIELDS && (React.createElement(Text, { color: "gray", dimColor: true },
-                ' ',
-                "\u00B7 \u2191\u2193 to scroll"))),
+            totalFields > MAX_VISIBLE_FIELDS && (React.createElement(Text, { color: "gray", dimColor: true }, t.configScreen.scrollHint))),
         isEditing &&
             (currentField === 'profile' ||
                 currentField === 'requestMethod' ||
@@ -960,14 +1006,13 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 currentField === 'responsesReasoningEffort') ? (React.createElement(Box, { flexDirection: "column" },
             React.createElement(Text, { color: "green" },
                 "\u276F ",
-                currentField === 'profile' && 'Profile',
-                currentField === 'requestMethod' && 'Request Method',
-                currentField === 'advancedModel' && 'Advanced Model',
-                currentField === 'basicModel' && 'Basic Model',
-                currentField === 'compactModelName' && 'Compact Model',
+                currentField === 'profile' && t.configScreen.profile.replace(':', ''),
+                currentField === 'requestMethod' && t.configScreen.requestMethod.replace(':', ''),
+                currentField === 'advancedModel' && t.configScreen.advancedModel.replace(':', ''),
+                currentField === 'basicModel' && t.configScreen.basicModel.replace(':', ''),
+                currentField === 'compactModelName' && t.configScreen.compactModel.replace(':', ''),
                 currentField === 'responsesReasoningEffort' &&
-                    'Responses Reasoning Effort',
-                ":"),
+                    t.configScreen.responsesReasoningEffort.replace(':', '')),
             React.createElement(Box, { marginLeft: 3, marginTop: 1 },
                 currentField === 'profile' && (React.createElement(Box, { flexDirection: "column" },
                     profiles.length > 1 && (React.createElement(Text, { color: "gray", dimColor: true }, "Scroll to see more profiles (\u2191\u2193)")),
@@ -982,10 +1027,10 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                         } }),
                     React.createElement(Box, { flexDirection: "row", marginTop: 1 },
                         React.createElement(Box, { marginRight: 2 },
-                            React.createElement(Text, { color: "green" }, "+ New"),
+                            React.createElement(Text, { color: "green" }, t.configScreen.newProfile),
                             React.createElement(Text, { color: "gray" }, " (n)")),
                         React.createElement(Box, null,
-                            React.createElement(Text, { color: "red" }, "\uD83C\uDD87 Delete"),
+                            React.createElement(Text, { color: "red" }, t.configScreen.deleteProfileShort),
                             React.createElement(Text, { color: "gray" }, " (d)"))))),
                 currentField === 'requestMethod' && (React.createElement(Select, { options: requestMethodOptions, defaultValue: requestMethod, onChange: value => {
                         setRequestMethod(value);
@@ -999,9 +1044,9 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                         searchTerm),
                     React.createElement(Select, { options: getCurrentOptions(), defaultValue: getCurrentValue(), onChange: handleModelChange }))),
                 currentField === 'responsesReasoningEffort' && (React.createElement(Select, { options: [
-                        { label: 'Low', value: 'low' },
-                        { label: 'Medium', value: 'medium' },
-                        { label: 'High', value: 'high' },
+                        { label: t.configScreen.low, value: 'low' },
+                        { label: t.configScreen.medium, value: 'medium' },
+                        { label: t.configScreen.high, value: 'high' },
                     ], defaultValue: responsesReasoningEffort, onChange: value => {
                         setResponsesReasoningEffort(value);
                         setIsEditing(false);
@@ -1011,13 +1056,13 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                     (currentField === 'advancedModel' ||
                         currentField === 'basicModel' ||
                         currentField === 'compactModelName') &&
-                        'Type to filter, ↑↓ to select, Enter to confirm, Esc to cancel',
+                        t.configScreen.modelFilterHint,
                     currentField === 'responsesReasoningEffort' &&
-                        '↑↓ to select, Enter to confirm, Esc to cancel',
+                        t.configScreen.effortSelectHint,
                     currentField === 'profile' &&
-                        '↑↓ to select profile, N to create new, D to delete, Enter to confirm, Esc to cancel',
+                        t.configScreen.profileSelectHint,
                     currentField === 'requestMethod' &&
-                        '↑↓ to select, Enter to confirm, Esc to cancel')))) : (React.createElement(Box, { flexDirection: "column" }, (() => {
+                        t.configScreen.requestMethodSelectHint)))) : (React.createElement(Box, { flexDirection: "column" }, (() => {
             // Calculate visible window
             if (allFields.length <= MAX_VISIBLE_FIELDS) {
                 // Show all fields if less than max
@@ -1035,7 +1080,7 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
             return visibleFields.map(field => renderField(field));
         })())),
         errors.length > 0 && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-            React.createElement(Text, { color: "red", bold: true }, "Errors:"),
+            React.createElement(Text, { color: "red", bold: true }, t.configScreen.errors),
             errors.map((error, index) => (React.createElement(Text, { key: index, color: "red" },
                 "\u2022 ",
                 error))))),
@@ -1045,13 +1090,8 @@ export default function ConfigScreen({ onBack, onSave, inlineMode = false, }) {
                 currentField === 'advancedModel' ||
                 currentField === 'basicModel' ||
                 currentField === 'compactModelName' ||
-                currentField === 'responsesReasoningEffort')) && (React.createElement(Box, { flexDirection: "column", marginTop: 1 }, isEditing ? (React.createElement(Alert, { variant: "info" },
-            "Editing mode:",
-            ' ',
-            currentField === 'maxContextTokens' ||
-                currentField === 'maxTokens'
-                ? 'Type to edit, Enter to save'
-                : 'Press Enter to save and exit editing')) : (React.createElement(Alert, { variant: "info" }, currentField === 'profile'
-            ? 'Use ↑↓ to navigate, N to create new profile, D to delete profile, Ctrl+S or Esc to save'
-            : 'Use ↑↓ to navigate, Enter to edit, M for manual input, Ctrl+S or Esc to save'))))));
+                currentField === 'responsesReasoningEffort')) && (React.createElement(Box, { flexDirection: "column", marginTop: 1 }, isEditing ? (React.createElement(Alert, { variant: "info" }, currentField === 'maxContextTokens' ||
+            currentField === 'maxTokens'
+            ? t.configScreen.editingHintNumeric
+            : t.configScreen.editingHintGeneral)) : (React.createElement(Alert, { variant: "info" }, t.configScreen.navigationHint))))));
 }