我已走完 onboarding（L-core 四份 + AGENTS 硬规则/必读链路 + mockup 链的 code 侧 scoped 读：code-conventions 起手必读段 + R0/R2/R3/R6/R7/R13/R14/R15/R16/R19/R-DISCIPLINE、domain-tvu M3/M4/M7/M9/M12/M17、design-process §Scope Handling/M21、figma-component-catalog 相关 entry），并读了这类产物的机检真源 `scripts/audit-mockup-html-conformance.mjs`。 **意图分类**：`intent classified as 场景 2.2（已有页面加新 feature/element）` = US-3 增量；视觉真源 = 宿主页既有惯例 + TVU DS（你显式指定用 TVU 设计系统 = M22 用户意图，覆盖 M21.2 默认的「产品色优先」）。 **R0 Phase 0 element→component mapping**（取数：catalog → canonical → src/components → src/icons） | Element | Figma component_set（key） | Code 真源 | 状态 | |---|---|---|---| | Type of source 三选一 | `radio` (`9f07746f…`, dark theme × status × enable) | `src/canonical/Radio.vue` → `src/components/Radio/Radio.vue` | ✅ sync | | 顶部 bar | `Top bar` (`918b928e…`) | `src/components/TopBar/TopBar.vue` | ✅ sync | | 顶部页签（不新增项） | `Tab/Item` (`2267405386…`) + `Tab List` (`47efe04f…`) | `src/components/Tab/TabItem.vue` / `TabList.vue` | ✅ sync | | 目标接收端 / Discovery / Bandwidth 下拉 | `select box/filled` (`ca2ff89d…`) | `src/components/Select/Select.vue` | ✅ sync | | Group / Server address 文本框 | `input box/filled` | `src/components/Input/Input.vue` | ✅ sync | | Apply / Cancel / Rescan | `Button/dark M` (`12b38c8b…`) | `src/components/Button/Button.vue`（PALETTE_SPEC 逐档） | ✅ sync | | 状态徽标 | `Badge` (`4db5246d…`) / Pill Status | `src/components/Pill/Pill.vue` | ✅ sync | | 表单行（label+控件+hint） | `Form Item` | `src/components/FormItem/FormItem.vue` | ✅ sync | | Include audio 开关 | `switch` (`bf16e8f5…`) | `src/components/Switch/Switch.vue` | ✅ sync | | 空态提示条 | `Message`（设备侧谱系，M12） | 本稿以 DS token 手写 notice | 🟡 单文件无组件链，实装换 `Message` | | 图标 4 枚 | `navigation/arrow-dropdown` · `action/refresh`(`1202:4182`) · `media/source-unavailable`(`1352:26898`) · `status/info-outline` · `brand/logo-tvu` | `src/icons/raw.ts` 逐字复制 | ✅ sync（零自画 SVG） | | 分隔线 | — | token `--line-divider-deep` | ✅ | **四条关键决策** 1. **三选一继续用 `radio`，不改成 Tab/分段控件**：宿主页原本就是互斥表单值（radio 语义），R6/场景 2 禁止借增量把既有控件换平台；且 catalog 的 `Tab/Item` 是导航语义，而你明确说「不新增导航项」。 2. **分隔线**用 `--line-divider-deep`（= `--line-deep`）满宽压边，负 margin 走 `--sp-l`，无裸 px。 3. **NDI 表单**给到 5 个字段（NDI source + Rescan / Discovery / Group / Bandwidth / Include audio / Target receiver）+ 右侧预览元数据卡，与 IP 分支的「预览 + 参数 + Apply」信息架构对齐；`Discovery=Discovery server` 时条件渲染 `Server address`（R14：条件渲染不留尸 DOM）。 4. **多给一帧 3-b「未发现源」**：NDI 发现是网络异步事件，M12 禁止静默 no-op → 空态给出「告知 + 前进路径（Rescan / 改 Discovery server）」，同时顺带展示 disabled 态与条件字段。 **如实登记的两处边界**（不是待办，是本稿能力边界） - **宿主页范式未 probe**（M17 要求先打开宿主 canonical 帧实测行高/控件宽/对齐）：我没有该页的 Figma/截图/代码，所以几何全部取 DS canonical 实测值（radio 16px/1.2px、Button M 32px/padding 16、Select M 32px、Tab 32px/gap 24、FormItem label 120px/row 32px）。顶部页签标签、卡片示例数据均为占位，**不在改动范围**（Scope Handling：既有区域保持可见、零 mutation）。实装前请拿宿主页核对几何与文案。 - **Logo 之外零自画**：4 枚图标 + TVU logo 均逐字取自 `src/icons/raw.ts`；token 内联自 `src/tokens/variables.css`（单文件无法 `` 真源，实装走 R2.1 的 `copyDesignTokensPlugin`，不手抄色值）。 机检自查（对照 `audit-mockup-html-conformance.mjs`）：`unconstrained-svg` 每个 `` 带 width/height ✅ · `handrolled-nav` 无 `