文件工作区
功能概述
文件工作区是外脑编辑器的核心页面,用于管理项目中的文档文件并进行编辑。左侧侧边栏提供文件树结构用于组织文档和文件夹,右侧主区域是富文本编辑器,支持编写工作流文档、发布部署和运行文档。
界面说明
侧边栏
顶部操作栏:
- 新建文件按钮:在当前目录下创建新的文档文件
- 新建文件夹按钮:创建新的文件夹用于组织文档
- 首页按钮:返回项目首页视图(取消当前文档选择)
文件树:
- 以树形结构展示项目中所有的文档和文件夹
- 支持拖拽排序和嵌套
- 右键菜单提供重命名、删除、复制等操作
- 选中文件后在右侧编辑器中打开该文档
底部操作栏:
- 回收站按钮:查看已删除的文档,支持恢复或永久删除
- 命令面板快捷键:显示命令面板的快捷键提示
主编辑区
顶部操作栏:
- 文档标题:显示当前编辑文档的标题
- 保存状态:实时显示文档的保存状态(无更改 / 未保存 / 保存中 / 已保存 / 同步中 / 错误)
- 发布按钮:将当前文档发布为部署
- 运行按钮:运行当前文档中的工作流
编辑器:
- 基于 ProseKit 的富文本编辑器,支持标题、段落、代码块等基本格式
- 支持各种 Block 类型(代码块、AI 对话、输入控件等)
- 编辑器宽度可在自适应和全宽模式之间切换
运行抽屉:
- 点击运行按钮后从右侧滑出
- 显示当前文档的运行结果
- 支持 Stream 模式开关和超时时间设置
操作步骤
新建文档
- 点击侧边栏顶部的 新建文件 按钮
- 系统自动创建文档并在编辑器中打开
- 点击标题区域输入文档标题
- 开始编写文档内容
新建文件夹
- 点击侧边栏顶部的 新建文件夹 按钮
- 在文件树中出现新文件夹
- 输入文件夹名称并确认
编辑文档
- 在文件树中点击要编辑的文档
- 在右侧编辑器中编写内容
- 文档会自动保存,保存状态在顶部实时显示
- 也可使用快捷键手动保存
发布文档
- 编辑完文档后点击顶部的 发布 按钮
- 首次发布需要选择可见性(公开或私有)
- 已发布的文档修改后会显示「未部署的更改」标签
- 点击 应用更改 可以将修改推送到已有部署
运行文档
- 点击顶部的 Run 按钮(或使用快捷键)
- 运行抽屉从右侧滑出
- 如文档包含输入控件,先填写输入参数
- 查看运行结果
- 可开启 Stream 模式实时查看输出,或调整超时时间
恢复已删除文档
- 点击侧边栏底部的 回收站 图标
- 在已删除文档列表中找到目标文档
- 点击 恢复 按钮还原文档,或点击 永久删除 彻底移除