codexmate 0.0.29 → 0.0.30

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

@@ -1,83 +1,83 @@
-                <!-- OpenClaw 配置模式 -->
-                <div
-                    v-show="mainTab === 'config' && configMode === 'openclaw'"
-                    class="mode-content mode-cards"
-                    id="panel-config-openclaw"
-                    role="tabpanel"
-                    :aria-labelledby="forceCompactLayout ? 'tab-config' : 'side-tab-config-openclaw'">
-                <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>
-                <div class="config-template-hint">
-                    {{ t('openclaw.applyHint') }}
-                </div>
-
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <span class="selector-title">AGENTS.md</span>
-                    </div>
-                    <div class="config-template-hint">
-                        {{ t('openclaw.agents.hint') }}
-                    </div>
-                    <button class="btn-tool" @click="openOpenclawAgentsEditor" :disabled="loading || !!initError || agentsLoading">
-                        {{ agentsLoading ? t('config.modelLoading') : t('openclaw.agents.open') }}
-                    </button>
-                </div>
-
-                <div class="selector-section">
-                    <div class="selector-header">
-                        <label class="selector-title" for="openclaw-workspace-file">{{ t('openclaw.workspaceFile') }}</label>
-                    </div>
-                    <input
-                        id="openclaw-workspace-file"
-                        class="form-input"
-                        v-model="openclawWorkspaceFileName"
-                        :placeholder="t('openclaw.workspace.placeholder')">
-                    <div class="config-template-hint">
-                        {{ t('openclaw.workspace.hint') }}
-                    </div>
-                    <button class="btn-tool" @click="openOpenclawWorkspaceEditor" :disabled="loading || !!initError || agentsLoading">
-                        {{ agentsLoading ? t('config.modelLoading') : t('openclaw.workspace.open') }}
-                    </button>
-                </div>
-
-                <div class="card-list">
-                    <div v-for="(config, name) in openclawConfigs" :key="name"
-                         :class="['card', { active: currentOpenclawConfig === name }]"
-                         @click="applyOpenclawConfig(name)"
-                         @keydown.enter.self.prevent="applyOpenclawConfig(name)"
-                         @keydown.space.self.prevent="applyOpenclawConfig(name)"
-                         tabindex="0"
-                         role="button"
-                         :aria-current="currentOpenclawConfig === name ? 'true' : null">
-                        <div class="card-leading">
-                            <div class="card-icon">{{ name.charAt(0).toUpperCase() }}</div>
-                            <div class="card-content">
-                                <div class="card-title">{{ name }}</div>
-                                <div class="card-subtitle">{{ openclawSubtitle(config) }}</div>
-                            </div>
-                        </div>
-                        <div class="card-trailing">
-                            <span :class="['pill', openclawHasContent(config) ? 'configured' : 'empty']">
-                                {{ openclawHasContent(config) ? t('openclaw.configured') : t('openclaw.notConfigured') }}
-                            </span>
-                            <div class="card-actions" @click.stop>
-                                <button class="card-action-btn" @click="openOpenclawEditModal(name)" :aria-label="t('openclaw.action.editAria', { name })" :title="t('openclaw.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>
-                                </button>
-                                <button v-if="name !== '默认配置'" class="card-action-btn delete" @click="deleteOpenclawConfig(name)" :aria-label="t('openclaw.action.deleteAria', { name })" :title="t('openclaw.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>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+                <!-- OpenClaw 配置模式 -->
+                <div
+                    v-show="mainTab === 'config' && configMode === 'openclaw'"
+                    class="mode-content mode-cards"
+                    id="panel-config-openclaw"
+                    role="tabpanel"
+                    :aria-labelledby="forceCompactLayout ? 'tab-config' : 'side-tab-config-openclaw'">
+                <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>
+                <div class="config-template-hint">
+                    {{ t('openclaw.applyHint') }}
+                </div>
+
+                <div class="selector-section">
+                    <div class="selector-header">
+                        <span class="selector-title">AGENTS.md</span>
+                    </div>
+                    <div class="config-template-hint">
+                        {{ t('openclaw.agents.hint') }}
+                    </div>
+                    <button class="btn-tool" @click="openOpenclawAgentsEditor" :disabled="loading || !!initError || agentsLoading">
+                        {{ agentsLoading ? t('config.modelLoading') : t('openclaw.agents.open') }}
+                    </button>
+                </div>
+
+                <div class="selector-section">
+                    <div class="selector-header">
+                        <label class="selector-title" for="openclaw-workspace-file">{{ t('openclaw.workspaceFile') }}</label>
+                    </div>
+                    <input
+                        id="openclaw-workspace-file"
+                        class="form-input"
+                        v-model="openclawWorkspaceFileName"
+                        :placeholder="t('openclaw.workspace.placeholder')">
+                    <div class="config-template-hint">
+                        {{ t('openclaw.workspace.hint') }}
+                    </div>
+                    <button class="btn-tool" @click="openOpenclawWorkspaceEditor" :disabled="loading || !!initError || agentsLoading">
+                        {{ agentsLoading ? t('config.modelLoading') : t('openclaw.workspace.open') }}
+                    </button>
+                </div>
+
+                <div class="card-list">
+                    <div v-for="(config, name) in openclawConfigs" :key="name"
+                         :class="['card', { active: currentOpenclawConfig === name }]"
+                         @click="applyOpenclawConfig(name)"
+                         @keydown.enter.self.prevent="applyOpenclawConfig(name)"
+                         @keydown.space.self.prevent="applyOpenclawConfig(name)"
+                         tabindex="0"
+                         role="button"
+                         :aria-current="currentOpenclawConfig === name ? 'true' : null">
+                        <div class="card-leading">
+                            <div class="card-icon">{{ name.charAt(0).toUpperCase() }}</div>
+                            <div class="card-content">
+                                <div class="card-title">{{ name }}</div>
+                                <div class="card-subtitle">{{ openclawSubtitle(config) }}</div>
+                            </div>
+                        </div>
+                        <div class="card-trailing">
+                            <span :class="['pill', openclawHasContent(config) ? 'configured' : 'empty']">
+                                {{ openclawHasContent(config) ? t('openclaw.configured') : t('openclaw.notConfigured') }}
+                            </span>
+                            <div class="card-actions" @click.stop>
+                                <button class="card-action-btn" @click="openOpenclawEditModal(name)" :aria-label="t('openclaw.action.editAria', { name })" :title="t('openclaw.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>
+                                </button>
+                                <button v-if="name !== '默认配置'" class="card-action-btn delete" @click="deleteOpenclawConfig(name)" :aria-label="t('openclaw.action.deleteAria', { name })" :title="t('openclaw.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>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>

package/web-ui/partials/index/panel-dashboard.html

@@ -1,186 +1,219 @@
-                <div
-                    v-show="mainTab === 'dashboard'"
-                    class="mode-content"
-                    id="panel-dashboard"
-                    role="tabpanel"
-                    :aria-labelledby="'tab-dashboard'">
-                    <div class="selector-section doctor-hero">
-                        <div class="selector-header">
-                            <span class="selector-title">{{ t('dashboard.doctor.title') }}</span>
-                            <div class="selector-actions">
-                                <button
-                                    class="btn-tool btn-tool-compact"
-                                    @click="runHealthCheck"
-                                    :disabled="loading || !!initError || healthCheckLoading">
-                                    {{ healthCheckLoading ? t('dashboard.doctor.checking') : t('dashboard.doctor.runChecks') }}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="doctor-grid">
-                            <button type="button" class="doctor-card" @click="switchMainTab('config')" :disabled="loading || !!initError">
-                                <div class="doctor-card-title">{{ t('dashboard.card.config') }}</div>
-                                <div class="doctor-card-meta">
-                                    <span>{{ inspectorConfigModeLabel }}</span>
-                                    <span>·</span>
-                                    <span>{{ inspectorCurrentConfigLabel }}</span>
-                                </div>
-                                <div class="doctor-card-kv">
-                                    <span>{{ t('dashboard.kv.model') }}</span>
-                                    <span>{{ inspectorCurrentModelLabel }}</span>
-                                </div>
-                            </button>
-                            <button type="button" class="doctor-card" @click="switchMainTab('sessions')" :disabled="loading || !!initError">
-                                <div class="doctor-card-title">{{ t('dashboard.card.sessions') }}</div>
-                                <div class="doctor-card-meta">
-                                    <span>{{ sessionsLoading ? t('dashboard.state.loading') : (sessionsLoadedOnce ? t('dashboard.state.ready') : t('dashboard.state.idle')) }}</span>
-                                    <span>·</span>
-                                    <span>{{ t('dashboard.sessions.count', { count: sessionsList.length }) }}</span>
-                                </div>
-                                <div class="doctor-card-kv" v-if="activeSessionDetailError">
-                                    <span>{{ t('dashboard.kv.issue') }}</span>
-                                    <span class="doctor-kv-error">{{ activeSessionDetailError }}</span>
-                                </div>
-                                <div class="doctor-card-kv" v-else>
-                                    <span>{{ t('dashboard.kv.active') }}</span>
-                                    <span>{{ activeSession ? (activeSession.title || activeSession.sessionId) : t('dashboard.none') }}</span>
-                                </div>
-                            </button>
-                            <button type="button" class="doctor-card" @click="switchMainTab('usage')" :disabled="loading || !!initError">
-                                <div class="doctor-card-title">{{ t('dashboard.card.usage') }}</div>
-                                <div class="doctor-card-meta">
-                                    <span>{{ sessionsUsageLoading ? t('dashboard.state.loading') : (sessionsUsageLoadedOnce ? t('dashboard.state.ready') : t('dashboard.state.idle')) }}</span>
-                                    <span>·</span>
-                                    <span>{{ t('dashboard.usage.range', { value: (sessionsUsageTimeRange === 'all' ? t('usage.range.all') : (sessionsUsageTimeRange === '30d' ? t('usage.range.30d.short') : t('usage.range.7d.short'))) }) }}</span>
-                                </div>
-                                <div class="doctor-card-kv" v-if="sessionsUsageError">
-                                    <span>{{ t('dashboard.kv.issue') }}</span>
-                                    <span class="doctor-kv-error">{{ sessionsUsageError }}</span>
-                                </div>
-                                <div class="doctor-card-kv" v-else>
-                                    <span>{{ t('dashboard.kv.sessions') }}</span>
-                                    <span>{{ sessionUsageSummaryCards[0] ? sessionUsageSummaryCards[0].value : 0 }}</span>
-                                </div>
-                                <div class="doctor-card-kv"
-                                    v-if="sessionsUsageLoadedOnce
-                                        && sessionsUsageList.filter(session => !(session && typeof session.model === 'string' && session.model.trim())).length">
-                                    <span>{{ t('dashboard.kv.missingModel') }}</span>
-                                    <span>{{ sessionsUsageList.filter(session => !(session && typeof session.model === 'string' && session.model.trim())).length }}</span>
-                                </div>
-                            </button>
-                            <button
-                                v-if="taskOrchestrationTabEnabled"
-                                type="button"
-                                class="doctor-card"
-                                @click="switchMainTab('orchestration')"
-                                :disabled="loading || !!initError">
-                                <div class="doctor-card-title">{{ t('dashboard.card.tasks') }}</div>
-                                <div class="doctor-card-meta">
-                                    <span>{{ taskOrchestration && taskOrchestration.loading ? t('dashboard.state.loading') : t('dashboard.state.ready') }}</span>
-                                    <span>·</span>
-                                    <span>{{ t('dashboard.tasks.queue', { running: taskOrchestrationQueueStats.running, queued: taskOrchestrationQueueStats.queued }) }}</span>
-                                </div>
-                                <div class="doctor-card-kv" v-if="taskOrchestration && taskOrchestration.planIssues && taskOrchestration.planIssues.length">
-                                    <span>{{ t('dashboard.kv.blockers') }}</span>
-                                    <span>{{ taskOrchestration.planIssues.length }}</span>
-                                </div>
-                                <div class="doctor-card-kv" v-else>
-                                    <span>{{ t('dashboard.kv.runs') }}</span>
-                                    <span>{{ taskOrchestration && taskOrchestration.runs ? taskOrchestration.runs.length : 0 }}</span>
-                                </div>
-                            </button>
-                            <button type="button" class="doctor-card" @click="switchMainTab('market')" :disabled="loading || !!initError">
-                                <div class="doctor-card-title">{{ t('dashboard.card.skills') }}</div>
-                                <div class="doctor-card-meta">
-                                    <span>{{ skillsMarketBusy ? t('dashboard.state.loading') : t('dashboard.state.ready') }}</span>
-                                    <span>·</span>
-                                    <span>{{ t('dashboard.skills.count', { installed: skillsList.length, importable: skillsImportList.length }) }}</span>
-                                </div>
-                                <div class="doctor-card-kv">
-                                    <span>{{ t('dashboard.kv.target') }}</span>
-                                    <span>{{ skillsTargetLabel }}</span>
-                                </div>
-                                <div class="doctor-card-kv" v-if="skillsRootPath">
-                                    <span>{{ t('dashboard.kv.root') }}</span>
-                                    <span>{{ skillsRootPath }}</span>
-                                </div>
-                            </button>
-                        </div>
-                        <div class="doctor-status-row">
-                            <div class="doctor-status-chip" :class="inspectorHealthTone">
-                                <span>{{ t('dashboard.status.health') }}</span>
-                                <strong>{{ inspectorHealthStatus }}</strong>
-                            </div>
-                            <div class="doctor-status-chip">
-                                <span>{{ t('dashboard.status.busy') }}</span>
-                                <strong>{{ inspectorBusyStatus }}</strong>
-                            </div>
-                            <div class="doctor-status-chip">
-                                <span>{{ t('dashboard.status.models') }}</span>
-                                <strong>{{ inspectorModelLoadStatus }}</strong>
-                            </div>
-                        </div>
-                        <div v-if="healthCheckResult" class="doctor-health-result" :class="healthCheckResult.ok ? 'ok' : 'error'">
-                            <div class="doctor-health-title">
-                                {{ healthCheckResult.ok ? t('dashboard.health.ok') : t('dashboard.health.fail') }}
-                                <span v-if="healthCheckResult.issues && healthCheckResult.issues.length">（{{ t('dashboard.health.issues', { count: healthCheckResult.issues.length }) }}）</span>
-                            </div>
-                        </div>
-                        <div v-if="healthCheckResult && healthCheckResult.report && healthCheckResult.report.issues && healthCheckResult.report.issues.length" class="doctor-action-list">
-                            <div v-for="issue in healthCheckResult.report.issues" :key="issue.id" class="doctor-action-card">
-                                <div class="doctor-action-head">
-                                    <div class="doctor-action-title">{{ issue.problem || (issue.problemKey ? t(issue.problemKey, issue.problemParams) : '') }}</div>
-                                    <div :class="['doctor-action-severity', issue.severity]">{{ issue.severityLabel || issue.severity }}</div>
-                                </div>
-                                <div class="doctor-action-impact">{{ issue.impact || (issue.impactKey ? t(issue.impactKey, issue.impactParams) : '') }}</div>
-                                <div v-if="issue.actions && issue.actions.length" class="doctor-action-buttons">
-                                    <template v-for="(action, index) in issue.actions" :key="issue.id + '-action-' + index">
-                                        <button
-                                            v-if="action.type === 'navigate'"
-                                            type="button"
-                                            class="btn-tool btn-tool-compact"
-                                            @click="switchMainTab(action.target)">
-                                            {{ action.label || (action.labelKey ? t(action.labelKey, action.labelParams) : t('dashboard.doctor.open')) }}
-                                        </button>
-                                        <button
-                                            v-else-if="action.type === 'run-check'"
-                                            type="button"
-                                            class="btn-tool btn-tool-compact"
-                                            @click="runHealthCheck({ doctor: true, forceRefresh: true })"
-                                            :disabled="healthCheckLoading">
-                                            {{ t('dashboard.doctor.runChecks') }}
-                                        </button>
-                                        <button
-                                            v-else-if="action.type === 'export'"
-                                            type="button"
-                                            class="btn-tool btn-tool-compact"
-                                            @click="healthCheckResult && healthCheckResult.report
-                                                ? (action.format === 'md'
-                                                    ? downloadTextFile('codexmate-doctor.md', String(healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
-                                                    : downloadTextFile('codexmate-doctor.json', JSON.stringify(healthCheckResult.report, null, 2), 'application/json;charset=utf-8'))
-                                                : null">
-                                            {{ action.format === 'md' ? t('dashboard.doctor.export.md') : t('dashboard.doctor.export.json') }}
-                                        </button>
-                                    </template>
-                                </div>
-                            </div>
-                            <div class="doctor-action-footer">
-                                <button
-                                    type="button"
-                                    class="btn-tool btn-tool-compact"
-                                    @click="healthCheckResult && healthCheckResult.report
-                                        ? downloadTextFile('codexmate-doctor.json', JSON.stringify(healthCheckResult.report, null, 2), 'application/json;charset=utf-8')
-                                        : null">
-                                    {{ t('dashboard.doctor.export.json') }}
-                                </button>
-                                <button
-                                    type="button"
-                                    class="btn-tool btn-tool-compact"
-                                    @click="healthCheckResult && healthCheckResult.report
-                                        ? downloadTextFile('codexmate-doctor.md', String(healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
-                                        : null">
-                                    {{ t('dashboard.doctor.export.md') }}
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+                <div
+                    v-show="mainTab === 'dashboard'"
+                    class="mode-content"
+                    id="panel-dashboard"
+                    role="tabpanel"
+                    :aria-labelledby="'tab-dashboard'">
+                    <div class="selector-section doctor-hero">
+                        <div class="selector-header">
+                            <span class="selector-title">{{ t('dashboard.doctor.title') }}</span>
+                            <div class="selector-actions">
+                                <button
+                                    class="btn-tool btn-tool-compact"
+                                    @click="runHealthCheck"
+                                    :disabled="loading || !!initError || healthCheckLoading">
+                                    {{ healthCheckLoading ? t('dashboard.doctor.checking') : t('dashboard.doctor.runChecks') }}
+                                </button>
+                            </div>
+                        </div>
+                        <div class="doctor-grid">
+                            <button type="button" class="doctor-card" @click="switchMainTab('config')" :disabled="loading || !!initError">
+                                <div class="doctor-card-title">{{ t('dashboard.card.config') }}</div>
+                                <div class="doctor-card-meta">
+                                    <span>{{ inspectorConfigModeLabel }}</span>
+                                    <span>·</span>
+                                    <span>{{ inspectorCurrentConfigLabel }}</span>
+                                </div>
+                                <div class="doctor-card-kv">
+                                    <span>{{ t('dashboard.kv.model') }}</span>
+                                    <span>{{ inspectorCurrentModelLabel }}</span>
+                                </div>
+                            </button>
+                            <button type="button" class="doctor-card" @click="switchMainTab('sessions')" :disabled="loading || !!initError">
+                                <div class="doctor-card-title">{{ t('dashboard.card.sessions') }}</div>
+                                <div class="doctor-card-meta">
+                                    <span>{{ sessionsLoading ? t('dashboard.state.loading') : (sessionsLoadedOnce ? t('dashboard.state.ready') : t('dashboard.state.idle')) }}</span>
+                                    <span>·</span>
+                                    <span>{{ t('dashboard.sessions.count', { count: sessionsList.length }) }}</span>
+                                </div>
+                                <div class="doctor-card-kv" v-if="activeSessionDetailError">
+                                    <span>{{ t('dashboard.kv.issue') }}</span>
+                                    <span class="doctor-kv-error">{{ activeSessionDetailError }}</span>
+                                </div>
+                                <div class="doctor-card-kv" v-else>
+                                    <span>{{ t('dashboard.kv.active') }}</span>
+                                    <span>{{ activeSession ? (activeSession.title || activeSession.sessionId) : t('dashboard.none') }}</span>
+                                </div>
+                            </button>
+                            <button type="button" class="doctor-card" @click="switchMainTab('usage')" :disabled="loading || !!initError">
+                                <div class="doctor-card-title">{{ t('dashboard.card.usage') }}</div>
+                                <div class="doctor-card-meta">
+                                    <span>{{ sessionsUsageLoading ? t('dashboard.state.loading') : (sessionsUsageLoadedOnce ? t('dashboard.state.ready') : t('dashboard.state.idle')) }}</span>
+                                    <span>·</span>
+                                    <span>{{ t('dashboard.usage.range', { value: (sessionsUsageTimeRange === 'all' ? t('usage.range.all') : (sessionsUsageTimeRange === '30d' ? t('usage.range.30d.short') : t('usage.range.7d.short'))) }) }}</span>
+                                </div>
+                                <div class="doctor-card-kv" v-if="sessionsUsageError">
+                                    <span>{{ t('dashboard.kv.issue') }}</span>
+                                    <span class="doctor-kv-error">{{ sessionsUsageError }}</span>
+                                </div>
+                                <div class="doctor-card-kv" v-else>
+                                    <span>{{ t('dashboard.kv.sessions') }}</span>
+                                    <span>{{ sessionUsageSummaryCards[0] ? sessionUsageSummaryCards[0].value : 0 }}</span>
+                                </div>
+                                <div class="doctor-card-kv"
+                                    v-if="sessionsUsageLoadedOnce
+                                        && sessionsUsageList.filter(session => !(session && typeof session.model === 'string' && session.model.trim())).length">
+                                    <span>{{ t('dashboard.kv.missingModel') }}</span>
+                                    <span>{{ sessionsUsageList.filter(session => !(session && typeof session.model === 'string' && session.model.trim())).length }}</span>
+                                </div>
+                            </button>
+                            <button
+                                v-if="taskOrchestrationTabEnabled"
+                                type="button"
+                                class="doctor-card"
+                                @click="switchMainTab('orchestration')"
+                                :disabled="loading || !!initError">
+                                <div class="doctor-card-title">{{ t('dashboard.card.tasks') }}</div>
+                                <div class="doctor-card-meta">
+                                    <span>{{ taskOrchestration && taskOrchestration.loading ? t('dashboard.state.loading') : t('dashboard.state.ready') }}</span>
+                                    <span>·</span>
+                                    <span>{{ t('dashboard.tasks.queue', { running: taskOrchestrationQueueStats.running, queued: taskOrchestrationQueueStats.queued }) }}</span>
+                                </div>
+                                <div class="doctor-card-kv" v-if="taskOrchestration && taskOrchestration.planIssues && taskOrchestration.planIssues.length">
+                                    <span>{{ t('dashboard.kv.blockers') }}</span>
+                                    <span>{{ taskOrchestration.planIssues.length }}</span>
+                                </div>
+                                <div class="doctor-card-kv" v-else>
+                                    <span>{{ t('dashboard.kv.runs') }}</span>
+                                    <span>{{ taskOrchestration && taskOrchestration.runs ? taskOrchestration.runs.length : 0 }}</span>
+                                </div>
+                            </button>
+                            <button type="button" class="doctor-card" @click="switchMainTab('market')" :disabled="loading || !!initError">
+                                <div class="doctor-card-title">{{ t('dashboard.card.skills') }}</div>
+                                <div class="doctor-card-meta">
+                                    <span>{{ skillsMarketBusy ? t('dashboard.state.loading') : t('dashboard.state.ready') }}</span>
+                                    <span>·</span>
+                                    <span>{{ t('dashboard.skills.count', { installed: skillsList.length, importable: skillsImportList.length }) }}</span>
+                                </div>
+                                <div class="doctor-card-kv">
+                                    <span>{{ t('dashboard.kv.target') }}</span>
+                                    <span>{{ skillsTargetLabel }}</span>
+                                </div>
+                                <div class="doctor-card-kv" v-if="skillsRootPath">
+                                    <span>{{ t('dashboard.kv.root') }}</span>
+                                    <span>{{ skillsRootPath }}</span>
+                                </div>
+                            </button>
+                        </div>
+                        <div class="doctor-status-row">
+                            <div class="doctor-status-chip" :class="inspectorHealthTone">
+                                <span>{{ t('dashboard.status.health') }}</span>
+                                <strong>{{ inspectorHealthStatus }}</strong>
+                            </div>
+                            <div class="doctor-status-chip">
+                                <span>{{ t('dashboard.status.busy') }}</span>
+                                <strong>{{ inspectorBusyStatus }}</strong>
+                            </div>
+                            <div class="doctor-status-chip">
+                                <span>{{ t('dashboard.status.models') }}</span>
+                                <strong>{{ inspectorModelLoadStatus }}</strong>
+                            </div>
+                        </div>
+                        <div v-if="providersHealthLoading || providersHealthResult" class="doctor-providers-health">
+                            <div class="doctor-providers-health-title">
+                                {{ t('dashboard.providersHealth.title') }}
+                                <span v-if="providersHealthResult" class="doctor-providers-health-summary">
+                                    {{ providersHealthResult.summary.green }}/{{ providersHealthResult.summary.total }}
+                                </span>
+                                <span v-else class="doctor-providers-health-summary">{{ t('dashboard.providersHealth.checking') }}</span>
+                            </div>
+                            <div v-if="providersHealthResult" class="doctor-providers-grid">
+                                <div v-for="entry in providersHealthResult.providers"
+                                    :key="entry.provider"
+                                    class="doctor-provider-chip"
+                                    :class="[entry.status]"
+                                    :title="entry.provider + (entry.remote ? (entry.remote.ok ? ' OK' : ' ' + entry.remote.message) : '')">
+                                    <span class="doctor-provider-name">
+                                        {{ entry.provider }}
+                                        <span v-if="entry.isCurrent" class="doctor-provider-current">{{ t('dashboard.providersHealth.current') }}</span>
+                                    </span>
+                                    <span class="doctor-provider-status-dot"></span>
+                                </div>
+                            </div>
+                            <div v-if="providersHealthResult && providersHealthResult.providers.some(e => e.issues && e.issues.length)" class="doctor-provider-issues">
+                                <div v-for="entry in providersHealthResult.providers.filter(e => e.issues && e.issues.length)"
+                                    :key="entry.provider + '-issues'"
+                                    class="doctor-provider-issue-card">
+                                    <div class="doctor-provider-issue-name">{{ entry.provider }}</div>
+                                    <div v-for="issue in entry.issues" :key="issue.code" class="doctor-provider-issue-row">
+                                        <span class="doctor-provider-issue-text">{{ issue.message }}</span>
+                                        <span v-if="issue.suggestion" class="doctor-provider-issue-fix">{{ issue.suggestion }}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div v-if="healthCheckResult" class="doctor-health-result" :class="healthCheckResult.ok ? 'ok' : 'error'">
+                            <div class="doctor-health-title">
+                                {{ healthCheckResult.ok ? t('dashboard.health.ok') : t('dashboard.health.fail') }}
+                                <span v-if="healthCheckResult.issues && healthCheckResult.issues.length">（{{ t('dashboard.health.issues', { count: healthCheckResult.issues.length }) }}）</span>
+                            </div>
+                        </div>
+                        <div v-if="healthCheckResult && healthCheckResult.report && healthCheckResult.report.issues && healthCheckResult.report.issues.length" class="doctor-action-list">
+                            <div v-for="issue in healthCheckResult.report.issues" :key="issue.id" class="doctor-action-card">
+                                <div class="doctor-action-head">
+                                    <div class="doctor-action-title">{{ issue.problem || (issue.problemKey ? t(issue.problemKey, issue.problemParams) : '') }}</div>
+                                    <div :class="['doctor-action-severity', issue.severity]">{{ issue.severityLabel || issue.severity }}</div>
+                                </div>
+                                <div class="doctor-action-impact">{{ issue.impact || (issue.impactKey ? t(issue.impactKey, issue.impactParams) : '') }}</div>
+                                <div v-if="issue.actions && issue.actions.length" class="doctor-action-buttons">
+                                    <template v-for="(action, index) in issue.actions" :key="issue.id + '-action-' + index">
+                                        <button
+                                            v-if="action.type === 'navigate'"
+                                            type="button"
+                                            class="btn-tool btn-tool-compact"
+                                            @click="switchMainTab(action.target)">
+                                            {{ action.label || (action.labelKey ? t(action.labelKey, action.labelParams) : t('dashboard.doctor.open')) }}
+                                        </button>
+                                        <button
+                                            v-else-if="action.type === 'run-check'"
+                                            type="button"
+                                            class="btn-tool btn-tool-compact"
+                                            @click="runHealthCheck({ doctor: true, forceRefresh: true })"
+                                            :disabled="healthCheckLoading">
+                                            {{ t('dashboard.doctor.runChecks') }}
+                                        </button>
+                                        <button
+                                            v-else-if="action.type === 'export'"
+                                            type="button"
+                                            class="btn-tool btn-tool-compact"
+                                            @click="healthCheckResult && healthCheckResult.report
+                                                ? (action.format === 'md'
+                                                    ? downloadTextFile('codexmate-doctor.md', String(healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
+                                                    : downloadTextFile('codexmate-doctor.json', JSON.stringify(healthCheckResult.report, null, 2), 'application/json;charset=utf-8'))
+                                                : null">
+                                            {{ action.format === 'md' ? t('dashboard.doctor.export.md') : t('dashboard.doctor.export.json') }}
+                                        </button>
+                                    </template>
+                                </div>
+                            </div>
+                            <div class="doctor-action-footer">
+                                <button
+                                    type="button"
+                                    class="btn-tool btn-tool-compact"
+                                    @click="healthCheckResult && healthCheckResult.report
+                                        ? downloadTextFile('codexmate-doctor.json', JSON.stringify(healthCheckResult.report, null, 2), 'application/json;charset=utf-8')
+                                        : null">
+                                    {{ t('dashboard.doctor.export.json') }}
+                                </button>
+                                <button
+                                    type="button"
+                                    class="btn-tool btn-tool-compact"
+                                    @click="healthCheckResult && healthCheckResult.report
+                                        ? downloadTextFile('codexmate-doctor.md', String(healthCheckResult.markdown || ''), 'text/markdown;charset=utf-8')
+                                        : null">
+                                    {{ t('dashboard.doctor.export.md') }}
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>