创建第一个画布
从 + New Canvas 到 AI 生成第一个 widget，完整演练一次对话驱动的画布构建流程。
第 1 步：创建画布
登录后进入工作区主界面。左侧是 FileTree 文件树，可以看到默认工作区下的文档列表。点击右上角 + New Canvas 按钮，填入画布名称（比如 "用户增长分析"）即可。
也可以用另外两种入口快速开始：
- 拖拽一份 PDF 到文件树 → 系统自动解析并创建一个带 PDF 查看器 widget 的画布
- 粘贴一个 URL 到 FileTree 的 Bookmark 栏 → 创建一个内嵌网页 viewer 的画布
第 2 步：理解画布界面
新建的画布默认进入 Canvas 模式（基于 XYFlow 的无限二维画布）。界面四个区域：
| 区域 | 作用 |
|---|---|
| 中央画布 | 放置 widget、拖拽连线、缩放平移 |
| 右侧对话栏 | 与 AI Agent 对话，发 prompt、slash 命令 |
| 左下工具栏 | 切换 Canvas / Document 模式、打开设置 |
| 右下 MiniMap | 全局缩略图，快速跳转大画布区域 |
第 3 步：对话生成第一个 widget
在右侧对话栏输入 prompt：
帮我做一个用户增长的折线图，近 6 个月的数据按回车发送后，多 Agent 工作流会依次运行：
- widget_recommender Agent 分析需求，判断应该用
line-chartwidget - 主 Agent 调用
create_widget工具，生成 widget schema 和初始数据 - 画布上立刻出现一个折线图 widget，同时对话栏显示思考过程（可折叠）
如果 AI 生成的数据是占位示例，你可以继续追问：
把数据换成这 6 个月：1月2000人，2月3500，3月5100，4月6800，5月9200，6月12500AI 会定位到该 widget 并调用 edit_widget 工具更新数据。
第 4 步：继续迭代
你可以：
- 双击 widget直接编辑标题、颜色、数据
- 拖拽连线把两个 widget 连起来（配合 Widget 可实现参数联动）
- 选中 widget + 对话让 AI 只修改这一个 widget，不影响其他内容
- 切换 Document 模式把 widget 按顺序展开成线性文档，适合汇报场景
常见 prompt 模板
上传的 PDF 第 3 章节帮我做一个摘要信息图
用 CSV 数据做一个按地区分组的柱状图