snow-ai 0.3.36 → 0.4.0

package/dist/ui/pages/CustomHeadersScreen.js

@@ -4,7 +4,9 @@ import Gradient from 'ink-gradient';
 import { Alert } from '@inkjs/ui';
 import TextInput from 'ink-text-input';
 import { getCustomHeadersConfig, saveCustomHeadersConfig, } from '../../utils/apiConfig.js';
+import { useI18n } from '../../i18n/index.js';
 export default function CustomHeadersScreen({ onBack }) {
+    const { t } = useI18n();
     const [config, setConfig] = useState(() => {
         return (getCustomHeadersConfig() || {
             active: '',
@@ -45,7 +47,7 @@ export default function CustomHeadersScreen({ onBack }) {
             return true;
         }
         catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to save');
+            setError(err instanceof Error ? err.message : t.customHeaders.saveError);
             return false;
         }
     };
@@ -341,18 +343,18 @@ export default function CustomHeadersScreen({ onBack }) {
         return (React.createElement(Box, { flexDirection: "column", padding: 1 },
             React.createElement(Box, { marginBottom: 1, borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
                 React.createElement(Box, { flexDirection: "column" },
-                    React.createElement(Gradient, { name: "rainbow" }, "Custom Headers Management"),
-                    React.createElement(Text, { color: "gray", dimColor: true }, "Manage multiple header schemes and switch between them"))),
+                    React.createElement(Gradient, { name: "rainbow" }, t.customHeaders.title),
+                    React.createElement(Text, { color: "gray", dimColor: true }, t.customHeaders.subtitle))),
             error && (React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Alert, { variant: "error" }, error))),
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, { bold: true },
-                    "Active Scheme:",
+                    t.customHeaders.activeScheme,
                     ' ',
-                    React.createElement(Text, { color: "green" }, activeScheme?.name || 'None'))),
+                    React.createElement(Text, { color: "green" }, activeScheme?.name || t.customHeaders.none))),
             config.schemes.length === 0 ? (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: "yellow" }, "No header schemes configured. Press Enter to add one."))) : (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-                React.createElement(Text, { bold: true, color: "cyan" }, "Available Schemes:"),
+                React.createElement(Text, { color: "yellow" }, t.customHeaders.noSchemesConfigured))) : (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, t.customHeaders.availableSchemes),
                 config.schemes.map((scheme, index) => {
                     const headerCount = Object.keys(scheme.headers).length;
                     const headerPreview = headerCount > 0
@@ -377,17 +379,17 @@ export default function CustomHeadersScreen({ onBack }) {
                                 headerPreview.length > 50 ? '...' : '')))));
                 }))),
             React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { bold: true, color: "cyan" }, "Actions:")),
+                React.createElement(Text, { bold: true, color: "cyan" }, t.customHeaders.actions)),
             React.createElement(Box, { flexDirection: "column", marginBottom: 1, marginLeft: 2 }, actions.map(action => (React.createElement(Text, { key: action, color: currentAction === action ? 'green' : 'gray', bold: currentAction === action },
                 currentAction === action ? '❯ ' : '  ',
-                action === 'activate' && 'Activate',
-                action === 'deactivate' && 'Deactivate',
-                action === 'edit' && 'Edit',
-                action === 'delete' && 'Delete',
-                action === 'add' && 'Add New',
-                action === 'back' && '[ESC] Back')))),
+                action === 'activate' && t.customHeaders.activate,
+                action === 'deactivate' && t.customHeaders.deactivate,
+                action === 'edit' && t.customHeaders.edit,
+                action === 'delete' && t.customHeaders.delete,
+                action === 'add' && t.customHeaders.addNew,
+                action === 'back' && t.customHeaders.escBack)))),
             React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: "gray", dimColor: true }, "Use \u2191\u2193 to select scheme, \u2190\u2192 to select action, Enter to confirm"))));
+                React.createElement(Text, { color: "gray", dimColor: true }, t.customHeaders.navigationHint))));
     }
     // Render add/edit view
     if (view === 'add' || view === 'edit') {
@@ -397,50 +399,54 @@ export default function CustomHeadersScreen({ onBack }) {
                 .slice(0, 3)
                 .map(([k, v]) => `${k}: ${v}`)
                 .join(', ')
-            : 'Not set';
+            : t.customHeaders.notSet;
         return (React.createElement(Box, { flexDirection: "column", padding: 1 },
             React.createElement(Box, { marginBottom: 1, borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
-                React.createElement(Gradient, { name: "rainbow" }, view === 'add' ? 'Add New Header Scheme' : 'Edit Header Scheme')),
+                React.createElement(Gradient, { name: "rainbow" }, view === 'add'
+                    ? t.customHeaders.addNewTitle
+                    : t.customHeaders.editTitle)),
             error && (React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Alert, { variant: "error" }, error))),
-            React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Box, { flexDirection: "column" },
-                        React.createElement(Text, { color: editingField === 'name' ? 'green' : 'white' },
-                            editingField === 'name' ? '❯ ' : '  ',
-                            "Name:"),
-                        editingField === 'name' && isEditing && (React.createElement(Box, { marginLeft: 3 },
-                            React.createElement(TextInput, { value: editName, onChange: setEditName, placeholder: "Enter scheme name" }))),
-                        (!isEditing || editingField !== 'name') && (React.createElement(Box, { marginLeft: 3 },
-                            React.createElement(Text, { color: "gray" }, editName || 'Not set'))))),
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Box, { flexDirection: "column" },
-                        React.createElement(Text, { color: editingField === 'headers' ? 'green' : 'white' },
-                            editingField === 'headers' ? '❯ ' : '  ',
-                            "Headers (",
-                            headerCount,
-                            ' ',
-                            "configured):"),
-                        editingField === 'headers' && !isEditing ? (React.createElement(Box, { marginLeft: 3 },
-                            React.createElement(Text, { color: "cyan", dimColor: true }, "Press Enter to edit headers \u2192"))) : (React.createElement(Box, { marginLeft: 3 },
-                            React.createElement(Text, { color: "gray" },
-                                headerPreview.substring(0, 100),
-                                headerPreview.length > 100 ? '...' : '')))))),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Box, { flexDirection: "column" },
+                    React.createElement(Text, { color: editingField === 'name' ? 'green' : 'white' },
+                        editingField === 'name' ? '❯ ' : '  ',
+                        t.customHeaders.nameLabel),
+                    editingField === 'name' && isEditing && (React.createElement(Box, { marginLeft: 3 },
+                        React.createElement(TextInput, { value: editName, onChange: setEditName, placeholder: t.customHeaders.enterSchemeName }))),
+                    (!isEditing || editingField !== 'name') && (React.createElement(Box, { marginLeft: 3 },
+                        React.createElement(Text, { color: "gray" }, editName || t.customHeaders.notSet))))),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Box, { flexDirection: "column" },
+                    React.createElement(Text, { color: editingField === 'headers' ? 'green' : 'white' },
+                        editingField === 'headers' ? '❯ ' : '  ',
+                        t.customHeaders.headersLabel,
+                        " (",
+                        headerCount,
+                        ' ',
+                        t.customHeaders.headersConfigured,
+                        "):"),
+                    editingField === 'headers' && !isEditing ? (React.createElement(Box, { marginLeft: 3 },
+                        React.createElement(Text, { color: "cyan", dimColor: true }, t.customHeaders.pressEnterToEdit))) : (React.createElement(Box, { marginLeft: 3 },
+                        React.createElement(Text, { color: "gray" },
+                            headerPreview.substring(0, 100),
+                            headerPreview.length > 100 ? '...' : ''))))),
             React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: "gray", dimColor: true }, "\u2191\u2193: Navigate fields | Enter: Edit | Ctrl+S: Save | ESC: Cancel"))));
+                React.createElement(Text, { color: "gray", dimColor: true }, t.customHeaders.editingHint))));
     }
     // Render headers edit view
     if (view === 'editHeaders') {
         return (React.createElement(Box, { flexDirection: "column", padding: 1 },
             React.createElement(Box, { marginBottom: 1, borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 },
                 React.createElement(Gradient, { name: "rainbow" },
-                    "Edit Headers - ",
+                    t.customHeaders.editHeadersTitle,
+                    " - ",
                     editName)),
             headerEditingIndex === -1 ? (React.createElement(React.Fragment, null,
                 React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Text, { bold: true, color: "cyan" }, "Header List:")),
+                    React.createElement(Text, { bold: true, color: "cyan" }, t.customHeaders.headerList)),
                 headerKeys.length === 0 ? (React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Text, { color: "yellow" }, "No headers configured. Press Enter to add one."))) : (React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, headerKeys.map((key, index) => {
+                    React.createElement(Text, { color: "yellow" }, t.customHeaders.noHeadersConfigured))) : (React.createElement(Box, { flexDirection: "column", marginBottom: 1 }, headerKeys.map((key, index) => {
                     const isSelected = index === headerSelectedIndex;
                     return (React.createElement(Box, { key: index, marginLeft: 2 },
                         React.createElement(Text, { color: isSelected ? 'green' : 'white', bold: isSelected },
@@ -452,43 +458,43 @@ export default function CustomHeadersScreen({ onBack }) {
                 React.createElement(Box, { marginLeft: 2, marginBottom: 1 },
                     React.createElement(Text, { color: headerSelectedIndex === headerKeys.length ? 'green' : 'gray', bold: headerSelectedIndex === headerKeys.length },
                         headerSelectedIndex === headerKeys.length ? '❯ ' : '  ',
-                        "[+] Add new header")),
+                        t.customHeaders.addNewHeader)),
                 React.createElement(Box, { marginTop: 1 },
-                    React.createElement(Text, { color: "gray", dimColor: true }, "\u2191\u2193: Navigate | Enter: Edit/Add | D: Delete | ESC: Finish")))) : (React.createElement(React.Fragment, null,
-                React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
-                    React.createElement(Box, { marginBottom: 1 },
-                        React.createElement(Box, { flexDirection: "column" },
-                            React.createElement(Text, { color: headerEditingField === 'key' ? 'green' : 'white' },
-                                headerEditingField === 'key' ? '❯ ' : '  ',
-                                "Key:"),
-                            headerEditingField === 'key' && isEditing && (React.createElement(Box, { marginLeft: 3 },
-                                React.createElement(TextInput, { value: headerEditKey, onChange: setHeaderEditKey, placeholder: "Header key (e.g., X-API-Key)" }))),
-                            (!isEditing || headerEditingField !== 'key') && (React.createElement(Box, { marginLeft: 3 },
-                                React.createElement(Text, { color: "gray" }, headerEditKey || 'Not set'))))),
-                    React.createElement(Box, { marginBottom: 1 },
-                        React.createElement(Box, { flexDirection: "column" },
-                            React.createElement(Text, { color: headerEditingField === 'value' ? 'green' : 'white' },
-                                headerEditingField === 'value' ? '❯ ' : '  ',
-                                "Value:"),
-                            headerEditingField === 'value' && isEditing && (React.createElement(Box, { marginLeft: 3 },
-                                React.createElement(TextInput, { value: headerEditValue, onChange: setHeaderEditValue, placeholder: "Header value" }))),
-                            (!isEditing || headerEditingField !== 'value') && (React.createElement(Box, { marginLeft: 3 },
-                                React.createElement(Text, { color: "gray" }, headerEditValue || 'Not set')))))),
+                    React.createElement(Text, { color: "gray", dimColor: true }, t.customHeaders.headerNavigationHint)))) : (React.createElement(React.Fragment, null,
+                React.createElement(Box, { marginBottom: 1 },
+                    React.createElement(Box, { flexDirection: "column" },
+                        React.createElement(Text, { color: headerEditingField === 'key' ? 'green' : 'white' },
+                            headerEditingField === 'key' ? '❯ ' : '  ',
+                            t.customHeaders.keyLabel),
+                        headerEditingField === 'key' && isEditing && (React.createElement(Box, { marginLeft: 3 },
+                            React.createElement(TextInput, { value: headerEditKey, onChange: setHeaderEditKey, placeholder: t.customHeaders.headerKeyPlaceholder }))),
+                        (!isEditing || headerEditingField !== 'key') && (React.createElement(Box, { marginLeft: 3 },
+                            React.createElement(Text, { color: "gray" }, headerEditKey || t.customHeaders.notSet))))),
+                React.createElement(Box, { marginBottom: 1 },
+                    React.createElement(Box, { flexDirection: "column" },
+                        React.createElement(Text, { color: headerEditingField === 'value' ? 'green' : 'white' },
+                            headerEditingField === 'value' ? '❯ ' : '  ',
+                            t.customHeaders.valueLabel),
+                        headerEditingField === 'value' && isEditing && (React.createElement(Box, { marginLeft: 3 },
+                            React.createElement(TextInput, { value: headerEditValue, onChange: setHeaderEditValue, placeholder: t.customHeaders.headerValuePlaceholder }))),
+                        (!isEditing || headerEditingField !== 'value') && (React.createElement(Box, { marginLeft: 3 },
+                            React.createElement(Text, { color: "gray" }, headerEditValue || t.customHeaders.notSet))))),
                 React.createElement(Box, { marginTop: 1 },
-                    React.createElement(Text, { color: "gray", dimColor: true }, "\u2191\u2193: Navigate fields | Enter: Edit | Ctrl+S: Save | ESC: Cancel"))))));
+                    React.createElement(Text, { color: "gray", dimColor: true }, t.customHeaders.headerEditingHint))))));
     }
     // Render delete confirmation
     if (view === 'confirmDelete') {
         const schemeToDelete = config.schemes.length > 0 ? config.schemes[selectedIndex] : null;
         return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-            React.createElement(Alert, { variant: "warning" }, "Confirm Delete"),
+            React.createElement(Alert, { variant: "warning" }, t.customHeaders.confirmDelete),
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, null,
-                    "Are you sure you want to delete \"",
+                    t.customHeaders.deleteConfirmMessage,
+                    " \"",
                     React.createElement(Text, { bold: true, color: "yellow" }, schemeToDelete?.name),
                     "\"?")),
             React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { color: "gray", dimColor: true }, "Press Y to confirm, N or ESC to cancel"))));
+                React.createElement(Text, { color: "gray", dimColor: true }, t.customHeaders.confirmHint))));
     }
     return null;
 }

package/dist/ui/pages/LanguageSettingsScreen.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    onBack: () => void;
+    inlineMode?: boolean;
+};
+export default function LanguageSettingsScreen({ onBack, inlineMode, }: Props): React.JSX.Element;
+export {};

package/dist/ui/pages/LanguageSettingsScreen.js

@@ -0,0 +1,89 @@
+import React, { useState, useCallback } from 'react';
+import { Box, Text, useInput } from 'ink';
+import Menu from '../components/Menu.js';
+import { useI18n } from '../../i18n/index.js';
+export default function LanguageSettingsScreen({ onBack, inlineMode = false, }) {
+    const { language, setLanguage } = useI18n();
+    const [selectedLanguage, setSelectedLanguage] = useState(language);
+    const languageOptions = [
+        {
+            label: 'English',
+            value: 'en',
+            infoText: 'Switch to English',
+        },
+        {
+            label: '简体中文',
+            value: 'zh',
+            infoText: '切换到简体中文',
+        },
+        {
+            label: '繁體中文',
+            value: 'zh-TW',
+            infoText: '切換到繁體中文',
+        },
+        {
+            label: '日本語',
+            value: 'ja',
+            infoText: '日本語に切り替え',
+        },
+        {
+            label: '한국어',
+            value: 'ko',
+            infoText: '한국어로 전환',
+        },
+        {
+            label: 'Español',
+            value: 'es',
+            infoText: 'Cambiar a Español',
+        },
+        {
+            label: '← Back',
+            value: 'back',
+            color: 'gray',
+            infoText: 'Return to main menu',
+        },
+    ];
+    const handleSelect = useCallback((value) => {
+        if (value === 'back') {
+            onBack();
+        }
+        else {
+            const newLang = value;
+            setSelectedLanguage(newLang);
+            setLanguage(newLang);
+            // Auto return to menu after selection
+            setTimeout(() => {
+                onBack();
+            }, 300);
+        }
+    }, [onBack, setLanguage]);
+    const handleSelectionChange = useCallback((_infoText) => {
+        // Could update some info display here if needed
+    }, []);
+    useInput((_input, key) => {
+        if (key.escape) {
+            onBack();
+        }
+    });
+    return (React.createElement(Box, { flexDirection: "column", paddingX: 1 },
+        !inlineMode && (React.createElement(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1, marginBottom: 1 },
+            React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Language Settings / \u8BED\u8A00\u8BBE\u7F6E")))),
+        React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, { paddingX: 1 },
+                React.createElement(Text, { color: "gray", dimColor: true },
+                    "Current:",
+                    ' ',
+                    selectedLanguage === 'en'
+                        ? 'English'
+                        : selectedLanguage === 'zh'
+                            ? '简体中文'
+                            : selectedLanguage === 'zh-TW'
+                                ? '繁體中文'
+                                : selectedLanguage === 'ja'
+                                    ? '日本語'
+                                    : selectedLanguage === 'ko'
+                                        ? '한국어'
+                                        : 'Español')),
+            React.createElement(Menu, { options: languageOptions, onSelect: handleSelect, onSelectionChange: handleSelectionChange }))));
+}

package/dist/ui/pages/ProxyConfigScreen.js

@@ -4,7 +4,9 @@ import Gradient from 'ink-gradient';
 import { Alert } from '@inkjs/ui';
 import TextInput from 'ink-text-input';
 import { getProxyConfig, updateProxyConfig, } from '../../utils/apiConfig.js';
+import { useI18n } from '../../i18n/index.js';
 export default function ProxyConfigScreen({ onBack, onSave, inlineMode = false, }) {
+    const { t } = useI18n();
     const [enabled, setEnabled] = useState(false);
     const [port, setPort] = useState('7890');
     const [browserPath, setBrowserPath] = useState('');
@@ -21,7 +23,7 @@ export default function ProxyConfigScreen({ onBack, onSave, inlineMode = false,
         const validationErrors = [];
         const portNum = parseInt(port, 10);
         if (isNaN(portNum) || portNum < 1 || portNum > 65535) {
-            validationErrors.push('Port must be a number between 1 and 65535');
+            validationErrors.push(t.proxyConfig.portValidationError);
         }
         return validationErrors;
     };
@@ -88,56 +90,58 @@ export default function ProxyConfigScreen({ onBack, onSave, inlineMode = false,
     return (React.createElement(Box, { flexDirection: "column", padding: 1 },
         !inlineMode && (React.createElement(Box, { marginBottom: 1, borderStyle: "double", borderColor: 'cyan', paddingX: 2, paddingY: 1 },
             React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Gradient, { name: "rainbow" }, "Proxy Configuration"),
-                React.createElement(Text, { color: "gray", dimColor: true }, "Configure system proxy for web search and fetch")))),
+                React.createElement(Gradient, { name: "rainbow" }, t.proxyConfig.title),
+                React.createElement(Text, { color: "gray", dimColor: true }, t.proxyConfig.subtitle)))),
         React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Box, { flexDirection: "column" },
                     React.createElement(Text, { color: currentField === 'enabled' ? 'green' : 'white' },
                         currentField === 'enabled' ? '❯ ' : '  ',
-                        "Enable Proxy:"),
+                        t.proxyConfig.enableProxy),
                     React.createElement(Box, { marginLeft: 3 },
                         React.createElement(Text, { color: "gray" },
-                            enabled ? '[✓] Enabled' : '[ ] Disabled',
-                            " (Press Enter to toggle)")))),
+                            enabled ? t.proxyConfig.enabled : t.proxyConfig.disabled,
+                            ' ',
+                            t.proxyConfig.toggleHint)))),
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Box, { flexDirection: "column" },
                     React.createElement(Text, { color: currentField === 'port' ? 'green' : 'white' },
                         currentField === 'port' ? '❯ ' : '  ',
-                        "Proxy Port:"),
+                        t.proxyConfig.proxyPort),
                     currentField === 'port' && isEditing && (React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(TextInput, { value: port, onChange: setPort, placeholder: "7890" }))),
+                        React.createElement(TextInput, { value: port, onChange: setPort, placeholder: t.proxyConfig.portPlaceholder }))),
                     (!isEditing || currentField !== 'port') && (React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(Text, { color: "gray" }, port || 'Not set'))))),
+                        React.createElement(Text, { color: "gray" }, port || t.proxyConfig.notSet))))),
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Box, { flexDirection: "column" },
                     React.createElement(Text, { color: currentField === 'browserPath' ? 'green' : 'white' },
                         currentField === 'browserPath' ? '❯ ' : '  ',
-                        "Browser Path (Optional):"),
+                        t.proxyConfig.browserPath),
                     currentField === 'browserPath' && isEditing && (React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(TextInput, { value: browserPath, onChange: setBrowserPath, placeholder: "Leave empty for auto-detect" }))),
+                        React.createElement(TextInput, { value: browserPath, onChange: setBrowserPath, placeholder: t.proxyConfig.browserPathPlaceholder }))),
                     (!isEditing || currentField !== 'browserPath') && (React.createElement(Box, { marginLeft: 3 },
-                        React.createElement(Text, { color: "gray" }, browserPath || 'Auto-detect')))))),
+                        React.createElement(Text, { color: "gray" }, browserPath || t.proxyConfig.autoDetect)))))),
         errors.length > 0 && (React.createElement(Box, { flexDirection: "column", marginBottom: 2 },
-            React.createElement(Text, { color: "red", bold: true }, "Errors:"),
+            React.createElement(Text, { color: "red", bold: true }, t.proxyConfig.errors),
             errors.map((error, index) => (React.createElement(Text, { key: index, color: "red" },
                 "\u2022 ",
                 error))))),
         React.createElement(Box, { flexDirection: "column" }, isEditing ? (React.createElement(React.Fragment, null,
-            React.createElement(Alert, { variant: "info" }, "Editing mode: Press Enter to save and exit editing (Make your changes and press Enter when done)"))) : (React.createElement(React.Fragment, null,
-            React.createElement(Alert, { variant: "info" }, "Use \u2191\u2193 to navigate between fields, press Enter to edit/toggle, and press Ctrl+S or Esc to save and return")))),
+            React.createElement(Alert, { variant: "info" }, t.proxyConfig.editingHint))) : (React.createElement(React.Fragment, null,
+            React.createElement(Alert, { variant: "info" }, t.proxyConfig.navigationHint)))),
         React.createElement(Box, { flexDirection: "column", marginTop: 1 },
             React.createElement(Alert, { variant: "info" },
-                "Browser Path Examples: ",
+                t.proxyConfig.browserExamplesTitle,
+                " ",
                 React.createElement(Newline, null),
-                React.createElement(Text, { color: 'blue' }, "\u2022 Windows: C:\\Program Files(x86)\\Microsoft\\Edge\\Application\\msedge.exe"),
-                ' ',
+                React.createElement(Text, { color: 'blue' }, t.proxyConfig.windowsExample),
+                " ",
                 React.createElement(Newline, null),
-                React.createElement(Text, { color: 'green' }, "\u2022 macOS: /Applications/Google Chrome.app/Contents/MacOS/Google Chrome"),
-                ' ',
+                React.createElement(Text, { color: 'green' }, t.proxyConfig.macosExample),
+                " ",
                 React.createElement(Newline, null),
-                React.createElement(Text, { color: 'yellow' }, "\u2022 Linux: /usr/bin/chromium-browser"),
-                ' ',
+                React.createElement(Text, { color: 'yellow' }, t.proxyConfig.linuxExample),
+                " ",
                 React.createElement(Newline, null),
-                "Leave empty to auto-detect system browser (Edge/Chrome)"))));
+                t.proxyConfig.browserExamplesFooter))));
 }

package/dist/ui/pages/SensitiveCommandConfigScreen.js

@@ -3,6 +3,7 @@ import { Box, Text, useInput } from 'ink';
 import TextInput from 'ink-text-input';
 import { Alert } from '@inkjs/ui';
 import { getAllSensitiveCommands, toggleSensitiveCommand, addSensitiveCommand, removeSensitiveCommand, resetToDefaults, } from '../../utils/sensitiveCommandManager.js';
+import { useI18n } from '../../i18n/index.js';
 // Focus event handling
 const focusEventTokenRegex = /(?:\x1b)?\[[0-9;]*[IO]/g;
 const isFocusEventInput = (value) => {
@@ -33,6 +34,7 @@ const stripFocusArtifacts = (value) => {
         .replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g, '');
 };
 export default function SensitiveCommandConfigScreen({ onBack, inlineMode = false, }) {
+    const { t } = useI18n();
     const [commands, setCommands] = useState([]);
     const [selectedIndex, setSelectedIndex] = useState(0);
     const [viewMode, setViewMode] = useState('list');
@@ -83,9 +85,10 @@ export default function SensitiveCommandConfigScreen({ onBack, inlineMode = fals
             if (cmd) {
                 toggleSensitiveCommand(cmd.id);
                 loadCommands();
-                setSuccessMessage(cmd.enabled
-                    ? `Disabled: ${cmd.pattern}`
-                    : `Enabled: ${cmd.pattern}`);
+                const message = cmd.enabled
+                    ? t.sensitiveCommandConfig.disabledMessage
+                    : t.sensitiveCommandConfig.enabledMessage;
+                setSuccessMessage(message.replace('{pattern}', cmd.pattern));
                 setShowSuccess(true);
                 setTimeout(() => setShowSuccess(false), 2000);
             }
@@ -111,7 +114,7 @@ export default function SensitiveCommandConfigScreen({ onBack, inlineMode = fals
                     removeSensitiveCommand(cmd.id);
                     loadCommands();
                     setSelectedIndex(prev => Math.min(prev, commands.length - 2));
-                    setSuccessMessage(`Deleted: ${cmd.pattern}`);
+                    setSuccessMessage(t.sensitiveCommandConfig.deletedMessage.replace('{pattern}', cmd.pattern));
                     setShowSuccess(true);
                     setTimeout(() => setShowSuccess(false), 2000);
                     setConfirmDelete(false);
@@ -130,7 +133,7 @@ export default function SensitiveCommandConfigScreen({ onBack, inlineMode = fals
                 resetToDefaults();
                 loadCommands();
                 setSelectedIndex(0);
-                setSuccessMessage('Reset to default commands');
+                setSuccessMessage(t.sensitiveCommandConfig.resetMessage);
                 setShowSuccess(true);
                 setTimeout(() => setShowSuccess(false), 2000);
                 setConfirmReset(false);
@@ -143,6 +146,7 @@ export default function SensitiveCommandConfigScreen({ onBack, inlineMode = fals
         loadCommands,
         confirmDelete,
         confirmReset,
+        t,
     ]);
     // Handle add view input
     const handleAddInput = useCallback((_input, key) => {
@@ -187,7 +191,7 @@ export default function SensitiveCommandConfigScreen({ onBack, inlineMode = fals
                     addSensitiveCommand(customPattern.trim(), customDescription.trim());
                     loadCommands();
                     setViewMode('list');
-                    setSuccessMessage(`Added: ${customPattern}`);
+                    setSuccessMessage(t.sensitiveCommandConfig.addedMessage.replace('{pattern}', customPattern));
                     setShowSuccess(true);
                     setTimeout(() => setShowSuccess(false), 2000);
                 }
@@ -196,22 +200,22 @@ export default function SensitiveCommandConfigScreen({ onBack, inlineMode = fals
                 }
             }
         }
-    }, [addField, customPattern, customDescription, loadCommands]);
+    }, [addField, customPattern, customDescription, loadCommands, t]);
     if (viewMode === 'add') {
         return (React.createElement(Box, { flexDirection: "column", paddingX: inlineMode ? 0 : 2, paddingY: 1 },
-            React.createElement(Text, { bold: true, color: "cyan" }, "Add Custom Sensitive Command"),
+            React.createElement(Text, { bold: true, color: "cyan" }, t.sensitiveCommandConfig.addTitle),
             React.createElement(Box, { marginTop: 1 }),
-            React.createElement(Text, { dimColor: true }, "Pattern (supports wildcards, e.g., \"rm*\"):"),
+            React.createElement(Text, { dimColor: true }, t.sensitiveCommandConfig.patternLabel),
             React.createElement(Box, null,
                 React.createElement(Text, { color: addField === 'pattern' ? 'cyan' : 'gray' }, "\u276F "),
-                React.createElement(TextInput, { value: customPattern, onChange: handlePatternChange, onSubmit: handleAddSubmit, focus: addField === 'pattern' })),
+                React.createElement(TextInput, { value: customPattern, onChange: handlePatternChange, onSubmit: handleAddSubmit, focus: addField === 'pattern', placeholder: t.sensitiveCommandConfig.patternPlaceholder })),
             React.createElement(Box, { marginTop: 1 }),
-            React.createElement(Text, { dimColor: true }, "Description:"),
+            React.createElement(Text, { dimColor: true }, t.sensitiveCommandConfig.descriptionLabel),
             React.createElement(Box, null,
                 React.createElement(Text, { color: addField === 'description' ? 'cyan' : 'gray' }, "\u276F "),
                 React.createElement(TextInput, { value: customDescription, onChange: handleDescriptionChange, onSubmit: handleAddSubmit, focus: addField === 'description' })),
             React.createElement(Box, { marginTop: 1 }),
-            React.createElement(Text, { dimColor: true }, "Tab: Switch \u2022 Enter: Submit \u2022 Esc: Cancel")));
+            React.createElement(Text, { dimColor: true }, t.sensitiveCommandConfig.addEditingHint)));
     }
     // Calculate visible range for scrolling
     const viewportHeight = 13;
@@ -220,12 +224,12 @@ export default function SensitiveCommandConfigScreen({ onBack, inlineMode = fals
     const adjustedStart = Math.max(0, endIndex - viewportHeight);
     const selectedCmd = commands[selectedIndex];
     return (React.createElement(Box, { flexDirection: "column", paddingX: inlineMode ? 0 : 2, paddingY: 1 },
-        React.createElement(Text, { bold: true, color: "cyan" }, "Sensitive Command Protection"),
-        React.createElement(Text, { dimColor: true }, "Configure commands that require confirmation even in YOLO/Always-Approved mode"),
+        React.createElement(Text, { bold: true, color: "cyan" }, t.sensitiveCommandConfig.title),
+        React.createElement(Text, { dimColor: true }, t.sensitiveCommandConfig.subtitle),
         showSuccess && (React.createElement(Box, { marginTop: 1 },
             React.createElement(Alert, { variant: "success" }, successMessage))),
         React.createElement(Box, { marginTop: 1 }),
-        commands.length === 0 ? (React.createElement(Text, { dimColor: true }, "No commands configured")) : (commands.map((cmd, index) => {
+        commands.length === 0 ? (React.createElement(Text, { dimColor: true }, t.sensitiveCommandConfig.noCommands)) : (commands.map((cmd, index) => {
             // Only render items in the visible viewport
             if (index < adjustedStart || index >= endIndex) {
                 return null;
@@ -241,22 +245,25 @@ export default function SensitiveCommandConfigScreen({ onBack, inlineMode = fals
                 "]",
                 ' ',
                 cmd.pattern,
-                !cmd.isPreset && React.createElement(Text, { color: "yellow" }, " (custom)")));
+                !cmd.isPreset && (React.createElement(Text, { color: "yellow" },
+                    " (",
+                    t.sensitiveCommandConfig.custom,
+                    ")"))));
         })),
         React.createElement(Box, { marginTop: 1 }),
         selectedCmd && !confirmDelete && !confirmReset && (React.createElement(Text, { dimColor: true },
             selectedCmd.description,
             " (",
-            selectedCmd.enabled ? 'Enabled' : 'Disabled',
+            selectedCmd.enabled
+                ? t.sensitiveCommandConfig.enabled
+                : t.sensitiveCommandConfig.disabled,
             ")",
-            !selectedCmd.isPreset && ' [Custom]')),
-        confirmDelete && selectedCmd && (React.createElement(Text, { bold: true, color: "yellow" },
-            "\u26A0\uFE0F Press D again to confirm deletion of \"",
-            selectedCmd.pattern,
-            "\"")),
-        confirmReset && (React.createElement(Text, { bold: true, color: "yellow" }, "\u26A0\uFE0F Press R again to confirm reset to default commands")),
+            !selectedCmd.isPreset &&
+                ` [${t.sensitiveCommandConfig.customLabel}]`)),
+        confirmDelete && selectedCmd && (React.createElement(Text, { bold: true, color: "yellow" }, t.sensitiveCommandConfig.confirmDeleteMessage.replace('{pattern}', selectedCmd.pattern))),
+        confirmReset && (React.createElement(Text, { bold: true, color: "yellow" }, t.sensitiveCommandConfig.confirmResetMessage)),
         React.createElement(Box, { marginTop: 1 }),
         React.createElement(Text, { dimColor: true }, confirmDelete || confirmReset
-            ? 'Press the same key again to confirm • Esc: Cancel'
-            : '↑↓: Navigate • Space: Toggle • A: Add • D: Delete • R: Reset • Esc: Back')));
+            ? t.sensitiveCommandConfig.confirmHint
+            : t.sensitiveCommandConfig.listNavigationHint)));
 }