我已完成 onboarding 链路（FIGMA_AS_SOURCE_OF_TRUTH → PROJECT_GOAL → AGENTS 硬规则 → code-conventions 起手段 + R2/R3/R16/R19/R23 → domain-tvu M3-M11 → mockup-conventions M29/M41），并逐个把要用到的组件真源读到手：`variables.css`（54 个 token 全量）、`Button.vue`（PALETTE_SPEC + SIZE_GEOMETRY）、`Pill.vue` + `PillStatus.vue`（发布态 8 变体）、`Table.vue`（CANONICAL-029 padding）、`Notification.vue`（pop confirm）、`PopupBox.vue`（scrim/焦点陷阱）、`TopBar.vue`、`MenuList.vue`，以及 `dist/icons/svg/` 里 12 个实际图标文件。
## 关键设计决策（都有真源，不是我的偏好）
**1. 正常态是红色，不是绿色。** `domain-tvu.md` M3：广播行业 ON AIR 惯例 —— Live=红 / Preview-Standby=绿 / Inactive=灰；`code-conventions.md` §Convention Priority 逐字拿这条当例子（「M3 红=Live (P1) vs 通用 UX 红=危险 (P3) → M3 胜出」）。canonical `PillStatus.vue` 发布态也是 `On-air → --red`。三态用 `hue@18% 底 + 1px hue 边 + hue 文字 + 6px dot`，另配文字标签与原因行做非颜色冗余。
**2. 没有「新建直播源」按钮。** M5：监控/操控台类页面不暴露创建入口，只做查看/启停/跳转/移除。你的需求清单里也没有它。
**3. 只交付 dark。** M4：监控类 deliverable 默认仅 dark mode，不画 light 对比。
**4. 产品 UI 走英文单语 + `const T` 映射表。** R16/M33：产品 UI 串禁中英混排、必须走 i18n key / const map；M9 要求行内动作用 literal 动词（`Stop Stream` / `Start Stream` / `Assign Receiver`）。
**5. 离线分两个子型。** M10：`Inactive-Idle`（`Last ran 08:12 → 09:47 · 95 min`）vs `Inactive-NeverStarted`（`Never started` + CTA `Assign Receiver`），不许合并成单一 Inactive。
**6. 二次确认用 Notification `form="pop confirm"` `type="danger"`。** M41 指定该组件、480 宽、居中单 dialog + 全屏 scrim；`type=danger` → confirm 按钮 filling red、无 category icon（组件契约）。焦点陷阱/Esc/焦点归还/backdrop 不关闭，全部照 `PopupBox.vue` 行为。
## 三个如实登记的偏差（都可复核）
| # | 事实 | 我怎么处理 |
|---|---|---|
| 1 | `PillStatus` 发布态只有 `On-air / Preview / Analyzing / Inactive` 四值，**没有 Warning** | 用同一构造式换 `--orange`，**这是硬规则 #3 意义上的未登记变体** —— 需要你拍板：要么在 Figma 补 `Pill Status.Status=Warning`，要么改用 `Analyzing`(blue)。我没静默发明 |
| 2 | scrim 值两处打架：M41 说 `rgba(0,0,0,0.2)`+blur8（2026-05-26 user-validated），`--mask-overlay` token 说 `0.6`+blur8（注释标「figma 真源 Mask blur8 #000-60%」，`PopupBox.vue` 在用） | 走 **token**（code 侧真源；M41 自己写着 code 镜像 R21「候选、待补」）。这条冲突值得你裁一次 |
| 3 | `Button.vue` PALETTE_SPEC 里 `ghost/red` hover 底色 = `--red-bg` = `#fff1f0`，而 `--red-bg` / `--orange-bg` 在 `:root` 与 `[data-theme=light]` **同值**（浅色） ⇒ dark 主题下 hover 会闪一块近白粉底 | **照 DS 原样实现**（FIGMA_AS_SOURCE_OF_TRUTH：不许 code 自行「修正」）。这是本次最值得回流的发现 —— 主色 destructive 按钮在 dark 下 hover 反白 |
另外两处小说明：`--font-family-clock`（Digital Numbers）我没用 —— 单文件不能引字体文件，退化成 Courier New 反而失真；DS 注释也明确「数据/数字用 `--font-family-base` + `tabular-nums`，clock 字体只留给 TopBar 时钟」，页面按后者做。行溢出按 R23 三件套实现（center-ellipsis JS + `scrollWidth` 真截断检测 + 仅真截断才挂 tooltip，tooltip 用 `--tooltip-*` token 而非自画配色）。空值按 M29 Form 2：`—` + placeholder 色 + **无** copy icon。
```html
Live Sources · TVU
```
**怎么验**：直接浏览器打开。可交互点 —— 点任一 `Stop Stream` 走二次确认（Esc / Cancel 关闭、Tab 被困在 dialog 内、焦点归还触发按钮、点遮罩**不**关闭）；确认后该行实时降为 Offline 的 `Inactive-Idle` 子型 + 右下角 slide toast；offline 行的 `Stop Stream` 是 disabled 态（ghost/red opacity .4）配 `Start Stream`；第 4 行的长 UDP 地址走 center-ellipsis，hover / 键盘 focus 才弹 tooltip（短值不弹）；最后一行的地址与接收端是 `—` 且**没有** copy 图标。
**没做的两件事，说清楚**：① 我没跑 `pnpm audit:no-hardcoded-design-tokens` / `test:render-verification` 之类的闸 —— 本次会话 Bash 停用，所以「token 零硬编码」是我逐行对着 `variables.css` 写的，不是机检过的；要拿机检证据得在能跑命令的会话里把文件落到 `playground/public/**`（该目录已在 2026-08-11 扩进那条闸的扫描面）再跑。② 上表三条偏差里的第 1 条（Warning pill 变体）需要你拍板才算闭环，我只做到「按同构造式实现 + 显式登记」，没替你决定。