界面总览
打开 http://localhost:3000 后落到 /workspace，屏幕分四个功能区：
- 左侧栏 —— 三个按钮：Workflow、Tasks、Portfolio（素材库）
- 顶部 header —— 工作流标题菜单、模式切换（Create / Execute）
- 画布 —— 节点和连接线生活的无限画布
- 智能岛（Smart Island） —— 底部浮动面板，根据选择和模式动态变化
左侧栏（左上角）
三个图标按钮，从左到右：
| 图标 | 打开 | 用途 |
|---|---|---|
| Workflow | 工作流对话框 | 浏览、打开、重命名、复制、删除已保存的工作流。新建也在这里。 |
| Zap | 任务面板 | 列出账号跑过的每次执行。点一项可以查看输入、输出、错误信息。节点失败时，错误信息（Modal / LLM 报错）在这里查。 |
| FolderOpen | Portfolio 对话框 | 素材库：你跨所有工作流上传过的所有文件，可以复用、改名、删除。素材在这里，不在智能岛上。 |
如果你看到的旧文档说素材按钮在智能岛上——那个已经改了，现在是左侧栏的第三个图标。
顶部 header
工作流标题在顶部居中：点标题可以重命名、保存、Fork。
右侧是模式切换：
- Create Mode（创作模式，Sparkles 图标）—— 默认。排列节点、连线、配置参数。智能岛显示 Add 工具栏。
- Execute Mode（执行模式，Play 图标）—— 触发运行。智能岛收成单个 Play 按钮。
详见 工作流模式。
画布
主工作区是基于 React Flow 的无限可拖拽可缩放画布。标准操作：
- 拖动画布 —— 鼠标中键拖、或按住空格拖、或触摸板双指滑动
- 缩放 —— 双指捏合、滚轮、或右下角控件
- 选中节点 —— 单击。选中状态决定智能岛接下来显示什么
- 多选 —— 拖框、或 Shift+点击
- 连线 —— 从输出 handle（节点右侧）拖到输入 handle（另一个节点左侧）。连接受 ABI 校验：文本输出只能接到文本输入，图像接图像，以此类推
智能岛（底部）
画布底部的浮动面板。展示内容取决于模式和选择：
- Create Mode + 无选中 → Add 工具栏（7 个图标：3D 模型、文档、图像、文本、视频、音频、链接）。点击任一在视图中心创建对应节点
- Create Mode + 选中节点 → 与所选节点相关的转换/组合操作（如选中文本节点会出现”转换 → 图像生成”，选中音频+视频会出现”组合 → 口型同步”）
- Execute Mode → 单个大号 Play 按钮。运行中按钮变成多色呼吸光球
详见 智能岛。
节点解剖
画布上每个节点都有：
- 头部 —— 节点类型名 + 可拖拽 handle
- 输入 handles（左侧）—— 对应该节点 ABI 中声明的每个强类型输入
- 输出 handles（右侧）—— 对应每个强类型输出
- 主体 —— 因节点类型而异：文本输入框、图像预览、音频波形、视频播放器、文档文件名等
- 状态指示器 —— 该节点相关任务运行时亮起；结束后显示结果或错误
完整节点清单见 节点类型。
数据存放位置
- 工作流和节点位置 ——
data/tongflow.db（SQLite） - 上传素材 ——
data/uploads/本地磁盘，由 Portfolio 引用 - 任务执行历史 —— 同一个 SQLite，通过 Zap（Tasks）按钮查看
只要你不连转换节点到外部服务（Modal / LLM），你的数据不离开本机。
