common_agent/docs/前端实现文档/4.Workflow编排模块前端实现.md

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 只编辑当前节点配置，不直接改其他节点。