Appearance
MVP 范围
已完成
基础设施
画布编辑器
- Workspace 画布列表 CRUD
- Canvas Editor 页面(Vue Flow 集成)
- 画布 Header / Toolbar / Footer
- 节点创建(工具栏对话框 + 浮动菜单 + 双击空白区 + 连线拖出)
连线系统
- 连线校验(自连接 / 循环 / 重复 / handle 方向 / uploaded 节点不可作 target)→ spec
- 拖到节点体 / 空白区域创建连线
- 节点多选批量连线(Group Node)→ spec
节点系统
- 节点复制 / 粘贴 / 副本(右键菜单 + Ctrl+C/V 快捷键)→ spec
- NodeShell 通用节点框架(紧凑 / 编辑双模式)→ spec
- TextNode(TipTap 富文本编辑 + AI 文本生成)→ spec
- ImageNode(图片上传/预览 + AI 图片生成 + 多变体选择)→ spec
- VideoNode(视频上传/播放 + AI 视频生成)→ spec
- 文件上传到 COS(STS 凭证 + CDN)→ spec
数据流
- 节点间数据流传递 + 上游参考媒体预览 → spec
预览
- Quick Look 节点全屏预览(空格键触发、方向键切换)→ spec
AI 服务
- AI 生成状态机(HTTP POST 触发 + WS Push 接收结果)→ spec
- 模型列表动态查询 + 缓存
实时同步
- 节点/连线 CRUD 通过 WebSocket Command 同步 → ADR-007
- WebSocket 协议(Command/Accept/Reject/Push + 心跳 + 重连)
明确不做
- 移动端适配
页面结构
| 页面 | 路由 | 描述 |
|---|---|---|
| Workspace | / | 画布列表、新建画布入口 |
| 画布编辑器 | /canvas/:id | 核心编辑页面 |