上一篇文章从应用入口、路由、全局 Provider、状态管理和 Flow 页面出发，梳理了 Langflow React 前端的整体结构。这一篇继续深入画布编辑器本身。前端画布看起来是拖拽节点、连接线、配置参数。但从源码角度看，它真正维护的是一份可保存、可导入、可导出、可运行的图结构。这份图结构最终会落到FlowType.data中。它既要满足前端展示：节点位置。画布视口。节点 UI 状态。输入字段。输出端口。连线关系。也要满足后端执行：组件类型。参数值。边的依赖关系。输入输出类型。子图和 group node。loop 和条件分支语义。所以本文关注的是：Langflow 的前端画布如何把用户交互表达成稳定的 Flow JSON？1. 本文涉及的源码位置Flow 数据结构：主题源码位置Flow、Node、