决策树编辑器
决策树编辑器是 SOP 工作室的核心组件。它提供一个基于 React Flow 的可视化画布,用于构建、连接和配置 SOP 决策树。
画布概览
编辑器由三个区域组成:
| 区域 | 用途 |
|---|---|
| 节点面板(左侧) | 将节点类型拖拽到画布上 |
| 画布(中央) | 决策树的可视化图形 |
| 属性面板(右侧) | 编辑选中节点的属性 |
节点类型
步骤节点
步骤节点代表 SOP 中的单个操作或指令。
| 属性 | 类型 | 描述 |
|---|---|---|
step | string | 唯一的步骤标识符 |
instruction | string | 此步骤需要执行的操作 |
criteria | Record | 定义评估标准的键值对 |
tool_suggestions | Array | 可辅助此步骤的可选工具 |
条件节点
条件节点用于创建分支逻辑。每条出边代表一个可能的条件值。
| 属性 | 类型 | 描述 |
|---|---|---|
field | string | 要评估的字段或变量 |
conditions | Record | 将条件值映射到操作 |
sla_min | number | 每个分支的可选 SLA(分钟) |
工具节点
工具节点引用一个外部 MCP 工具或 API,在流程的特定点调用。
| 属性 | 类型 | 描述 |
|---|---|---|
name | string | 工具名称(必须与 MCP 工具注册表匹配) |
when | string | 调用工具的条件 |
input_template | Record | 默认输入参数 |
使用画布
添加节点
从左侧面板拖拽节点类型到画布上。节点将以默认属性显示,可在右侧面板中编辑。
连接节点
点击节点的输出端口(底部)并拖拽到另一个节点的输入端口(顶部)以创建边线。对于条件节点,每条边线可标注其代表的条件值。
编辑属性
选中任意节点即可在右侧面板中查看和编辑其属性。更改会实时反映在画布上。
键盘快捷键
| 快捷键 | 操作 |
|---|---|
Ctrl+S | 保存 SOP |
Ctrl+Z | 撤销 |
Ctrl+Shift+Z | 重做 |
Delete | 删除选中的节点或边线 |
Ctrl+A | 选择所有节点 |
Ctrl+D | 复制选中的节点 |