codexmate 0.0.41 → 0.0.42

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

@@ -1,412 +1,412 @@
-function normalizeClaudeText(value) {
-    return typeof value === 'string' ? value.trim() : '';
-}
-
-function normalizeClaudeBaseUrl(value) {
-    return normalizeClaudeText(value).replace(/\/+$/g, '');
-}
-
-function isValidClaudeHttpUrl(value) {
-    if (!value) return false;
-    try {
-        const parsed = new URL(value);
-        return parsed.protocol === 'http:' || parsed.protocol === 'https:';
-    } catch (_) {
-        return false;
-    }
-}
-
-function getClaudeConfigValidationForContext(vm, mode = 'add') {
-    const draft = mode === 'edit' ? vm.editingConfig : vm.newClaudeConfig;
-    const name = normalizeClaudeText(draft && draft.name);
-    const apiKey = normalizeClaudeText(draft && draft.apiKey);
-    const externalCredentialType = normalizeClaudeText(draft && draft.externalCredentialType);
-    const baseUrl = normalizeClaudeBaseUrl(draft && draft.baseUrl);
-    const model = normalizeClaudeText(draft && draft.model);
-    const errors = {
-        name: '',
-        apiKey: '',
-        baseUrl: '',
-        model: ''
-    };
-
-    if (!name) {
-        errors.name = '配置名称不能为空';
-    } else if (mode === 'add' && vm.claudeConfigs && vm.claudeConfigs[name]) {
-        errors.name = '名称已存在';
-    }
-
-    if (!apiKey && !externalCredentialType) {
-        errors.apiKey = 'API Key 必填';
-    }
-
-    if (!baseUrl) {
-        errors.baseUrl = 'Base URL 必填';
-    } else if (!isValidClaudeHttpUrl(baseUrl)) {
-        errors.baseUrl = 'Base URL 仅支持 http/https';
-    }
-
-    if (!model) {
-        errors.model = '模型名称必填';
-    }
-
-    return {
-        mode,
-        name,
-        apiKey,
-        externalCredentialType,
-        baseUrl,
-        model,
-        errors,
-        ok: !errors.name && !errors.apiKey && !errors.baseUrl && !errors.model
-    };
-}
-
-export function createClaudeConfigMethods(options = {}) {
-    const { api } = options;
-
-    return {
-        switchClaudeConfig(name) {
-            this.currentClaudeConfig = name;
-            try { localStorage.setItem('currentClaudeConfig', name || ''); } catch (_) {}
-            this.refreshClaudeModelContext();
-        },
-
-        onClaudeModelChange() {
-            const name = this.currentClaudeConfig;
-            if (!name || name === 'claude-local') {
-                return;
-            }
-            const model = (this.currentClaudeModel || '').trim();
-            if (!model) {
-                this.showMessage('请输入模型', 'error');
-                return;
-            }
-            const existing = this.claudeConfigs[name] || {};
-            this.currentClaudeModel = model;
-            this.claudeCustomModelDraft = model;
-            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');
-                return;
-            }
-            this.applyClaudeConfig(name);
-        },
-
-        onClaudeCustomModelSubmit() {
-            this.onClaudeModelChange();
-        },
-
-        saveClaudeConfigs() {
-            try { localStorage.setItem('claudeConfigs', JSON.stringify(this.claudeConfigs)); } catch (_) {}
-            if (this.currentClaudeConfig) {
-                try { localStorage.setItem('currentClaudeConfig', this.currentClaudeConfig); } catch (_) {}
-            }
-            this.syncClaudeBridgeProviders();
-        },
-
-        async syncClaudeBridgeProviders() {
-            try { await api('claude-local-bridge-sync-providers', { providers: this.claudeConfigs || {} }); } catch (_) {}
-        },
-
-        openCloneClaudeConfigModal(name, config) {
-            this.newClaudeConfig = {
-                name: '',
-                apiKey: config.apiKey || '',
-                baseUrl: config.baseUrl || '',
-                model: config.model || ''
-            };
-            this.showAddClaudeConfigKey = false;
-            this.showClaudeConfigModal = true;
-        },
-
-        getClaudeConfigValidation(mode = 'add') {
-            return getClaudeConfigValidationForContext(this, mode);
-        },
-
-        claudeConfigFieldError(mode, fieldName) {
-            const validation = getClaudeConfigValidationForContext(this, mode);
-            return validation && validation.errors && typeof validation.errors[fieldName] === 'string'
-                ? validation.errors[fieldName]
-                : '';
-        },
-
-        canSubmitClaudeConfig(mode = 'add') {
-            return getClaudeConfigValidationForContext(this, mode).ok;
-        },
-
-        openEditConfigModal(name) {
-            const config = this.claudeConfigs[name];
-            this.editingConfig = {
-                name: name,
-                apiKey: config.apiKey || '',
-                externalCredentialType: config.externalCredentialType || '',
-                baseUrl: config.baseUrl || '',
-                model: config.model || ''
-            };
-            this.showEditClaudeConfigKey = false;
-            this.showEditConfigModal = true;
-        },
-
-        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');
-            }
-            const name = validation.name;
-            this.editingConfig.apiKey = validation.apiKey;
-            this.editingConfig.baseUrl = validation.baseUrl;
-            this.editingConfig.model = validation.model;
-            this.claudeConfigs[name] = this.mergeClaudeConfig(this.claudeConfigs[name], this.editingConfig);
-            this.saveClaudeConfigs();
-            this.showMessage('操作成功', 'success');
-            this.closeEditConfigModal();
-            if (name === this.currentClaudeConfig) {
-                this.refreshClaudeModelContext();
-            }
-        },
-
-        closeEditConfigModal() {
-            this.showEditConfigModal = false;
-            this.showEditClaudeConfigKey = false;
-            this.editingConfig = { name: '', apiKey: '', externalCredentialType: '', baseUrl: '', model: '' };
-        },
-
-        toggleEditClaudeConfigKey() {
-            this.showEditClaudeConfigKey = !this.showEditClaudeConfigKey;
-        },
-
-        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');
-            }
-            const name = validation.name;
-            this.editingConfig.apiKey = validation.apiKey;
-            this.editingConfig.baseUrl = validation.baseUrl;
-            this.editingConfig.model = validation.model;
-            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');
-                this.closeEditConfigModal();
-                if (name === this.currentClaudeConfig) {
-                    this.refreshClaudeModelContext();
-                }
-                return;
-            }
-
-            const _claudeKey = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}`;
-            try {
-                const res = await api('apply-claude-config', { config });
-                if (res.error || res.success === false) {
-                    this.showMessage(res.error || '应用配置失败', 'error');
-                } else {
-                    this.currentClaudeConfig = name;
-                    if (this._lastAppliedClaudeKey !== _claudeKey) {
-                        this.showMessage('Claude 配置已生效', 'success');
-                        this._lastAppliedClaudeKey = _claudeKey;
-                    }
-                    this.closeEditConfigModal();
-                    this.refreshClaudeModelContext();
-                }
-            } catch (_) {
-                this.showMessage('应用配置失败', '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');
-            }
-            this.newClaudeConfig.name = validation.name;
-            this.newClaudeConfig.apiKey = validation.apiKey;
-            this.newClaudeConfig.baseUrl = validation.baseUrl;
-            this.newClaudeConfig.model = validation.model;
-            const name = validation.name;
-            const duplicateName = this.findDuplicateClaudeConfigName(this.newClaudeConfig);
-            if (duplicateName) {
-                return this.showMessage('配置已存在', 'info');
-            }
-
-            this.claudeConfigs[name] = this.mergeClaudeConfig({}, this.newClaudeConfig);
-
-            this.currentClaudeConfig = name;
-            this.saveClaudeConfigs();
-            this.showMessage('操作成功', 'success');
-            this.closeClaudeConfigModal();
-            this.refreshClaudeModelContext();
-        },
-
-        async deleteClaudeConfig(name) {
-            if (Object.keys(this.claudeConfigs).length <= 1) {
-                return this.showMessage('至少保留一项', 'error');
-            }
-            const confirmed = await this.requestConfirmDialog({
-                title: '删除 Claude 配置',
-                message: `确定删除配置 "${name}"?`,
-                confirmText: '删除',
-                cancelText: '取消',
-                danger: true
-            });
-            if (!confirmed) return;
-
-            delete this.claudeConfigs[name];
-            if (this.currentClaudeConfig === name) {
-                this.currentClaudeConfig = Object.keys(this.claudeConfigs)[0];
-            }
-            this.saveClaudeConfigs();
-            this.showMessage('操作成功', 'success');
-            this.refreshClaudeModelContext();
-        },
-
-        async applyClaudeConfig(name) {
-            this.currentClaudeConfig = name;
-            try { localStorage.setItem('currentClaudeConfig', name || ''); } catch (_) {}
-            this.refreshClaudeModelContext();
-            const config = this.claudeConfigs[name];
-
-            if (!config.apiKey) {
-                if (config.externalCredentialType) {
-                    return this.showMessage('使用外部认证，无需 API Key', 'info');
-                }
-                return this.showMessage('请先配置 API Key', 'error');
-            }
-
-            const _claudeKey2 = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}`;
-            try {
-                const res = await api('apply-claude-config', { config });
-                if (res.error || res.success === false) {
-                    this.showMessage(res.error || '应用配置失败', 'error');
-                } else {
-                    if (this._lastAppliedClaudeKey !== _claudeKey2) {
-                        this.showMessage('配置已应用', 'success');
-                        this._lastAppliedClaudeKey = _claudeKey2;
-                    }
-                }
-            } catch (_) {
-                this.showMessage('应用配置失败', 'error');
-            }
-        },
-
-        closeClaudeConfigModal() {
-            this.showClaudeConfigModal = false;
-            this.showAddClaudeConfigKey = false;
-            this.newClaudeConfig = {
-                name: '',
-                apiKey: '',
-                baseUrl: '',
-                model: ''
-            };
-        },
-
-        toggleAddClaudeConfigKey() {
-            this.showAddClaudeConfigKey = !this.showAddClaudeConfigKey;
-        },
-
-        async loadClaudeLocalBridgeStatus() {
-            try {
-                const res = await api('claude-local-bridge-status');
-                if (res && !res.error) {
-                    if (Array.isArray(res.excludedProviders)) {
-                        this.claudeLocalBridgeExcluded = res.excludedProviders;
-                    }
-                }
-            } catch (e) { /* ignore */ }
-        },
-
-        async toggleClaudeLocalBridge(enable) {
-            try {
-                const res = await api('claude-local-bridge-toggle', { enable });
-                if (res.error) {
-                    this.showMessage(res.error, 'error');
-                    return;
-                }
-                if (enable) {
-                    this.showMessage('Claude 本地负载均衡已启用', 'success');
-                } else {
-                    this.showMessage('Claude 本地负载均衡已关闭', 'success');
-                }
-            } catch (e) {
-                this.showMessage('操作失败', 'error');
-            }
-        },
-
-        async toggleClaudeLocalBridgeExcluded(providerName) {
-            const name = String(providerName || '').trim();
-            if (!name) return;
-            const idx = this.claudeLocalBridgeExcluded.indexOf(name);
-            const next = [...this.claudeLocalBridgeExcluded];
-            if (idx >= 0) {
-                next.splice(idx, 1);
-            } else {
-                next.push(name);
-            }
-            try {
-                const res = await api('claude-local-bridge-set-excluded', { names: next });
-                if (res && !res.error) {
-                    this.claudeLocalBridgeExcluded = next;
-                }
-            } catch (e) { /* ignore */ }
-        },
-
-        isClaudeLocalBridgeExcluded(providerName) {
-            return this.claudeLocalBridgeExcluded.indexOf(String(providerName || '').trim()) >= 0;
-        },
-
-        claudeLocalBridgeCandidateProviders() {
-            return Object.keys(this.claudeConfigs || {}).filter(name => name && !this.isClaudeLocalBridgeExcluded(name))
-                .map(name => ({ name, ...this.claudeConfigs[name] }));
-        },
-
-        claudeLocalBridgeConfigured() {
-            return this.claudeLocalBridgeCandidateProviders().some(p => p.hasKey);
-        },
-
-        isClaudeLocalBridgeDisabled() {
-            return this.configMode === 'claude';
-        },
-
-        async applyClaudeLocalBridge() {
-            this.currentClaudeConfig = 'claude-local';
-            try { localStorage.setItem('currentClaudeConfig', 'claude-local'); } catch (_) {}
-            this.refreshClaudeModelContext();
-
-            const candidates = this.claudeLocalBridgeCandidateProviders();
-            if (candidates.length === 0) {
-                return this.showMessage('请先添加并配置至少一个 Claude 提供商', 'error');
-            }
-
-            try {
-                const res = await api('claude-local-bridge-toggle', { enable: true });
-                if (res.error) {
-                    this.showMessage(res.error || '启用本地负载均衡失败', 'error');
-                    return;
-                }
-                this.showMessage('Claude 本地负载均衡已启用', 'success');
-            } catch (e) {
-                this.showMessage('启用本地负载均衡失败', 'error');
-            }
-        },
-
-        async openClaudeConfigTemplateEditor() {
-            try {
-                const res = await api('get-claude-settings-raw');
-                if (res.error) {
-                    this.showMessage(res.error, 'error');
-                    return;
-                }
-                this.configTemplateContent = res.content || '{}';
-                this.configTemplateContext = 'claude';
-                this.showConfigTemplateModal = true;
-            } catch (e) {
-                this.showMessage('加载 Claude settings 失败', 'error');
-            }
-        }
-    };
-}
+function normalizeClaudeText(value) {
+    return typeof value === 'string' ? value.trim() : '';
+}
+
+function normalizeClaudeBaseUrl(value) {
+    return normalizeClaudeText(value).replace(/\/+$/g, '');
+}
+
+function isValidClaudeHttpUrl(value) {
+    if (!value) return false;
+    try {
+        const parsed = new URL(value);
+        return parsed.protocol === 'http:' || parsed.protocol === 'https:';
+    } catch (_) {
+        return false;
+    }
+}
+
+function getClaudeConfigValidationForContext(vm, mode = 'add') {
+    const draft = mode === 'edit' ? vm.editingConfig : vm.newClaudeConfig;
+    const name = normalizeClaudeText(draft && draft.name);
+    const apiKey = normalizeClaudeText(draft && draft.apiKey);
+    const externalCredentialType = normalizeClaudeText(draft && draft.externalCredentialType);
+    const baseUrl = normalizeClaudeBaseUrl(draft && draft.baseUrl);
+    const model = normalizeClaudeText(draft && draft.model);
+    const errors = {
+        name: '',
+        apiKey: '',
+        baseUrl: '',
+        model: ''
+    };
+
+    if (!name) {
+        errors.name = '配置名称不能为空';
+    } else if (mode === 'add' && vm.claudeConfigs && vm.claudeConfigs[name]) {
+        errors.name = '名称已存在';
+    }
+
+    if (!apiKey && !externalCredentialType) {
+        errors.apiKey = 'API Key 必填';
+    }
+
+    if (!baseUrl) {
+        errors.baseUrl = 'Base URL 必填';
+    } else if (!isValidClaudeHttpUrl(baseUrl)) {
+        errors.baseUrl = 'Base URL 仅支持 http/https';
+    }
+
+    if (!model) {
+        errors.model = '模型名称必填';
+    }
+
+    return {
+        mode,
+        name,
+        apiKey,
+        externalCredentialType,
+        baseUrl,
+        model,
+        errors,
+        ok: !errors.name && !errors.apiKey && !errors.baseUrl && !errors.model
+    };
+}
+
+export function createClaudeConfigMethods(options = {}) {
+    const { api } = options;
+
+    return {
+        switchClaudeConfig(name) {
+            this.currentClaudeConfig = name;
+            try { localStorage.setItem('currentClaudeConfig', name || ''); } catch (_) {}
+            this.refreshClaudeModelContext();
+        },
+
+        onClaudeModelChange() {
+            const name = this.currentClaudeConfig;
+            if (!name || name === 'claude-local') {
+                return;
+            }
+            const model = (this.currentClaudeModel || '').trim();
+            if (!model) {
+                this.showMessage('请输入模型', 'error');
+                return;
+            }
+            const existing = this.claudeConfigs[name] || {};
+            this.currentClaudeModel = model;
+            this.claudeCustomModelDraft = model;
+            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');
+                return;
+            }
+            this.applyClaudeConfig(name);
+        },
+
+        onClaudeCustomModelSubmit() {
+            this.onClaudeModelChange();
+        },
+
+        saveClaudeConfigs() {
+            try { localStorage.setItem('claudeConfigs', JSON.stringify(this.claudeConfigs)); } catch (_) {}
+            if (this.currentClaudeConfig) {
+                try { localStorage.setItem('currentClaudeConfig', this.currentClaudeConfig); } catch (_) {}
+            }
+            this.syncClaudeBridgeProviders();
+        },
+
+        async syncClaudeBridgeProviders() {
+            try { await api('claude-local-bridge-sync-providers', { providers: this.claudeConfigs || {} }); } catch (_) {}
+        },
+
+        openCloneClaudeConfigModal(name, config) {
+            this.newClaudeConfig = {
+                name: '',
+                apiKey: config.apiKey || '',
+                baseUrl: config.baseUrl || '',
+                model: config.model || ''
+            };
+            this.showAddClaudeConfigKey = false;
+            this.showClaudeConfigModal = true;
+        },
+
+        getClaudeConfigValidation(mode = 'add') {
+            return getClaudeConfigValidationForContext(this, mode);
+        },
+
+        claudeConfigFieldError(mode, fieldName) {
+            const validation = getClaudeConfigValidationForContext(this, mode);
+            return validation && validation.errors && typeof validation.errors[fieldName] === 'string'
+                ? validation.errors[fieldName]
+                : '';
+        },
+
+        canSubmitClaudeConfig(mode = 'add') {
+            return getClaudeConfigValidationForContext(this, mode).ok;
+        },
+
+        openEditConfigModal(name) {
+            const config = this.claudeConfigs[name];
+            this.editingConfig = {
+                name: name,
+                apiKey: config.apiKey || '',
+                externalCredentialType: config.externalCredentialType || '',
+                baseUrl: config.baseUrl || '',
+                model: config.model || ''
+            };
+            this.showEditClaudeConfigKey = false;
+            this.showEditConfigModal = true;
+        },
+
+        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');
+            }
+            const name = validation.name;
+            this.editingConfig.apiKey = validation.apiKey;
+            this.editingConfig.baseUrl = validation.baseUrl;
+            this.editingConfig.model = validation.model;
+            this.claudeConfigs[name] = this.mergeClaudeConfig(this.claudeConfigs[name], this.editingConfig);
+            this.saveClaudeConfigs();
+            this.showMessage('操作成功', 'success');
+            this.closeEditConfigModal();
+            if (name === this.currentClaudeConfig) {
+                this.refreshClaudeModelContext();
+            }
+        },
+
+        closeEditConfigModal() {
+            this.showEditConfigModal = false;
+            this.showEditClaudeConfigKey = false;
+            this.editingConfig = { name: '', apiKey: '', externalCredentialType: '', baseUrl: '', model: '' };
+        },
+
+        toggleEditClaudeConfigKey() {
+            this.showEditClaudeConfigKey = !this.showEditClaudeConfigKey;
+        },
+
+        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');
+            }
+            const name = validation.name;
+            this.editingConfig.apiKey = validation.apiKey;
+            this.editingConfig.baseUrl = validation.baseUrl;
+            this.editingConfig.model = validation.model;
+            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');
+                this.closeEditConfigModal();
+                if (name === this.currentClaudeConfig) {
+                    this.refreshClaudeModelContext();
+                }
+                return;
+            }
+
+            const _claudeKey = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}`;
+            try {
+                const res = await api('apply-claude-config', { config });
+                if (res.error || res.success === false) {
+                    this.showMessage(res.error || '应用配置失败', 'error');
+                } else {
+                    this.currentClaudeConfig = name;
+                    if (this._lastAppliedClaudeKey !== _claudeKey) {
+                        this.showMessage('Claude 配置已生效', 'success');
+                        this._lastAppliedClaudeKey = _claudeKey;
+                    }
+                    this.closeEditConfigModal();
+                    this.refreshClaudeModelContext();
+                }
+            } catch (_) {
+                this.showMessage('应用配置失败', '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');
+            }
+            this.newClaudeConfig.name = validation.name;
+            this.newClaudeConfig.apiKey = validation.apiKey;
+            this.newClaudeConfig.baseUrl = validation.baseUrl;
+            this.newClaudeConfig.model = validation.model;
+            const name = validation.name;
+            const duplicateName = this.findDuplicateClaudeConfigName(this.newClaudeConfig);
+            if (duplicateName) {
+                return this.showMessage('配置已存在', 'info');
+            }
+
+            this.claudeConfigs[name] = this.mergeClaudeConfig({}, this.newClaudeConfig);
+
+            this.currentClaudeConfig = name;
+            this.saveClaudeConfigs();
+            this.showMessage('操作成功', 'success');
+            this.closeClaudeConfigModal();
+            this.refreshClaudeModelContext();
+        },
+
+        async deleteClaudeConfig(name) {
+            if (Object.keys(this.claudeConfigs).length <= 1) {
+                return this.showMessage('至少保留一项', 'error');
+            }
+            const confirmed = await this.requestConfirmDialog({
+                title: '删除 Claude 配置',
+                message: `确定删除配置 "${name}"?`,
+                confirmText: '删除',
+                cancelText: '取消',
+                danger: true
+            });
+            if (!confirmed) return;
+
+            delete this.claudeConfigs[name];
+            if (this.currentClaudeConfig === name) {
+                this.currentClaudeConfig = Object.keys(this.claudeConfigs)[0];
+            }
+            this.saveClaudeConfigs();
+            this.showMessage('操作成功', 'success');
+            this.refreshClaudeModelContext();
+        },
+
+        async applyClaudeConfig(name) {
+            this.currentClaudeConfig = name;
+            try { localStorage.setItem('currentClaudeConfig', name || ''); } catch (_) {}
+            this.refreshClaudeModelContext();
+            const config = this.claudeConfigs[name];
+
+            if (!config.apiKey) {
+                if (config.externalCredentialType) {
+                    return this.showMessage('使用外部认证，无需 API Key', 'info');
+                }
+                return this.showMessage('请先配置 API Key', 'error');
+            }
+
+            const _claudeKey2 = `${name}|${config.apiKey || ""}|${config.baseUrl || ""}|${config.model || ""}`;
+            try {
+                const res = await api('apply-claude-config', { config });
+                if (res.error || res.success === false) {
+                    this.showMessage(res.error || '应用配置失败', 'error');
+                } else {
+                    if (this._lastAppliedClaudeKey !== _claudeKey2) {
+                        this.showMessage('配置已应用', 'success');
+                        this._lastAppliedClaudeKey = _claudeKey2;
+                    }
+                }
+            } catch (_) {
+                this.showMessage('应用配置失败', 'error');
+            }
+        },
+
+        closeClaudeConfigModal() {
+            this.showClaudeConfigModal = false;
+            this.showAddClaudeConfigKey = false;
+            this.newClaudeConfig = {
+                name: '',
+                apiKey: '',
+                baseUrl: '',
+                model: ''
+            };
+        },
+
+        toggleAddClaudeConfigKey() {
+            this.showAddClaudeConfigKey = !this.showAddClaudeConfigKey;
+        },
+
+        async loadClaudeLocalBridgeStatus() {
+            try {
+                const res = await api('claude-local-bridge-status');
+                if (res && !res.error) {
+                    if (Array.isArray(res.excludedProviders)) {
+                        this.claudeLocalBridgeExcluded = res.excludedProviders;
+                    }
+                }
+            } catch (e) { /* ignore */ }
+        },
+
+        async toggleClaudeLocalBridge(enable) {
+            try {
+                const res = await api('claude-local-bridge-toggle', { enable });
+                if (res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                if (enable) {
+                    this.showMessage('Claude 本地负载均衡已启用', 'success');
+                } else {
+                    this.showMessage('Claude 本地负载均衡已关闭', 'success');
+                }
+            } catch (e) {
+                this.showMessage('操作失败', 'error');
+            }
+        },
+
+        async toggleClaudeLocalBridgeExcluded(providerName) {
+            const name = String(providerName || '').trim();
+            if (!name) return;
+            const idx = this.claudeLocalBridgeExcluded.indexOf(name);
+            const next = [...this.claudeLocalBridgeExcluded];
+            if (idx >= 0) {
+                next.splice(idx, 1);
+            } else {
+                next.push(name);
+            }
+            try {
+                const res = await api('claude-local-bridge-set-excluded', { names: next });
+                if (res && !res.error) {
+                    this.claudeLocalBridgeExcluded = next;
+                }
+            } catch (e) { /* ignore */ }
+        },
+
+        isClaudeLocalBridgeExcluded(providerName) {
+            return this.claudeLocalBridgeExcluded.indexOf(String(providerName || '').trim()) >= 0;
+        },
+
+        claudeLocalBridgeCandidateProviders() {
+            return Object.keys(this.claudeConfigs || {}).filter(name => name && !this.isClaudeLocalBridgeExcluded(name))
+                .map(name => ({ name, ...this.claudeConfigs[name] }));
+        },
+
+        claudeLocalBridgeConfigured() {
+            return this.claudeLocalBridgeCandidateProviders().some(p => p.hasKey);
+        },
+
+        isClaudeLocalBridgeDisabled() {
+            return this.configMode === 'claude';
+        },
+
+        async applyClaudeLocalBridge() {
+            this.currentClaudeConfig = 'claude-local';
+            try { localStorage.setItem('currentClaudeConfig', 'claude-local'); } catch (_) {}
+            this.refreshClaudeModelContext();
+
+            const candidates = this.claudeLocalBridgeCandidateProviders();
+            if (candidates.length === 0) {
+                return this.showMessage('请先添加并配置至少一个 Claude 提供商', 'error');
+            }
+
+            try {
+                const res = await api('claude-local-bridge-toggle', { enable: true });
+                if (res.error) {
+                    this.showMessage(res.error || '启用本地负载均衡失败', 'error');
+                    return;
+                }
+                this.showMessage('Claude 本地负载均衡已启用', 'success');
+            } catch (e) {
+                this.showMessage('启用本地负载均衡失败', 'error');
+            }
+        },
+
+        async openClaudeConfigTemplateEditor() {
+            try {
+                const res = await api('get-claude-settings-raw');
+                if (res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                this.configTemplateContent = res.content || '{}';
+                this.configTemplateContext = 'claude';
+                this.showConfigTemplateModal = true;
+            } catch (e) {
+                this.showMessage('加载 Claude settings 失败', 'error');
+            }
+        }
+    };
+}