codexmate 0.0.31 → 0.0.33

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

@@ -55,6 +55,12 @@ function maskKeyLocal(key) {
     return key.substring(0, 4) + '...' + key.substring(key.length - 4);
 }
 
+function maskKeyForEdit(key) {
+    if (!key) return '';
+    if (key.length <= 12) return key.substring(0, 4) + '...' + key.substring(key.length - 4);
+    return key.substring(0, 8) + '...' + key.substring(key.length - 4);
+}
+
 function getProviderValidationForContext(vm, mode = 'add') {
     const draft = mode === 'edit' ? vm.editingProvider : vm.newProvider;
     const editingName = mode === 'edit' ? normalizeText(draft && draft.name) : '';
@@ -286,11 +292,15 @@ export function createProvidersMethods(options = {}) {
         },
 
         openCloneProviderModal(provider) {
+            const isTransform = !!(provider.codexmate_bridge || '').trim() || /\/bridge\/openai\//.test(provider.url || '');
+            const cloneUrl = isTransform && provider.upstreamUrl
+                ? normalizeProviderUrl(provider.upstreamUrl)
+                : normalizeProviderUrl(provider.url || '');
             this.newProvider = {
                 name: '',
-                url: normalizeProviderUrl(provider.url || ''),
+                url: cloneUrl,
                 key: '',
-                useTransform: !!(provider.codexmate_bridge || '').trim() || /\/bridge\/openai\//.test(provider.url || '')
+                useTransform: isTransform
             };
             this.showAddModal = true;
         },
@@ -312,15 +322,39 @@ export function createProvidersMethods(options = {}) {
             this.editingProvider = {
                 name: provider.name,
                 url: normalizeProviderUrl(provider.url || ''),
-                key: '',
+                key: maskKeyForEdit(provider.key || ''),
                 readOnly: !!provider.readOnly,
                 nonEditable: typeof provider.nonEditable === 'boolean'
                     ? provider.nonEditable
                     : this.isNonDeletableProvider(provider),
                 useTransform: isTransformProvider
             };
+            this._editProviderOriginalKey = '';
+            this._editProviderRealKeyLoaded = false;
+            this.showEditProviderKey = false;
             this.showEditModal = true;
 
+            // 后台加载真实密钥
+            try {
+                const res = await api('get-provider-key', { name: provider.name });
+                if (
+                    this._openEditModalRequestId === requestId
+                    && this.showEditModal
+                    && this.editingProvider
+                    && this.editingProvider.name === provider.name
+                    && res && !res.error
+                ) {
+                    this._editProviderOriginalKey = typeof res.key === 'string' ? res.key : '';
+                    this._editProviderRealKeyLoaded = true;
+                    // 如果用户未修改输入框，替换为真实密钥
+                    if (this.editingProvider.key === maskKeyForEdit(provider.key || '')) {
+                        this.editingProvider.key = this._editProviderOriginalKey;
+                    }
+                }
+            } catch (_) {
+                // ignore
+            }
+
             if (isTransformProvider) {
                 try {
                     const res = await api('openai-bridge-get-provider', { name: provider.name });
@@ -357,8 +391,12 @@ export function createProvidersMethods(options = {}) {
             if (this.editingProvider && this.editingProvider.useTransform) {
                 params.useTransform = true;
             }
-            if (typeof this.editingProvider.key === 'string' && this.editingProvider.key.trim()) {
-                params.key = this.editingProvider.key;
+            if (this._editProviderRealKeyLoaded) {
+                const currentKey = typeof this.editingProvider.key === 'string' ? this.editingProvider.key : '';
+                const originalKey = typeof this._editProviderOriginalKey === 'string' ? this._editProviderOriginalKey : '';
+                if (currentKey !== originalKey) {
+                    params.key = currentKey;
+                }
             }
             try {
                 const res = await api('update-provider', params);
@@ -370,11 +408,12 @@ export function createProvidersMethods(options = {}) {
                 // 本地更新：更新列表中对应 provider 的 url 和 key
                 this.providersList = this.providersList.map(p => {
                     if (p.name === validation.name) {
+                        const keyUpdated = typeof params.key === 'string';
                         return {
                             ...p,
                             url: validation.url,
-                            key: params.key ? maskKeyLocal(params.key) : p.key,
-                            hasKey: params.key ? true : p.hasKey
+                            key: keyUpdated ? maskKeyLocal(params.key) : p.key,
+                            hasKey: keyUpdated ? !!params.key : p.hasKey
                         };
                     }
                     return p;
@@ -389,9 +428,16 @@ export function createProvidersMethods(options = {}) {
 
         closeEditModal() {
             this.showEditModal = false;
+            this.showEditProviderKey = false;
+            this._editProviderOriginalKey = '';
+            this._editProviderRealKeyLoaded = false;
             this.editingProvider = { name: '', url: '', key: '', readOnly: false, nonEditable: false, useTransform: false };
         },
 
+        toggleEditProviderKey() {
+            this.showEditProviderKey = !this.showEditProviderKey;
+        },
+
         async resetConfig() {
             if (this.resetConfigLoading) return;
             this.resetConfigLoading = true;

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

@@ -203,7 +203,7 @@ export function createSessionActionMethods(options = {}) {
         quoteShellArg(value) {
             const text = typeof value === 'string' ? value : String(value || '');
             if (!text) return "''";
-            if (/^[a-zA-Z0-9._-]+$/.test(text)) return text;
+            if (/^[a-zA-Z0-9._/:@~+=-]+$/.test(text)) return text;
             const escaped = text.replace(/'/g, "'\\''");
             return `'${escaped}'`;
         },

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

@@ -466,6 +466,29 @@ export function createSessionBrowserMethods(options = {}) {
             this.persistSessionPinnedMap();
         },
 
+        setSessionSource(value) {
+            if (this.sessionsLoading) return;
+            this.sessionFilterSource = value;
+            this.refreshSessionPathOptions(value);
+            this.persistSessionFilterCache();
+            syncSessionsFilterUrl(this);
+            this.loadSessions();
+        },
+
+        highlightQueryText(text) {
+            if (typeof text !== 'string' || !text) return text;
+            var tokens = this.queryTokens;
+            if (!tokens || tokens.length === 0) return text;
+            var result = text;
+            for (var i = 0; i < tokens.length; i++) {
+                var token = tokens[i];
+                var escaped = token.replace(/[.*+?^${}()|[\]\\]/g, '\\        async onSessionSourceChange(event) {');
+                var re = new RegExp('(' + escaped + ')', 'gi');
+                result = result.replace(re, '<mark>$1</mark>');
+            }
+            return result;
+        },
+
         async onSessionSourceChange(event) {
             const rawValue = event && event.target && typeof event.target.value === 'string'
                 ? event.target.value
@@ -817,7 +840,11 @@ export function createSessionBrowserMethods(options = {}) {
                 ? Math.max(1, Math.min(rawLimit, 2000))
                 : compareBoost;
             const loadedLimit = Number(this.sessionsUsageLoadedLimit || 0);
-            if (this.sessionsUsageLoadedOnce && !options.forceRefresh && loadedLimit >= limit) {
+            const lastRange = typeof this.sessionsUsageLastLoadedRange === 'string'
+                ? this.sessionsUsageLastLoadedRange
+                : '';
+            const rangeChanged = lastRange && lastRange !== range;
+            if (this.sessionsUsageLoadedOnce && !options.forceRefresh && !rangeChanged && loadedLimit >= limit) {
                 return;
             }
             this.sessionsUsageLoading = true;
@@ -844,6 +871,7 @@ export function createSessionBrowserMethods(options = {}) {
                 if (loadSucceeded) {
                     this.sessionsUsageLoadedOnce = true;
                     this.sessionsUsageLoadedLimit = limit;
+                    this.sessionsUsageLastLoadedRange = range;
                     if (!this.sessionsUsageSelectedDayKey && Array.isArray(this.sessionUsageDailyTableRows) && this.sessionUsageDailyTableRows.length > 0) {
                         this.sessionsUsageSelectedDayKey = this.sessionUsageDailyTableRows[0].key;
                     }

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

@@ -60,6 +60,9 @@ export function createStartupClaudeMethods(options = {}) {
                         return false;
                     }
                     this.currentProvider = statusRes.provider;
+                    if (statusRes.version) {
+                        this.appVersion = statusRes.version;
+                    }
                     this.currentModels = statusRes.currentModels && typeof statusRes.currentModels === 'object'
                         ? { ...statusRes.currentModels }
                         : {};
@@ -119,6 +122,7 @@ export function createStartupClaudeMethods(options = {}) {
                     }
                     this.providersList = listRes.providers;
                     if (typeof this.loadLocalBridgeExcluded === 'function') { this.loadLocalBridgeExcluded(); }
+                    if (typeof this.loadClaudeLocalBridgeStatus === 'function') { this.loadClaudeLocalBridgeStatus(); }
                     if (statusRes.configReady === false) {
                         this.showMessage('配置已加载', 'info');
                     }

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

@@ -9,6 +9,7 @@ const DICT = Object.freeze({
         // Common
         'common.all': '全部',
         'common.copy': '复制',
+        'common.paste': '粘贴',
         'common.edit': '编辑',
         'common.install': '安装',
         'common.update': '升级',
@@ -1036,11 +1037,16 @@ const DICT = Object.freeze({
         'claude.notConfigured': '未配置',
         'claude.action.edit': '编辑',
         'claude.action.delete': '删除',
-        'claude.action.shareDisabled': '分享导入命令（暂时禁用）',
+        'claude.action.shareDisabled': '分享导入命令',
         'claude.action.editAria': '编辑 Claude 配置：{name}',
         'claude.action.deleteAria': '删除 Claude 配置：{name}',
         'claude.action.clone': '克隆',
         'claude.action.cloneAria': '克隆 Claude 配置：{name}',
+        'claude.localBridge.poolTitle': '轮询池',
+        'claude.localBridge.poolHint': '勾选参与负载均衡的提供商',
+        'claude.localBridge.noProviders': '暂无可用提供商，请先添加直连提供商',
+        'claude.localBridge.disabled': '未启用',
+        'claude.localBridge.enabled': '已启用',
 
         // OpenClaw config panel
         'openclaw.applyHint': '写入 ~/.openclaw/openclaw.json，支持 JSON5。',
@@ -1071,6 +1077,7 @@ const DICT = Object.freeze({
         // Common
         'common.all': 'すべて',
         'common.copy': 'コピー',
+        'common.paste': 'ペースト',
         'common.edit': '編集',
         'common.install': 'インストール',
         'common.update': 'アップグレード',
@@ -2085,11 +2092,16 @@ const DICT = Object.freeze({
         'claude.notConfigured': '未設定',
         'claude.action.edit': '編集',
         'claude.action.delete': '削除',
-        'claude.action.shareDisabled': 'インポートコマンド共有（一時無効）',
+        'claude.action.shareDisabled': 'インポートコマンド共有',
         'claude.action.editAria': 'Claude 設定を編集：{name}',
         'claude.action.deleteAria': 'Claude 設定を削除：{name}',
         'claude.action.clone': 'クローン',
         'claude.action.cloneAria': 'Claude 設定をクローン：{name}',
+        'claude.localBridge.poolTitle': 'ラウンドロビンプール',
+        'claude.localBridge.poolHint': '負荷分散に参加するプロバイダを選択',
+        'claude.localBridge.noProviders': '利用可能なプロバイダがありません。まずプロバイダを追加してください。',
+        'claude.localBridge.disabled': '無効',
+        'claude.localBridge.enabled': '有効',
 
         // OpenClaw config panel
         'openclaw.applyHint': '~/.openclaw/openclaw.json に書き込みます。JSON5 対応。',
@@ -2121,6 +2133,7 @@ const DICT = Object.freeze({
         // Common
         'common.all': 'All',
         'common.copy': 'Copy',
+        'common.paste': 'Paste',
         'common.edit': 'Edit',
         'common.install': 'Install',
         'common.update': 'Update',
@@ -3144,11 +3157,16 @@ const DICT = Object.freeze({
         'claude.notConfigured': 'Not configured',
         'claude.action.edit': 'Edit',
         'claude.action.delete': 'Delete',
-        'claude.action.shareDisabled': 'Share import command (disabled)',
+        'claude.action.shareDisabled': 'Share import command',
         'claude.action.editAria': 'Edit Claude config: {name}',
         'claude.action.deleteAria': 'Delete Claude config: {name}',
         'claude.action.clone': 'Clone',
         'claude.action.cloneAria': 'Clone Claude config: {name}',
+        'claude.localBridge.poolTitle': 'Round-robin pool',
+        'claude.localBridge.poolHint': 'Select providers for load balancing',
+        'claude.localBridge.noProviders': 'No providers available. Add a provider first.',
+        'claude.localBridge.disabled': 'Disabled',
+        'claude.localBridge.enabled': 'Enabled',
 
         // OpenClaw config panel
         'openclaw.applyHint': 'Writes to ~/.openclaw/openclaw.json (JSON5 supported).',

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

@@ -122,8 +122,7 @@
                     <div class="brand-head">
                         <img class="brand-logo" src="/res/logo-pack.webp" alt="Codex Mate logo">
                         <div class="brand-copy">
-                            <div class="brand-kicker">{{ t('brand.kicker.workspace') }}</div>
-                            <div class="brand-title">Codex Mate</div>
+                            <div class="brand-kicker">Codex Mate <span v-if="appVersion" class="brand-version">v{{ appVersion }}</span></div>
                         </div>
                     </div>
                     <div class="brand-subtitle">{{ t('brand.subtitle.localConfigSessionsWorkspace') }}</div>

package/web-ui/partials/index/modal-config-template-agents.html

@@ -1,6 +1,11 @@
         <div v-if="showConfigTemplateModal" class="modal-overlay" @click.self="!configTemplateApplying && closeConfigTemplateModal()">
             <div class="modal modal-wide" role="dialog" aria-modal="true" aria-labelledby="config-template-modal-title">
-                <div class="modal-title" id="config-template-modal-title">{{ t('modal.configTemplate.title') }}</div>
+                <div class="modal-header modal-editor-header">
+                    <div class="modal-title" id="config-template-modal-title">{{ t('modal.configTemplate.title') }}</div>
+                    <div class="modal-header-actions">
+                        <button class="btn-mini btn-modal-copy" @click="pasteConfigTemplateContent" :disabled="configTemplateApplying || configTemplateDiffLoading || configTemplateDiffVisible">{{ t('common.paste') }}</button>
+                    </div>
+                </div>
 
                 <div class="form-group">
                     <label class="form-label">{{ t('modal.configTemplate.label') }}</label>
@@ -91,6 +96,12 @@
                             :disabled="agentsLoading">
                             {{ t('modal.agents.copy') }}
                         </button>
+                        <button
+                            class="btn-mini btn-modal-copy"
+                            @click="pasteAgentsContent"
+                            :disabled="agentsLoading || agentsSaving || agentsDiffVisible">
+                            {{ t('common.paste') }}
+                        </button>
                     </div>
                 </div>
 

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

@@ -65,8 +65,13 @@
                 </div>
                 <div class="form-group">
                     <label class="form-label">{{ t('field.apiKey') }}</label>
-                    <input v-model="editingProvider.key" class="form-input" type="password" :placeholder="t('placeholder.keepUnchanged')">
-                    <div class="form-hint">{{ t('hint.keepKeyUnchanged') }}</div>
+                    <div class="input-with-toggle">
+                        <input v-model="editingProvider.key" class="form-input" :type="showEditProviderKey ? 'text' : 'password'" placeholder="sk-..." autocomplete="off" spellcheck="false">
+                        <button type="button" class="input-toggle-btn" @click="toggleEditProviderKey" :title="showEditProviderKey ? t('common.hide') : t('common.show')">
+                            <svg v-if="!showEditProviderKey" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" width="16" height="16"><path d="M10 4C5 4 1.73 8.11 1 10c.73 1.89 4 6 9 6s8.27-4.11 9-6c-.73-1.89-4-6-9-6z"/><circle cx="10" cy="10" r="3"/></svg>
+                            <svg v-else viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" width="16" height="16"><path d="M2 2l16 16M8.2 4.2A9.9 9.9 0 0 1 10 4c5 0 8.27 4.11 9 6-.44.94-1.5 2.7-3.2 4.2M14.5 14.5A5.9 5.9 0 0 1 10 16c-5 0-8.27-4.11-9-6 .76-1.66 2.2-3.6 4.3-5"/></svg>
+                        </button>
+                    </div>
                 </div>
 
                 <div class="btn-group">
@@ -147,7 +152,13 @@
                 </div>
                 <div class="form-group">
                     <label class="form-label">API Key</label>
-                    <input v-model="editingConfig.apiKey" class="form-input" type="password" autocomplete="off" spellcheck="false" :placeholder="t('placeholder.apiKeyExampleClaude')">
+                    <div class="input-with-toggle">
+                        <input v-model="editingConfig.apiKey" class="form-input" :type="showEditClaudeConfigKey ? 'text' : 'password'" autocomplete="off" spellcheck="false" :placeholder="t('placeholder.apiKeyExampleClaude')">
+                        <button type="button" class="input-toggle-btn" @click="toggleEditClaudeConfigKey" :title="showEditClaudeConfigKey ? t('common.hide') : t('common.show')">
+                            <svg v-if="!showEditClaudeConfigKey" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" width="16" height="16"><path d="M10 4C5 4 1.73 8.11 1 10c.73 1.89 4 6 9 6s8.27-4.11 9-6c-.73-1.89-4-6-9-6z"/><circle cx="10" cy="10" r="3"/></svg>
+                            <svg v-else viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" width="16" height="16"><path d="M2 2l16 16M8.2 4.2A9.9 9.9 0 0 1 10 4c5 0 8.27 4.11 9 6-.44.94-1.5 2.7-3.2 4.2M14.5 14.5A5.9 5.9 0 0 1 10 16c-5 0-8.27-4.11-9-6 .76-1.66 2.2-3.6 4.3-5"/></svg>
+                        </button>
+                    </div>
                 </div>
                 <div class="form-group">
                     <label class="form-label">{{ t('field.baseUrl') }}</label>

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

@@ -1,4 +1,4 @@
-                <!-- Claude Code 配置模式 -->
+                <!-- Claude Code 配置 -->
                 <div
                     v-show="mainTab === 'config' && configMode === 'claude'"
                     class="mode-content mode-cards"
@@ -18,11 +18,7 @@
                             <div class="docs-command-row">
                                 <div class="docs-command-box" role="group" :aria-label="t('cli.missing.commandAria', { name: 'Claude' })">
                                     <code class="install-command">{{ getInstallCommand('claude', 'install') }}</code>
-                                    <button
-                                        type="button"
-                                        class="btn-mini docs-copy-btn"
-                                        :disabled="!getInstallCommand('claude', 'install')"
-                                        @click="copyInstallCommand(getInstallCommand('claude', 'install'))">{{ t('common.copy') }}</button>
+                                    <button type="button" class="btn-mini docs-copy-btn" :disabled="!getInstallCommand('claude', 'install')" @click="copyInstallCommand(getInstallCommand('claude', 'install'))">{{ t('common.copy') }}</button>
                                 </div>
                             </div>
                             <button type="button" class="btn-tool btn-tool-compact" @click="mainTab = 'docs'; setInstallCommandAction('install')">{{ t('cli.missing.openDocs') }}</button>
@@ -30,21 +26,14 @@
                     </div>
                 </template>
                 <template v-else>
-                <!-- 添加提供商按钮 -->
                 <button class="btn-add" @click="openClaudeConfigModal" v-if="!loading && !initError">
-                    <svg class="icon" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2">
-                        <path d="M10 4v12M4 10h12"/>
-                    </svg>
+                    <svg class="icon" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 4v12M4 10h12"/></svg>
                     {{ t('claude.addProvider') }}
                 </button>
-                <div class="config-template-hint">
-                    {{ t('claude.applyDefault') }}
-                </div>
+                <div class="config-template-hint">{{ t('claude.applyDefault') }}</div>
 
                 <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">{{ t('claude.presetProviders') }}</span>
-                    </div>
+                    <div class="selector-header"><span class="selector-title">{{ t('claude.presetProviders') }}</span></div>
                     <div class="btn-group" style="flex-wrap: wrap; gap: 8px; margin-top: 0;">
                         <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'Claude Official'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.anthropic.com'; newClaudeConfig.model = 'claude-sonnet-4'; showClaudeConfigModal = true">Claude Official</button>
                         <button type="button" class="btn-mini" @click="newClaudeConfig.name = 'DeepSeek'; newClaudeConfig.apiKey = ''; newClaudeConfig.baseUrl = 'https://api.deepseek.com/anthropic'; newClaudeConfig.model = 'DeepSeek-V3.2'; showClaudeConfigModal = true">DeepSeek</button>
@@ -70,9 +59,7 @@
                 </div>
 
                 <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">{{ t('claude.model') }}</span>
-                    </div>
+                    <div class="selector-header"><span class="selector-title">{{ t('claude.model') }}</span></div>
                     <input
                         v-if="claudeModelHasList"
                         class="model-input"
@@ -94,57 +81,37 @@
                         @keyup.enter="onClaudeModelChange"
                         :placeholder="t('claude.model.placeholder')"
                     >
-                    <div class="config-template-hint">
-                        {{ t('claude.model.hint') }}
-                    </div>
+                    <div class="config-template-hint">{{ t('claude.model.hint') }}</div>
                 </div>
 
                 <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">CLAUDE.md</span>
-                    </div>
-                    <button class="btn-tool" @click="openClaudeMdEditor" :disabled="loading || !!initError || agentsLoading">
-                        {{ agentsLoading ? t('config.modelLoading') : t('claude.md.open') }}
-                    </button>
-                    <div class="config-template-hint">
-                        {{ t('claude.md.hint') }}
-                    </div>
+                    <div class="selector-header"><span class="selector-title">CLAUDE.md</span></div>
+                    <button class="btn-tool" @click="openClaudeMdEditor" :disabled="loading || !!initError || agentsLoading">{{ agentsLoading ? t('config.modelLoading') : t('claude.md.open') }}</button>
+                    <div class="config-template-hint">{{ t('claude.md.hint') }}</div>
                 </div>
 
                 <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">{{ t('claude.health.title') }}</span>
-                    </div>
-                    <button class="btn-tool" @click="runHealthCheck" :disabled="healthCheckLoading || loading || !!initError">
-                        {{ healthCheckLoading ? t('claude.health.running') : t('claude.health.run') }}
-                    </button>
-                    <div class="config-template-hint">{{ t('claude.health.hint') }}</div>
-                    <div v-if="healthCheckLoading && healthCheckBatchTotal" class="config-template-hint">
-                        {{ t('claude.health.progress', { done: healthCheckBatchDone, total: healthCheckBatchTotal, failed: healthCheckBatchFailed }) }}
-                    </div>
-                    <div v-if="healthCheckResult && !healthCheckLoading" class="config-template-hint">
-                        {{ healthCheckResult.ok ? t('config.health.ok') : t('config.health.fail') }} · {{ t('config.health.issues', { count: (healthCheckResult.issues || []).length }) }}
-                    </div>
-                    <button v-if="healthCheckResult && !healthCheckLoading" type="button" class="btn-mini" @click="showHealthCheckModal = true">
-                        {{ t('common.detail') }}
-                    </button>
-                    <div v-if="healthCheckResult && !healthCheckLoading && (healthCheckResult.issues || []).length">
-                        <div v-for="(issue, index) in healthCheckResult.issues" :key="issue.code || ('issue-' + index)" class="config-template-hint">
-                            {{ issue.message || issue.code || '' }}<span v-if="issue.suggestion"> · {{ issue.suggestion }}</span>
-                        </div>
-                    </div>
+                    <div class="selector-header"><span class="selector-title">{{ t('config.health.title') }}</span></div>
+                    <button class="btn-tool" @click="runHealthCheck" :disabled="healthCheckLoading || loading || !!initError">{{ healthCheckLoading ? t('config.health.running') : t('config.health.run') }}</button>
+                    <div class="config-template-hint">{{ t('config.health.hint') }}</div>
                 </div>
 
-
                 <div class="card-list">
-                    <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', { active: currentClaudeConfig === 'claude-local' }]" @click="currentClaudeConfig = 'claude-local'" @keydown.enter.self.prevent="currentClaudeConfig = 'claude-local'" @keydown.space.self.prevent="currentClaudeConfig = 'claude-local'" tabindex="0" role="button" :aria-current="currentClaudeConfig === 'claude-local' ? 'true' : null">
+                        <div class="card-leading">
+                            <div class="card-icon">L</div>
+                            <div class="card-content">
+                                <div class="card-title">
+                                    <span>local</span>
+                                    <span class="provider-readonly-badge">{{ t('config.badge.system') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card-trailing">
+                            <span :class="['pill', claudeLocalBridgeConfigured() ? 'configured' : 'empty']">{{ claudeLocalBridgeConfigured() ? t('claude.configured') : t('claude.notConfigured') }}</span>
+                        </div>
+                    </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-content">
@@ -154,41 +121,46 @@
                             </div>
                         </div>
                         <div class="card-trailing">
-                            <span v-if="claudeSpeedResults[name]" :class="['latency', claudeSpeedResults[name].ok ? 'ok' : 'error']">
-                                {{ formatLatency(claudeSpeedResults[name]) }}
-                            </span>
-                            <span :class="['pill', config.hasKey ? 'configured' : 'empty']">
-                                {{ config.hasKey ? t('claude.configured') : t('claude.notConfigured') }}
-                            </span>
+                            <span v-if="claudeSpeedResults[name]" :class="['latency', claudeSpeedResults[name].ok ? 'ok' : 'error']">{{ formatLatency(claudeSpeedResults[name]) }}</span>
+                            <span :class="['pill', config.hasKey ? 'configured' : 'empty']">{{ config.hasKey ? t('claude.configured') : t('claude.notConfigured') }}</span>
                             <div class="card-actions" @click.stop>
                                 <button class="card-action-btn" @click="openEditConfigModal(name)" :aria-label="t('claude.action.editAria', { name })" :title="t('claude.action.edit')">
-                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
-                                        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
-                                    </svg>
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
                                 </button>
                                 <button class="card-action-btn" @click="openCloneClaudeConfigModal(name, config)" :aria-label="t('claude.action.cloneAria', { name })" :title="t('claude.action.clone')">
-                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <rect x="9" y="9" width="13" height="13" rx="2"/>
-                                        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
-                                    </svg>
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
                                 </button>
-                                <button class="card-action-btn" :class="{ loading: claudeShareLoading[name] }" @click="copyClaudeShareCommand(name)" disabled :title="t('claude.action.shareDisabled')" :aria-label="t('config.shareCommand.aria')">
-                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <path d="M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7"/>
-                                        <path d="M16 6l-4-4-4 4"/>
-                                        <path d="M12 2v14"/>
-                                    </svg>
+                                <button class="card-action-btn" :class="{ loading: claudeShareLoading[name] }" @click="copyClaudeShareCommand(name)" :title="t('config.shareCommand')" :aria-label="t('config.shareCommand.aria')">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7"/><path d="M16 6l-4-4-4 4"/><path d="M12 2v14"/></svg>
                                 </button>
                                 <button class="card-action-btn delete" @click="deleteClaudeConfig(name)" :aria-label="t('claude.action.deleteAria', { name })" :title="t('claude.action.delete')">
-                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <path d="M3 6h18"/>
-                                        <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
-                                    </svg>
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
                                 </button>
                             </div>
                         </div>
                     </div>
                 </div>
+
+                <div v-if="currentClaudeConfig === 'claude-local'" class="bridge-pool-panel">
+                    <div class="bridge-pool-header">
+                        <span class="bridge-pool-icon">
+                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><circle cx="6" cy="6" r="2"/><circle cx="18" cy="6" r="2"/><circle cx="12" cy="18" r="2"/><path d="M6 8v4h6v4"/><path d="M18 8v4h-6v4"/></svg>
+                        </span>
+                        <span class="bridge-pool-title">{{ t('claude.localBridge.poolTitle') }}</span>
+                        <span class="bridge-pool-hint">{{ t('claude.localBridge.poolHint') }}</span>
+                    </div>
+                    <div v-if="Object.keys(claudeConfigs || {}).length === 0" class="bridge-pool-empty">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="16" height="16"><path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z"/></svg>
+                        <span>{{ t('claude.localBridge.noProviders') }}</span>
+                    </div>
+                    <div v-else class="bridge-pool-list">
+                        <label v-for="(config, name) in claudeConfigs" :key="name" class="bridge-pool-item">
+                            <span class="bridge-pool-item-name">{{ name }}</span>
+                            <span class="bridge-pool-item-status" :class="{ active: !isClaudeLocalBridgeExcluded(name) }">{{ isClaudeLocalBridgeExcluded(name) ? t('claude.localBridge.disabled') : t('claude.localBridge.enabled') }}</span>
+                            <input type="checkbox" :checked="!isClaudeLocalBridgeExcluded(name)" @change="toggleClaudeLocalBridgeExcluded(name)" />
+                        </label>
+                    </div>
+                </div>
+
                 </template>
             </div>