# 06 · demo 接真实 API：原型升格为正式 demo

- **Type:** task
- **Status:** open
- **Blocked by:** 03, 04, 05

## Question

**2026-09-09 改版（用户拍板）**：票 00 的原型 demo（`.scratch/customer-contact-graph/prototype/prototype-contact-graph.html`）验收通过后，本票不再重写，而是把该原型**升格为正式 demo**：mock 数据层换成真实后端 API 调用（图谱读/边增删/布局保存/明文 reveal/快速添加/页内编辑/导入三段式），交互形态与渲染引擎沿用原型已验证版本。

1. **API 接线清单**（对齐票 01 spec 冻结的端点契约）：列表分页/查询、图谱读（含自动边+手动边+布局）、边 add/delete、布局 save、明文 reveal（含埋点）、快速添加、页内编辑批量保存、导入三段式。
2. **mock→API 替换**：数据层收敛到单一 fetch 层（原型里 mock 函数逐个换真实调用），交互/状态机代码不动。
3. **导入 UI**：批量导入三段式（模板下载/上传预检/confirm），对齐客户导入 tab 形态。
4. **验证方式不变**：node --check（若内嵌 JS 抽出）+ 静态路径对账 + 既有 31+20 步冒烟不回归；图谱交互的 Playwright 自动化留给票 08。