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