# 强定制 UI 抽离总路线图

> 执行约定：**本文件是队列**。代理完成一项后**直接进入下一项**，不向用户确认「是否继续」。用户可随时插话改优先级。

## 已完成

| 组件 | Commit 主题 |
|------|-------------|
| AlarmItem | Alarms 告警行 |
| MediaCard | Media 媒体卡 |
| DockDeviceCard | Monitor 机巢卡 |
| RouteCard | Tasks 航线卡 |
| MonitorDetailPanel | Monitor 右侧详情 |
| DockStatusDialog | 机巢状态弹窗 |
| CommandProgressFloat | 指令进度浮层 |
| MonitorDeviceList | 左侧设备列表（含冒烟中） |

## 进行中 / 待做（严格按序）

### P0 Monitor 收口

1. **[当前后下一项] MonitorMapChrome** — `map-toolbar` + `map-legend` + `map-scale` 展示组件  
   - 逻辑（`mapMode` / `fitAll` / `mapScaleText`）留页面  
   - 产出：`MonitorMapChrome.vue`

2. **Monitor 命令逻辑 composable（可选，体量大再做）**  
   - `useCommandProgress`：`commandProgress` 状态机 / 轮询 / `runCommand`  
   - 仅当 MonitorView script 仍 >800 行且命令块边界清晰时执行

3. **Monitor 直播 composable（可选）**  
   - `useMonitorLive`：join/leave/heartbeat/fullscreen  
   - 同 2 的门槛

### P1 其它大页薄抽离

4. **DeviceDetail 状态/环境卡**（若模板仍大段内联 article）  
5. **Tasks 非编辑器区**剩余列表壳（RouteCard 已完成则跳过）  
6. **Login 非验证码区**若仍有可抽展示块再评估

### P2 明确不做

- 地图引擎 / MapLayer 重写  
- 航线编辑器 / `route-planner-map`  
- 飞行控制条视觉改 TDesign  
- `prototype.css` 大搬迁  
- 全量单测套件

## 每项标准流程（不询问）

1. 写/更新该项 design + plan（可短）  
2. 实现 + 精确 git add + 中文 commit  
3. 浏览器冒烟（后端不可用则 API mock）  
4. **立刻开始下一项**，仅在全部 P0/P1 清空或 BLOCKED 时向用户汇报

## 完成定义

- Monitor 模板仅剩 layout 壳 + 组件拼装 + 1 个 dialog 级入口  
- 无「等用户说继续」的停顿  
- 每次用户会话恢复：读本文件，从第一个未勾选项继续