本文档基于 git 提交：
801eb31 017:工作流执行368601c 018:配置动态key
重点从前端功能、交互设计、数据流和实现方式说明这两次提交做了什么。
总览
017 主要完成了工作流的执行入口和执行链路：用户在编辑器中配置好节点后，可以点击“开始执行”，前端通过 tRPC 调用服务端 mutation，服务端再发送 Inngest 事件，由 Inngest 按节点顺序执行工作流。
2026/6/30大约 10 分钟
本文整理两个提交中最值得前端开发学习的内容：
3924876 013: editor header ui5e049de 014: 建议editor页面，实现基本的workflow页面
重点不是逐行背代码，而是理解它们背后的实现逻辑：
- Next.js App Router 中服务端组件和客户端组件如何分工
- tRPC + React Query 如何组织数据获取、缓存和 mutation
- inline edit 这种交互组件如何处理本地状态和远端状态
- React Flow 画布如何用受控状态管理 nodes / edges
- 数据库里的 workflow / node / connection 如何映射成前端图结构
- 面试中可能如何被问，以及如何回答
2026/6/29大约 20 分钟