端到端泳道图

TIP

图较宽时可在图内横向滚动；下方表格说明每条泳道的职责。

这张图展示一份文档从输入到 SVG / DOM 的完整流转。

正在渲染图表…

各泳道

泳道	输入	输出	关键边界
调用方	JSON、主题、注册表、宿主	诊断、当前场景	边界处 parse，处理失败
Contract	unknown	DrawDocument	不读 registry
Bind	DrawDocument + registry	BoundDocument	类型、props、回落诊断只在这里
Theme	ThemeInput	ResolvedTheme	颜色、排版、类型默认样式
Layout	BoundDocument + typography	LayoutResult	四个几何原子
Build	BoundDocument + layout + theme	Scene	样式合流与 render
Host	Scene / patch	SVG / DOM	不重新计算几何

缓存边界

createPipeline 在各泳道之间复用产物：

变化	重跑范围
document	bind → layout → build
tokens / typeStyles	build
overlay	build
router	route → build
measurer fingerprint	measure → place → attach → route → build

失败路径

正在渲染图表…

可回落问题继续产出场景；只有无法形成可信帧或 host 拒绝提交时才保留上一帧。

增量更新

正在渲染图表…

首帧 mount；后续只发送 patch。setTheme 与 setOverlay 复用文档，不改变语义结构。