codexmate 0.0.37 → 0.0.39

package/web-ui/styles/responsive.css

@@ -382,6 +382,10 @@ textarea:focus-visible {
         display: none;
     }
 
+    .openclaw-card-list .card-trailing .pill {
+        display: block;
+    }
+
     .auth-profile-item {
         padding: 10px;
     }
@@ -431,3 +435,67 @@ textarea:focus-visible {
         font-size: 11px;
     }
 }
+
+@media (max-width: 820px) {
+    .container {
+        display: flex;
+        flex-direction: column;
+        height: 100vh;
+        min-height: 100vh;
+        overflow: hidden;
+    }
+
+    .app-shell {
+        grid-template-columns: 1fr;
+        flex: 1 1 auto;
+        min-height: 0;
+        height: auto;
+        overflow: hidden;
+    }
+
+    .side-rail {
+        display: none !important;
+    }
+
+    .lang-fab {
+        display: none !important;
+    }
+
+    .top-tabs {
+        display: flex !important;
+        flex: 0 0 auto;
+        width: 100%;
+        max-width: 100%;
+        margin: 8px 0 10px;
+        padding: 0 max(18px, calc(env(safe-area-inset-right, 0px) + 14px)) 4px max(10px, calc(env(safe-area-inset-left, 0px) + 10px));
+        gap: 5px;
+        overflow-x: auto;
+        overflow-y: hidden;
+        scroll-padding-inline: 10px 18px;
+        background: rgba(255, 248, 241, 0.96);
+        position: relative;
+        z-index: 30;
+    }
+
+    .top-tab:last-child {
+        margin-right: 8px;
+    }
+
+    .main-panel {
+        padding: 0 12px 16px;
+        height: 100%;
+        min-height: 0;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+    }
+
+    .main-panel-topbar {
+        position: sticky;
+        top: 0;
+        z-index: 20;
+        margin: 0 0 10px;
+        padding: 0 0 8px;
+        background: rgba(255, 248, 241, 0.96);
+        backdrop-filter: blur(14px) saturate(130%);
+    }
+}

package/web-ui/styles/sessions-usage.css

@@ -135,10 +135,10 @@
 .usage-hero::before {
     content: '';
     position: absolute;
-    top: -50%;
-    right: -20%;
-    width: 400px;
-    height: 400px;
+    top: -72px;
+    right: 0;
+    width: min(320px, 62%);
+    height: min(320px, 62%);
     background: radial-gradient(circle, rgba(200, 121, 99, 0.06) 0%, transparent 70%);
     pointer-events: none;
 }
@@ -175,10 +175,14 @@
 .usage-hero-active-label {
     font-weight: 600;
     color: var(--color-text-primary);
+    min-width: 0;
+    overflow-wrap: anywhere;
 }
 
 .usage-hero-active-stat {
     color: var(--color-text-tertiary);
+    min-width: 0;
+    overflow-wrap: anywhere;
 }
 
 .usage-hero-active-stat::before {
@@ -221,6 +225,15 @@
     justify-content: center;
     gap: 14px;
     flex-wrap: wrap;
+    min-width: 0;
+    overflow-wrap: anywhere;
+    text-align: center;
+}
+
+.usage-hero-sub > span {
+    min-width: 0;
+    max-width: 100%;
+    overflow-wrap: anywhere;
 }
 
 .usage-hero-delta {
@@ -372,6 +385,7 @@
     border: none;
     background: transparent;
     padding: 0;
+    min-width: 0;
 }
 
 .hourly-heatmap-wrapper {
@@ -380,6 +394,8 @@
     gap: 3px;
     margin-top: 14px;
     min-width: 500px;
+    max-width: 100%;
+    box-sizing: border-box;
     padding: 16px;
     border-radius: 18px;
     background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(252,248,241,0.6));
@@ -656,10 +672,14 @@
 /* ---- 图表网格 (加大间距) ---- */
 .usage-chart-grid {
     display: grid;
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 20px;
 }
 
+.usage-chart-grid > * {
+    min-width: 0;
+}
+
 /* 为非 paths 卡片添加容器 */
 .usage-chart-grid > .usage-card:not(.usage-paths-section):not(.usage-wave-section):not(.usage-card-hourly-heatmap) {
     padding: 16px;
@@ -704,10 +724,13 @@
 }
 
 /* ---- 响应式 ---- */
-@media (max-width: 960px) {
+@media (max-width: 1100px) {
     .usage-chart-grid {
         grid-template-columns: 1fr;
     }
+}
+
+@media (max-width: 960px) {
 
     .usage-hero-main {
         font-size: 44px;
@@ -726,12 +749,26 @@
     }
 
     .usage-hero {
-        padding: 24px 20px;
+        padding: 22px 16px;
         min-height: 140px;
+        gap: 16px;
+    }
+
+    .usage-hero::before {
+        top: -56px;
+        right: 0;
+        width: 220px;
+        height: 220px;
+    }
+
+    .usage-hero-active {
+        padding: 10px 12px;
+        gap: 8px 10px;
     }
 
     .usage-hero-main {
-        font-size: 38px;
+        font-size: clamp(32px, 10vw, 38px);
+        line-height: 1.08;
     }
 
     .usage-wave-chart {
@@ -743,11 +780,70 @@
     }
 
     .hourly-heatmap-wrapper {
+        width: 100%;
         min-width: 100%;
-        overflow-x: auto;
+        max-width: 100%;
+        overflow-x: visible;
+        padding: 12px;
+        gap: 2px;
+    }
+
+    .usage-card-hourly-heatmap {
+        overflow-x: visible;
+    }
+
+    .hourly-heatmap-header,
+    .hourly-heatmap-row {
+        gap: 2px;
+    }
+
+    .hourly-heatmap-corner,
+    .hourly-heatmap-weekday-label {
+        width: 28px;
+    }
+
+    .hourly-heatmap-weekday-label {
+        font-size: 10px;
+        padding-right: 4px;
+    }
+
+    .hourly-heatmap-hour-label {
+        font-size: 8px;
+        line-height: 12px;
+    }
+
+    .hourly-heatmap-cell {
+        height: 8px;
+        border-radius: 3px;
     }
 
     .usage-chart-grid {
         gap: 16px;
     }
 }
+
+@media (max-width: 420px) {
+    .hourly-heatmap-wrapper {
+        padding: 10px;
+        gap: 1px;
+    }
+
+    .hourly-heatmap-header,
+    .hourly-heatmap-row {
+        gap: 1px;
+    }
+
+    .hourly-heatmap-corner,
+    .hourly-heatmap-weekday-label {
+        width: 24px;
+    }
+
+    .hourly-heatmap-weekday-label {
+        font-size: 9px;
+        padding-right: 3px;
+    }
+
+    .hourly-heatmap-hour-label {
+        font-size: 7px;
+    }
+}

package/web-ui/styles/settings-panel.css

@@ -413,3 +413,7 @@
         max-width: none;
     }
 }
+
+.settings-language-select {
+    max-width: 280px;
+}

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

@@ -1,337 +0,0 @@
-                    <!-- Provider 配置模式（Codex） -->
-                    <div
-                        v-show="mainTab === 'config' && isProviderConfigMode"
-                        class="mode-content mode-cards"
-                        id="panel-config-provider"
-                        role="tabpanel"
-                        :aria-labelledby="forceCompactLayout ? 'tab-config' : ('side-tab-config-' + configMode)">
-                <div v-if="forceCompactLayout && !sessionStandalone" class="segmented-control">
-                    <button type="button" :class="['segment', { active: configMode === 'codex' }]" @click="switchConfigMode('codex')">{{ t('tab.config.codex') }}</button>
-                    <button type="button" :class="['segment', { active: configMode === 'claude' }]" @click="switchConfigMode('claude')">{{ t('tab.config.claude') }}</button>
-                    <button type="button" :class="['segment', { active: configMode === 'openclaw' }]" @click="switchConfigMode('openclaw')">{{ t('tab.config.openclaw') }}</button>
-                </div>
-                <template v-if="isCodexConfigMode && shouldShowCliInstallPlaceholder('codex')">
-                    <div class="selector-section">
-                        <div class="empty-state">
-                            <div class="empty-state-title">{{ t('cli.missing.title', { name: 'Codex' }) }}</div>
-                            <div class="empty-state-subtitle">{{ t('cli.missing.subtitle', { name: 'Codex' }) }}</div>
-                            <div class="docs-command-row">
-                                <div class="docs-command-box" role="group" :aria-label="t('cli.missing.commandAria', { name: 'Codex' })">
-                                    <code class="install-command">{{ getInstallCommand('codex', 'install') }}</code>
-                                    <button
-                                        type="button"
-                                        class="btn-mini docs-copy-btn"
-                                        :disabled="!getInstallCommand('codex', 'install')"
-                                        @click="copyInstallCommand(getInstallCommand('codex', '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>
-                        </div>
-                    </div>
-                </template>
-                <template v-else>
-                <!-- 添加提供商按钮 -->
-                <button class="btn-add" @click="showAddModal = true" 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>
-                    {{ t('config.addProvider') }}
-                </button>
-
-                <!-- 服务预设 -->
-                <div class="selector-section" v-if="isCodexConfigMode && codexProviderTemplates.length">
-                    <div class="selector-header">
-                        <span class="selector-title">{{ t('config.providerTemplate.title') }}</span>
-                    </div>
-                    <div class="btn-group" style="flex-wrap: wrap; gap: 8px; margin-top: 0;">
-                        <button
-                            v-for="tpl in codexProviderTemplates"
-                            :key="tpl.name"
-                            type="button"
-                            class="btn-mini"
-                            @click="newProvider.name = tpl.name;
-                                    newProvider.url = tpl.url;
-                                    newProvider._suggestedModel = tpl.model || '';
-                                    newProvider.useTransform = !!tpl.useTransform;
-                                    showAddModal = true">
-                            {{ tpl.label }}
-                        </button>
-                    </div>
-                </div>
-
-                <!-- 模型选择器 -->
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">{{ t('config.models') }}</span>
-                        <div class="selector-actions">
-                            <button class="btn-icon" @click="showModelModal = true" :aria-label="t('modal.modelAdd.title')" :title="t('modal.modelAdd.title')" v-if="modelsSource === 'legacy'">+</button>
-                            <button class="btn-icon" @click="showModelListModal = true" :aria-label="t('modal.modelManage.title')" :title="t('modal.modelManage.title')" v-if="modelsSource === 'legacy'">≡</button>
-                        </div>
-                    </div>
-                    <select
-                        v-if="codexModelsLoading || modelsSource === 'remote'"
-                        class="model-select"
-                        v-model="currentModel"
-                        @change="onModelChange"
-                        :disabled="codexModelsLoading"
-                    >
-                        <option v-if="codexModelsLoading" value="">{{ t('config.modelLoading') }}</option>
-                        <option v-else v-for="model in codexModelOptions" :key="model" :value="model">{{ model }}</option>
-                    </select>
-                    <input
-                        v-if="!codexModelsLoading && (modelsSource !== 'remote' || !modelsHasCurrent)"
-                        class="model-input"
-                        v-model="currentModel"
-                        @blur="onModelChange"
-                        @keyup.enter="onModelChange"
-                        :placeholder="activeProviderModelPlaceholder"
-                        :list="codexModelHasList ? 'codex-model-options' : null"
-                    >
-                    <datalist v-if="codexModelHasList" id="codex-model-options">
-                        <option v-for="model in codexModelOptions" :key="model" :value="model"></option>
-                    </datalist>
-                    <div class="config-template-hint" v-if="modelsSource === 'unlimited'">
-                        {{ t('config.models.unlimited') }}
-                    </div>
-                    <div class="config-template-hint" v-if="modelsSource === 'error'">
-                        {{ t('config.models.error') }}
-                    </div>
-                    <div class="config-template-hint" v-if="modelsSource === 'remote' && !modelsHasCurrent">
-                        {{ isCodexConfigMode ? t('config.models.notInList.codex') : t('config.models.notInList.other') }}
-                    </div>
-                    <div class="config-template-hint" v-if="isCodexConfigMode">
-                        {{ t('config.template.editFirst') }}
-                    </div>
-                    <div class="config-template-hint" v-else-if="activeProviderBridgeHint">
-                        {{ t('config.template.bridgeCodexOnly', { hint: activeProviderBridgeHint }) }}
-                    </div>
-                    <button class="btn-tool btn-template-editor" v-if="isCodexConfigMode" @click="openConfigTemplateEditor" :disabled="loading || !!initError">
-                        {{ t('config.template.openEditor') }}
-                    </button>
-                </div>
-
-                <template v-if="isCodexConfigMode">
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">{{ t('config.serviceTier') }}</span>
-                    </div>
-                    <select class="model-select" v-model="serviceTier" @change="onServiceTierChange">
-                        <option value="fast">{{ t('config.serviceTier.fast') }}</option>
-                        <option value="standard">{{ t('config.serviceTier.standard') }}</option>
-                    </select>
-                    <div class="config-template-hint">
-                        {{ t('config.serviceTier.hint', { field: 'service_tier' }) }}
-                    </div>
-                </div>
-
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">{{ t('config.reasoningEffort') }}</span>
-                    </div>
-                    <select class="model-select" v-model="modelReasoningEffort" @change="onReasoningEffortChange">
-                        <option value="high">high</option>
-                        <option value="medium">{{ t('config.reasoningEffort.medium') }}</option>
-                        <option value="low">low</option>
-                        <option value="xhigh">xhigh</option>
-                    </select>
-                    <div class="config-template-hint">
-                        {{ t('config.reasoningEffort.hint') }}
-                    </div>
-                </div>
-
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">{{ t('config.contextBudget') }}</span>
-                        <div class="selector-actions">
-                            <button
-                                class="btn-tool btn-tool-compact"
-                                @click="resetCodexContextBudgetDefaults"
-                                :disabled="loading || !!initError || codexApplying">
-                                {{ t('config.reset') }}
-                            </button>
-                        </div>
-                    </div>
-                    <div class="codex-config-grid">
-                        <div class="form-group codex-config-field">
-                            <label class="form-label" for="codex-model-context-window">model_context_window</label>
-                            <input
-                                id="codex-model-context-window"
-                                v-model="modelContextWindowInput"
-                                class="form-input"
-                                inputmode="numeric"
-                                autocomplete="off"
-                                :placeholder="t('config.example', { value: 190000 })"
-                                @focus="editingCodexBudgetField = 'modelContextWindowInput'"
-                                @input="sanitizePositiveIntegerDraft('modelContextWindowInput')"
-                                @blur="onModelContextWindowBlur"
-                                @keydown.enter.prevent="onModelContextWindowBlur">
-                            <div class="form-hint">{{ t('config.contextWindow.hint') }}</div>
-                        </div>
-                        <div class="form-group codex-config-field">
-                            <label class="form-label" for="codex-model-auto-compact-token-limit">model_auto_compact_token_limit</label>
-                            <input
-                                id="codex-model-auto-compact-token-limit"
-                                v-model="modelAutoCompactTokenLimitInput"
-                                class="form-input"
-                                inputmode="numeric"
-                                autocomplete="off"
-                                :placeholder="t('config.example', { value: 185000 })"
-                                @focus="editingCodexBudgetField = 'modelAutoCompactTokenLimitInput'"
-                                @input="sanitizePositiveIntegerDraft('modelAutoCompactTokenLimitInput')"
-                                @blur="onModelAutoCompactTokenLimitBlur"
-                                @keydown.enter.prevent="onModelAutoCompactTokenLimitBlur">
-                            <div class="form-hint">{{ t('config.autoCompact.hint') }}</div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">AGENTS.md</span>
-                    </div>
-                    <button class="btn-tool" @click="openAgentsEditor" :disabled="loading || !!initError || agentsLoading">
-                        {{ agentsLoading ? t('config.modelLoading') : t('config.agents.open') }}
-                    </button>
-                </div>
-
-                <div class="selector-section">
-                    <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 v-if="healthCheckLoading && healthCheckBatchTotal" class="config-template-hint">
-                        {{ t('config.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>
-
-                </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 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 class="card-title">
-                                    <span>{{ provider.name }}</span>
-                                    <span v-if="provider.readOnly" class="provider-readonly-badge">{{ t('config.badge.system') }}</span>
-                                </div>
-                                <div v-if="provider.name !== 'local'" class="card-subtitle card-subtitle-model">
-                                    {{ activeProviderModel(provider.name) || t('config.model.unset') }}
-                                </div>
-                                <div v-if="provider.name !== 'local'" class="card-subtitle card-subtitle-url">
-                                    {{ displayProviderUrl(provider) || t('config.url.unset') }}
-                                </div>
-                            </div>
-                        </div>
-                        <div class="card-trailing">
-                            <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
-                                    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 14h7l-1 8 12-14h-7l1-6z"/>
-                                    </svg>
-                                </button>
-                                <button
-                                    v-if="!provider.readOnly"
-                                    class="card-action-btn"
-                                    :class="{ loading: providerShareLoading[provider.name], disabled: !shouldAllowProviderShare(provider) }"
-                                    :disabled="providerShareLoading[provider.name] || !shouldAllowProviderShare(provider)"
-                                    @click="copyProviderShareCommand(provider)"
-                                    :title="shouldAllowProviderShare(provider) ? t('config.shareCommand') : t('config.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>
-                                <button
-                                    v-if="!provider.readOnly"
-                                    class="card-action-btn"
-                                    :class="{ disabled: !shouldShowProviderEdit(provider) }"
-                                    :disabled="!shouldShowProviderEdit(provider)"
-                                    @click="openEditModal(provider)"
-                                    :aria-label="t('config.provider.edit.aria', { name: provider.name })"
-                                    :title="shouldShowProviderEdit(provider) ? t('common.edit') : t('common.notEditable')">
-                                    <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
-                                    v-if="!provider.readOnly"
-                                    class="card-action-btn"
-                                    @click="openCloneProviderModal(provider)"
-                                    :aria-label="t('config.provider.clone.aria', { name: provider.name })"
-                                    :title="t('config.provider.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>
-                                </button>
-                                <button
-                                    v-if="!provider.readOnly"
-                                    class="card-action-btn delete"
-                                    :class="{ disabled: !shouldShowProviderDelete(provider) }"
-                                    :disabled="!shouldShowProviderDelete(provider)"
-                                    @click="deleteProvider(provider.name)"
-                                    :aria-label="t('config.provider.delete.aria', { name: provider.name })"
-                                    :title="shouldShowProviderDelete(provider) ? t('common.delete') : t('common.notDeletable')">
-                                    <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="displayCurrentProvider === 'local'" class="local-bridge-panel" style="margin-top:12px;padding:12px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)">
-                    <div style="font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-secondary)">轮询池 — 勾选参与负载均衡的提供商</div>
-                    <div v-if="localBridgeCandidateProviders().length === 0" style="font-size:12px;color:var(--text-muted)">暂无可用上游 provider，请先添加直连 provider</div>
-                    <label v-for="cp in localBridgeCandidateProviders()" :key="cp.name"
-                        style="display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;font-size:13px">
-                        <input type="checkbox"
-                            :checked="!isLocalBridgeExcluded(cp.name)"
-                            @change="toggleLocalBridgeExcluded(cp.name)"
-                            style="accent-color:var(--accent-color)" />
-                        <span>{{ cp.name }}</span>
-                    </label>
-                </div>
-
-                </template>
-            </div>