Host 到 React 的会话数据流

Host 到 React 的会话数据流 由 Archify 生成的数据流图。 01 / Host 事实源 02 / 传输与存储 03 / Client 对象层 04 / 派生快照 05 / React 消费 Session Log · 有序事件 · 01 / Host 事实源 · source of truth Session Log 有序事件 source of truth SessionController · page() / follow() · 02 / 传输与存储 SessionController page() / follow() Persistence · checkpoint / JSONL · 02 / 传输与存储 Persistence checkpoint / JSONL Client Session · 游标、去重、累积 · 03 / Client 对象层 Client Session 游标、去重、累积 Notifier · 合批通知 · 03 / Client 对象层 Notifier 合批通知 ConversationNodeAssembler · 事件 → 对话节点 · 04 / 派生快照 ConversationNodeAssembler 事件 → 对话节点 Immutable Snapshot · 稳定只读引用 · 04 / 派生快照 Immutable Snapshot 稳定只读引用 useSyncExternalStore · subscribe + getSnapshot · 05 / React 消费 useSyncExternalStore subscribe + getSnapshot keyed Slot · 按工具键选择卡片 · 05 / React 消费 keyed Slot 按工具键选择卡片 React UI · 流式对话与工具卡片 · 05 / React 消费 React UI 流式对话与工具卡片 page + follow 持久化 durable seq + event 通知 增量事件 发布快照 订阅 tool key 稳定快照 卡片 图例 主要数据 数据存储 数据流

前端心智模型

  • • Client Session 像框架无关的外部 Store
  • • React 订阅快照，不直接消费网络帧

恢复与性能

  • • page + follow 补齐历史并继续追帧
  • • Notifier 合批更新，seq/游标用于去重