# 2026-06-14 — 监测槽暂停态 UI 优化

## 摘要

暂停态仅保留顶栏（服务器名 + 槽位 + ⋮ 菜单）与居中「恢复实时监测」；隐藏时长选择、状态横幅、圆环占位与底栏。

## 动机

用户反馈暂停态「开启实时监测 + 槽位保留…」居中区域观感差，与开启后圆环布局割裂。

## 变更

- `WatchSlotCard.vue`：顶栏 `⋮` 菜单替代开关与 ✕；底栏「暂停」；暂停横幅 + 四圆环占位 + 恢复按钮
- `WatchMetricRing.vue`：新增 `dimmed` 占位态（灰色细环、不可交互）

## 涉及文件

- `frontend/src/components/watch/WatchSlotCard.vue`
- `frontend/src/components/watch/WatchMetricRing.vue`

## 迁移 / 重启

仅前端构建。

## 验证

`cd frontend && npx vite build`；顶栏仅槽位芯片与 ⋮ 菜单；暂停/移除需点开菜单；底栏可点「暂停」。