codexmate 0.0.38 → 0.0.39

package/web-ui/modules/app.methods.providers.mjs

@@ -47,6 +47,12 @@ function normalizeProviderDraftState(target) {
     if (typeof target.url === 'string') {
         target.url = normalizeProviderUrl(target.url);
     }
+    if (typeof target.model === 'string') {
+        target.model = target.model.trim();
+    }
+    if (typeof target.key === 'string') {
+        target.key = target.key.trim();
+    }
 }
 
 function maskKeyLocal(key) {
@@ -66,9 +72,13 @@ function getProviderValidationForContext(vm, mode = 'add') {
     const editingName = mode === 'edit' ? normalizeText(draft && draft.name) : '';
     const name = normalizeText(draft && draft.name);
     const url = normalizeProviderUrl(draft && draft.url);
+    const model = normalizeText(draft && draft.model);
+    const key = normalizeText(draft && draft.key);
     const errors = {
         name: '',
-        url: ''
+        url: '',
+        key: '',
+        model: ''
     };
 
     if (mode === 'add') {
@@ -91,12 +101,22 @@ function getProviderValidationForContext(vm, mode = 'add') {
         errors.url = 'URL 仅支持 http/https';
     }
 
+    if (mode === 'add' && !key) {
+        errors.key = 'API Key 必填';
+    }
+
+    if (mode === 'add' && !model) {
+        errors.model = '模型名称必填';
+    }
+
     return {
         mode,
         name,
         url,
+        key,
+        model,
         errors,
-        ok: !errors.name && !errors.url
+        ok: !errors.name && !errors.url && !errors.key && !errors.model
     };
 }
 
@@ -150,21 +170,20 @@ export function createProvidersMethods(options = {}) {
             normalizeProviderDraftState(this.newProvider);
             const validation = getProviderValidationForContext(this, 'add');
             if (!validation.ok) {
-                return this.showMessage(validation.errors.name || validation.errors.url || '名称和URL必填', 'error');
+                return this.showMessage(validation.errors.name || validation.errors.url || validation.errors.key || validation.errors.model || '名称、URL、API Key 和模型名称必填', 'error');
             }
 
             try {
                 const payload = {
                     name: validation.name,
                     url: validation.url,
-                    key: this.newProvider.key || ''
+                    key: validation.key,
+                    model: validation.model
                 };
                 if (this.newProvider && this.newProvider.useTransform) {
                     payload.useTransform = true;
                 }
-                const suggestedModel = typeof this.newProvider._suggestedModel === 'string'
-                    ? this.newProvider._suggestedModel.trim()
-                    : '';
+                const suggestedModel = validation.model;
                 const res = await api('add-provider', payload);
                 if (res.error) {
                     this.showMessage(res.error, 'error');
@@ -179,7 +198,7 @@ export function createProvidersMethods(options = {}) {
                     codexmate_bridge: payload.useTransform ? 'openai' : '',
                     key: maskKeyLocal(payload.key),
                     hasKey: !!payload.key,
-                    models: [],
+                    models: suggestedModel ? [{ id: suggestedModel, name: suggestedModel, cost: null, contextWindow: undefined, maxTokens: undefined }] : [],
                     current: false,
                     readOnly: false,
                     nonDeletable: false,
@@ -208,7 +227,7 @@ export function createProvidersMethods(options = {}) {
             const configured = !!(provider && provider.hasKey);
             return {
                 configured,
-                text: configured ? '已配置' : '未配置'
+                text: configured ? this.t('common.configured') : this.t('common.notConfigured')
             };
         },
 
@@ -300,8 +319,10 @@ export function createProvidersMethods(options = {}) {
                 name: '',
                 url: cloneUrl,
                 key: '',
+                model: '',
                 useTransform: isTransform
             };
+            this.showAddProviderKey = false;
             this.showAddModal = true;
         },
 
@@ -513,7 +534,12 @@ export function createProvidersMethods(options = {}) {
 
         closeAddModal() {
             this.showAddModal = false;
-            this.newProvider = { name: '', url: '', key: '', useTransform: false, _suggestedModel: '' };
+            this.showAddProviderKey = false;
+            this.newProvider = { name: '', url: '', key: '', model: '', useTransform: false };
+        },
+
+        toggleAddProviderKey() {
+            this.showAddProviderKey = !this.showAddProviderKey;
         },
 
         closeModelModal() {

package/web-ui/modules/app.methods.runtime.mjs

@@ -3,6 +3,81 @@ import {
     formatLatency
 } from '../logic.mjs';
 
+const UI_MESSAGE_KEY_BY_TEXT = Object.freeze({
+    '操作成功': 'toast.operationSuccess',
+    '操作失败': 'toast.operationFailed',
+    '添加失败': 'toast.addFailed',
+    '更新失败': 'toast.updateFailed',
+    '删除失败': 'toast.deleteFailed',
+    '已删除': 'toast.deleted',
+    '已复制': 'toast.copied',
+    '复制失败': 'toast.copyFailed',
+    '剪贴板为空': 'toast.clipboardEmpty',
+    '无法读取剪贴板': 'toast.clipboardReadFailed',
+    '已粘贴': 'toast.pasted',
+    '未检测到改动': 'toast.noChanges',
+    '配置已应用': 'toast.configApplied',
+    '应用配置失败': 'toast.applyConfigFailed',
+    '应用失败': 'toast.applyFailed',
+    '配置已加载': 'toast.configLoaded',
+    '配置就绪': 'toast.configReady',
+    '加载配置失败': 'toast.loadConfigFailed',
+    '读取配置失败': 'toast.readConfigFailed',
+    '读取配置超时': 'toast.readConfigTimeout',
+    '备份失败': 'toast.backupFailed',
+    '备份成功，开始下载': 'toast.backupReadyDownload',
+    '导入失败': 'toast.importFailed',
+    '导入成功': 'toast.importSuccess',
+    '导入 skill 失败': 'toast.importSkillFailed',
+    '导出失败': 'toast.exportFailed',
+    '保存失败': 'toast.saveFailed',
+    '加载文件失败': 'toast.loadFileFailed',
+    '请填写名称': 'toast.nameRequired',
+    '请输入名称': 'toast.nameRequired',
+    '名称已存在': 'toast.nameExists',
+    '至少保留一项': 'toast.keepOneItem',
+    '请输入模型': 'toast.modelRequired',
+    '请选择提供商和模型': 'toast.providerModelRequired',
+    '请先配置 API Key': 'toast.apiKeyRequired',
+    '配置已存在': 'toast.configExists',
+    '不支持此操作': 'toast.unsupportedOperation',
+    '参数无效': 'toast.invalidParams',
+    '不可分享': 'toast.notShareable',
+    '已移入回收站': 'toast.movedToTrash',
+    '生成命令失败': 'toast.commandGenerationFailed',
+    '没有可复制内容': 'toast.nothingToCopy',
+    '没有可导出内容': 'toast.nothingToExport',
+    '会话已恢复': 'toast.sessionRestored',
+    '恢复失败': 'toast.restoreFailed',
+    '已彻底删除': 'toast.purged',
+    '彻底删除失败': 'toast.purgeFailed',
+    '回收站已清空': 'toast.trashCleared',
+    '清空回收站失败': 'toast.trashClearFailed',
+    '加载回收站失败': 'toast.trashLoadFailed',
+    '加载回收站数量失败': 'toast.trashCountLoadFailed',
+    '任务计划已更新': 'toast.taskPlanUpdated',
+    '任务计划生成失败': 'toast.taskPlanFailed',
+    '计划存在问题，请先修复再执行': 'toast.taskPlanHasIssues',
+    '已发出取消请求': 'toast.cancelRequested',
+    '取消任务失败': 'toast.cancelTaskFailed'
+});
+
+const UI_MESSAGE_PREFIX_ENTRIES = Object.freeze(
+    Object.entries(UI_MESSAGE_KEY_BY_TEXT).sort((a, b) => b[0].length - a[0].length)
+);
+
+function translateUiMessage(context, text) {
+    if (!context || typeof context.t !== 'function' || typeof text !== 'string') return text;
+    const exactKey = UI_MESSAGE_KEY_BY_TEXT[text];
+    if (exactKey) return context.t(exactKey);
+    const prefixEntry = UI_MESSAGE_PREFIX_ENTRIES.find(([sourceText]) => {
+        return text.length > sourceText.length && text.startsWith(sourceText);
+    });
+    if (!prefixEntry) return text;
+    const [sourceText, key] = prefixEntry;
+    return `${context.t(key)}${text.slice(sourceText.length)}`;
+}
+
 function clearProgressResetTimer(context, timerKey) {
     if (!context || !timerKey || !context[timerKey]) {
         return;
@@ -334,7 +409,7 @@ export function createRuntimeMethods(options = {}) {
             if (this._messageTimer) {
                 clearTimeout(this._messageTimer);
             }
-            this.message = text;
+            this.message = translateUiMessage(this, text);
             this.messageType = type || 'info';
             this._messageTimer = setTimeout(() => {
                 this.message = '';

package/web-ui/modules/app.methods.startup-claude.mjs

@@ -529,6 +529,7 @@ export function createStartupClaudeMethods(options = {}) {
         },
 
         openClaudeConfigModal() {
+            this.showAddClaudeConfigKey = false;
             this.showClaudeConfigModal = true;
         },
 

package/web-ui/modules/config-mode.computed.mjs

@@ -35,16 +35,16 @@ export function createConfigModeComputed() {
             return this.activeProviderModeMeta.modelPlaceholder;
         },
         activeProviderConfigChipLabel() {
-            return this.activeProviderModeMeta.statusConfigLabel;
+            return this.t('field.provider');
         },
         activeProviderModelChipLabel() {
-            return this.activeProviderModeMeta.statusModelLabel;
+            return this.t('field.model');
         },
         activeProviderBridgeHint() {
             if (!this.isProviderConfigMode || this.isCodexConfigMode) {
                 return '';
             }
-            return `${this.activeProviderModeLabel} 当前复用 Codex Provider / Model 管理链路。`;
+            return this.t('config.providerBridgeHint', { label: this.activeProviderModeLabel });
         },
         inspectorMainTabLabel() {
             if (this.mainTab === 'dashboard') return '概览';

package/web-ui/modules/i18n.dict.mjs

@@ -154,6 +154,7 @@ const DICT = Object.freeze({
         'side.sessions.browser.meta': '浏览 / 导出 / 清理',
         'side.plugins.tools': '提示词工具',
         'side.plugins.tools.meta': '模板 / 变量',
+        'side.plugins.templatesCount': '{count} 个模板',
         'side.system.settings': '运行设置',
         'side.system.settings.meta': '数据 / 备份',
 
@@ -912,6 +913,7 @@ const DICT = Object.freeze({
         'settings.tab.data': '数据',
         'settings.tabs.aria': '设置分类',
         'settings.quickSettings.title': '快捷设置',
+        'settings.language.sideLabel': '语言：{language}',
         'settings.sharePrefix.title': '分享命令前缀',
         'settings.sharePrefix.meta': '影响 Web UI 里“复制分享命令”的前缀',
         'settings.sharePrefix.label': '前缀',
@@ -1052,6 +1054,8 @@ const DICT = Object.freeze({
 
         // OpenClaw config panel
         'openclaw.applyHint': '写入 ~/.openclaw/openclaw.json，支持 JSON5。',
+        'openclaw.workspace.title': 'OpenClaw 工作区',
+        'openclaw.configs.hint': '选择常用配置，或进入编辑器维护完整 JSON5。',
         'openclaw.agents.hint': '读写 Workspace 的 AGENTS.md，默认路径 ~/.openclaw/workspace/AGENTS.md。',
         'openclaw.agents.open': '打开 AGENTS.md',
         'openclaw.workspaceFile': '工作区文件',
@@ -1065,6 +1069,7 @@ const DICT = Object.freeze({
         'modal.openclaw.quick.subtitle': '按 3 步完成：填 Provider 和模型，写入编辑器，保存并应用。',
         'modal.openclaw.quick.step2': '点击写入编辑器',
         'modal.openclaw.structured.writeHint': '写入编辑器会重排 JSON，注释可能丢失。',
+        'openclaw.action.applyAria': '应用 OpenClaw 配置：{name}',
         'openclaw.action.editAria': '编辑 OpenClaw 配置：{name}',
         'openclaw.action.deleteAria': '删除 OpenClaw 配置：{name}'
     },
@@ -1224,6 +1229,7 @@ const DICT = Object.freeze({
         'side.sessions.browser.meta': '閲覧 / エクスポート / クリーンアップ',
         'side.plugins.tools': 'プロンプトツール',
         'side.plugins.tools.meta': 'テンプレート / 変数',
+        'side.plugins.templatesCount': '{count} 件のテンプレート',
         'side.system.settings': '実行設定',
         'side.system.settings.meta': 'データ / バックアップ',
 
@@ -1970,6 +1976,7 @@ const DICT = Object.freeze({
         'settings.tab.data': 'データ',
         'settings.tabs.aria': '設定カテゴリ',
         'settings.quickSettings.title': 'クイック設定',
+        'settings.language.sideLabel': '言語：{language}',
         'settings.sharePrefix.title': '共有コマンドプレフィックス',
         'settings.sharePrefix.meta': 'Web UI の「共有コマンドをコピー」のプレフィックスに影響',
         'settings.sharePrefix.label': 'プレフィックス',
@@ -2123,6 +2130,7 @@ const DICT = Object.freeze({
         'modal.openclaw.quick.subtitle': '3ステップで完了：Provider とモデルを入力、エディタに書き込み、保存して適用。',
         'modal.openclaw.quick.step2': 'エディタに書き込みをクリック',
         'modal.openclaw.structured.writeHint': 'エディタに書き込むと JSON が再配置され、コメントが失われる可能性があります。',
+        'openclaw.action.applyAria': 'OpenClaw 設定を適用：{name}',
         'openclaw.action.editAria': 'OpenClaw 設定を編集：{name}',
         'openclaw.action.deleteAria': 'OpenClaw 設定を削除：{name}',
     
@@ -2283,6 +2291,7 @@ const DICT = Object.freeze({
         'side.sessions.browser.meta': 'Browse / Export / Cleanup',
         'side.plugins.tools': 'Prompt Tools',
         'side.plugins.tools.meta': 'Templates / Variables',
+        'side.plugins.templatesCount': '{count} templates',
         'side.system.settings': 'Runtime Settings',
         'side.system.settings.meta': 'Data / Backup',
 
@@ -3042,6 +3051,7 @@ const DICT = Object.freeze({
         'settings.tab.data': 'Data',
         'settings.tabs.aria': 'Settings categories',
         'settings.quickSettings.title': 'Quick Settings',
+        'settings.language.sideLabel': 'Language: {language}',
         'settings.sharePrefix.title': 'Share command prefix',
         'settings.sharePrefix.meta': 'Used as the prefix for “Copy share command” in the Web UI',
         'settings.sharePrefix.label': 'Prefix',
@@ -3178,6 +3188,8 @@ const DICT = Object.freeze({
 
         // OpenClaw config panel
         'openclaw.applyHint': 'Writes to ~/.openclaw/openclaw.json (JSON5 supported).',
+        'openclaw.workspace.title': 'OpenClaw workspace',
+        'openclaw.configs.hint': 'Select a saved config, or open the editor to maintain full JSON5.',
         'openclaw.agents.hint': 'Read/write Workspace AGENTS.md. Default: ~/.openclaw/workspace/AGENTS.md.',
         'openclaw.agents.open': 'Open AGENTS.md',
         'openclaw.workspaceFile': 'Workspace file',
@@ -3191,6 +3203,7 @@ const DICT = Object.freeze({
         'modal.openclaw.quick.subtitle': '3 steps: fill provider/model, write to editor, save & apply.',
         'modal.openclaw.quick.step2': 'Write to editor',
         'modal.openclaw.structured.writeHint': 'Writing to editor may reformat JSON and drop comments.',
+        'openclaw.action.applyAria': 'Apply OpenClaw config: {name}',
         'openclaw.action.editAria': 'Edit OpenClaw config: {name}',
         'openclaw.action.deleteAria': 'Delete OpenClaw config: {name}'
     }

package/web-ui/modules/i18n.mjs

@@ -2,11 +2,41 @@ import { DICT } from './i18n.dict.mjs';
 
 const I18N_STORAGE_KEY = 'codexmateLang';
 
+const LANGUAGE_META = Object.freeze([
+    Object.freeze({ code: 'zh', nativeName: '中文', englishName: 'Chinese', htmlLang: 'zh-CN', dir: 'ltr' }),
+    Object.freeze({ code: 'en', nativeName: 'English', englishName: 'English', htmlLang: 'en', dir: 'ltr' }),
+    Object.freeze({ code: 'ja', nativeName: '日本語', englishName: 'Japanese', htmlLang: 'ja', dir: 'ltr' }),
+    Object.freeze({ code: 'vi', nativeName: 'Tiếng Việt', englishName: 'Vietnamese', htmlLang: 'vi', dir: 'ltr' })
+]);
+
+function getAvailableLanguages() {
+    return LANGUAGE_META.filter((item) => item && item.code && DICT[item.code]);
+}
+
+function getDefaultLanguageMeta() {
+    const available = getAvailableLanguages();
+    return available[0] || LANGUAGE_META[0];
+}
+
+function getLanguageMeta(code) {
+    const normalized = typeof code === 'string' ? code.trim().toLowerCase() : '';
+    return getAvailableLanguages().find((item) => item.code === normalized) || getDefaultLanguageMeta();
+}
+
 function normalizeLang(value) {
     const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
-    if (normalized === 'en') return 'en';
-    if (normalized === 'ja') return 'ja';
-    return 'zh';
+    const available = getAvailableLanguages();
+    const fallback = available[0] && available[0].code ? available[0].code : 'zh';
+    return available.some((item) => item.code === normalized) ? normalized : fallback;
+}
+
+function applyDocumentLanguage(next) {
+    try {
+        if (typeof document === 'undefined' || !document.documentElement) return;
+        const meta = getLanguageMeta(next);
+        document.documentElement.lang = meta.htmlLang || meta.code || 'zh-CN';
+        document.documentElement.dir = meta.dir || 'ltr';
+    } catch (_) {}
 }
 
 function interpolate(template, params) {
@@ -26,13 +56,38 @@ export function createI18nMethods() {
                 : '';
             const next = normalizeLang(saved);
             this.lang = next;
-            try {
-                if (typeof document !== 'undefined' && document.documentElement) {
-                    if (next === 'en') document.documentElement.lang = 'en';
-                    else if (next === 'ja') document.documentElement.lang = 'ja';
-                    else document.documentElement.lang = 'zh-CN';
+            applyDocumentLanguage(next);
+        },
+        languageOptions() {
+            return getAvailableLanguages();
+        },
+        currentLanguageLabel() {
+            return getLanguageMeta(this.lang).nativeName || '中文';
+        },
+        openLanguageSettings() {
+            if (typeof this.switchMainTab === 'function') {
+                this.switchMainTab('settings');
+            } else {
+                this.mainTab = 'settings';
+                if (typeof this.saveNavState === 'function') {
+                    this.saveNavState();
                 }
-            } catch (_) {}
+            }
+            this.settingsTab = 'general';
+            this.$nextTick(() => {
+                const target = typeof document !== 'undefined'
+                    ? document.getElementById('settings-language')
+                    : null;
+                if (target && typeof target.scrollIntoView === 'function') {
+                    target.scrollIntoView({ block: 'center', behavior: 'smooth' });
+                }
+                const select = typeof document !== 'undefined'
+                    ? document.getElementById('settings-language-select')
+                    : null;
+                if (select && typeof select.focus === 'function') {
+                    select.focus();
+                }
+            });
         },
         setLang(nextLang) {
             const next = normalizeLang(nextLang);
@@ -42,13 +97,7 @@ export function createI18nMethods() {
                     localStorage.setItem(I18N_STORAGE_KEY, next);
                 }
             } catch (_) {}
-            try {
-                if (typeof document !== 'undefined' && document.documentElement) {
-                    if (next === 'en') document.documentElement.lang = 'en';
-                    else if (next === 'ja') document.documentElement.lang = 'ja';
-                    else document.documentElement.lang = 'zh-CN';
-                }
-            } catch (_) {}
+            applyDocumentLanguage(next);
         },
         t(key, params = null) {
             const lang = normalizeLang(this.lang);

package/web-ui/partials/index/layout-header.html

@@ -93,27 +93,12 @@
                 @click="onMainTabClick('settings', $event)">{{ t('tab.settings') }}</button>
         </div>
 
-        <div v-if="!sessionStandalone" class="lang-fab" role="group" :aria-label="t('lang.label')">
-            <div class="lang-choice" role="group" :aria-label="t('lang.label')">
-                <button
-                    type="button"
-                    class="lang-choice-btn"
-                    :aria-pressed="(lang || 'zh') === 'zh'"
-                    :class="{ active: (lang || 'zh') === 'zh' }"
-                    @click="setLang('zh')">ZH</button>
-                <button
-                    type="button"
-                    class="lang-choice-btn"
-                    :aria-pressed="(lang || 'zh') === 'en'"
-                    :class="{ active: (lang || 'zh') === 'en' }"
-                    @click="setLang('en')">EN</button>
-                <button
-                    type="button"
-                    class="lang-choice-btn"
-                    :aria-pressed="(lang || 'zh') === 'ja'"
-                    :class="{ active: (lang || 'zh') === 'ja' }"
-                    @click="setLang('ja')">日本語</button>
-            </div>
+        <div v-if="!sessionStandalone" class="lang-fab">
+            <button
+                type="button"
+                class="language-settings-link"
+                :aria-label="t('settings.language.sideLabel', { language: currentLanguageLabel() })"
+                @click="openLanguageSettings">{{ t('settings.language.sideLabel', { language: currentLanguageLabel() }) }}</button>
         </div>
 
         <div :class="['app-shell', { standalone: sessionStandalone }]">
@@ -282,7 +267,7 @@
                         <div class="side-item-title">{{ t('side.plugins.tools') }}</div>
                         <div class="side-item-meta">
                             <span>{{ t('side.plugins.tools.meta') }}</span>
-                            <span>{{ promptTemplatesList.length }} templates</span>
+                            <span>{{ t('side.plugins.templatesCount', { count: promptTemplatesList.length }) }}</span>
                         </div>
                     </button>
                 </div>
@@ -308,40 +293,25 @@
                         :class="['side-item', { active: isMainTabNavActive('trash') }]"
                         @pointerdown="onMainTabPointerDown('trash', $event)"
                         @click="onMainTabClick('trash', $event)">
-                        <div class="side-item-title">回收站</div>
+                        <div class="side-item-title">{{ t('settings.trash.title') }}</div>
                         <div class="side-item-meta">
-                            <span>已删除会话</span>
+                            <span>{{ t('settings.trash.meta') }}</span>
                             <span v-if="sessionTrashCount > 0" class="side-item-badge">{{ sessionTrashCount }}</span>
                         </div>
                     </button>
                 </div>
                 <div id="side-tab-new" class="side-item side-item-ghost" tabindex="-1" aria-hidden="true">
-                    <div class="side-item-title">New Tab</div>
+                    <div class="side-item-title">{{ t('side.newTab') }}</div>
                     <div class="side-item-meta"><span>&nbsp;</span></div>
                 </div>
                 </div>
 
-                <div class="side-rail-lang" role="group" :aria-label="t('lang.label')">
-                    <div class="lang-choice" role="group" :aria-label="t('lang.label')">
-                        <button
-                            type="button"
-                            class="lang-choice-btn"
-                            :aria-pressed="(lang || 'zh') === 'zh'"
-                            :class="{ active: (lang || 'zh') === 'zh' }"
-                            @click="setLang('zh')">ZH</button>
-                        <button
-                            type="button"
-                            class="lang-choice-btn"
-                            :aria-pressed="(lang || 'zh') === 'en'"
-                            :class="{ active: (lang || 'zh') === 'en' }"
-                            @click="setLang('en')">EN</button>
-                        <button
-                            type="button"
-                            class="lang-choice-btn"
-                            :aria-pressed="(lang || 'zh') === 'ja'"
-                            :class="{ active: (lang || 'zh') === 'ja' }"
-                            @click="setLang('ja')">日本語</button>
-                    </div>
+                <div class="side-rail-lang">
+                    <button
+                        type="button"
+                        class="language-settings-link"
+                        :aria-label="t('settings.language.sideLabel', { language: currentLanguageLabel() })"
+                        @click="openLanguageSettings">{{ t('settings.language.sideLabel', { language: currentLanguageLabel() }) }}</button>
                 </div>
             </aside>
             <main class="main-panel">