我已走完本仓库的强制 onboarding（L-core 四份 + AGENTS 硬规则/Onboarding Gate/必读链路、design-process、domain-tvu、code-conventions 起手必读段 + R2/R3/R6/R7/R14/R15/R19/R23），并且在仓库里找到了**这条需求自己的已批准设计合同**和**产品自有模块索引**——这改变了做法，先把关键几条说清楚。 ## 分类与依据 - **US-3**（既有页加 feature）+ **intent classified as 场景 2.2**（已有页面加新 feature/element）。Path B（HTML 代码交付），走 `code-conventions.md`。 - 命中 AGENTS §必读链路第 11 条（查**本产品自己**有没有做过这个模块）。Bash 被停用，我改读该条的数据真源 `docs/internal/_generated/product-pattern-index.json`，**命中 `✅ covered`**： | 产品自有模块（Config-T `rJJjWWs51n2iFOlCIC7aYG`） | 证据 | |---|---| | **`IP Source Item`** COMPONENT_SET `1012:8880`，变体 `Tag=No Source` / `Tag=Video Source`，84 instances | 来源卡片的产品自有范式 → 卡片按**两态**画，不是 6 张同款 | | `Button` COMPONENT_SET `59:7772`（`Tag=First/Second/Third/Warning`），12 instances | 该产品有 file-local 按钮集 | - 更关键的一条：`docs/_archive/_design-kickoffs/v4-1827-ndi-into-ipsource.md` 是**这条需求（V4-1827）已批准的 M50 kickoff packet**，Round 3 方向与你这四条要求逐条对应。所以文案、Keep/Change、组件映射我**照它执行**，不自创：`Type of source:` / `HDMI/SDI/USB` / `IP Source` / `NDI` / `Source Name` / `URL: ndi://` / `Apply` / `Merge All IP Source` / `Local input active — no configuration required.` 全部逐字取自它的 §8 Content Contract。 ## 一处必须如实登记的边界 M17 要求「开建前打开宿主 surface 的 canonical 范式帧实测取值」。本 session 没有 Figma 通道（无 `use_figma`、无 Figma MCP），**我没能 probe `1011:7877` / `7862:1729`**。所以：控件颜色/间距/字阶全部来自 `src/tokens/variables.css` 与 canonical 组件源码（逐行 mirror，可复核），但**页面级几何、导航页签的完整集合与顺序、`Merge All IP Source` 的落位、No Source 卡三个控件是否置灰，都是未实测的重建**。这几条我写进了交付物自己的「已知偏差」段，没有藏起来。 ```html Config-T · Type of source → 3-way (NDI) · V4-1827 · TVU Design System

Config-T Local UI · `Type of source:` 2-way → 3-way (NDI)

V4-1827 — RPS One to support NDI as Live Input via ETH module. US-3 existing-product increment · intent 场景 2.2 · deliverable = single-file HTML hi-fi mockup.

既有页增量：来源类型从二选一改为三选一，新增 NDI；内容区随选中项切换；选择行与内容区之间加分隔线；顶部导航不新增页签。

Author / 作者 · Nancy Design contract · docs/_archive/_design-kickoffs/v4-1827-ndi-into-ipsource.md Product file · Config-T rJJjWWs51n2iFOlCIC7aYG Theme · dark only (domain-tvu M4)

BEFORE Baseline — 2-option exclusive Shipped product (Config-T v7.7–8.0): HDMI/SDI/USB · IP Source only · no divider · no NDI anywhere / 现网基线：二选一、无分隔线、产品无 NDI

IP Source

Type of source:

HDMI/SDI/USB IP Source

Video Source

IP: To:

Video Source

IP: To:

No Source

IP: To:

Video Source

IP: To:

Video Source

IP: To:

No Source

IP: To:

AFTER · 1 / 3 Selected = HDMI/SDI/USB Local input active → content area shows a passive inline hint only (no control, no action) / 本机输入生效，内容区只放一条被动提示，不放任何控件

IP Source

Type of source:

HDMI/SDI/USB IP Source NDI

Local input active — no configuration required.

AFTER · 2 / 3 Selected = IP Source Existing 6-card source grid kept verbatim (preview + IP + To: + Apply) + Merge All IP Source; only the divider above it is new / 既有六卡网格与合并按钮原样保留，上方分隔线是本轮新增

IP Source

Type of source:

HDMI/SDI/USB IP Source NDI

Video Source

IP: To:

Video Source

IP: To:

No Source

IP: To:

Video Source

IP: To:

Video Source

IP: To:

No Source

IP: To:

AFTER · 3 / 3 Selected = NDI — NEW Single-source NDI form; no per-Tx enable toggle (selecting NDI already means “this Tx uses NDI”) / NDI 单源表单，不设 per-Tx 启用开关：选中 NDI 本身即代表启用

IP Source

Type of source:

HDMI/SDI/USB IP Source NDI

Source Name

URL: ndi://

UX delivery notes / UX 交付说明

1 · Delta — what changed this round / 本轮改动

Type of source: 2-option → 3-option exclusive, 3rd option = NDI. One control, one signal per Tx. 同一个控件从二选一改三选一，第三项 NDI；每个 Tx 仍只有一路信号。
Content area gains a 3rd state and becomes switchable by the selected radio: HDMI/SDI/USB → passive hint · IP Source → existing 6-card grid · NDI → NDI form. 内容区新增第三态，随选中项切换。
Divider added between the radio row and the content area — anchors “what is below belongs to the type selected above”. 选择行与内容区之间新增分隔线，用来锚定「下方配置属于上方所选类型」。
Top nav unchanged — no NDI tab. NDI is consolidated into the page where users already manage sources; no cross-page hunting. 顶部导航不新增页签，NDI 并入用户本来就在管理来源的这一页。

2 · Kept / do not touch / 保留不动

IP Source 6-card grid internals (preview + IP + To: + Apply) and Merge All IP Source — reused verbatim. 六卡网格内部与合并按钮原样复用。
Tx1–4 pager (top-right) and per-Tx memory of the selected source type. 右上 Tx1–4 分页器与「每个 Tx 各记自己的来源类型」。
Radio selected / unselected component styles; top nav structure; all other Config-T pages (Encoder / Config for live / MediaMind / Return Video / VoIP·IFB) stay visible and untouched. 同级页签全部保持可见——scope 收窄只收窄改动范围，不收窄可见范围。
NDI form deliberately has no per-Tx enable toggle: selecting the NDI radio already carries that meaning, a separate toggle would duplicate it. 刻意不加 per-Tx 启用开关——选中 NDI 本身就是启用，再加开关是语义重复。

3 · Element → source mapping (Phase 0 / R0)

Element	Source	Evidence	State
Source-type radio ×3	DS library `radio` (dark theme=on, status off/on)	catalog key `9f07746f…`; visuals mirrored from `src/components/Radio/Radio.vue`	reused; 3rd option fills the already-reserved hidden group — no new element
Source card ×6	product-local `IP Source Item` set `1012:8880`, `Tag=No Source` / `Tag=Video Source`	`_generated/product-pattern-index.json` — 84 instances in this file	reused (product pattern beats re-deriving from DS)
Divider	library `line` (horizontal) → `--line-divider-light`	design contract §9	new
`Apply` ×N + `Merge All IP Source`	DS Button — `filling`, size `M`, radius `square`; green = primary confirm, gray = bulk action	mirrored from `src/components/Button/Button.vue`	one single variant for every `Apply` (consistency is a contract acceptance item)
`Source Name`	`input box/line` size M inside Form Item (`Layout=1 line`, `Label Width=120 px`)	mirrored from `src/components/Input/Input.vue` + `--form-item-*` tokens	new
`URL: ndi://`	`select box/line` combobox (dual mode: dropdown = Discovery, typing = Manual)	mirrored from `src/canonical/SelectBoxBase.vue`	new; registered deviation — `Drop down List/Select` was unavailable
Top nav	DS `Tab/Item` `Tag=line`, `activeColor=green`	mirrored from `src/components/Tab/TabItem.vue`	unchanged, no tab added
Icons	`Arrow/Dropdown` · `Arrow/Previous` · `Arrow/Next` · `Video/Camera` · `Video/Camera-off`	paths copied verbatim from `dist/icons/svg/**`	library-only, zero hand-drawn SVG
Colour / spacing / type	`src/tokens/variables.css` dark block, inlined verbatim	no hex outside that block	—

备注：库里存在 indicator/NDI 图标（2429:16375）。本稿没有用它——设计合同的内容清单里 NDI 只是一个 radio 文本项，加图标等于新增未批准元素。若 owner 想给 NDI 选项加品牌标识，这个图标已经在库里、可直接取。

4 · Known deviations — not measured / 已知偏差（未实测）

Host-page geometry was not probed. This session had no Figma channel, so 1011:7877 / 7862:1729 were never opened. Control colours, borders, radii, type scale and control heights are mirrored line-for-line from DS source and are checkable; page-level geometry is a reconstruction — column widths, paddings, card size and the exact frame width (here: the --bp-xl 1280px token). M17 要求先打开宿主 canonical 帧实测再建；本轮做不到，页面级几何是重建值，不是实测值，交给 owner/dev 按真帧校正。
Nav tab set and order: only the five “do not touch” page names are evidenced. The active tab is labelled IP Source because the contract calls this “the IP Source page”; the real label, the full tab list and its order are unverified. 页签集合与顺序未实测。
Merge All IP Source position (here: content-area toolbar, right-aligned) and the Tx pager form (here: ‹ Tx1 › + 1 / 4) are not probed — only their existence and “top-right” are.
Tag=No Source card interior: the variant axis is evidenced, but whether its IP / To: / Apply are greyed out is not. This mockup takes the minimal reading — only the preview differs, controls stay enabled — so the operator can still configure and Apply. Owner call if that is wrong.
Field semantics: the contract writes “To:Transmitter”, the brief describes it as 目标接收端. Same slot; the label here is the contract’s evidenced string. All IPs / names / transmitter values are sample data.
R23 (constrained-cell overflow): (a) ellipsis and (c) hover reveal via title are in; (b) JS truncation detection is not — a static mockup carries no script, so title is always-on rather than detection-gated. Dev must implement (b) in the real page.
M23 card colours not transplanted: the Figma delivery card’s navy #2B2D42 / #33A4FD have no DS token behind them, and inlining raw hex would break the “colour hardcoding = bug” hard rule. This notes block therefore uses DS tokens (layer-2 surface + 4px brand rail) instead. 注释层配色按 code 侧硬规则用 token 表达，不搬 Figma 注释卡专用 hex。
Dark only, per the device / operator-console rule. No light-mode block is shipped.

5 · Explicitly out of scope / 明确不在本轮

Source-empty · scanning · discovery-failed · connecting · Apply success/fail · oversized source name · 4-Tx binding overview. These are carried in the approved spec’s backlog, not silently dropped — the only feedback state in scope is the passive HDMI/SDI/USB hint, which exists solely to keep the content area from reading as a broken blank page.

这些反馈态在已批准 spec 里挂在 backlog，本轮不做；唯一在范围内的反馈是 HDMI/SDI/USB 那条被动提示，它的作用只是避免内容区看起来像坏页。

``` ## 落在稿子里的几个判断，值得你复核 1. **卡片走产品自有模块，不走 DS 重推**。因为 pattern index 实证 `IP Source Item` 有两个变体，六张卡我按 4 个 `Video Source` + 2 个 `No Source` 画——这正是 AGENTS 第 11 条要治的「用了设计库组件、没用当前产品已有的组件」。 2. **两个 `Apply` 用同一个 variant**（filling/green/M/square）。卡片里放 32px 按钮偏大，但合同的 Consistency 验收项逐字要求「both Apply buttons reuse the same library Button variant」，所以我没按视觉舒适度改成 S。 3. **没给 NDI 选项加 `indicator/NDI` 图标**，尽管库里有。内容合同里 NDI 只是一个 radio 文本项，加图标是新增未批准元素。要加的话素材已就位。 4. **同级页签全部保留可见**（Scope Handling：「本期不动 X」≠ 隐藏 X），并额外给了一个 BEFORE 帧，让「二选一 → 三选一 + 新增分隔线」这个 delta 自己看得见。 5. **一处我判定不能自己拍的**：`No Source` 卡里三个控件是否置灰。我取了「只有 preview 区分、控件保持可用」的最小解释并写进已知偏差——这需要你或 probe 真帧来定。最实的一条限制：**页面级几何是重建的，不是实测的**。M17 要求先开宿主 canonical 帧取值再建，本 session 无 Figma 通道做不到。控件层（颜色/边框/圆角/字阶/控件高）逐行对得上 DS 源码、可复核；列宽、内边距、卡片尺寸、帧宽需要拿真帧校一遍。

Config-T Local UI · Type of source: 2-way → 3-way (NDI)

UX delivery notes / UX 交付说明

1 · Delta — what changed this round / 本轮改动

2 · Kept / do not touch / 保留不动

3 · Element → source mapping (Phase 0 / R0)

4 · Known deviations — not measured / 已知偏差（未实测）

5 · Explicitly out of scope / 明确不在本轮

Config-T Local UI · `Type of source:` 2-way → 3-way (NDI)