# Workflow 编排模块前端实现

## 1. 页面

`WorkflowBuilderPage.vue` 提供节点库、画布、运行 Trace 抽屉和节点 Inspector。

## 2. ViewModel

`WorkflowBuilderView` 建议包含：

- Workflow 基本信息。
- 当前草稿版本。
- 节点列表。
- 边列表。
- 当前选中节点配置。
- 最近测试运行 Trace。

## 3. 接口草案

- `GET /api/workflows/{workflowId}`
- `POST /api/workflows/save-draft`
- `POST /api/workflows/{workflowId}/publish`
- `POST /api/workflows/{workflowId}/runs`
- `GET /api/workflows/runs/{runId}`

## 4. 交互规则

- 保存草稿只更新草稿版本。
- 运行测试生成 `workflow_run` 和 `workflow_run_step`。
- 发布前调用发布就绪检查。
- 节点 Inspector 只编辑当前节点配置，不直接改其他节点。