codexmate 0.0.43 → 0.0.44

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: '',
@@ -36,7 +40,7 @@ function getClaudeConfigValidationForContext(vm, mode = 'add') {
         errors.name = vm.t('validation.claude.nameExists');
     }
 
-    if (!apiKey && !externalCredentialType) {
+    if (!apiKey && !externalCredentialType && targetApi !== 'ollama') {
         errors.apiKey = vm.t('validation.claude.apiKeyRequired');
     }
 
@@ -57,6 +61,7 @@ function getClaudeConfigValidationForContext(vm, mode = 'add') {
         externalCredentialType,
         baseUrl,
         model,
+        targetApi,
         errors,
         ok: !errors.name && !errors.apiKey && !errors.baseUrl && !errors.model
     };
@@ -88,7 +93,7 @@ export function createClaudeConfigMethods(options = {}) {
             this.claudeConfigs[name] = this.mergeClaudeConfig(existing, { model });
             this.saveClaudeConfigs();
             this.updateClaudeModelsCurrent();
-            if (!this.claudeConfigs[name].apiKey && !this.claudeConfigs[name].externalCredentialType) {
+            if (!this.claudeConfigs[name].apiKey && !this.claudeConfigs[name].externalCredentialType && this.claudeConfigs[name].targetApi !== 'ollama') {
                 this.showMessage(this.t('toast.claude.apiKeyRequired'), 'error');
                 return;
             }
@@ -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;
@@ -157,8 +165,10 @@ export function createClaudeConfigMethods(options = {}) {
             }
             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(this.t('toast.operation.success'), 'success');
@@ -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() {
@@ -185,13 +195,15 @@ export function createClaudeConfigMethods(options = {}) {
             }
             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) {
+            if (!config.apiKey && config.targetApi !== 'ollama') {
                 this.showMessage(this.t('toast.claude.savedWithoutKey'), 'info');
                 this.closeEditConfigModal();
                 if (name === this.currentClaudeConfig) {
@@ -200,9 +212,9 @@ 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 || this.t('toast.apply.fail'), 'error');
                 } else {
@@ -226,8 +238,10 @@ export function createClaudeConfigMethods(options = {}) {
             }
             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) {
@@ -271,16 +285,16 @@ 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(this.t('toast.claude.externalAuth'), 'info');
                 }
                 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 || this.t('toast.apply.fail'), 'error');
                 } else {
@@ -300,8 +314,10 @@ export function createClaudeConfigMethods(options = {}) {
             this.newClaudeConfig = {
                 name: '',
                 apiKey: '',
+                externalCredentialType: '',
                 baseUrl: '',
-                model: ''
+                model: '',
+                targetApi: 'responses'
             };
         },
 

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 })
     };

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

@@ -1,4 +1,5 @@
-export function createInstallMethods() {
+export function createInstallMethods(options = {}) {
+    const { api } = options;
     return {
         normalizeInstallPackageManager(value) {
             const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
@@ -16,6 +17,133 @@ export function createInstallMethods() {
             return 'install';
         },
 
+        normalizePackageVersion(value) {
+            const normalized = typeof value === 'string' ? value.trim().replace(/^v/i, '') : '';
+            return /^\d+(?:\.\d+){0,2}(?:[-+][0-9A-Za-z.-]+)?$/.test(normalized) ? normalized : '';
+        },
+
+        comparePackageVersions(left, right) {
+            const normalizeParts = (value) => {
+                const normalized = this.normalizePackageVersion(value);
+                if (!normalized) return null;
+                return normalized.split(/[+-]/)[0].split('.').map((part) => Number.parseInt(part, 10) || 0);
+            };
+            const a = normalizeParts(left);
+            const b = normalizeParts(right);
+            if (!a || !b) return 0;
+            for (let i = 0; i < 3; i += 1) {
+                const diff = (a[i] || 0) - (b[i] || 0);
+                if (diff < 0) return -1;
+                if (diff > 0) return 1;
+            }
+            return 0;
+        },
+
+        isAppUpdateAvailable() {
+            const current = this.normalizePackageVersion(this.appVersion);
+            const latest = this.normalizePackageVersion(this.appLatestVersion);
+            if (!current || !latest) return false;
+            return this.comparePackageVersions(current, latest) < 0;
+        },
+
+        isAppVersionStatusVisible() {
+            return !!(this.appVersion || this.appLatestVersion || this.appVersionStatusLoading || this.appVersionStatusChecked || this.appVersionStatusError);
+        },
+
+        appVersionStatusKind() {
+            if (this.appVersionStatusLoading) return 'loading';
+            if (this.appVersionStatusError) return 'error';
+            if (this.isAppUpdateAvailable()) return 'available';
+            if (this.appVersionStatusChecked) return 'current';
+            return 'idle';
+        },
+
+        appUpdateNoticeText() {
+            if (this.appVersionStatusLoading) return this.t('side.update.checking');
+            if (this.appVersionStatusError) return this.t('side.update.retry');
+            const latest = this.normalizePackageVersion(this.appLatestVersion);
+            if (this.isAppUpdateAvailable()) return latest
+                ? this.t('side.update.availableWithVersion', { version: latest })
+                : this.t('side.update.available');
+            if (this.appVersionStatusChecked) return this.t('side.update.upToDate');
+            return this.t('side.update.check');
+        },
+
+        appUpdateNoticeMeta() {
+            if (this.appVersionStatusLoading) return this.t('side.update.checkingMeta');
+            if (this.appVersionStatusError) return this.appVersionStatusError;
+            const current = this.normalizePackageVersion(this.appVersion);
+            const latest = this.normalizePackageVersion(this.appLatestVersion);
+            if (current && latest) {
+                return this.t('side.update.metaVersions', { current, latest });
+            }
+            if (current) {
+                return this.t('side.update.currentOnly', { current });
+            }
+            return this.t('side.update.meta');
+        },
+
+        appVersionStatusTitle() {
+            const source = typeof this.appVersionStatusSource === 'string' ? this.appVersionStatusSource.trim() : '';
+            const checkedAt = typeof this.appVersionStatusCheckedAt === 'string' ? this.appVersionStatusCheckedAt.trim() : '';
+            const suffix = [source, checkedAt].filter(Boolean).join(' · ');
+            const meta = this.appUpdateNoticeMeta();
+            return suffix ? `${meta} · ${suffix}` : meta;
+        },
+
+        handleAppVersionStatusClick() {
+            if (this.isAppUpdateAvailable()) {
+                this.openAppUpdateDocs();
+                return;
+            }
+            void this.loadAppVersionStatus({ silent: false, force: true });
+        },
+
+        async loadAppVersionStatus(options = {}) {
+            if (typeof api !== 'function') return false;
+            if (this.appVersionStatusLoading) return false;
+            this.appVersionStatusLoading = true;
+            this.appVersionStatusError = '';
+            try {
+                const res = await api('version-status', options.force ? { force: true } : {});
+                if (res && res.currentVersion && !this.appVersion) {
+                    this.appVersion = this.normalizePackageVersion(res.currentVersion) || String(res.currentVersion || '');
+                }
+                if (res && res.latestVersion) {
+                    this.appLatestVersion = this.normalizePackageVersion(res.latestVersion) || String(res.latestVersion || '');
+                }
+                if (res && typeof res.source === 'string') {
+                    this.appVersionStatusSource = res.source;
+                }
+                if (res && typeof res.checkedAt === 'string') {
+                    this.appVersionStatusCheckedAt = res.checkedAt;
+                }
+                if (res && res.error) {
+                    this.appVersionStatusError = res.error;
+                    this.appVersionStatusChecked = true;
+                    if (!options.silent) this.showMessage(res.error, 'error');
+                    return false;
+                }
+                this.appVersionStatusChecked = true;
+                return true;
+            } catch (e) {
+                const message = e && e.message ? e.message : this.t('side.update.checkFailed');
+                this.appVersionStatusError = message;
+                this.appVersionStatusChecked = true;
+                if (!options.silent) this.showMessage(message, 'error');
+                return false;
+            } finally {
+                this.appVersionStatusLoading = false;
+            }
+        },
+
+        openAppUpdateDocs() {
+            this.installCommandAction = 'update';
+            if (typeof this.switchMainTab === 'function') {
+                this.switchMainTab('docs');
+            }
+        },
+
         normalizeInstallRegistryPreset(value) {
             const normalized = typeof value === 'string' ? value.trim().toLowerCase() : '';
             if (normalized === 'default' || normalized === 'npmmirror' || normalized === 'tencent' || normalized === 'custom') {

package/web-ui/modules/app.methods.session-actions.mjs

@@ -412,11 +412,16 @@ export function createSessionActionMethods(options = {}) {
             const model = typeof payload.model === 'string' && payload.model.trim()
                 ? payload.model.trim()
                 : 'glm-4.7';
-            if (!baseUrl || !apiKey) return '';
+            const targetApiRaw = typeof payload.targetApi === 'string' ? payload.targetApi.trim().toLowerCase() : '';
+            const targetApi = targetApiRaw === 'chat_completions' || targetApiRaw === 'chat-completions' || targetApiRaw === 'chat/completions'
+                ? 'chat_completions'
+                : (targetApiRaw === 'ollama' ? 'ollama' : 'responses');
+            if (!baseUrl || (!apiKey && targetApi !== 'ollama')) return '';
             const urlArg = this.quoteShellArg(baseUrl);
             const keyArg = this.quoteShellArg(apiKey);
             const modelArg = this.quoteShellArg(model);
-            return `${this.getShareCommandPrefixInvocation()} claude ${urlArg} ${keyArg} ${modelArg}`;
+            const targetArg = targetApi !== 'responses' ? ` --target-api ${this.quoteShellArg(targetApi)}` : '';
+            return `${this.getShareCommandPrefixInvocation()} claude ${urlArg} ${keyArg} ${modelArg}${targetArg}`;
         },
 
         async copyProviderShareCommand(provider) {

package/web-ui/modules/app.methods.session-timeline.mjs

@@ -354,7 +354,6 @@ export function createSessionTimelineMethods() {
                 shortEdge,
                 maxTouchPoints: touchPoints,
                 userAgent,
-                isMobileUa,
                 coarsePointer,
                 noHover
             });

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

@@ -1,6 +1,8 @@
 import {
     findDuplicateClaudeConfigName,
     getClaudeModelCatalogForBaseUrl,
+    isLikelyBuiltinClaudeProxySettingsEnv,
+    matchBuiltinClaudeProxyConfigFromSettings,
     matchClaudeConfigFromSettings,
     normalizeClaudeConfig,
     normalizeClaudeSettingsEnv,
@@ -241,6 +243,14 @@ export function createStartupClaudeMethods(options = {}) {
             return matchClaudeConfigFromSettings(this.claudeConfigs, env);
         },
 
+        matchBuiltinClaudeProxyConfigFromSettings(env) {
+            return matchBuiltinClaudeProxyConfigFromSettings(this.claudeConfigs, env, this.currentClaudeConfig);
+        },
+
+        shouldSuppressClaudeSettingsImport(env) {
+            return isLikelyBuiltinClaudeProxySettingsEnv(env);
+        },
+
         findDuplicateClaudeConfigName(config) {
             return findDuplicateClaudeConfigName(this.claudeConfigs, config);
         },
@@ -256,7 +266,8 @@ export function createStartupClaudeMethods(options = {}) {
                 baseUrl: next.baseUrl,
                 model: next.model || previous.model || 'glm-4.7',
                 hasKey: !!(next.apiKey || externalCredentialType),
-                externalCredentialType
+                externalCredentialType,
+                targetApi: next.targetApi || previous.targetApi || 'responses'
             };
         },
 
@@ -332,7 +343,8 @@ export function createStartupClaudeMethods(options = {}) {
                         }
                         return;
                     }
-                    const matchName = this.matchClaudeConfigFromSettings((res && res.env) || {});
+                    const settingsEnv = (res && res.env) || {};
+                    const matchName = this.matchClaudeConfigFromSettings(settingsEnv);
                     if (matchName) {
                         if (this.currentClaudeConfig !== matchName) {
                             this.currentClaudeConfig = matchName;
@@ -341,7 +353,18 @@ export function createStartupClaudeMethods(options = {}) {
                         this.refreshClaudeModelContext({ silentError: silentModelError });
                         return;
                     }
-                    const importedName = this.ensureClaudeConfigFromSettings((res && res.env) || {});
+                    const builtinProxyMatch = this.matchBuiltinClaudeProxyConfigFromSettings(settingsEnv);
+                    if (builtinProxyMatch) {
+                        if (this.currentClaudeConfig !== builtinProxyMatch) {
+                            this.currentClaudeConfig = builtinProxyMatch;
+                            try { localStorage.setItem('currentClaudeConfig', builtinProxyMatch); } catch (_) {}
+                        }
+                        this.refreshClaudeModelContext({ silentError: silentModelError });
+                        return;
+                    }
+                    const importedName = this.shouldSuppressClaudeSettingsImport(settingsEnv)
+                        ? ''
+                        : this.ensureClaudeConfigFromSettings(settingsEnv);
                     if (importedName) {
                         if (this.currentClaudeConfig !== importedName) {
                             this.currentClaudeConfig = importedName;

package/web-ui/modules/i18n/locales/en.mjs

@@ -145,6 +145,17 @@ const en = Object.freeze({
     'side.overview.doctor.meta': 'Overview / Diagnostics',
     'side.docs.cliInstall': 'CLI Install',
     'side.docs.cliInstall.meta': 'Install / Update / Uninstall',
+    'side.update.available': 'Update available',
+    'side.update.availableWithVersion': 'Update available v{version}',
+    'side.update.meta': 'Open update command',
+    'side.update.metaVersions': 'Current v{current} → latest v{latest}',
+    'side.update.checkFailed': 'Failed to check latest version',
+    'side.update.check': 'Check for updates',
+    'side.update.checking': 'Checking for updates…',
+    'side.update.checkingMeta': 'Contacting npm registry',
+    'side.update.upToDate': 'Up to date',
+    'side.update.currentOnly': 'Current v{current}',
+    'side.update.retry': 'Retry version check',
     'side.config.codex': 'Codex',
     'side.config.codex.meta': 'Provider / Model',
     'side.config.claude': 'Claude Code',
@@ -1138,6 +1149,13 @@ const en = Object.freeze({
     'claude.model': 'Model',
     'claude.model.placeholder': 'e.g. claude-3-7-sonnet',
     'claude.model.hint': 'Model changes are saved and applied to the current config automatically.',
+    'claude.targetApi.label': 'Target API',
+    'claude.targetApi.responses': 'Anthropic',
+    'claude.targetApi.chatCompletions': 'OpenAI Chat Completions (/v1/chat/completions)',
+    'claude.targetApi.ollama': 'Ollama Chat (/api/chat)',
+    'claude.targetApi.chatCompletionsBadge': 'OpenAI Chat Completions',
+    'claude.targetApi.ollamaBadge': 'Ollama',
+    'claude.targetApi.hint': 'When Chat Completions or Ollama is selected, the Claude-compatible proxy performs the built-in conversion without changing the Codex provider wire_api; Ollama does not require an API key.',
     'claude.health.title': 'Config health check',
     'claude.health.run': 'Run check',
     'claude.health.running': 'Checking...',

package/web-ui/modules/i18n/locales/ja.mjs

@@ -146,6 +146,17 @@ const ja = Object.freeze({
     'side.overview.doctor.meta': '概要 / 診断 / ジャンプ',
     'side.docs.cliInstall': 'CLI インストール',
     'side.docs.cliInstall.meta': 'インストール / 更新 / 削除',
+    'side.update.available': '新しいバージョンがあります',
+    'side.update.availableWithVersion': '新しいバージョン v{version}',
+    'side.update.meta': '更新コマンドを開く',
+    'side.update.metaVersions': '現在 v{current} → 最新 v{latest}',
+    'side.update.checkFailed': '最新バージョンの確認に失敗しました',
+    'side.update.check': '更新を確認',
+    'side.update.checking': '更新を確認中…',
+    'side.update.checkingMeta': 'npm registry に接続中',
+    'side.update.upToDate': '最新です',
+    'side.update.currentOnly': '現在 v{current}',
+    'side.update.retry': 'バージョン確認を再試行',
     'side.config.codex': 'Codex',
     'side.config.codex.meta': 'Provider / Model',
     'side.config.claude': 'Claude Code',
@@ -1131,6 +1142,13 @@ const ja = Object.freeze({
     'claude.model': 'モデル',
     'claude.model.placeholder': '例: claude-3-7-sonnet',
     'claude.model.hint': 'モデル変更後は自動保存され、現在の設定に適用されます。',
+    'claude.targetApi.label': 'ターゲット API',
+    'claude.targetApi.responses': 'Anthropic',
+    'claude.targetApi.chatCompletions': 'OpenAI Chat Completions (/v1/chat/completions)',
+    'claude.targetApi.ollama': 'Ollama Chat (/api/chat)',
+    'claude.targetApi.chatCompletionsBadge': 'OpenAI Chat Completions',
+    'claude.targetApi.ollamaBadge': 'Ollama',
+    'claude.targetApi.hint': 'Chat Completions または Ollama を選ぶと Claude 互換プロキシが内蔵変換します。Codex provider の wire_api は変更しません。Ollama では API Key は不要です。',
     'claude.health.title': '設定ヘルスチェック',
     'claude.health.run': 'チェック実行',
     'claude.health.running': 'チェック中...',

package/web-ui/modules/i18n/locales/vi.mjs

@@ -106,6 +106,17 @@ const vi = Object.freeze({
     'side.overview.doctor.meta': 'Tổng quan / Chẩn đoán',
     'side.docs.cliInstall': 'Cài CLI',
     'side.docs.cliInstall.meta': 'Cài đặt / Cập nhật / Gỡ',
+    'side.update.available': 'Có bản cập nhật',
+    'side.update.availableWithVersion': 'Có bản cập nhật v{version}',
+    'side.update.meta': 'Mở lệnh cập nhật',
+    'side.update.metaVersions': 'Hiện tại v{current} → mới nhất v{latest}',
+    'side.update.checkFailed': 'Không thể kiểm tra phiên bản mới nhất',
+    'side.update.check': 'Kiểm tra cập nhật',
+    'side.update.checking': 'Đang kiểm tra cập nhật…',
+    'side.update.checkingMeta': 'Đang kết nối npm registry',
+    'side.update.upToDate': 'Đã là phiên bản mới nhất',
+    'side.update.currentOnly': 'Hiện tại v{current}',
+    'side.update.retry': 'Thử kiểm tra phiên bản lại',
     'side.config.codex': 'Codex',
     'side.config.codex.meta': 'Provider / Model',
     'side.config.claude': 'Claude Code',
@@ -237,6 +248,15 @@ const vi = Object.freeze({
     'dashboard.doctor.checking': 'Đang kiểm tra...',
     'dashboard.doctor.export': 'Xuất báo cáo',
 
+    // Claude target API
+    'claude.targetApi.label': 'API đích',
+    'claude.targetApi.responses': 'Anthropic',
+    'claude.targetApi.chatCompletions': 'OpenAI Chat Completions (/v1/chat/completions)',
+    'claude.targetApi.ollama': 'Ollama Chat (/api/chat)',
+    'claude.targetApi.chatCompletionsBadge': 'OpenAI Chat Completions',
+    'claude.targetApi.ollamaBadge': 'Ollama',
+    'claude.targetApi.hint': 'Khi chọn Chat Completions hoặc Ollama, proxy tương thích Claude sẽ chuyển đổi nội bộ mà không thay đổi wire_api của Codex provider; Ollama không cần API key.',
+
     // Toasts
     'toast.copy.empty': 'Không có gì để sao chép',
     'toast.copy.ok': 'Đã sao chép',

package/web-ui/modules/i18n/locales/zh.mjs

@@ -145,6 +145,17 @@ const zh = Object.freeze({
     'side.overview.doctor.meta': '总览 / 诊断 / 跳转',
     'side.docs.cliInstall': 'CLI 安装',
     'side.docs.cliInstall.meta': '安装 / 升级 / 卸载',
+    'side.update.available': '有新版本',
+    'side.update.availableWithVersion': '有新版本 v{version}',
+    'side.update.meta': '点击查看更新命令',
+    'side.update.metaVersions': '当前 v{current} → 最新 v{latest}',
+    'side.update.checkFailed': '检查最新版本失败',
+    'side.update.check': '检查更新',
+    'side.update.checking': '正在检查更新…',
+    'side.update.checkingMeta': '正在连接 npm registry',
+    'side.update.upToDate': '已是最新',
+    'side.update.currentOnly': '当前 v{current}',
+    'side.update.retry': '重试版本检查',
     'side.config.codex': 'Codex',
     'side.config.codex.meta': 'Provider / Model',
     'side.config.claude': 'Claude Code',
@@ -1141,6 +1152,13 @@ const zh = Object.freeze({
     'claude.model': '模型',
     'claude.model.placeholder': '例如: claude-3-7-sonnet',
     'claude.model.hint': '模型修改后会自动保存并应用到当前配置。',
+    'claude.targetApi.label': '目标 API',
+    'claude.targetApi.responses': 'Anthropic',
+    'claude.targetApi.chatCompletions': 'OpenAI Chat Completions (/v1/chat/completions)',
+    'claude.targetApi.ollama': 'Ollama Chat (/api/chat)',
+    'claude.targetApi.chatCompletionsBadge': 'OpenAI Chat Completions',
+    'claude.targetApi.ollamaBadge': 'Ollama',
+    'claude.targetApi.hint': '选择 Chat Completions 或 Ollama 时由 Claude 兼容代理内建转换，不修改 Codex provider 的 wire_api；Ollama 可不填 API Key。',
     'claude.health.title': '配置健康检查',
     'claude.health.run': '运行检查',
     'claude.health.running': '检查中...',

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

@@ -1,4 +1,16 @@
     <div id="app" class="container" v-cloak>
+        <div v-if="!sessionStandalone" class="mobile-brand-bar">
+            <div class="mobile-brand-title">Codex Mate<span v-if="appVersion" class="brand-version"> v{{ appVersion }}</span></div>
+            <button
+                v-if="isAppVersionStatusVisible()"
+                type="button"
+                :class="['mobile-update-chip', 'mobile-update-chip--' + appVersionStatusKind()]"
+                :title="appVersionStatusTitle()"
+                @click="handleAppVersionStatusClick">
+                <span class="side-update-dot"></span>
+                <span class="mobile-update-text">{{ appUpdateNoticeText() }}</span>
+            </button>
+        </div>
         <div v-if="!sessionStandalone" class="top-tabs" role="tablist" :aria-label="t('nav.topTabs.aria')">
             <button type="button" class="top-tab"
                 id="tab-dashboard"
@@ -110,6 +122,18 @@
                             <div class="brand-kicker">Codex Mate<span v-if="appVersion" class="brand-version"> v{{ appVersion }}</span></div>
                         </div>
                     </div>
+                    <button
+                        v-if="isAppVersionStatusVisible()"
+                        type="button"
+                        :class="['side-update-notice', 'side-update-notice--' + appVersionStatusKind()]"
+                        :title="appVersionStatusTitle()"
+                        @click="handleAppVersionStatusClick">
+                        <span class="side-update-dot"></span>
+                        <span class="side-update-copy">
+                            <span class="side-update-title">{{ appUpdateNoticeText() }}</span>
+                            <span class="side-update-meta">{{ appUpdateNoticeMeta() }}</span>
+                        </span>
+                    </button>
                 </div>
 
                 <div class="side-rail-nav">

package/web-ui/partials/index/modals-basic.html

@@ -165,6 +165,15 @@
                     <input v-model="newClaudeConfig.model" :class="['form-input', { invalid: !!claudeConfigFieldError('add', 'model') }]" :placeholder="t('placeholder.modelExample')" autocomplete="off" spellcheck="false">
                     <div v-if="claudeConfigFieldError('add', 'model')" class="form-hint form-error">{{ claudeConfigFieldError('add', 'model') }}</div>
                 </div>
+                <div class="form-group">
+                    <label class="form-label">{{ t('claude.targetApi.label') }}</label>
+                    <select v-model="newClaudeConfig.targetApi" class="form-input">
+                        <option value="responses">{{ t('claude.targetApi.responses') }}</option>
+                        <option value="chat_completions">{{ t('claude.targetApi.chatCompletions') }}</option>
+                        <option value="ollama">{{ t('claude.targetApi.ollama') }}</option>
+                    </select>
+                    <div class="form-hint">{{ t('claude.targetApi.hint') }}</div>
+                </div>
 
                 <div class="btn-group">
                     <button class="btn btn-cancel" @click="closeClaudeConfigModal">{{ t('common.cancel') }}</button>
@@ -204,6 +213,15 @@
                     <input v-model="editingConfig.model" :class="['form-input', { invalid: !!claudeConfigFieldError('edit', 'model') }]" :placeholder="t('placeholder.modelExample')" autocomplete="off" spellcheck="false">
                     <div v-if="claudeConfigFieldError('edit', 'model')" class="form-hint form-error">{{ claudeConfigFieldError('edit', 'model') }}</div>
                 </div>
+                <div class="form-group">
+                    <label class="form-label">{{ t('claude.targetApi.label') }}</label>
+                    <select v-model="editingConfig.targetApi" class="form-input">
+                        <option value="responses">{{ t('claude.targetApi.responses') }}</option>
+                        <option value="chat_completions">{{ t('claude.targetApi.chatCompletions') }}</option>
+                        <option value="ollama">{{ t('claude.targetApi.ollama') }}</option>
+                    </select>
+                    <div class="form-hint">{{ t('claude.targetApi.hint') }}</div>
+                </div>
 
                 <div class="btn-group">
                     <button class="btn btn-cancel" @click="closeEditConfigModal">{{ t('common.cancel') }}</button>
@@ -260,4 +278,3 @@
                 </div>
             </div>
         </div>
-

package/web-ui/partials/index/panel-config-claude.html

@@ -34,6 +34,7 @@
                     <label class="settings-toggle-row tool-config-write-toggle">
                         <input
                             type="checkbox"
+                            autocomplete="off"
                             :checked="isToolConfigWriteAllowed('claude')"
                             :disabled="toolConfigPermissionSaving.claude"
                             @change="setToolConfigPermission('claude', $event.target.checked)">
@@ -145,10 +146,12 @@
                     </div>
                     <div v-for="(config, name) in claudeConfigs" :key="name" :class="['card', { active: currentClaudeConfig === name }]" @click="applyClaudeConfig(name)" @keydown.enter.self.prevent="applyClaudeConfig(name)" @keydown.space.self.prevent="applyClaudeConfig(name)" tabindex="0" role="button" :aria-current="currentClaudeConfig === name ? 'true' : null">
                         <div class="card-leading">
-                            <div class="card-icon">{{ name.charAt(0).toUpperCase() }}</div>
+                            <div class="card-icon">{{ name.charAt(0).toUpperCase() }}<span v-if="config.targetApi === 'chat_completions' || config.targetApi === 'ollama'" class="card-icon-dot" :title="t('config.transformProvider.title')"></span></div>
                             <div class="card-content">
                                 <div class="card-title">{{ name }}</div>
                                 <div class="card-subtitle card-subtitle-model">{{ config.model || t('claude.model.unset') }}</div>
+                                <div class="card-subtitle" v-if="config.targetApi === 'chat_completions'">{{ t('claude.targetApi.chatCompletionsBadge') }}</div>
+                                <div class="card-subtitle" v-else-if="config.targetApi === 'ollama'">{{ t('claude.targetApi.ollamaBadge') }}</div>
                                 <div class="card-subtitle card-subtitle-url" v-if="config.baseUrl">{{ config.baseUrl }}</div>
                             </div>
                         </div>

package/web-ui/partials/index/panel-config-codex.html

@@ -34,6 +34,7 @@
                     <label class="settings-toggle-row tool-config-write-toggle">
                         <input
                             type="checkbox"
+                            autocomplete="off"
                             :checked="isToolConfigWriteAllowed('codex')"
                             :disabled="toolConfigPermissionSaving.codex"
                             @change="setToolConfigPermission('codex', $event.target.checked)">
@@ -203,4 +204,4 @@
                     </div>
                 </div>
                 </template>
-            </div>
+            </div>