codexmate 0.0.42 → 0.0.44

package/web-ui/logic.claude.mjs

@@ -69,13 +69,21 @@ export function normalizeClaudeConfig(config) {
     const useKey = normalizeClaudeValue(safe.useKey);
     const externalCredentialType = normalizeClaudeValue(safe.externalCredentialType)
         || (apiKey ? '' : (authToken ? 'auth-token' : (useKey ? 'claude-code-use-key' : '')));
+    const targetApiRaw = normalizeClaudeValue(safe.targetApi).toLowerCase();
+    let targetApi = 'responses';
+    if (targetApiRaw === 'chat_completions' || targetApiRaw === 'chat-completions' || targetApiRaw === 'chat/completions') {
+        targetApi = 'chat_completions';
+    } else if (targetApiRaw === 'ollama') {
+        targetApi = 'ollama';
+    }
     return {
         apiKey,
         baseUrl: normalizeClaudeValue(safe.baseUrl),
         model: normalizeClaudeValue(safe.model),
         authToken,
         useKey,
-        externalCredentialType
+        externalCredentialType,
+        targetApi
     };
 }
 
@@ -102,6 +110,60 @@ function normalizeClaudeComparableUrl(value) {
     return trimmed.replace(/\/+$/g, '');
 }
 
+function isLoopbackClaudeProxyUrl(value) {
+    const raw = normalizeClaudeComparableUrl(value);
+    if (!raw) return false;
+    try {
+        const parsed = new URL(raw);
+        if (parsed.protocol !== 'http:') return false;
+        const host = normalizeClaudeValue(parsed.hostname).toLowerCase();
+        return host === '127.0.0.1' || host === 'localhost' || host === '[::1]' || host === '::1';
+    } catch (_) {
+        return false;
+    }
+}
+
+export function isLikelyBuiltinClaudeProxySettingsEnv(env = {}) {
+    const normalized = normalizeClaudeSettingsEnv(env);
+    return !!(
+        normalized.baseUrl
+        && normalized.model
+        && /^[a-f0-9]{48}$/i.test(normalized.apiKey)
+        && isLoopbackClaudeProxyUrl(normalized.baseUrl)
+    );
+}
+
+function isClaudeTransformConfig(config = {}) {
+    const targetApi = normalizeClaudeConfig(config).targetApi;
+    return targetApi === 'chat_completions' || targetApi === 'ollama';
+}
+
+export function matchBuiltinClaudeProxyConfigFromSettings(claudeConfigs = {}, env = {}, preferredName = '') {
+    if (!isLikelyBuiltinClaudeProxySettingsEnv(env)) {
+        return '';
+    }
+    const normalizedSettings = normalizeClaudeSettingsEnv(env);
+    const preferred = normalizeClaudeValue(preferredName);
+    if (preferred && claudeConfigs && claudeConfigs[preferred]) {
+        const config = normalizeClaudeConfig(claudeConfigs[preferred]);
+        if (isClaudeTransformConfig(config) && config.model === normalizedSettings.model) {
+            return preferred;
+        }
+    }
+
+    const matches = [];
+    for (const [name, config] of Object.entries(claudeConfigs || {})) {
+        const normalizedConfig = normalizeClaudeConfig(config);
+        if (!isClaudeTransformConfig(normalizedConfig)) {
+            continue;
+        }
+        if (normalizedConfig.model === normalizedSettings.model) {
+            matches.push(name);
+        }
+    }
+    return matches.length === 1 ? matches[0] : '';
+}
+
 function hasClaudeCredential(config = {}) {
     return !!(config.apiKey || config.authToken || config.useKey);
 }
@@ -156,7 +218,8 @@ export function findDuplicateClaudeConfigName(claudeConfigs = {}, config) {
             continue;
         }
         if (normalizeClaudeComparableUrl(normalizedExisting.baseUrl) !== comparableUrl
-            || normalizedExisting.model !== normalized.model) {
+            || normalizedExisting.model !== normalized.model
+            || normalizedExisting.targetApi !== normalized.targetApi) {
             continue;
         }
         if (normalized.apiKey && normalizedExisting.apiKey === normalized.apiKey) {

package/web-ui/logic.runtime.mjs

@@ -101,10 +101,6 @@ export function shouldForceCompactLayoutMode(options = {}) {
     const screenHeight = Number(options.screenHeight || 0);
     const shortEdge = Number(options.shortEdge || (screenWidth > 0 && screenHeight > 0 ? Math.min(screenWidth, screenHeight) : 0));
     const maxTouchPoints = Number(options.maxTouchPoints || 0);
-    const userAgent = typeof options.userAgent === 'string' ? options.userAgent : '';
-    const isMobileUa = typeof options.isMobileUa === 'boolean'
-        ? options.isMobileUa
-        : /(Android|iPhone|iPad|iPod|Mobile)/i.test(userAgent);
     const coarsePointer = !!options.coarsePointer;
     const noHover = !!options.noHover;
     const isSmallPhysicalScreen = shortEdge > 0 && shortEdge <= 920;
@@ -115,9 +111,6 @@ export function shouldForceCompactLayoutMode(options = {}) {
         if (!isNarrowViewport) {
             return false;
         }
-        if (isMobileUa) {
-            return true;
-        }
         return pointerSuggestsTouchOnly && maxTouchPoints > 0;
     }
 

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

@@ -60,7 +60,7 @@ export function createAgentsMethods(options = {}) {
                 if (!isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
                     return;
                 }
-                this.showMessage('加载文件失败', 'error');
+                this.showMessage(this.t('toast.load.fail'), 'error');
             } finally {
                 if (isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
                     this.agentsLoading = false;
@@ -92,7 +92,7 @@ export function createAgentsMethods(options = {}) {
                 if (!isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
                     return;
                 }
-                this.showMessage('加载文件失败', 'error');
+                this.showMessage(this.t('toast.load.fail'), 'error');
             } finally {
                 if (isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
                     this.agentsLoading = false;
@@ -127,7 +127,7 @@ export function createAgentsMethods(options = {}) {
                 if (!isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
                     return;
                 }
-                this.showMessage('加载文件失败', 'error');
+                this.showMessage(this.t('toast.load.fail'), 'error');
             } finally {
                 if (isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
                     this.agentsLoading = false;
@@ -171,7 +171,7 @@ export function createAgentsMethods(options = {}) {
                 if (!isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
                     return;
                 }
-                this.showMessage('加载文件失败', 'error');
+                this.showMessage(this.t('toast.load.fail'), 'error');
             } finally {
                 if (isLatestRequestToken(this, '_agentsOpenRequestToken', requestToken)) {
                     this.agentsLoading = false;
@@ -588,7 +588,7 @@ export function createAgentsMethods(options = {}) {
             }
             if (!this.agentsDiffVisible) {
                 if (!this.hasAgentsContentChanged()) {
-                    this.showMessage('未检测到改动', 'info');
+                    this.showMessage(this.t('toast.noChanges'), 'info');
                     return;
                 }
                 await this.prepareAgentsDiff();
@@ -642,7 +642,7 @@ export function createAgentsMethods(options = {}) {
                 this.showMessage(successLabel, 'success');
                 this.closeAgentsModal({ force: true });
             } catch (e) {
-                this.showMessage('保存失败', 'error');
+                this.showMessage(this.t('toast.save.fail'), 'error');
             } finally {
                 this.agentsSaving = false;
             }

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

@@ -23,6 +23,10 @@ function getClaudeConfigValidationForContext(vm, mode = 'add') {
     const externalCredentialType = normalizeClaudeText(draft && draft.externalCredentialType);
     const baseUrl = normalizeClaudeBaseUrl(draft && draft.baseUrl);
     const model = normalizeClaudeText(draft && draft.model);
+    const targetApiRaw = normalizeClaudeText(draft && draft.targetApi).toLowerCase();
+    const targetApi = targetApiRaw === 'chat_completions' || targetApiRaw === 'chat-completions' || targetApiRaw === 'chat/completions'
+        ? 'chat_completions'
+        : (targetApiRaw === 'ollama' ? 'ollama' : 'responses');
     const errors = {
         name: '',
         apiKey: '',
@@ -31,23 +35,23 @@ function getClaudeConfigValidationForContext(vm, mode = 'add') {
     };
 
     if (!name) {
-        errors.name = '配置名称不能为空';
+        errors.name = vm.t('validation.claude.nameRequired');
     } else if (mode === 'add' && vm.claudeConfigs && vm.claudeConfigs[name]) {
-        errors.name = '名称已存在';
+        errors.name = vm.t('validation.claude.nameExists');
     }
 
-    if (!apiKey && !externalCredentialType) {
-        errors.apiKey = 'API Key 必填';
+    if (!apiKey && !externalCredentialType && targetApi !== 'ollama') {
+        errors.apiKey = vm.t('validation.claude.apiKeyRequired');
     }
 
     if (!baseUrl) {
-        errors.baseUrl = 'Base URL 必填';
+        errors.baseUrl = vm.t('validation.claude.baseUrlRequired');
     } else if (!isValidClaudeHttpUrl(baseUrl)) {
-        errors.baseUrl = 'Base URL 仅支持 http/https';
+        errors.baseUrl = vm.t('validation.claude.baseUrlHttpOnly');
     }
 
     if (!model) {
-        errors.model = '模型名称必填';
+        errors.model = vm.t('validation.claude.modelRequired');
     }
 
     return {
@@ -57,6 +61,7 @@ function getClaudeConfigValidationForContext(vm, mode = 'add') {
         externalCredentialType,
         baseUrl,
         model,
+        targetApi,
         errors,
         ok: !errors.name && !errors.apiKey && !errors.baseUrl && !errors.model
     };
@@ -79,7 +84,7 @@ export function createClaudeConfigMethods(options = {}) {
             }
             const model = (this.currentClaudeModel || '').trim();
             if (!model) {
-                this.showMessage('请输入模型', 'error');
+                this.showMessage(this.t('toast.claude.modelRequired'), 'error');
                 return;
             }
             const existing = this.claudeConfigs[name] || {};
@@ -88,8 +93,8 @@ export function createClaudeConfigMethods(options = {}) {
             this.claudeConfigs[name] = this.mergeClaudeConfig(existing, { model });
             this.saveClaudeConfigs();
             this.updateClaudeModelsCurrent();
-            if (!this.claudeConfigs[name].apiKey && !this.claudeConfigs[name].externalCredentialType) {
-                this.showMessage('请先配置 API Key', 'error');
+            if (!this.claudeConfigs[name].apiKey && !this.claudeConfigs[name].externalCredentialType && this.claudeConfigs[name].targetApi !== 'ollama') {
+                this.showMessage(this.t('toast.claude.apiKeyRequired'), 'error');
                 return;
             }
             this.applyClaudeConfig(name);
@@ -115,8 +120,10 @@ export function createClaudeConfigMethods(options = {}) {
             this.newClaudeConfig = {
                 name: '',
                 apiKey: config.apiKey || '',
+                externalCredentialType: config.externalCredentialType || '',
                 baseUrl: config.baseUrl || '',
-                model: config.model || ''
+                model: config.model || '',
+                targetApi: config.targetApi || 'responses'
             };
             this.showAddClaudeConfigKey = false;
             this.showClaudeConfigModal = true;
@@ -144,7 +151,8 @@ export function createClaudeConfigMethods(options = {}) {
                 apiKey: config.apiKey || '',
                 externalCredentialType: config.externalCredentialType || '',
                 baseUrl: config.baseUrl || '',
-                model: config.model || ''
+                model: config.model || '',
+                targetApi: config.targetApi || 'responses'
             };
             this.showEditClaudeConfigKey = false;
             this.showEditConfigModal = true;
@@ -153,15 +161,17 @@ export function createClaudeConfigMethods(options = {}) {
         updateConfig() {
             const validation = getClaudeConfigValidationForContext(this, 'edit');
             if (!validation.ok) {
-                return this.showMessage(validation.errors.name || validation.errors.apiKey || validation.errors.baseUrl || validation.errors.model || '请检查 Claude 配置', 'error');
+                return this.showMessage(validation.errors.name || validation.errors.apiKey || validation.errors.baseUrl || validation.errors.model || this.t('toast.claude.checkConfig'), 'error');
             }
             const name = validation.name;
             this.editingConfig.apiKey = validation.apiKey;
+            this.editingConfig.externalCredentialType = validation.externalCredentialType;
             this.editingConfig.baseUrl = validation.baseUrl;
             this.editingConfig.model = validation.model;
+            this.editingConfig.targetApi = validation.targetApi;
             this.claudeConfigs[name] = this.mergeClaudeConfig(this.claudeConfigs[name], this.editingConfig);
             this.saveClaudeConfigs();
-            this.showMessage('操作成功', 'success');
+            this.showMessage(this.t('toast.operation.success'), 'success');
             this.closeEditConfigModal();
             if (name === this.currentClaudeConfig) {
                 this.refreshClaudeModelContext();
@@ -171,7 +181,7 @@ export function createClaudeConfigMethods(options = {}) {
         closeEditConfigModal() {
             this.showEditConfigModal = false;
             this.showEditClaudeConfigKey = false;
-            this.editingConfig = { name: '', apiKey: '', externalCredentialType: '', baseUrl: '', model: '' };
+            this.editingConfig = { name: '', apiKey: '', externalCredentialType: '', baseUrl: '', model: '', targetApi: 'responses' };
         },
 
         toggleEditClaudeConfigKey() {
@@ -181,18 +191,20 @@ export function createClaudeConfigMethods(options = {}) {
         async saveAndApplyConfig() {
             const validation = getClaudeConfigValidationForContext(this, 'edit');
             if (!validation.ok) {
-                return this.showMessage(validation.errors.name || validation.errors.apiKey || validation.errors.baseUrl || validation.errors.model || '请检查 Claude 配置', 'error');
+                return this.showMessage(validation.errors.name || validation.errors.apiKey || validation.errors.baseUrl || validation.errors.model || this.t('toast.claude.checkConfig'), 'error');
             }
             const name = validation.name;
             this.editingConfig.apiKey = validation.apiKey;
+            this.editingConfig.externalCredentialType = validation.externalCredentialType;
             this.editingConfig.baseUrl = validation.baseUrl;
             this.editingConfig.model = validation.model;
+            this.editingConfig.targetApi = validation.targetApi;
             this.claudeConfigs[name] = this.mergeClaudeConfig(this.claudeConfigs[name], this.editingConfig);
             this.saveClaudeConfigs();
 
             const config = this.claudeConfigs[name];
-            if (!config.apiKey) {
-                this.showMessage('已保存（未填写 API Key）', 'info');
+            if (!config.apiKey && config.targetApi !== 'ollama') {
+                this.showMessage(this.t('toast.claude.savedWithoutKey'), 'info');
                 this.closeEditConfigModal();
                 if (name === this.currentClaudeConfig) {
                     this.refreshClaudeModelContext();
@@ -200,58 +212,60 @@ export function createClaudeConfigMethods(options = {}) {
                 return;
             }
 
-            const _claudeKey = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}`;
+            const _claudeKey = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}|${config.targetApi || "responses"}`;
             try {
-                const res = await api('apply-claude-config', { config });
+                const res = await api('apply-claude-config', { config: { ...config, name } });
                 if (res.error || res.success === false) {
-                    this.showMessage(res.error || '应用配置失败', 'error');
+                    this.showMessage(res.error || this.t('toast.apply.fail'), 'error');
                 } else {
                     this.currentClaudeConfig = name;
                     if (this._lastAppliedClaudeKey !== _claudeKey) {
-                        this.showMessage('Claude 配置已生效', 'success');
+                        this.showMessage(this.t('toast.claude.applied'), 'success');
                         this._lastAppliedClaudeKey = _claudeKey;
                     }
                     this.closeEditConfigModal();
                     this.refreshClaudeModelContext();
                 }
             } catch (_) {
-                this.showMessage('应用配置失败', 'error');
+                this.showMessage(this.t('toast.apply.fail'), 'error');
             }
         },
 
         addClaudeConfig() {
             const validation = getClaudeConfigValidationForContext(this, 'add');
             if (!validation.ok) {
-                return this.showMessage(validation.errors.name || validation.errors.apiKey || validation.errors.baseUrl || validation.errors.model || '请检查 Claude 配置', 'error');
+                return this.showMessage(validation.errors.name || validation.errors.apiKey || validation.errors.baseUrl || validation.errors.model || this.t('toast.claude.checkConfig'), 'error');
             }
             this.newClaudeConfig.name = validation.name;
             this.newClaudeConfig.apiKey = validation.apiKey;
+            this.newClaudeConfig.externalCredentialType = validation.externalCredentialType;
             this.newClaudeConfig.baseUrl = validation.baseUrl;
             this.newClaudeConfig.model = validation.model;
+            this.newClaudeConfig.targetApi = validation.targetApi;
             const name = validation.name;
             const duplicateName = this.findDuplicateClaudeConfigName(this.newClaudeConfig);
             if (duplicateName) {
-                return this.showMessage('配置已存在', 'info');
+                return this.showMessage(this.t('toast.claude.exists'), 'info');
             }
 
             this.claudeConfigs[name] = this.mergeClaudeConfig({}, this.newClaudeConfig);
 
             this.currentClaudeConfig = name;
             this.saveClaudeConfigs();
-            this.showMessage('操作成功', 'success');
+            this.showMessage(this.t('toast.operation.success'), 'success');
             this.closeClaudeConfigModal();
             this.refreshClaudeModelContext();
         },
 
         async deleteClaudeConfig(name) {
             if (Object.keys(this.claudeConfigs).length <= 1) {
-                return this.showMessage('至少保留一项', 'error');
+                return this.showMessage(this.t('toast.claude.keepOne'), 'error');
             }
             const confirmed = await this.requestConfirmDialog({
-                title: '删除 Claude 配置',
-                message: `确定删除配置 "${name}"?`,
-                confirmText: '删除',
-                cancelText: '取消',
+                title: this.t('modal.claudeDelete.title'),
+                message: this.t('modal.claudeDelete.message', { name }),
+                confirmText: this.t('modal.claudeDelete.confirm'),
+                cancelText: this.t('modal.claudeDelete.cancel'),
                 danger: true
             });
             if (!confirmed) return;
@@ -261,7 +275,7 @@ export function createClaudeConfigMethods(options = {}) {
                 this.currentClaudeConfig = Object.keys(this.claudeConfigs)[0];
             }
             this.saveClaudeConfigs();
-            this.showMessage('操作成功', 'success');
+            this.showMessage(this.t('toast.operation.success'), 'success');
             this.refreshClaudeModelContext();
         },
 
@@ -271,26 +285,26 @@ export function createClaudeConfigMethods(options = {}) {
             this.refreshClaudeModelContext();
             const config = this.claudeConfigs[name];
 
-            if (!config.apiKey) {
+            if (!config.apiKey && config.targetApi !== 'ollama') {
                 if (config.externalCredentialType) {
-                    return this.showMessage('使用外部认证，无需 API Key', 'info');
+                    return this.showMessage(this.t('toast.claude.externalAuth'), 'info');
                 }
-                return this.showMessage('请先配置 API Key', 'error');
+                return this.showMessage(this.t('toast.claude.apiKeyRequired'), 'error');
             }
 
-            const _claudeKey2 = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}`;
+            const _claudeKey2 = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}|${config.targetApi || "responses"}`;
             try {
-                const res = await api('apply-claude-config', { config });
+                const res = await api('apply-claude-config', { config: { ...config, name } });
                 if (res.error || res.success === false) {
-                    this.showMessage(res.error || '应用配置失败', 'error');
+                    this.showMessage(res.error || this.t('toast.apply.fail'), 'error');
                 } else {
                     if (this._lastAppliedClaudeKey !== _claudeKey2) {
-                        this.showMessage('配置已应用', 'success');
+                        this.showMessage(this.t('toast.apply.success'), 'success');
                         this._lastAppliedClaudeKey = _claudeKey2;
                     }
                 }
             } catch (_) {
-                this.showMessage('应用配置失败', 'error');
+                this.showMessage(this.t('toast.apply.fail'), 'error');
             }
         },
 
@@ -300,8 +314,10 @@ export function createClaudeConfigMethods(options = {}) {
             this.newClaudeConfig = {
                 name: '',
                 apiKey: '',
+                externalCredentialType: '',
                 baseUrl: '',
-                model: ''
+                model: '',
+                targetApi: 'responses'
             };
         },
 
@@ -328,12 +344,12 @@ export function createClaudeConfigMethods(options = {}) {
                     return;
                 }
                 if (enable) {
-                    this.showMessage('Claude 本地负载均衡已启用', 'success');
+                    this.showMessage(this.t('toast.claude.balanceEnabled'), 'success');
                 } else {
-                    this.showMessage('Claude 本地负载均衡已关闭', 'success');
+                    this.showMessage(this.t('toast.claude.balanceDisabled'), 'success');
                 }
             } catch (e) {
-                this.showMessage('操作失败', 'error');
+                this.showMessage(this.t('toast.operation.fail'), 'error');
             }
         },
 
@@ -379,18 +395,18 @@ export function createClaudeConfigMethods(options = {}) {
 
             const candidates = this.claudeLocalBridgeCandidateProviders();
             if (candidates.length === 0) {
-                return this.showMessage('请先添加并配置至少一个 Claude 提供商', 'error');
+                return this.showMessage(this.t('toast.claude.balanceRequireProvider'), 'error');
             }
 
             try {
                 const res = await api('claude-local-bridge-toggle', { enable: true });
                 if (res.error) {
-                    this.showMessage(res.error || '启用本地负载均衡失败', 'error');
+                    this.showMessage(res.error || this.t('toast.claude.balanceEnableFail'), 'error');
                     return;
                 }
-                this.showMessage('Claude 本地负载均衡已启用', 'success');
+                this.showMessage(this.t('toast.claude.balanceEnabled'), 'success');
             } catch (e) {
-                this.showMessage('启用本地负载均衡失败', 'error');
+                this.showMessage(this.t('toast.claude.balanceEnableFail'), 'error');
             }
         },
 
@@ -405,7 +421,7 @@ export function createClaudeConfigMethods(options = {}) {
                 this.configTemplateContext = 'claude';
                 this.showConfigTemplateModal = true;
             } catch (e) {
-                this.showMessage('加载 Claude settings 失败', 'error');
+                this.showMessage(this.t('toast.claude.loadSettingsFail'), 'error');
             }
         }
     };

package/web-ui/modules/app.methods.codex-config.mjs

@@ -66,7 +66,7 @@ export function createCodexConfigMethods(options = {}) {
                     const maxLabel = res.maxMessages === 'all' ? 'all' : res.maxMessages;
                     this.showMessage(`会话导出完成（已截断：最多 ${maxLabel} 条消息）`, 'info');
                 } else {
-                    this.showMessage('操作成功', 'success');
+                    this.showMessage(this.t('toast.operation.success'), 'success');
                 }
             } catch (e) {
                 this.showMessage('导出失败', 'error');
@@ -325,7 +325,7 @@ export function createCodexConfigMethods(options = {}) {
                     if (hasResponseError(res)) {
                         this.healthCheckResult = null;
                         if (!silent) {
-                            this.showMessage(getResponseMessage(res, '检查失败'), 'error');
+                            this.showMessage(getResponseMessage(res, this.t('toast.check.fail')), 'error');
                         }
                         return;
                     }
@@ -342,13 +342,13 @@ export function createCodexConfigMethods(options = {}) {
                         this.healthCheckBatchDone = total;
                         this.healthCheckBatchFailed = errors + warns;
                         if (!silent && res.ok) {
-                            this.showMessage('检查通过', 'success');
+                            this.showMessage(this.t('toast.check.success'), 'success');
                         }
                         return;
                     }
                     this.healthCheckResult = null;
                     if (!silent) {
-                        this.showMessage('检查失败', 'error');
+                        this.showMessage(this.t('toast.check.fail'), 'error');
                     }
                     return;
                 }
@@ -473,7 +473,7 @@ export function createCodexConfigMethods(options = {}) {
                 } else {
                     this.healthCheckResult = null;
                     if (!silent) {
-                        this.showMessage('检查失败', 'error');
+                        this.showMessage(this.t('toast.check.fail'), 'error');
                     }
                 }
             } catch (e) {
@@ -561,7 +561,7 @@ export function createCodexConfigMethods(options = {}) {
                 this.configTemplateContext = 'codex';
                 this.showConfigTemplateModal = true;
             } catch (e) {
-                this.showMessage('加载模板失败', 'error');
+                this.showMessage(this.t('toast.template.loadFail'), 'error');
             }
         },
 
@@ -797,7 +797,7 @@ export function createCodexConfigMethods(options = {}) {
                 return;
             }
             if (!this.configTemplateContent || !this.configTemplateContent.trim()) {
-                this.showMessage('模板不能为空', 'error');
+                this.showMessage(this.t('toast.template.empty'), 'error');
                 return;
             }
 
@@ -822,15 +822,15 @@ export function createCodexConfigMethods(options = {}) {
                         this.showMessage(res.error, 'error');
                         return;
                     }
-                    this.showMessage('模板已应用', 'success');
+                    this.showMessage(this.t('toast.template.applied'), 'success');
                     this.closeConfigTemplateModal({ force: true });
                     try {
                         await this.loadAll();
                     } catch (_) {
-                        this.showMessage('模板已应用，但界面刷新失败，请手动刷新', 'error');
+                        this.showMessage(this.t('toast.template.appliedButRefreshFail'), 'error');
                     }
                 } catch (e) {
-                    this.showMessage('应用模板失败', 'error');
+                    this.showMessage(this.t('toast.template.applyFail'), 'error');
                 } finally {
                     this.configTemplateApplying = false;
                 }

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

@@ -89,7 +89,7 @@ export function createAppMethods() {
             api,
             defaultOpenclawTemplate: DEFAULT_OPENCLAW_TEMPLATE
         }),
-        ...createInstallMethods(),
+        ...createInstallMethods({ api }),
         ...createRuntimeMethods({ api }),
         ...createTaskOrchestrationMethods({ api })
     };