39: 前端执行票 —— 运行监测面板图表化（监测概览读数 / 监测分布分节）

Type: task Status: ready-for-agent Label: ready-for-agent Blocked by: 37 Category: frontend-execution

来源

维护者 2026-10-13 反馈第 7、8 条（第 7 条经维护者更正为「运行监测-监测概览」，不是检测概率）。

范围

监测概览：纯文字读数图表化（第 7 条）
- 现状「设备状态」用 rowsBlock 纯键值行、采集时间也是纯文字。
- 改为卡片/图表块：状态分布用 stackedBlock 或 donutBlock（在线/离线/滞后/未知四态，四态照实呈现，不合成「故障」——既有契约缺口说明不变），KPI 用 kpiBlock 保留在线率与规模。
- 复用既有块类型（kpi/bars/donut/stacked/trend），不新造渲染分支。
- 分母为 0 的比率仍显示占位符而非 0%（既有纪律）。
监测分布：明确子标题分章节（第 8 条）
- 现象：图与数据指代对象不明确。
- 为每个块加清晰子标题（覆盖情况 / 状态分布 / 口径各自成节），或加分类按钮切换维度；确保读者一眼知道每张图在说什么。
- 状态饼图仍消费全局未筛分布并只高亮当前选中（决策 02：面板不是筛选入口）。

非目标

不改后端契约与端点入参。
不改监测概览/分布的分区成败语义与空态措辞规则。

验收

逻辑闸门：监测概览块类型由 rows 改为图表块后读数仍与领域对象一致（四态计数、在线率分母为 0 时的占位符）、监测分布每块都有非空子标题。
浏览器走查：图表渲染正常、子标题可辨识各图指代对象。
按 AGENTS.md，不自动运行 build/dev/走查。

关联

依赖：37（长文本省略方法）。
相关：决策 02（状态饼图与全局筛选入口边界）、票 18（运行监测面板）、domain/panelBlocks.js 既有块类型。