collection 架构图流程图
根据 plan-detail.tsx 与相关 hooks,整理完整业务流程图如下。
1. 总览:三条并行管线
2. 进入页面 & 加载 Plan
3. Run Collection(签名 + 广播)
4. 链上确认(轮询,与 Run 独立)
5. UI 数据如何更新(多源合并)
6. 其它用户操作
7. 交易状态机(单笔)
8. 模块对照表
| 阶段 | 负责模块 | 说明 |
|---|---|---|
| 读 Plan | usePlanDetailSqlite | 开 DB、恢复/中断检测 |
| 签名 | useSignPlanSqlite + runWithConcurrency | MPC 签名,有界并发 |
| 广播 | useSignPlanSqlite 广播队列 + Worker | RPC 发交易,与签名并行 |
| 上链确认 | useBroadcastResultPollingSqlite | 5s 轮询 receipt |
| 列表 UI | plan-detail + usePlanRuntimeStore | 增量 + reload 合并 |
| 持久化 | planService / SQLite | 单笔 txHash;批量失败;进度队列写 |
若需要导出成 PNG/SVG,可把上述 Mermaid 贴到 mermaid.live;若要拆成「仅 Run 时序图」或「仅数据流图」,可以说一下我单独画一版。