Skip to content

文件工作区 ​

功能概述 ​

文件工作区是外脑编辑器的核心页面,用于管理项目中的文档文件并进行编辑。左侧侧边栏提供文件树结构用于组织文档和文件夹,右侧主区域是富文本编辑器,支持编写工作流文档、发布部署和运行文档。

界面说明 ​

侧边栏 ​

顶部操作栏:

  • 新建文件按钮:在当前目录下创建新的文档文件
  • 新建文件夹按钮:创建新的文件夹用于组织文档
  • 首页按钮:返回项目首页视图(取消当前文档选择)

文件树:

  • 以树形结构展示项目中所有的文档和文件夹
  • 支持拖拽排序和嵌套
  • 右键菜单提供重命名、删除、复制等操作
  • 选中文件后在右侧编辑器中打开该文档

底部操作栏:

  • 回收站按钮:查看已删除的文档,支持恢复或永久删除
  • 命令面板快捷键:显示命令面板的快捷键提示

主编辑区 ​

顶部操作栏:

  • 文档标题:显示当前编辑文档的标题
  • 保存状态:实时显示文档的保存状态(无更改 / 未保存 / 保存中 / 已保存 / 同步中 / 错误)
  • 发布按钮:将当前文档发布为部署
  • 运行按钮:运行当前文档中的工作流

编辑器:

  • 基于 ProseKit 的富文本编辑器,支持标题、段落、代码块等基本格式
  • 支持各种 Block 类型(代码块、AI 对话、输入控件等)
  • 编辑器宽度可在自适应和全宽模式之间切换

运行抽屉:

  • 点击运行按钮后从右侧滑出
  • 显示当前文档的运行结果
  • 支持 Stream 模式开关和超时时间设置

操作步骤 ​

新建文档 ​

  1. 点击侧边栏顶部的 新建文件 按钮
  2. 系统自动创建文档并在编辑器中打开
  3. 点击标题区域输入文档标题
  4. 开始编写文档内容

新建文件夹 ​

  1. 点击侧边栏顶部的 新建文件夹 按钮
  2. 在文件树中出现新文件夹
  3. 输入文件夹名称并确认

编辑文档 ​

  1. 在文件树中点击要编辑的文档
  2. 在右侧编辑器中编写内容
  3. 文档会自动保存,保存状态在顶部实时显示
  4. 也可使用快捷键手动保存

发布文档 ​

  1. 编辑完文档后点击顶部的 发布 按钮
  2. 首次发布需要选择可见性(公开或私有)
  3. 已发布的文档修改后会显示「未部署的更改」标签
  4. 点击 应用更改 可以将修改推送到已有部署

运行文档 ​

  1. 点击顶部的 Run 按钮(或使用快捷键)
  2. 运行抽屉从右侧滑出
  3. 如文档包含输入控件,先填写输入参数
  4. 查看运行结果
  5. 可开启 Stream 模式实时查看输出,或调整超时时间

恢复已删除文档 ​

  1. 点击侧边栏底部的 回收站 图标
  2. 在已删除文档列表中找到目标文档
  3. 点击 恢复 按钮还原文档,或点击 永久删除 彻底移除

相关链接 ​

AI Workflow Editor