From ff79f5c13d1425183b382e09febd99053cac2d01 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 16 Apr 2026 22:38:18 +0800
Subject: [PATCH] dd

---
 .gitignore                                   |    6 +-
 domain-web/src/views/runtime/RuntimeView.vue | 1199 ++++++++++++++++++
 2 files changed, 1203 insertions(+), 2 deletions(-)
 create mode 100644 domain-web/src/views/runtime/RuntimeView.vue

diff --git a/.gitignore b/.gitignore
index 83820c9..5be3988 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,8 +22,10 @@ dist/
 # Logs and runtime data
 *.log
 logs/
-runtime/
-diagnostics/
+/runtime/
+/diagnostics/
+/domain-api/runtime/
+!/domain-web/src/views/runtime/
 
 # Build and release artifacts
 release/
diff --git a/domain-web/src/views/runtime/RuntimeView.vue b/domain-web/src/views/runtime/RuntimeView.vue
new file mode 100644
index 0000000..e56fc63
--- /dev/null
+++ b/domain-web/src/views/runtime/RuntimeView.vue
@@ -0,0 +1,1199 @@
+<template>
+  <PageCard title="运行中心" description="统一查看 API / Worker 状态、自检结果，并触发常用运行时动作。">
+    <template #header-extra>
+      <div class="header-actions">
+        <el-button plain :loading="loading.status || loading.preflight" @click="loadAll">刷新</el-button>
+        <el-switch v-model="autoRefresh" inline-prompt active-text="自动刷新" inactive-text="手动" />
+        <span class="updated-at">最近刷新：{{ lastUpdatedAt || "暂无" }}</span>
+      </div>
+    </template>
+
+    <div class="summary-grid">
+      <div class="summary-card">
+        <div class="summary-title">多机就绪度</div>
+        <div class="summary-value">{{ readinessText(runtime.readiness?.status) }}</div>
+        <el-tag :type="readinessTagType(runtime.readiness?.status)">
+          {{ runtime.readiness?.ready ? "已就绪" : runtime.readiness?.status === "blocking" ? "阻断" : "待处理" }}
+        </el-tag>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">API 状态</div>
+        <div class="summary-value">{{ runtime.api?.service_name || "-" }}</div>
+        <el-tag :type="runtime.api?.pid ? 'success' : 'info'">{{ runtime.api?.pid ? "运行中" : "未知" }}</el-tag>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">Worker 状态</div>
+        <div class="summary-value">{{ runtime.worker?.service_name || "-" }}</div>
+        <el-tag :type="runtime.worker?.running ? 'success' : 'danger'">{{ runtime.worker?.running ? "在线" : "离线" }}</el-tag>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">运行模式</div>
+        <div class="summary-value">{{ runtimeModeText(runtime.worker?.mode) }}</div>
+        <div class="summary-note">当前 API / Worker 托管方式</div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">预检状态</div>
+        <div class="summary-value">{{ preflight.ok ? "通过" : "异常" }}</div>
+        <el-tag :type="preflight.ok ? 'success' : 'danger'">{{ preflight.ok ? "可继续操作" : "建议先处理异常项" }}</el-tag>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">当前检测阶段</div>
+        <div class="summary-value">{{ runtime.detect?.phase_label || (runtime.worker?.running ? "运行中" : "空闲") }}</div>
+        <div class="summary-note">{{ runtime.detect?.dependency_alerts?.[0]?.title || runtime.detect?.phase_detail || runtime.detect?.recent_event || "当前暂无检测执行明细" }}</div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">检测进度</div>
+        <div class="summary-value">{{ runtime.detect?.progress_percent ?? 0 }}%</div>
+        <div class="summary-note">
+          待 {{ runtime.detect?.progress?.pending || 0 }}
+          / 中 {{ runtime.detect?.progress?.running || 0 }}
+          / 完 {{ runtime.detect?.progress?.completed || 0 }}
+        </div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">代理运行态</div>
+        <div class="summary-value">{{ runtime.detect?.proxy_runtime_label || "-" }}</div>
+        <div class="summary-note">{{ proxyDiagnosisText() }}</div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">活跃任务</div>
+        <div class="summary-value">{{ runtime.detect?.active_job?.job_code || "-" }}</div>
+        <div class="summary-note">
+          {{ runtime.detect?.active_job ? `待领 ${runtime.detect.active_job.items_pending || 0} / 执行中 ${runtime.detect.active_job.items_running || 0}` : "当前暂无活跃检测任务" }}
+        </div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">集群节点</div>
+        <div class="summary-value">{{ runtime.cluster?.nodes_total || 0 }}</div>
+        <div class="summary-note">当前已接入控制面与执行面节点总数</div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">在线 Worker</div>
+        <div class="summary-value">{{ runtime.cluster?.summary?.online_worker_nodes || 0 }}</div>
+        <div class="summary-note">
+          控制面 {{ runtime.cluster?.summary?.online_control_nodes || 0 }}
+          / 忙碌 {{ runtime.cluster?.summary?.status_counts?.busy || 0 }}
+        </div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">同步状态</div>
+        <div class="summary-value">{{ runtime.sync?.enabled ? "已启用" : "未启用" }}</div>
+        <div class="summary-note">
+          {{ runtime.sync?.source_region || "-" }} -> {{ runtime.sync?.target_region || "-" }}
+          / 记录 {{ runtime.sync?.records_total || 0 }}
+        </div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">Sync Agent</div>
+        <div class="summary-value">{{ runtime.sync_agent?.service_name || "-" }}</div>
+        <el-tag :type="runtime.sync_agent?.running ? 'success' : runtime.sync_agent?.expected_on_this_node ? 'warning' : 'info'">
+          {{ runtime.sync_agent?.running ? "运行中" : runtime.sync_agent?.expected_on_this_node ? "待启动" : "当前节点不承载" }}
+        </el-tag>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">预计剩余时长</div>
+        <div class="summary-value">{{ runtime.detect?.capacity_plan?.estimated_hours_remaining ?? 0 }}h</div>
+        <div class="summary-note">按近 15 分钟吞吐推算当前活跃任务剩余耗时</div>
+      </div>
+      <div class="summary-card">
+        <div class="summary-title">扩容建议</div>
+        <div class="summary-value">+{{ runtime.detect?.capacity_plan?.recommended_additional_workers ?? 0 }}</div>
+        <div class="summary-note">若希望 6 小时内收敛，建议新增 Worker 数</div>
+      </div>
+    </div>
+
+    <el-alert
+      v-if="runtime.readiness?.summary"
+      :closable="false"
+      show-icon
+      :type="readinessAlertType(runtime.readiness?.status)"
+      style="margin-bottom: 16px"
+      :title="`多机落地结论：${runtime.readiness.summary}`"
+      :description="readinessDescription"
+    />
+
+    <div class="status-strip">
+      <span class="status-chip" :class="runtime.api?.pid ? 'ok' : 'neutral'">
+        API {{ runtime.api?.pid ? "运行中" : "未知" }}
+      </span>
+      <span class="status-chip" :class="runtime.worker?.running ? 'ok' : 'danger'">
+        Worker {{ runtime.worker?.running ? "在线" : "离线" }}
+      </span>
+      <span class="status-chip" :class="preflight.ok ? 'ok' : 'danger'">
+        预检 {{ preflight.ok ? "通过" : "异常" }}
+      </span>
+      <span class="status-chip" :class="runtime.detect?.recent_warning ? 'warn' : 'neutral'">
+        {{ runtime.detect?.recent_warning ? "最近有告警" : "最近无告警" }}
+      </span>
+      <span class="status-chip" :class="proxyChipClass(runtime.detect?.proxy_runtime_label)">
+        代理 {{ runtime.detect?.proxy_runtime_label || "未知" }}
+      </span>
+      <span class="status-chip neutral">
+        阶段 {{ runtime.detect?.phase_label || (runtime.worker?.running ? "运行中" : "空闲") }}
+      </span>
+      <span class="status-chip" :class="runtime.sync_agent?.running ? 'ok' : runtime.sync_agent?.expected_on_this_node ? 'warn' : 'neutral'">
+        Sync Agent {{ runtime.sync_agent?.running ? "运行中" : runtime.sync_agent?.expected_on_this_node ? "待启动" : "当前节点不承载" }}
+      </span>
+      <span class="status-chip" :class="clusterIssueCount ? 'warn' : 'ok'">
+        节点异常 {{ clusterIssueCount }}
+      </span>
+    </div>
+
+    <el-row :gutter="16">
+      <el-col :xs="24" :lg="12">
+        <el-descriptions title="服务状态" :column="1" border>
+          <el-descriptions-item label="API 服务">{{ runtime.api?.service_name || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="API PID">{{ runtime.api?.pid || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="API 地址">{{ runtime.api?.health_url || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="Worker 服务">{{ runtime.worker?.service_name || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="Worker 在线">{{ runtime.worker?.running ? "是" : "否" }}</el-descriptions-item>
+          <el-descriptions-item label="运行模式">{{ runtime.worker?.mode || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="进程数">{{ runtime.worker?.process_count ?? "-" }}</el-descriptions-item>
+          <el-descriptions-item label="运行消息">{{ runtime.worker?.message || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="Sync Agent 服务">{{ runtime.sync_agent?.service_name || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="Sync Agent 在线">{{ runtime.sync_agent?.running ? "是" : "否" }}</el-descriptions-item>
+          <el-descriptions-item label="Sync Agent 启动时间">{{ runtime.sync_agent?.latest_start_time || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="Sync Agent 消息">{{ runtime.sync_agent?.message || "-" }}</el-descriptions-item>
+        </el-descriptions>
+      </el-col>
+
+      <el-col :xs="24" :lg="12">
+        <div class="action-panel">
+          <h3>运行时动作</h3>
+          <div class="action-buttons">
+            <el-button type="primary" :loading="actionLoading === 'start_worker'" @click="invokeAction('start_worker')">启动 Worker</el-button>
+            <el-button :loading="actionLoading === 'stop_worker'" @click="invokeAction('stop_worker')">停止 Worker</el-button>
+            <el-button type="warning" plain :loading="actionLoading === 'restart_api'" @click="invokeAction('restart_api')">重启 API</el-button>
+            <el-button
+              v-if="runtime.sync_agent?.expected_on_this_node"
+              plain
+              :loading="actionLoading === 'start_sync_agent'"
+              @click="invokeAction('start_sync_agent')"
+            >
+              启动 Sync Agent
+            </el-button>
+            <el-button
+              v-if="runtime.sync_agent?.expected_on_this_node"
+              plain
+              :loading="actionLoading === 'stop_sync_agent'"
+              @click="invokeAction('stop_sync_agent')"
+            >
+              停止 Sync Agent
+            </el-button>
+            <el-button plain :loading="actionLoading === 'push_sync'" @click="invokeAction('push_sync')">立即同步</el-button>
+            <el-button plain @click="goDetect">前往检测控制</el-button>
+          </div>
+          <el-alert
+            v-if="lastAction.message"
+            :title="`${lastAction.label}：${lastAction.message}${lastAction.at ? `（${lastAction.at}）` : ''}`"
+            :type="lastAction.type"
+            :closable="false"
+            show-icon
+            style="margin-top: 16px"
+          />
+          <el-alert
+            :closable="false"
+            show-icon
+            type="info"
+            style="margin-top: 12px"
+            :title="`当前 Worker 状态：${runtime.worker?.running ? '运行中' : '未运行'}；当前 API 状态：${runtime.api?.pid ? '运行中' : '未知'}；Sync Agent：${runtime.sync_agent?.running ? '运行中' : '未运行'}。`"
+          />
+          <el-alert
+            v-if="!runtime.sync_agent?.expected_on_this_node"
+            :closable="false"
+            show-icon
+            type="info"
+            style="margin-top: 12px"
+            :title="`当前节点身份为 ${runtime.node?.region || '-'} / ${runtime.node?.role || '-'}，按新架构不承载 Sync Agent；它应部署在大陆 controller 节点。`"
+          />
+          <el-alert
+            v-if="runtime.detect?.recent_warning"
+            :closable="false"
+            show-icon
+            type="warning"
+            style="margin-top: 12px"
+            :title="`最近检测告警：${runtime.detect.recent_warning}`"
+          />
+          <el-alert
+            v-if="runtime.detect?.proxy_runtime_detail"
+            :closable="false"
+            show-icon
+            :type="proxyAlertType(runtime.detect?.proxy_runtime_label)"
+            style="margin-top: 12px"
+            :title="`代理运行态：${runtime.detect.proxy_runtime_detail}`"
+          />
+          <el-alert
+            v-if="runtime.detect?.proxy_supplier_empty"
+            :closable="false"
+            show-icon
+            type="warning"
+            style="margin-top: 12px"
+            title="代理供应侧最近返回 200，但原始代理数为 0；当前判断是供应池为空，不是程序拉取失败。"
+          />
+          <el-alert
+            v-for="alert in runtime.detect?.dependency_alerts || []"
+            :key="`${alert.kind}-${alert.detail}`"
+            :closable="false"
+            show-icon
+            :type="alert.level === 'error' ? 'error' : 'warning'"
+            style="margin-top: 12px"
+            :title="`${alert.title}：${alert.detail}`"
+          />
+        </div>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="16" style="margin-top: 16px">
+      <el-col :xs="24" :lg="12">
+        <el-descriptions title="当前执行摘要" :column="1" border>
+          <el-descriptions-item label="检测阶段">{{ runtime.detect?.phase_label || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="阶段说明">{{ runtime.detect?.phase_detail || runtime.detect?.recent_event || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="线程快照">
+            {{ runtime.detect?.active_thread_count || 0 }} / {{ runtime.detect?.max_thread_count || 0 }}
+          </el-descriptions-item>
+          <el-descriptions-item label="代理快照">
+            {{ runtime.detect?.available_proxy_count || 0 }} / {{ runtime.detect?.proxy_pool_count || 0 }}
+          </el-descriptions-item>
+          <el-descriptions-item label="代理统计">
+            源 {{ runtime.detect?.proxy_last_refresh_source_count || 0 }}
+            / 原始 {{ runtime.detect?.proxy_last_refresh_total_items || 0 }}
+            / 验证 {{ runtime.detect?.proxy_last_validated_count || 0 }}
+            / 可用 {{ runtime.detect?.proxy_last_available_count || 0 }}
+          </el-descriptions-item>
+        </el-descriptions>
+      </el-col>
+      <el-col :xs="24" :lg="12">
+        <el-descriptions title="最近动作" :column="1" border>
+          <el-descriptions-item label="动作名称">{{ lastAction.label || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="动作结果">{{ lastAction.message || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="记录时间">{{ lastAction.at || "-" }}</el-descriptions-item>
+          <el-descriptions-item label="当前同步">{{ lastUpdatedAt || "-" }}</el-descriptions-item>
+        </el-descriptions>
+      </el-col>
+    </el-row>
+
+    <div class="history-panel">
+      <div class="history-header">
+        <h3>扩容建议</h3>
+        <span class="history-note">基于当前积压、近窗吞吐和在线 Worker 数自动估算</span>
+      </div>
+      <div class="cluster-summary">
+        <span class="cluster-summary-item">在线 Worker {{ runtime.detect?.capacity_plan?.online_worker_nodes || 0 }}</span>
+        <span class="cluster-summary-item">当前吞吐 {{ runtime.detect?.capacity_plan?.current_processed_per_hour || 0 }}/小时</span>
+        <span class="cluster-summary-item">预计剩余 {{ runtime.detect?.capacity_plan?.estimated_hours_remaining || 0 }} 小时</span>
+        <span class="cluster-summary-item">建议总 Worker {{ runtime.detect?.capacity_plan?.recommended_total_workers || 1 }}</span>
+        <span class="cluster-summary-item">建议新增 {{ runtime.detect?.capacity_plan?.recommended_additional_workers || 0 }}</span>
+      </div>
+      <el-alert
+        :closable="false"
+        show-icon
+        :type="(runtime.detect?.capacity_plan?.recommended_additional_workers || 0) > 0 ? 'warning' : 'success'"
+        style="margin-bottom: 12px"
+        :title="runtime.detect?.capacity_plan?.summary || '当前没有活跃任务，无需扩容建议。'"
+      />
+      <el-table
+        :data="runtime.detect?.queue_health?.nodes || []"
+        border
+        size="small"
+        empty-text="当前没有节点吞吐样本"
+      >
+        <el-table-column prop="node_code" label="节点" min-width="180" />
+        <el-table-column prop="items_running" label="执行中" min-width="90" />
+        <el-table-column prop="processed_recent" label="近窗处理" min-width="100" />
+        <el-table-column prop="processed_per_minute" label="项/分钟" min-width="100" />
+        <el-table-column prop="completed_recent" label="完成" min-width="90" />
+        <el-table-column prop="blacklisted_recent" label="黑名单" min-width="90" />
+        <el-table-column prop="failed_recent" label="失败" min-width="90" />
+      </el-table>
+    </div>
+
+    <div class="history-panel">
+      <div class="history-header">
+        <h3>动作留痕</h3>
+        <span class="history-note">刷新页面后仍会保留最近 8 条动作记录</span>
+      </div>
+      <el-table :data="actionHistory" border size="small" empty-text="当前还没有动作记录">
+        <el-table-column prop="at" label="时间" min-width="160" />
+        <el-table-column prop="label" label="动作" min-width="120" />
+        <el-table-column label="结果" width="100">
+          <template #default="{ row }">
+            <el-tag :type="row.type === 'error' ? 'danger' : row.type === 'warning' ? 'warning' : 'success'">
+              {{ row.type === "error" ? "失败" : row.type === "warning" ? "提醒" : "成功" }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="message" label="说明" min-width="320" show-overflow-tooltip />
+      </el-table>
+    </div>
+
+    <div class="history-panel">
+      <div class="history-header">
+        <h3>集群节点</h3>
+        <span class="history-note">统一查看控制面 / 执行面节点最近心跳与负载</span>
+      </div>
+      <div class="cluster-summary">
+        <span class="cluster-summary-item">在线控制面 {{ runtime.cluster?.summary?.online_control_nodes || 0 }}</span>
+        <span class="cluster-summary-item">在线 Worker {{ runtime.cluster?.summary?.online_worker_nodes || 0 }}</span>
+        <span class="cluster-summary-item">忙碌 {{ runtime.cluster?.summary?.status_counts?.busy || 0 }}</span>
+        <span class="cluster-summary-item">失活 {{ runtime.cluster?.summary?.status_counts?.stale || 0 }}</span>
+        <span class="cluster-summary-item">离线 {{ runtime.cluster?.summary?.status_counts?.offline || 0 }}</span>
+      </div>
+      <el-alert
+        v-if="clusterAlertText"
+        type="info"
+        :closable="false"
+        show-icon
+        style="margin-bottom: 12px"
+        :title="clusterAlertText"
+      />
+      <el-table :data="runtime.cluster?.nodes || []" border size="small" empty-text="当前还没有节点心跳">
+        <el-table-column prop="node_code" label="节点" min-width="180" />
+        <el-table-column prop="region" label="区域" min-width="100" />
+        <el-table-column prop="role" label="角色" min-width="100" />
+        <el-table-column label="状态" min-width="100">
+          <template #default="{ row }">
+            <el-tag :type="row.status === 'online' ? 'success' : row.status === 'busy' ? 'warning' : row.status === 'stale' ? 'warning' : 'info'">
+              {{ row.status || "-" }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="current_load" label="负载" min-width="80" />
+        <el-table-column label="并发配置" min-width="220">
+          <template #default="{ row }">
+            <div class="node-thread-cell">
+              <span>{{ formatNodeThreadSummary(row.node_code) }}</span>
+              <el-tag size="small" :type="nodeThreadTagType(row.node_code)">
+                {{ nodeThreadTagText(row.node_code) }}
+              </el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="当前阶段" min-width="140">
+          <template #default="{ row }">
+            {{ row.metadata?.phase || "-" }}
+          </template>
+        </el-table-column>
+        <el-table-column label="阶段说明" min-width="260" show-overflow-tooltip>
+          <template #default="{ row }">
+            {{ row.metadata?.detail || "-" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="last_heartbeat_at" label="最近心跳" min-width="160" />
+        <el-table-column label="操作" min-width="220" fixed="right">
+          <template #default="{ row }">
+            <div class="node-action-cell">
+              <el-button size="small" type="primary" plain @click="openNodeThreadDialog(row)">改并发</el-button>
+              <el-button size="small" plain :disabled="!hasNodeOverride(row.node_code)" @click="resetNodeThreadOverride(row.node_code)">
+                恢复默认
+              </el-button>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <div class="history-panel">
+      <div class="history-header">
+        <h3>同步摘要</h3>
+        <span class="history-note">为后续跨地域结果同步预留的配置与记录观察入口</span>
+      </div>
+      <div class="cluster-summary">
+        <span class="cluster-summary-item">推送 {{ runtime.sync?.enabled ? "已启用" : "未启用" }}</span>
+        <span class="cluster-summary-item">源地域 {{ runtime.sync?.source_region || "-" }}</span>
+        <span class="cluster-summary-item">目标地域 {{ runtime.sync?.target_region || "-" }}</span>
+        <span class="cluster-summary-item">总记录 {{ runtime.sync?.records_total || 0 }}</span>
+        <span class="cluster-summary-item">投影 {{ runtime.sync?.type_counts?.runtime_projection || 0 }}</span>
+        <span class="cluster-summary-item">结果投影 {{ runtime.sync?.type_counts?.detect_result_projection || 0 }}</span>
+        <span class="cluster-summary-item">推送记录 {{ runtime.sync?.type_counts?.runtime_push || 0 }}</span>
+        <span class="cluster-summary-item">接收记录 {{ runtime.sync?.type_counts?.runtime_ingest || 0 }}</span>
+        <span class="cluster-summary-item">结果接收 {{ runtime.sync?.type_counts?.detect_result_ingest || 0 }}</span>
+      </div>
+      <el-alert
+        :closable="false"
+        show-icon
+        :type="runtime.sync?.enabled ? 'success' : 'info'"
+        style="margin-bottom: 12px"
+        :title="syncAlertText"
+      />
+      <el-table :data="runtime.sync?.recent_records || []" border size="small" empty-text="当前还没有同步记录">
+        <el-table-column prop="created_at" label="时间" min-width="160" />
+        <el-table-column prop="sync_type" label="类型" min-width="120" />
+        <el-table-column prop="source_region" label="源地域" min-width="100" />
+        <el-table-column prop="target_region" label="目标地域" min-width="100" />
+        <el-table-column label="状态" min-width="100">
+          <template #default="{ row }">
+            <el-tag :type="row.status === 'success' ? 'success' : row.status === 'failed' ? 'danger' : row.status === 'pending' ? 'warning' : 'info'">
+              {{ row.status || "-" }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="error_message" label="错误摘要" min-width="240" show-overflow-tooltip />
+      </el-table>
+
+      <div class="history-header" style="margin-top: 16px">
+        <h3>结果批次同步</h3>
+        <span class="history-note">按检测任务查看结果投影是否已推送、已接收或仍有积压</span>
+      </div>
+      <div class="cluster-summary">
+        <span class="cluster-summary-item">已接收 {{ runtime.sync?.detect_result_batches?.state_counts?.synced || 0 }}</span>
+        <span class="cluster-summary-item">已送达 {{ runtime.sync?.detect_result_batches?.state_counts?.delivered || 0 }}</span>
+        <span class="cluster-summary-item">推送中 {{ runtime.sync?.detect_result_batches?.state_counts?.pushing || 0 }}</span>
+        <span class="cluster-summary-item">待推送 {{ runtime.sync?.detect_result_batches?.state_counts?.projected || 0 }}</span>
+        <span class="cluster-summary-item">失败 {{ runtime.sync?.detect_result_batches?.state_counts?.failed || 0 }}</span>
+        <span class="cluster-summary-item">未生成 {{ runtime.sync?.detect_result_batches?.state_counts?.unsynced || 0 }}</span>
+      </div>
+      <el-table
+        :data="runtime.sync?.detect_result_batches?.batches || []"
+        border
+        size="small"
+        empty-text="当前还没有可观察的结果同步批次"
+      >
+        <el-table-column prop="job_code" label="任务" min-width="170" />
+        <el-table-column prop="job_status" label="任务状态" min-width="100" />
+        <el-table-column label="进度" min-width="140">
+          <template #default="{ row }">
+            {{ row.items_terminal || 0 }}/{{ row.items_total || 0 }} ({{ row.progress_percent || 0 }}%)
+          </template>
+        </el-table-column>
+        <el-table-column label="同步状态" min-width="120">
+          <template #default="{ row }">
+            <el-tag :type="syncStateTagType(row.sync_state)">
+              {{ syncStateText(row.sync_state) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="sync_message" label="说明" min-width="260" show-overflow-tooltip />
+        <el-table-column label="投影时间" min-width="160">
+          <template #default="{ row }">
+            {{ row.projection?.created_at || "-" }}
+          </template>
+        </el-table-column>
+        <el-table-column label="推送时间" min-width="160">
+          <template #default="{ row }">
+            {{ row.latest_push?.created_at || "-" }}
+          </template>
+        </el-table-column>
+        <el-table-column label="接收时间" min-width="160">
+          <template #default="{ row }">
+            {{ row.latest_ingest?.created_at || "-" }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <div class="history-panel" v-if="(runtime.detect?.proxy_source_stats || []).length">
+      <div class="history-header">
+        <h3>代理源状态</h3>
+        <span class="history-note">查看每个代理池链接最近一次拉取结果与原始返回量</span>
+      </div>
+      <el-table :data="runtime.detect?.proxy_source_stats || []" border size="small">
+        <el-table-column prop="url" label="代理源" min-width="340" show-overflow-tooltip />
+        <el-table-column label="状态" min-width="120">
+          <template #default="{ row }">
+            <el-tag :type="proxySourceTagType(row.status)">
+              {{ proxySourceStatusText(row.status) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="http_status" label="HTTP" min-width="90" />
+        <el-table-column prop="raw_items" label="原始返回" min-width="100" />
+        <el-table-column prop="error" label="错误信息" min-width="260" show-overflow-tooltip />
+      </el-table>
+    </div>
+
+    <div class="history-panel" v-if="runtime.detect?.active_job">
+      <div class="history-header">
+        <h3>活跃任务事件</h3>
+        <span class="history-note">当前任务的最近分发、领取与执行事件</span>
+      </div>
+      <el-table :data="runtime.detect.active_job.current_cycle_events || runtime.detect.active_job.recent_events || []" border size="small">
+        <el-table-column prop="created_at" label="时间" min-width="160" />
+        <el-table-column prop="node_code" label="节点" min-width="160" />
+        <el-table-column prop="event_type" label="事件类型" min-width="160" />
+        <el-table-column prop="message" label="说明" min-width="300" show-overflow-tooltip />
+      </el-table>
+    </div>
+
+    <div class="checks">
+      <div class="checks-header">
+        <h3>预检结果</h3>
+        <el-tag :type="preflight.ok ? 'success' : 'danger'">{{ preflight.ok ? "通过" : "异常" }}</el-tag>
+      </div>
+
+      <el-table :data="preflight.checks || []" border>
+        <el-table-column prop="label" label="检查项" min-width="160" />
+        <el-table-column label="状态" width="100">
+          <template #default="{ row }">
+            <el-tag :type="row.ok ? (row.level === 'warn' ? 'warning' : 'success') : 'danger'">
+              {{ row.ok ? (row.level === "warn" ? "降级" : "正常") : "失败" }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="message" label="说明" min-width="320" />
+      </el-table>
+    </div>
+
+    <el-dialog v-model="nodeThreadDialog.visible" title="节点并发配置" width="520px">
+      <el-form label-position="top">
+        <el-form-item label="节点编码">
+          <el-input :model-value="nodeThreadDialog.nodeCode" disabled />
+        </el-form-item>
+        <el-form-item label="当前生效并发">
+          <el-input :model-value="formatNodeThreadSummary(nodeThreadDialog.nodeCode)" disabled />
+        </el-form-item>
+        <el-form-item label="单独覆盖线程数">
+          <el-input-number v-model="nodeThreadDialog.threadCount" :min="1" :max="256" />
+        </el-form-item>
+        <el-alert
+          :closable="false"
+          type="info"
+          show-icon
+          :title="`保存后仅该节点生效；未单独配置的节点继续走默认线程数 ${settingsState.thread_count || 0}。`"
+        />
+      </el-form>
+      <template #footer>
+        <div class="node-dialog-actions">
+          <el-button @click="nodeThreadDialog.visible = false">取消</el-button>
+          <el-button :loading="nodeThreadDialog.saving" @click="resetNodeThreadOverride(nodeThreadDialog.nodeCode, true)">恢复默认</el-button>
+          <el-button type="primary" :loading="nodeThreadDialog.saving" @click="saveNodeThreadOverride">保存</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </PageCard>
+</template>
+
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+import PageCard from "@/components/PageCard.vue";
+import { runtimeApi, settingsApi } from "@/api/modules";
+
+const RUNTIME_LAST_ACTION_KEY = "domaincheck:runtime:last-action";
+const RUNTIME_ACTION_HISTORY_KEY = "domaincheck:runtime:action-history";
+const router = useRouter();
+const runtime = reactive<Record<string, any>>({
+  node: {},
+  api: {},
+  worker: {},
+  sync_agent: {}
+});
+
+const preflight = reactive<Record<string, any>>({
+  ok: false,
+  checks: []
+});
+
+const settingsState = reactive<Record<string, any>>({
+  thread_count: 0,
+  node_thread_counts: {},
+  detect_options: {},
+  proxy_config: {},
+  runtime_settings: {}
+});
+
+const loading = reactive({
+  status: false,
+  preflight: false,
+  settings: false
+});
+
+const actionLoading = ref("");
+const autoRefresh = ref(true);
+const lastUpdatedAt = ref("");
+const lastAction = ref({
+  label: "",
+  message: "",
+  at: "",
+  type: "success" as "success" | "warning" | "info" | "error"
+});
+const actionHistory = ref<Array<{ label: string; message: string; at: string; type: "success" | "warning" | "info" | "error" }>>([]);
+const nodeThreadDialog = reactive({
+  visible: false,
+  nodeCode: "",
+  threadCount: 1,
+  saving: false
+});
+let timer: number | null = null;
+
+const persistLastAction = () => {
+  if (!lastAction.value.message) {
+    window.localStorage.removeItem(RUNTIME_LAST_ACTION_KEY);
+    return;
+  }
+  window.localStorage.setItem(RUNTIME_LAST_ACTION_KEY, JSON.stringify(lastAction.value));
+};
+
+const restoreLastAction = () => {
+  try {
+    const raw = window.localStorage.getItem(RUNTIME_LAST_ACTION_KEY);
+    if (!raw) return;
+    const parsed = JSON.parse(raw);
+    lastAction.value = {
+      label: parsed.label || "",
+      message: parsed.message || "",
+      at: parsed.at || "",
+      type: parsed.type || "info"
+    };
+  } catch {
+    window.localStorage.removeItem(RUNTIME_LAST_ACTION_KEY);
+  }
+};
+
+const persistActionHistory = () => {
+  window.localStorage.setItem(RUNTIME_ACTION_HISTORY_KEY, JSON.stringify(actionHistory.value));
+};
+
+const restoreActionHistory = () => {
+  try {
+    const raw = window.localStorage.getItem(RUNTIME_ACTION_HISTORY_KEY);
+    if (!raw) return;
+    const parsed = JSON.parse(raw);
+    if (Array.isArray(parsed)) {
+      actionHistory.value = parsed.slice(0, 8);
+    }
+  } catch {
+    window.localStorage.removeItem(RUNTIME_ACTION_HISTORY_KEY);
+  }
+};
+
+const appendActionHistory = (item: { label: string; message: string; at: string; type: "success" | "warning" | "info" | "error" }) => {
+  actionHistory.value = [item, ...actionHistory.value].slice(0, 8);
+  persistActionHistory();
+};
+
+const runtimeModeText = (value?: string) => {
+  if (value === "linux-systemd") return "Linux systemd";
+  if (value === "windows-local") return "Windows 本地";
+  return value || "-";
+};
+
+const proxyAlertType = (value?: string) => {
+  if (value === "代理正常") return "success";
+  if (value === "降级直连") return "warning";
+  if (value === "等待代理") return "error";
+  return "info";
+};
+
+const proxyChipClass = (value?: string) => {
+  if (value === "代理正常") return "ok";
+  if (value === "降级直连") return "warn";
+  if (value === "等待代理") return "danger";
+  return "neutral";
+};
+
+const proxySourceStatusText = (value?: string) => {
+  if (value === "ok") return "正常";
+  if (value === "http_error") return "HTTP 异常";
+  if (value === "request_error") return "请求失败";
+  return value || "-";
+};
+
+const proxySourceTagType = (value?: string) => {
+  if (value === "ok") return "success";
+  if (value === "http_error") return "warning";
+  if (value === "request_error") return "danger";
+  return "info";
+};
+
+const syncStateText = (value?: string) => {
+  if (value === "synced") return "已接收";
+  if (value === "delivered") return "已送达";
+  if (value === "pushing") return "推送中";
+  if (value === "projected") return "待推送";
+  if (value === "failed") return "失败";
+  if (value === "unsynced") return "未生成";
+  return value || "-";
+};
+
+const syncStateTagType = (value?: string) => {
+  if (value === "synced") return "success";
+  if (value === "delivered") return "info";
+  if (value === "pushing") return "warning";
+  if (value === "projected") return "warning";
+  if (value === "failed") return "danger";
+  return "info";
+};
+
+const readinessText = (value?: string) => {
+  if (value === "ready") return "Ready";
+  if (value === "attention") return "Attention";
+  if (value === "blocking") return "Blocking";
+  return value || "-";
+};
+
+const readinessTagType = (value?: string) => {
+  if (value === "ready") return "success";
+  if (value === "attention") return "warning";
+  if (value === "blocking") return "danger";
+  return "info";
+};
+
+const readinessAlertType = (value?: string) => {
+  if (value === "ready") return "success";
+  if (value === "attention") return "warning";
+  if (value === "blocking") return "error";
+  return "info";
+};
+
+const proxyDiagnosisText = () => {
+  if (runtime.detect?.proxy_supplier_empty) {
+    return "供应池为空，系统已按配置继续运行";
+  }
+  return runtime.detect?.proxy_runtime_detail || "当前暂无代理运行说明";
+};
+
+const clusterIssueCount = computed(() => {
+  const summary = runtime.cluster?.summary || {};
+  return Number(summary.status_counts?.stale || 0) + Number(summary.status_counts?.offline || 0);
+});
+
+const clusterAlertText = computed(() => {
+  const summary = runtime.cluster?.summary || {};
+  const busy = Array.isArray(summary.busy_nodes) ? summary.busy_nodes.join("、") : "";
+  const stale = Array.isArray(summary.stale_nodes) ? summary.stale_nodes.join("、") : "";
+  const offline = Array.isArray(summary.offline_nodes) ? summary.offline_nodes.join("、") : "";
+  const parts = [];
+  if (busy) {
+    parts.push(`忙碌节点：${busy}`);
+  }
+  if (stale) {
+    parts.push(`失活节点：${stale}`);
+  }
+  if (offline) {
+    parts.push(`离线节点：${offline}`);
+  }
+  return parts.join("；");
+});
+
+const syncAlertText = computed(() => {
+  const sync = runtime.sync || {};
+  const statusCounts = sync.status_counts || {};
+  const typeCounts = sync.type_counts || {};
+  const parts = [
+    sync.enabled ? "当前已启用同步推送骨架" : "当前未启用同步推送，适合作为单地域或开发态运行",
+    `源地域 ${sync.source_region || "-"}`,
+    `目标地域 ${sync.target_region || "-"}`,
+    `运行投影 ${typeCounts.runtime_projection || 0} / 结果投影 ${typeCounts.detect_result_projection || 0} / 推送 ${typeCounts.runtime_push || 0} / 运行接收 ${typeCounts.runtime_ingest || 0} / 结果接收 ${typeCounts.detect_result_ingest || 0}`,
+    `成功 ${statusCounts.success || 0} / 待处理 ${statusCounts.pending || 0} / 失败 ${statusCounts.failed || 0}`,
+  ];
+  const batchStates = sync.detect_result_batches?.state_counts || {};
+  if (sync.detect_result_batches?.jobs_total) {
+    parts.push(
+      `结果批次 已接收 ${batchStates.synced || 0} / 已送达 ${batchStates.delivered || 0} / 推送中 ${batchStates.pushing || 0} / 待推送 ${batchStates.projected || 0} / 失败 ${batchStates.failed || 0}`
+    );
+  }
+  if (sync.target_api_base_url) {
+    parts.push(`目标地址 ${sync.target_api_base_url}`);
+  }
+  return parts.join("；");
+});
+
+const hasNodeOverride = (nodeCode?: string) => {
+  const normalized = String(nodeCode || "").trim();
+  return Boolean(normalized && settingsState.node_thread_counts?.[normalized] != null);
+};
+
+const effectiveNodeThreadCount = (nodeCode?: string) => {
+  const normalized = String(nodeCode || "").trim();
+  if (normalized && settingsState.node_thread_counts?.[normalized] != null) {
+    return Number(settingsState.node_thread_counts[normalized] || 0);
+  }
+  return Number(settingsState.thread_count || 0);
+};
+
+const formatNodeThreadSummary = (nodeCode?: string) => {
+  const effective = effectiveNodeThreadCount(nodeCode);
+  if (hasNodeOverride(nodeCode)) {
+    return `${effective}（单独覆盖，默认 ${settingsState.thread_count || 0}）`;
+  }
+  return `${effective}（默认）`;
+};
+
+const nodeThreadTagType = (nodeCode?: string) => (hasNodeOverride(nodeCode) ? "warning" : "success");
+
+const nodeThreadTagText = (nodeCode?: string) => (hasNodeOverride(nodeCode) ? "覆盖" : "默认");
+
+const readinessDescription = computed(() => {
+  const readiness = runtime.readiness || {};
+  const parts: string[] = [];
+  const blocking = Array.isArray(readiness.blocking_issues) ? readiness.blocking_issues : [];
+  const warnings = Array.isArray(readiness.warnings) ? readiness.warnings : [];
+  const infos = Array.isArray(readiness.info) ? readiness.info : [];
+  if (blocking.length) {
+    parts.push(`阻断：${blocking.join("；")}`);
+  }
+  if (warnings.length) {
+    parts.push(`关注：${warnings.join("；")}`);
+  }
+  if (infos.length) {
+    parts.push(`说明：${infos.join("；")}`);
+  }
+  return parts.join(" / ");
+});
+
+const clearRefreshTimer = () => {
+  if (timer) {
+    window.clearInterval(timer);
+    timer = null;
+  }
+};
+
+const ensureRefreshTimer = () => {
+  clearRefreshTimer();
+  if (autoRefresh.value) {
+    timer = window.setInterval(() => {
+      loadAll(false);
+    }, 8000);
+  }
+};
+
+const loadStatus = async () => {
+  loading.status = true;
+  try {
+    const response = await runtimeApi.status();
+    Object.assign(runtime, response.data || {});
+  } finally {
+    loading.status = false;
+  }
+};
+
+const loadPreflight = async () => {
+  loading.preflight = true;
+  try {
+    const response = await runtimeApi.preflight();
+    Object.assign(preflight, response.data || {});
+  } finally {
+    loading.preflight = false;
+  }
+};
+
+const loadSettingsConfig = async () => {
+  loading.settings = true;
+  try {
+    const response = await settingsApi.getSettings();
+    Object.assign(settingsState, response.data || {});
+    settingsState.node_thread_counts = response.data?.node_thread_counts || {};
+  } finally {
+    loading.settings = false;
+  }
+};
+
+const loadAll = async (showError = true) => {
+  try {
+    await Promise.all([loadStatus(), loadPreflight(), loadSettingsConfig()]);
+    lastUpdatedAt.value = new Date().toLocaleString("zh-CN", { hour12: false });
+  } catch (error: any) {
+    if (showError) {
+      ElMessage.error(error?.message || "读取运行中心状态失败");
+    }
+  }
+};
+
+const openNodeThreadDialog = (row: Record<string, any>) => {
+  const nodeCode = String(row?.node_code || "").trim();
+  if (!nodeCode) {
+    ElMessage.warning("当前节点编码为空，无法配置单独并发");
+    return;
+  }
+  nodeThreadDialog.nodeCode = nodeCode;
+  nodeThreadDialog.threadCount = effectiveNodeThreadCount(nodeCode) || Number(settingsState.thread_count || 1);
+  nodeThreadDialog.visible = true;
+};
+
+const updateNodeThreadSettings = async (updater: (nodeThreadCounts: Record<string, number>) => Record<string, number>) => {
+  const latest = await settingsApi.getSettings();
+  const payload = latest.data || {};
+  const currentNodeThreadCounts = { ...(payload.node_thread_counts || {}) };
+  const nextNodeThreadCounts = updater(currentNodeThreadCounts);
+  await settingsApi.updateSettings({
+    thread_count: payload.thread_count,
+    node_thread_counts: nextNodeThreadCounts,
+    detect_options: payload.detect_options || {},
+    proxy_config: payload.proxy_config || {},
+    runtime_settings: payload.runtime_settings || {}
+  });
+};
+
+const saveNodeThreadOverride = async () => {
+  if (!nodeThreadDialog.nodeCode) {
+    ElMessage.warning("节点编码不能为空");
+    return;
+  }
+  nodeThreadDialog.saving = true;
+  try {
+    await updateNodeThreadSettings((nodeThreadCounts) => ({
+      ...nodeThreadCounts,
+      [nodeThreadDialog.nodeCode]: Number(nodeThreadDialog.threadCount || settingsState.thread_count || 1)
+    }));
+    ElMessage.success(`节点 ${nodeThreadDialog.nodeCode} 的并发已更新`);
+    nodeThreadDialog.visible = false;
+    await loadAll(false);
+  } catch (error: any) {
+    ElMessage.error(error?.message || "保存节点并发失败");
+  } finally {
+    nodeThreadDialog.saving = false;
+  }
+};
+
+const resetNodeThreadOverride = async (nodeCode?: string, closeDialog = false) => {
+  const normalized = String(nodeCode || "").trim();
+  if (!normalized) {
+    ElMessage.warning("节点编码不能为空");
+    return;
+  }
+  nodeThreadDialog.saving = true;
+  try {
+    await updateNodeThreadSettings((nodeThreadCounts) => {
+      const next = { ...nodeThreadCounts };
+      delete next[normalized];
+      return next;
+    });
+    ElMessage.success(`节点 ${normalized} 已恢复走默认并发`);
+    if (closeDialog) {
+      nodeThreadDialog.visible = false;
+    }
+    await loadAll(false);
+  } catch (error: any) {
+    ElMessage.error(error?.message || "恢复默认并发失败");
+  } finally {
+    nodeThreadDialog.saving = false;
+  }
+};
+
+const invokeAction = async (action: "start_worker" | "stop_worker" | "restart_api" | "start_sync_agent" | "stop_sync_agent" | "push_sync") => {
+  actionLoading.value = action;
+  try {
+    const response = await runtimeApi.action(action);
+    const labelMap = {
+      start_worker: "启动 Worker",
+      stop_worker: "停止 Worker",
+      restart_api: "重启 API",
+      start_sync_agent: "启动 Sync Agent",
+      stop_sync_agent: "停止 Sync Agent",
+      push_sync: "立即同步"
+    };
+    lastAction.value = {
+      label: labelMap[action],
+      message: response.message,
+      at: new Date().toLocaleString("zh-CN", { hour12: false }),
+      type: "success"
+    };
+    persistLastAction();
+    appendActionHistory(lastAction.value);
+    ElMessage.success(response.message);
+    window.setTimeout(() => {
+      loadAll(false);
+    }, Number(response.data?.poll_after_seconds || 2) * 1000);
+  } catch (error: any) {
+    const message = error?.message || "运行时动作执行失败";
+    const labelMap = {
+      start_worker: "启动 Worker",
+      stop_worker: "停止 Worker",
+      restart_api: "重启 API",
+      start_sync_agent: "启动 Sync Agent",
+      stop_sync_agent: "停止 Sync Agent",
+      push_sync: "立即同步"
+    };
+    lastAction.value = {
+      label: labelMap[action],
+      message,
+      at: new Date().toLocaleString("zh-CN", { hour12: false }),
+      type: "error"
+    };
+    persistLastAction();
+    appendActionHistory(lastAction.value);
+    ElMessage.error(message);
+  } finally {
+    actionLoading.value = "";
+  }
+};
+
+const goDetect = () => {
+  router.push("/detect");
+};
+
+watch(autoRefresh, ensureRefreshTimer);
+
+onMounted(async () => {
+  restoreLastAction();
+  restoreActionHistory();
+  await loadAll();
+  ensureRefreshTimer();
+});
+
+onBeforeUnmount(clearRefreshTimer);
+</script>
+
+<style scoped>
+.header-actions {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.updated-at {
+  color: #64748b;
+  font-size: 13px;
+}
+
+.summary-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.summary-card {
+  border: 1px solid #dbe4ee;
+  border-radius: 14px;
+  padding: 14px 16px;
+  background: #f8fbff;
+}
+
+.summary-title {
+  color: #64748b;
+  font-size: 13px;
+}
+
+.summary-value {
+  margin: 8px 0 10px;
+  color: #0f172a;
+  font-size: 24px;
+  font-weight: 700;
+}
+
+.summary-note {
+  color: #64748b;
+  font-size: 12px;
+}
+
+.action-panel {
+  height: 100%;
+  padding: 18px;
+  border: 1px solid #e2e8f0;
+  border-radius: 16px;
+  background: #f8fafc;
+}
+
+.action-panel h3,
+.checks-header h3 {
+  margin: 0;
+}
+
+.action-buttons {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+  margin-top: 16px;
+}
+
+.checks {
+  margin-top: 22px;
+}
+
+.status-strip {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin: 2px 0 16px;
+}
+
+.status-chip {
+  display: inline-flex;
+  align-items: center;
+  min-height: 30px;
+  padding: 0 12px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.status-chip.ok {
+  background: #ecfdf3;
+  color: #166534;
+}
+
+.status-chip.warn {
+  background: #fff7ed;
+  color: #c2410c;
+}
+
+.status-chip.danger {
+  background: #fef2f2;
+  color: #b91c1c;
+}
+
+.status-chip.neutral {
+  background: #eff6ff;
+  color: #1d4ed8;
+}
+
+.history-panel {
+  margin-top: 18px;
+}
+
+.history-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+.history-header h3 {
+  margin: 0;
+}
+
+.history-note {
+  color: #64748b;
+  font-size: 12px;
+}
+
+.cluster-summary {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-bottom: 12px;
+}
+
+.cluster-summary-item {
+  display: inline-flex;
+  align-items: center;
+  min-height: 30px;
+  padding: 0 12px;
+  border-radius: 999px;
+  background: #eff6ff;
+  color: #1d4ed8;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.node-thread-cell {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.node-action-cell {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.node-dialog-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.checks-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 14px;
+}
+</style>