codexmate 0.0.33 → 0.0.36

package/web-ui/modules/skills.methods.mjs

@@ -477,6 +477,37 @@ export function createSkillsMethods({ api }) {
                 this.skillsDeleting = false;
                 await this.scanImportableSkills({ silent: true });
             }
+        },
+
+        openSkillsMenu() {
+            // Open skills manager modal as menu
+            this.openSkillsManager();
+        },
+
+        async importSingleSkill(skill) {
+            if (this.skillsImporting || this.skillsZipImporting) return;
+            const key = this.buildSkillImportKey(skill);
+            this.skillsImporting = true;
+            try {
+                const res = await api('import-skills', {
+                    targetApp: this.skillsTargetApp,
+                    imports: [skill]
+                });
+                if (res && res.error) {
+                    this.showMessage(res.error, 'error');
+                    return;
+                }
+                const imported = Array.isArray(res && res.imported) ? res.imported : [];
+                if (imported.length > 0) {
+                    this.showMessage(`已导入 ${skill.displayName || skill.name}`, 'success');
+                    await this.refreshSkillsList({ silent: true });
+                    await this.scanImportableSkills({ silent: true });
+                }
+            } catch (e) {
+                this.showMessage('导入失败', 'error');
+            } finally {
+                this.skillsImporting = false;
+            }
         }
     };
 }

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

@@ -1,6 +1,6 @@
     <div id="app" class="container" v-cloak>
         <div v-if="!sessionStandalone" class="top-tabs" role="tablist" :aria-label="t('nav.topTabs.aria')">
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-dashboard"
                 role="tab"
                 data-main-tab="dashboard"
@@ -10,7 +10,7 @@
                 :class="{ active: isMainTabNavActive('dashboard') }"
                 @pointerdown="onMainTabPointerDown('dashboard', $event)"
                 @click="onMainTabClick('dashboard', $event)">{{ t('tab.dashboard') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-docs"
                 role="tab"
                 data-main-tab="docs"
@@ -20,7 +20,7 @@
                 :class="{ active: isMainTabNavActive('docs') }"
                 @pointerdown="onMainTabPointerDown('docs', $event)"
                 @click="onMainTabClick('docs', $event)">{{ t('tab.docs') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-config"
                 role="tab"
                 data-main-tab="config"
@@ -31,7 +31,7 @@
                 :class="{ active: isMainTabNavActive('config') }"
                 @pointerdown="onMainTabPointerDown('config', $event)"
                 @click="onMainTabClick('config', $event)">{{ t('tab.config') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-sessions"
                 role="tab"
                 data-main-tab="sessions"
@@ -41,7 +41,7 @@
                 :class="{ active: isMainTabNavActive('sessions') }"
                 @pointerdown="onMainTabPointerDown('sessions', $event)"
                 @click="onMainTabClick('sessions', $event)">{{ t('tab.sessions') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-usage"
                 role="tab"
                 data-main-tab="usage"
@@ -51,7 +51,7 @@
                 :class="{ active: isMainTabNavActive('usage') }"
                 @pointerdown="onMainTabPointerDown('usage', $event)"
                 @click="onMainTabClick('usage', $event)">{{ t('tab.usage') }}</button>
-            <button v-if="taskOrchestrationTabEnabled" class="top-tab"
+            <button v-if="taskOrchestrationTabEnabled" type="button" class="top-tab"
                 id="tab-orchestration"
                 role="tab"
                 data-main-tab="orchestration"
@@ -61,7 +61,7 @@
                 :class="{ active: isMainTabNavActive('orchestration') }"
                 @pointerdown="onMainTabPointerDown('orchestration', $event)"
                 @click="onMainTabClick('orchestration', $event)">{{ t('tab.orchestration') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-market"
                 role="tab"
                 data-main-tab="market"
@@ -71,7 +71,7 @@
                 :class="{ active: isMainTabNavActive('market') }"
                 @pointerdown="onMainTabPointerDown('market', $event)"
                 @click="onMainTabClick('market', $event)">{{ t('tab.market') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-plugins"
                 role="tab"
                 data-main-tab="plugins"
@@ -81,7 +81,7 @@
                 :class="{ active: isMainTabNavActive('plugins') }"
                 @pointerdown="onMainTabPointerDown('plugins', $event)"
                 @click="onMainTabClick('plugins', $event)">{{ t('tab.plugins') }}</button>
-            <button class="top-tab"
+            <button type="button" class="top-tab"
                 id="tab-settings"
                 role="tab"
                 data-main-tab="settings"
@@ -118,14 +118,13 @@
 
         <div :class="['app-shell', { standalone: sessionStandalone }]">
             <aside class="side-rail" v-if="!sessionStandalone">
-                <div class="brand-block">
+                <div class="brand-block" tabindex="0" @mouseenter="brandHovered = true" @mouseleave="brandHovered = false" @focus="brandHovered = true" @blur="brandHovered = false">
                     <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">Codex Mate <span v-if="appVersion" class="brand-version">v{{ appVersion }}</span></div>
+                            <div class="brand-kicker">Codex Mate<transition name="brand-version-fade"><span v-if="appVersion && brandHovered" class="brand-version"> v{{ appVersion }}</span></transition></div>
                         </div>
                     </div>
-                    <div class="brand-subtitle">{{ t('brand.subtitle.localConfigSessionsWorkspace') }}</div>
                 </div>
 
                 <div class="side-rail-nav">
@@ -479,6 +478,12 @@
                             <span class="value">{{ installRegistryPreview || t('common.defaultOfficial') }}</span>
                         </div>
                     </div>
+                    <div class="status-strip status-strip-placeholder" v-else-if="!sessionStandalone" aria-hidden="true">
+                        <div class="status-chip">
+                            <span class="label">&nbsp;</span>
+                            <span class="value">&nbsp;</span>
+                        </div>
+                    </div>
                     <div
                         v-if="!sessionStandalone && mainTab === 'config' && isProviderConfigMode && forceCompactLayout && !loading && !initError && displayProvidersList.length > 1"
                         class="provider-fast-switch">

package/web-ui/partials/index/modal-webhook.html

@@ -0,0 +1,42 @@
+	        <!-- Webhook 配置模态框 -->
+	        <div v-if="showWebhookModal" class="modal-overlay" @click.self="closeWebhookModal">
+	            <div class="modal" role="dialog" aria-modal="true" aria-labelledby="webhook-modal-title">
+	                <div class="modal-title" id="webhook-modal-title">Webhook 配置</div>
+
+	                <div class="form-group">
+	                    <label class="form-label">启用状态</label>
+	                    <label class="settings-toggle">
+	                        <input type="checkbox" v-model="webhookConfig.enabled">
+	                        <span>启用 Webhook</span>
+	                    </label>
+	                </div>
+
+	                <div class="form-group">
+	                    <label class="form-label">URL</label>
+	                    <input
+	                        v-model="webhookConfig.url"
+	                        class="form-input"
+	                        type="url"
+	                        placeholder="https://example.com/webhook"
+	                        autocomplete="off"
+	                        spellcheck="false">
+	                </div>
+
+	                <div class="form-group">
+	                    <label class="form-label">事件</label>
+	                    <div class="webhook-events-checkbox-list">
+	                        <label v-for="ev in webhookEventOptions" :key="ev" class="webhook-event-checkbox-item">
+	                            <input type="checkbox" :checked="webhookConfig.events.includes(ev)" @change="toggleWebhookEvent(ev)">
+	                            <span>{{ ev }}</span>
+	                        </label>
+	                    </div>
+	                </div>
+
+	                <div class="btn-group">
+	                    <button class="btn btn-cancel" @click="closeWebhookModal">取消</button>
+	                    <button class="btn btn-confirm" @click="saveWebhookSettings" :disabled="webhookSaving">
+	                        {{ webhookSaving ? '保存中...' : '保存' }}
+	                    </button>
+	                </div>
+	            </div>
+	        </div>

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

@@ -171,3 +171,53 @@
                 </div>
             </div>
         </div>
+
+        <!-- Codex 轮询池控制模态框 -->
+        <div v-if="showCodexBridgePoolModal" class="modal-overlay" @click.self="showCodexBridgePoolModal = false">
+            <div class="modal modal-bridge-pool" role="dialog" aria-modal="true" aria-labelledby="codex-bridge-pool-modal-title">
+                <div class="modal-title" id="codex-bridge-pool-modal-title">
+                    <svg class="modal-title-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18"><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>
+                    轮询池设置
+                </div>
+                <div class="bridge-pool-modal-hint">勾选参与负载均衡的提供商</div>
+                <div v-if="localBridgeCandidateProviders().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>暂无可用上游 provider，请先添加直连 provider</span>
+                </div>
+                <div v-else class="bridge-pool-list">
+                    <label v-for="cp in localBridgeCandidateProviders()" :key="cp.name" class="bridge-pool-item">
+                        <span class="bridge-pool-item-name">{{ cp.name }}</span>
+                        <span class="bridge-pool-item-status" :class="{ active: !isLocalBridgeExcluded(cp.name) }">{{ isLocalBridgeExcluded(cp.name) ? '未启用' : '已启用' }}</span>
+                        <input type="checkbox" :checked="!isLocalBridgeExcluded(cp.name)" @change="toggleLocalBridgeExcluded(cp.name)" />
+                    </label>
+                </div>
+                <div class="btn-group">
+                    <button class="btn btn-confirm" @click="showCodexBridgePoolModal = false">{{ t('common.close') }}</button>
+                </div>
+            </div>
+        </div>
+
+        <div v-if="showClaudeBridgePoolModal" class="modal-overlay" @click.self="showClaudeBridgePoolModal = false">
+            <div class="modal modal-bridge-pool" role="dialog" aria-modal="true" aria-labelledby="claude-bridge-pool-modal-title">
+                <div class="modal-title" id="claude-bridge-pool-modal-title">
+                    <svg class="modal-title-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18"><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>
+                    {{ t('claude.localBridge.poolTitle') }}
+                </div>
+                <div class="bridge-pool-modal-hint">{{ t('claude.localBridge.poolHint') }}</div>
+                <div v-if="claudeLocalBridgeCandidateProviders().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="cp in claudeLocalBridgeCandidateProviders()" :key="cp.name" class="bridge-pool-item">
+                        <span class="bridge-pool-item-name">{{ cp.name }}</span>
+                        <span class="bridge-pool-item-status" :class="{ active: !isClaudeLocalBridgeExcluded(cp.name) }">{{ isClaudeLocalBridgeExcluded(cp.name) ? t('claude.localBridge.disabled') : t('claude.localBridge.enabled') }}</span>
+                        <input type="checkbox" :checked="!isClaudeLocalBridgeExcluded(cp.name)" @change="toggleClaudeLocalBridgeExcluded(cp.name)" />
+                    </label>
+                </div>
+                <div class="btn-group">
+                    <button class="btn btn-confirm" @click="showClaudeBridgePoolModal = false">{{ t('common.close') }}</button>
+                </div>
+            </div>
+        </div>
+

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

@@ -68,6 +68,7 @@
                         @blur="onClaudeModelChange"
                         @keyup.enter="onClaudeModelChange"
                         :placeholder="t('claude.model.placeholder')"
+                        :readonly="currentClaudeConfig === 'claude-local'"
                         list="claude-model-options"
                     >
                     <datalist v-if="claudeModelHasList" id="claude-model-options">
@@ -80,8 +81,10 @@
                         @blur="onClaudeModelChange"
                         @keyup.enter="onClaudeModelChange"
                         :placeholder="t('claude.model.placeholder')"
+                        :readonly="currentClaudeConfig === 'claude-local'"
                     >
                     <div class="config-template-hint">{{ t('claude.model.hint') }}</div>
+                    <button class="btn-tool btn-template-editor" @click="openClaudeConfigTemplateEditor" :disabled="loading || !!initError">{{ t('config.template.openEditor') }}</button>
                 </div>
 
                 <div class="selector-section">
@@ -97,10 +100,14 @@
                 </div>
 
                 <div class="card-list">
-                    <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', { active: currentClaudeConfig === 'claude-local', disabled: isClaudeLocalBridgeDisabled() }]" @click="isClaudeLocalBridgeDisabled() ? null : applyClaudeLocalBridge()" @keydown.enter.self.prevent="isClaudeLocalBridgeDisabled() ? null : applyClaudeLocalBridge()" @keydown.space.self.prevent="isClaudeLocalBridgeDisabled() ? null : applyClaudeLocalBridge()" :tabindex="isClaudeLocalBridgeDisabled() ? -1 : 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="bridge-pool-summary">
+                                    <svg class="bridge-pool-summary-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="12" height="12"><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 class="bridge-pool-summary-text">{{ t('claude.localBridge.enabled') }} {{ claudeLocalBridgeCandidateProviders().filter(cp => !isClaudeLocalBridgeExcluded(cp.name)).length }} / {{ claudeLocalBridgeCandidateProviders().length }}</span>
+                                </div>
                                 <div class="card-title">
                                     <span>local</span>
                                     <span class="provider-readonly-badge">{{ t('config.badge.system') }}</span>
@@ -109,6 +116,11 @@
                         </div>
                         <div class="card-trailing">
                             <span :class="['pill', claudeLocalBridgeConfigured() ? 'configured' : 'empty']">{{ claudeLocalBridgeConfigured() ? t('claude.configured') : t('claude.notConfigured') }}</span>
+                            <div class="card-actions" @click.stop>
+                                <button class="card-action-btn bridge-pool-trigger" @click="showClaudeBridgePoolModal = true" :aria-label="t('claude.localBridge.poolTitle')" :title="t('claude.localBridge.poolTitle')">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>
+                                </button>
+                            </div>
                         </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">
@@ -141,26 +153,5 @@
                     </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>

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

@@ -120,10 +120,14 @@
                 </template>
 
                 <div v-if="!loading && !initError" class="card-list">
-                    <div v-for="provider in displayProvidersList" :key="provider.name" :class="['card', { active: displayCurrentProvider === provider.name }]" @click="switchProvider(provider.name)" @keydown.enter.self.prevent="switchProvider(provider.name)" @keydown.space.self.prevent="switchProvider(provider.name)" tabindex="0" role="button" :aria-current="displayCurrentProvider === provider.name ? 'true' : null">
+                    <div v-for="provider in displayProvidersList" :key="provider.name" :class="['card', { active: displayCurrentProvider === provider.name, disabled: provider.name === 'local' && isLocalProviderDisabled }]" @click="(provider.name === 'local' && isLocalProviderDisabled) ? null : switchProvider(provider.name)" @keydown.enter.self.prevent="(provider.name === 'local' && isLocalProviderDisabled) ? null : switchProvider(provider.name)" @keydown.space.self.prevent="(provider.name === 'local' && isLocalProviderDisabled) ? null : switchProvider(provider.name)" :tabindex="provider.name === 'local' && isLocalProviderDisabled ? -1 : 0" role="button" :aria-current="displayCurrentProvider === provider.name ? 'true' : null">
                         <div class="card-leading">
                             <div class="card-icon">{{ provider.name.charAt(0).toUpperCase() }}<span v-if="isTransformProvider(provider)" class="card-icon-dot" title="通过内建转换适配"></span></div>
                             <div class="card-content">
+                                <div v-if="provider.name === 'local'" class="bridge-pool-summary">
+                                    <svg class="bridge-pool-summary-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="12" height="12"><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 class="bridge-pool-summary-text">已启用 {{ localBridgeCandidateProviders().filter(cp => !isLocalBridgeExcluded(cp.name)).length }} / {{ localBridgeCandidateProviders().length }}</span>
+                                </div>
                                 <div class="card-title">
                                     <span>{{ provider.name }}</span>
                                     <span v-if="provider.readOnly" class="provider-readonly-badge">{{ t('config.badge.system') }}</span>
@@ -136,6 +140,9 @@
                             <span v-if="speedResults[provider.name]" :class="['latency', speedResults[provider.name].ok ? 'ok' : 'error']">{{ formatLatency(speedResults[provider.name]) }}</span>
                             <span :class="['pill', providerPillConfigured(provider) ? 'configured' : 'empty']">{{ providerPillText(provider) }}</span>
                             <div class="card-actions" @click.stop>
+                                <button v-if="provider.name === 'local'" class="card-action-btn bridge-pool-trigger" @click="showCodexBridgePoolModal = true" :aria-label="'轮询池设置'" :title="'轮询池设置'">
+                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><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>
+                                </button>
                                 <button class="card-action-btn" :class="{ loading: speedLoading[provider.name] }" :disabled="!!speedLoading[provider.name]" @click="runSpeedTest(provider.name, { silent: true })" :aria-label="t('config.availabilityTestAria', { name: provider.name })" :title="t('config.availabilityTest')">
                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
                                 </button>
@@ -166,26 +173,5 @@
                         </div>
                     </div>
                 </div>
-
-                <div v-if="displayCurrentProvider === '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">轮询池</span>
-                        <span class="bridge-pool-hint">勾选参与负载均衡的提供商</span>
-                    </div>
-                    <div v-if="localBridgeCandidateProviders().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>暂无可用上游 provider，请先添加直连 provider</span>
-                    </div>
-                    <div v-else class="bridge-pool-list">
-                        <label v-for="cp in localBridgeCandidateProviders()" :key="cp.name" class="bridge-pool-item">
-                            <span class="bridge-pool-item-name">{{ cp.name }}</span>
-                            <span class="bridge-pool-item-status" :class="{ active: !isLocalBridgeExcluded(cp.name) }">{{ isLocalBridgeExcluded(cp.name) ? '未启用' : '已启用' }}</span>
-                            <input type="checkbox" :checked="!isLocalBridgeExcluded(cp.name)" @change="toggleLocalBridgeExcluded(cp.name)" />
-                        </label>
-                    </div>
-                </div>
                 </template>
             </div>