From 1a6e6bbbe21be761c8142c078f4387d234656a96 Mon Sep 17 00:00:00 2001
From: aryecatcher <516371385@qq.com>
Date: Wed, 6 May 2026 15:12:39 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E5=85=A8=E9=9D=A2=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontEnd/SPA/README.md                        | 134 ++-
 FrontEnd/SPA/openapi.json                     | 655 +-------------
 FrontEnd/SPA/package-lock.json                |  18 +
 FrontEnd/SPA/package.json                     |   1 +
 FrontEnd/SPA/src/api/generated/ApiClient.ts   |  20 +-
 .../SPA/src/api/generated/core/OpenAPI.ts     |   2 +-
 FrontEnd/SPA/src/api/generated/index.ts       |  36 +-
 .../src/api/generated/models/AgentConfig.ts   |  24 +
 .../src/api/generated/models/Checkpoint.ts    |  29 -
 .../api/generated/models/CheckpointApprove.ts |  18 +
 .../models/CheckpointListResponse.ts          |  14 +
 .../api/generated/models/CheckpointReject.ts  |  18 +
 .../generated/models/CheckpointResponse.ts    |  21 +
 .../SPA/src/api/generated/models/Context.ts   |  35 -
 .../models/DefaultPipelineResponse.ts         |  13 +
 .../src/api/generated/models/Descriptions.ts  |  18 +
 .../api/generated/models/ExecutionCreate.ts   |  22 +
 .../api/generated/models/ExecutionResponse.ts |  20 +
 .../api/generated/models/ExecutionStatus.ts   |  17 +
 .../models/ExecutionStatusResponse.ts         |  25 +
 .../generated/models/HTTPValidationError.ts   |   9 +
 .../api/generated/models/HealthResponse.ts    |  14 +
 .../api/generated/models/PipelineConfig.ts    |  23 -
 .../models/PipelineConfigResponse.ts          |  25 +
 .../api/generated/models/PipelineCreate.ts    |  14 +
 .../generated/models/PipelineListResponse.ts  |  15 +
 .../api/generated/models/PipelineResponse.ts  |  20 +
 .../src/api/generated/models/PipelineStage.ts |  44 +
 .../api/generated/models/PipelineStatus.ts    |  16 +
 .../api/generated/models/PipelineUpdate.ts    |  14 +
 .../src/api/generated/models/RunSummary.ts    |  25 -
 .../models/SetDefaultPipelineRequest.ts       |  14 +
 .../src/api/generated/models/StageConfig.ts   |  28 -
 .../SPA/src/api/generated/models/StageType.ts |  14 +
 .../SPA/src/api/generated/models/Stages.ts    |  14 +
 .../api/generated/models/TestRunRequest.ts    |  22 +
 .../api/generated/models/ValidationError.ts   |  12 +
 .../generated/services/CheckpointService.ts   | 135 +++
 .../api/generated/services/DefaultService.ts  | 218 -----
 .../generated/services/ExecutionService.ts    | 185 ++++
 .../api/generated/services/HealthService.ts   |  22 +
 .../api/generated/services/PipelineService.ts | 159 ++++
 .../src/api/generated/services/RootService.ts |  21 +
 FrontEnd/SPA/src/components/AuditModal.vue    |  56 +-
 FrontEnd/SPA/src/main.ts                      |   2 +-
 FrontEnd/SPA/src/pages/WorkflowPage.vue       | 818 ++++++++++++++++--
 FrontEnd/SPA/src/utils/request.ts             |   2 +-
 FrontEnd/SPA/tsconfig.json                    |   5 +-
 48 files changed, 1989 insertions(+), 1097 deletions(-)
 create mode 100644 FrontEnd/SPA/src/api/generated/models/AgentConfig.ts
 delete mode 100644 FrontEnd/SPA/src/api/generated/models/Checkpoint.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/CheckpointApprove.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/CheckpointListResponse.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/CheckpointReject.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/CheckpointResponse.ts
 delete mode 100644 FrontEnd/SPA/src/api/generated/models/Context.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/DefaultPipelineResponse.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/Descriptions.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/ExecutionCreate.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/ExecutionResponse.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/ExecutionStatus.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/ExecutionStatusResponse.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/HTTPValidationError.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/HealthResponse.ts
 delete mode 100644 FrontEnd/SPA/src/api/generated/models/PipelineConfig.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/PipelineConfigResponse.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/PipelineCreate.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/PipelineListResponse.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/PipelineResponse.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/PipelineStage.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/PipelineStatus.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/PipelineUpdate.ts
 delete mode 100644 FrontEnd/SPA/src/api/generated/models/RunSummary.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/SetDefaultPipelineRequest.ts
 delete mode 100644 FrontEnd/SPA/src/api/generated/models/StageConfig.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/StageType.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/Stages.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/TestRunRequest.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/models/ValidationError.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/services/CheckpointService.ts
 delete mode 100644 FrontEnd/SPA/src/api/generated/services/DefaultService.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/services/ExecutionService.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/services/HealthService.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/services/PipelineService.ts
 create mode 100644 FrontEnd/SPA/src/api/generated/services/RootService.ts

diff --git a/FrontEnd/SPA/README.md b/FrontEnd/SPA/README.md
index 1511959..004a4ac 100644
--- a/FrontEnd/SPA/README.md
+++ b/FrontEnd/SPA/README.md
@@ -1,5 +1,129 @@
-# Vue 3 + Vite
-
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
+# DevFlow 前端项目
+AI驱动的可视化工作流编排平台前端，支持拖拽编排AI流水线、人工审批、多Agent协同执行等功能。
+---
+## 🛠️ 技术栈
+| 技术 | 版本 | 说明 |
+|------|------|------|
+| Vue | 3.5.x | 核心框架，Composition API + <script setup> 语法 |
+| TypeScript | 5.x | 类型安全 |
+| Vite | 8.x | 构建工具，开发热更新、构建速度快 |
+| Vue Router | 4.x | 路由管理 |
+| Vue Flow | 1.x | 专业流程图/画布引擎 |
+| Axios | 1.x | 网络请求 |
+| OpenAPI TypeScript Codegen | 0.30.x | 自动生成带类型的接口客户端 |
+---
+## 📁 目录结构
+```
+src/
+├── api/                    # 接口层
+│   ├── generated/          # 自动生成的OpenAPI接口代码（不要手动修改）
+│   │   ├── core/           # 请求底层封装
+│   │   ├── models/         # 接口入参/返回值TS类型定义
+│   │   └── services/       # 所有接口方法
+│   └── index.ts            # 导出自动生成的API客户端
+├── assets/                 # 静态资源（图片、图标等）
+├── components/             # 全局公共组件
+│   ├── AppHeader.vue       # 全局顶部导航组件
+│   ├── AuditModal.vue      # 通用审批弹窗组件
+│   └── HelloWorld.vue      # 示例组件
+├── pages/                  # 页面组件（路由级组件）
+│   ├── HomePage.vue        # 首页（产品介绍页）
+│   └── WorkflowPage.vue    # 核心工作流编排页
+├── router/                 # 路由配置
+│   └── index.ts            # 路由规则定义
+├── utils/                  # 工具函数
+│   └── request.ts          # 手动封装的Axios实例（备用）
+├── App.vue                 # 根组件
+├── main.ts                 # 项目入口文件
+├── style.css               # 全局样式
+└── vite-env.d.ts           # Vite环境类型声明
+```
+---
+## 📄 页面说明
+### 1. 首页 `/` → [HomePage.vue](src/pages/HomePage.vue)
+**功能定位**：产品营销介绍页，面向首次访问的用户
+**页面结构**：
+- Hero区块：产品标语、核心卖点、进入工作流入口按钮
+- 特性展示区：3个核心功能卡片（可视化编排、多智能体协同、企业级管控）
+- CTA区块：号召用户使用的引导区
+**交互逻辑**：点击「进入引擎」按钮跳转到工作流页面
+---
+### 2. 工作流页 `/workflow` → [WorkflowPage.vue](src/pages/WorkflowPage.vue)
+**功能定位**：核心功能工作台，用户编排和运行流水线的主页面
+**页面结构（三栏布局）**：
+| 区域 | 位置 | 功能 |
+|------|------|------|
+| 节点库 | 左侧栏 | 展示可拖拽的节点分类：<br/>· AI节点：LLM对话、多Agent协作、RAG检索<br/>· 工具节点：HTTP请求、Python执行、数据库查询<br/>· 控制流：条件分支、并行执行、重试策略 |
+| 画布区 | 中间 | 工作流编排主区域：<br/>· 顶部操作栏：打开审批、运行流水线按钮<br/>· 画布：拖拽编排节点、连线，可视化展示流水线结构<br/>· 示例节点：触发器、需求分析Agent、知识检索、代码执行、汇总输出 |
+| 配置面板 | 右侧栏 | 选中节点的属性配置：<br/>· 节点名称<br/>· 模型选择（GPT-4o/DeepSeek-V3/Claude Sonnet）<br/>· 系统提示词<br/>· 最大Token限制 |
+**核心功能**：
+- 点击「运行流水线」按钮：调用后端接口启动流水线执行，自动轮询状态
+- 流水线执行到审批节点时：自动弹出审批弹窗，支持通过/驳回操作
+- 审批完成后自动继续执行，直到流水线结束
+---
+## 🧩 核心公共组件
+### 1. [AppHeader.vue](src/components/AppHeader.vue)
+全局顶部导航，所有页面共用：
+- 左侧：品牌Logo和名称，点击跳转首页
+- 中间：导航链接（首页、流水线引擎）
+- 右侧：「立即体验」按钮，跳转到工作流页
+### 2. [AuditModal.vue](src/components/AuditModal.vue)
+通用人工审批弹窗组件：
+- 功能：展示待审批方案、基础信息、原始返回数据
+- 操作：支持通过/驳回，自动对接后端审批接口
+- 调用方式：支持`v-model:visible`双向绑定显隐，传入`audit-data`和`run-id`即可使用
+- 事件：`@success`/`@error`回调审批结果
+---
+## 🚀 快速开始
+### 1. 安装依赖
+```bash
+npm install
+```
+### 2. 配置后端地址
+在 `src/main.ts` 中修改API地址为你后端的实际地址：
+```ts
+BASE: import.meta.env.VITE_API_BASE_URL || 'http://localhost:8000'
+```
+或者在根目录新建 `.env.local` 文件配置：
+```
+VITE_API_BASE_URL=http://你的后端地址
+```
+### 3. 启动开发服务
+```bash
+npm run dev
+```
+默认访问地址：`http://localhost:5173`
+### 4. 生产构建
+```bash
+npm run build
+```
+构建产物输出到 `dist` 目录
+### 5. 重新生成接口代码
+如果后端接口有更新，执行以下命令自动拉取最新的OpenAPI规范生成接口代码：
+```bash
+npm run gen-api
+```
+---
+## 🔌 后端对接说明
+### 接口调用方式
+所有接口都通过全局`apiClient`调用，已经在`main.ts`初始化完成，直接导入使用即可：
+```ts
+import { apiClient } from './main'
+// 示例：调用创建执行接口
+const result = await apiClient.default.postApiV1PipelinesRun('default', {
+  demand: '你的需求内容'
+})
+```
+所有接口都有完整的TS类型提示，输入`apiClient.default.`编辑器会自动列出所有可用接口。
+### 后端地址要求
+- 后端基于FastAPI开发，默认端口8000
+- 启动后端后可以访问 `http://localhost:8000/docs` 查看完整接口文档
+---
+## 💡 常用命令
+| 命令 | 说明 |
+|------|------|
+| `npm run dev` | 启动开发服务 |
+| `npm run build` | 生产构建 |
+| `npm run preview` | 预览构建产物 |
+| `npm run typecheck` | 执行TypeScript类型检查 |
+| `npm run gen-api` | 根据后端OpenAPI规范重新生成接口代码 |
\ No newline at end of file
diff --git a/FrontEnd/SPA/openapi.json b/FrontEnd/SPA/openapi.json
index fa34a53..67602fc 100644
--- a/FrontEnd/SPA/openapi.json
+++ b/FrontEnd/SPA/openapi.json
@@ -1,654 +1 @@
-{
-  "openapi": "3.0.1",
-  "info": {
-    "title": "Pipeline 模块",
-    "description": "",
-    "version": "1.0.0"
-  },
-  "tags": [],
-  "paths": {
-    "/api/v1/pipelines/{pipeline_id}": {
-      "get": {
-        "summary": "获取流水线详情",
-        "deprecated": false,
-        "description": "获取流水线模板详情信息。",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "pipeline_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "$ref": "#/components/schemas/PipelineConfig"
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      },
-      "put": {
-        "summary": "更新流水线定义",
-        "deprecated": false,
-        "description": "更新流水线模板信息。",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "pipeline_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "type": "object",
-                  "properties": {}
-                }
-              }
-            }
-          }
-        },
-        "security": []
-      }
-    },
-    "/api/v1/pipelines/{pipeline_id}/run": {
-      "post": {
-        "summary": "创建并运行流水线实例",
-        "deprecated": false,
-        "description": "基于定义创建并运行流水线实例，返回运行实例ID。",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "pipeline_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "$ref": "#/components/schemas/RunSummary"
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      }
-    },
-    "/api/runs/{run_id}/checkpoints": {
-      "get": {
-        "summary": "获取检查点列表",
-        "deprecated": false,
-        "description": "获取检查点的概述信息",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "run_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "$ref": "#/components/schemas/Checkpoint"
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      }
-    },
-    "/api/runs/{run_id}/{stage_id}": {
-      "get": {
-        "summary": "获取检查点详情",
-        "deprecated": false,
-        "description": "",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "run_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          },
-          {
-            "name": "stage_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "type": "object",
-                  "properties": {}
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      }
-    },
-    "/api/runs/{run_id}/{stage_id}/approve": {
-      "post": {
-        "summary": "通过检查点",
-        "deprecated": false,
-        "description": "通过该检查点",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "run_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          },
-          {
-            "name": "stage_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "type": "object",
-                  "properties": {}
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      }
-    },
-    "/api/runs/{run_id}/{stage_id}/reject": {
-      "post": {
-        "summary": "驳回检查点",
-        "deprecated": false,
-        "description": "驳回该检查点",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "run_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          },
-          {
-            "name": "stage_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "type": "object",
-                  "properties": {}
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      }
-    },
-    "/api/runs/{run_id}": {
-      "get": {
-        "summary": "获取实例详情",
-        "deprecated": false,
-        "description": "获取实例运行摘要信息",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "run_id",
-            "in": "path",
-            "description": "唯一实例ID",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "$ref": "#/components/schemas/RunSummary"
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      }
-    },
-    "/api/runs/{run_id}/pause": {
-      "post": {
-        "summary": "暂停执行",
-        "deprecated": false,
-        "description": "暂停实例执行",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "run_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "type": "object",
-                  "properties": {}
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      }
-    },
-    "/api/runs/{run_id}/resume": {
-      "post": {
-        "summary": "恢复执行",
-        "deprecated": false,
-        "description": "恢复暂停的实例执行",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "run_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "type": "object",
-                  "properties": {}
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      }
-    },
-    "/api/runs/{run_id}/terminate": {
-      "post": {
-        "summary": "强制终止",
-        "deprecated": false,
-        "description": "强制停止进行中的实例执行",
-        "tags": [],
-        "parameters": [
-          {
-            "name": "run_id",
-            "in": "path",
-            "description": "",
-            "required": true,
-            "schema": {
-              "type": "string"
-            }
-          }
-        ],
-        "responses": {
-          "200": {
-            "description": "",
-            "content": {
-              "application/json": {
-                "schema": {
-                  "type": "object",
-                  "properties": {}
-                }
-              }
-            },
-            "headers": {}
-          }
-        },
-        "security": []
-      }
-    }
-  },
-  "components": {
-    "schemas": {
-      "PipelineConfig": {
-        "type": "object",
-        "properties": {
-          "pipeline_id": {
-            "type": "integer",
-            "title": "流水线编号",
-            "description": "用于绑定模板，可采用默认值"
-          },
-          "descriptions": {
-            "type": "object",
-            "properties": {
-              "title": {
-                "type": "string",
-                "title": "标题"
-              },
-              "content": {
-                "type": "string",
-                "title": "详情"
-              }
-            },
-            "title": "流水线描述",
-            "description": "文字描述该模板",
-            "required": [
-              "title"
-            ]
-          },
-          "stages": {
-            "type": "array",
-            "items": {
-              "type": "integer"
-            },
-            "title": "流水线阶段配置",
-            "description": "连接各阶段StageID"
-          },
-          "config": {
-            "type": "object",
-            "properties": {},
-            "title": "额外配置"
-          }
-        },
-        "required": [
-          "pipeline_id",
-          "descriptions",
-          "stages"
-        ]
-      },
-      "StageConfig": {
-        "type": "object",
-        "properties": {
-          "stage_id": {
-            "type": "integer",
-            "title": "阶段编号"
-          },
-          "descriptions": {
-            "type": "object",
-            "properties": {
-              "title": {
-                "type": "string",
-                "title": "标题"
-              },
-              "content": {
-                "type": "string",
-                "title": "详情"
-              }
-            },
-            "title": "阶段描述",
-            "description": "简要描述阶段内容",
-            "required": [
-              "title"
-            ]
-          },
-          "agent_config": {
-            "type": "object",
-            "properties": {
-              "model_provider": {
-                "type": "object",
-                "properties": {},
-                "title": "模型提供商",
-                "description": "提供大模型接入"
-              },
-              "roles": {
-                "type": "object",
-                "properties": {},
-                "title": "模型配置",
-                "description": "配置预定信息"
-              }
-            },
-            "required": [
-              "model_provider",
-              "roles"
-            ],
-            "title": "Agent配置",
-            "description": "配置该阶段Agent信息"
-          }
-        },
-        "required": [
-          "stage_id",
-          "agent_config",
-          "descriptions"
-        ]
-      },
-      "RunSummary": {
-        "type": "object",
-        "properties": {
-          "pipeline_id": {
-            "type": "integer",
-            "title": "流水线模板编号",
-            "description": "连接流水线模板"
-          },
-          "run_id": {
-            "type": "integer",
-            "title": "实例编号",
-            "description": "标注实例"
-          },
-          "summary": {
-            "type": "object",
-            "properties": {
-              "status": {
-                "type": "string",
-                "title": "运行状态",
-                "description": "running|paused|awaiting_checkpoint|completed|failed|cancelled"
-              },
-              "current_stage": {
-                "type": "string",
-                "title": "当前阶段编号",
-                "description": "连接stage_id"
-              }
-            },
-            "required": [
-              "status",
-              "current_stage"
-            ],
-            "title": "运行概况"
-          }
-        },
-        "required": [
-          "pipeline_id",
-          "run_id",
-          "summary"
-        ]
-      },
-      "Checkpoint": {
-        "type": "object",
-        "properties": {
-          "run_id": {
-            "type": "integer",
-            "title": "实例编号",
-            "description": "连接运行实例"
-          },
-          "checkpoint_id": {
-            "type": "integer",
-            "title": "检查点编号",
-            "description": "标注检查点"
-          },
-          "reviews": {
-            "type": "string",
-            "title": "检查点说明",
-            "description": "呈现检查点内容"
-          },
-          "resolution": {
-            "type": "object",
-            "properties": {
-              "action": {
-                "type": "string",
-                "title": "决策",
-                "description": "accept|reject"
-              },
-              "context_id": {
-                "type": "integer",
-                "description": "反馈内容编号"
-              }
-            },
-            "title": "用户决策",
-            "required": [
-              "action",
-              "context_id"
-            ]
-          }
-        },
-        "required": [
-          "run_id",
-          "checkpoint_id",
-          "reviews",
-          "resolution"
-        ]
-      },
-      "Context": {
-        "type": "object",
-        "properties": {
-          "run_id": {
-            "type": "integer",
-            "title": "实例编号",
-            "description": "绑定运行实例"
-          },
-          "context_id": {
-            "type": "integer",
-            "title": "交付内容编号",
-            "description": "标注交付内容"
-          },
-          "type": {
-            "type": "string",
-            "title": "交付类型",
-            "description": "initial|checkpoint"
-          },
-          "content": {
-            "type": "object",
-            "properties": {
-              "prompt": {
-                "type": "string",
-                "title": "用户提示词",
-                "description": "可选，提示词内容"
-              },
-              "refs": {
-                "type": "object",
-                "properties": {
-                  "codebase": {
-                    "type": "object",
-                    "properties": {},
-                    "title": "代码库定位"
-                  },
-                  "dom": {
-                    "type": "object",
-                    "properties": {},
-                    "title": "网页元素定位"
-                  }
-                },
-                "title": "上下文定位",
-                "description": "可选，上下文内容"
-              }
-            },
-            "title": "交付内容",
-            "description": "具体交付内容"
-          }
-        },
-        "required": [
-          "run_id",
-          "context_id",
-          "type",
-          "content"
-        ]
-      }
-    },
-    "responses": {},
-    "securitySchemes": {}
-  },
-  "servers": [],
-  "security": []
-}
\ No newline at end of file
+{"openapi":"3.1.0","info":{"title":"DevFlow Engine","description":"\n## AI ��?��??��???????��??���?o???????\n\n??o?o? LangGraph ?????o��?????????��??���?o??3?????????��????��?��????�� AI Agent ??????????oo?����?????1??o??????\n\n### ?????????��??\n\n- **?��??���?o???????**: ????1???????????��?��????��???????��??��?\n- **AI Agent ??????**: ��???��????????????1???��??��???????��??????????????��???����????\n- **?oo?����?????1**: ??��??3��??��????1��??????��???��??1????????�� Human-in-the-Loop\n- **????-��??�쨨??**: ?????�㨨??��???????��?????????��??������\n\n### ?��??��?������???\n\n```\n��???��?��????�� a?? ��???��??????? a?? ??1???��??��??[?????1] a?? ??��????????? a?? ??��???����????[?????1] a?? ?o��???\n```\n\n### Swagger ?????��?��??��?\n\n1. **??��??��??�쨨??**: `POST /api/executions` ?????o??�쨨???1???��??��?��??���?o?\n2. **��??������??????**: `GET /api/executions/{execution_id}` ??��?????�쨨??��???o|\n3. **?-?????????1**: ??????????????o `waiting_approval` ????????��?��???��??1??��??��??��???????????1��?1\n4. **?????1?��???��??1**: `POST /api/checkpoints/{execution_id}/{stage_id}/approve` ??1?????��??-??�쨨??\n    ","version":"0.1.0"},"paths":{"/api/health":{"get":{"tags":["Health"],"summary":"??��?o��?��???��","description":"?��???��????????��??|?-��???��??��??","operationId":"health_check_api_health_get","responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HealthResponse"}}}}}}},"/api/pipelines":{"post":{"tags":["Pipeline"],"summary":"?????o?��??���?o?","description":"?????o?????a??��????��??���?o????????1???�쨨???��??��????��????��","operationId":"create_pipeline_api_pipelines_post","requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/PipelineCreate"}}}},"responses":{"201":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/PipelineResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}},"get":{"tags":["Pipeline"],"summary":"??��������?��??���?o????��?��","description":"???��?��??��������???????��??���?o?","operationId":"list_pipelines_api_pipelines_get","parameters":[{"name":"page","in":"query","required":false,"schema":{"type":"integer","minimum":1,"description":"��?��???","default":1,"title":"Page"},"description":"��?��???"},{"name":"page_size","in":"query","required":false,"schema":{"type":"integer","maximum":100,"minimum":1,"description":"?��?��?��??�㨦??","default":20,"title":"Page Size"},"description":"?��?��?��??�㨦??"}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/PipelineListResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/pipelines/{pipeline_id}":{"get":{"tags":["Pipeline"],"summary":"��?��????��??���?o?��?????","description":"??1???ID��?��??????????��??���?o????��??????????��","operationId":"get_pipeline_api_pipelines__pipeline_id__get","parameters":[{"name":"pipeline_id","in":"path","required":true,"schema":{"type":"string","title":"Pipeline Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/PipelineConfigResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}},"put":{"tags":["Pipeline"],"summary":"??��??��?��??���?o?","description":"??��??��???????��??���?o????��?????","operationId":"update_pipeline_api_pipelines__pipeline_id__put","parameters":[{"name":"pipeline_id","in":"path","required":true,"schema":{"type":"string","title":"Pipeline Id"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/PipelineUpdate"}}}},"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}},"delete":{"tags":["Pipeline"],"summary":"???��?��?��??���?o?","description":"???��?��???????��??���?o?","operationId":"delete_pipeline_api_pipelines__pipeline_id__delete","parameters":[{"name":"pipeline_id","in":"path","required":true,"schema":{"type":"string","title":"Pipeline Id"}}],"responses":{"204":{"description":"Successful Response"},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/pipelines/default":{"get":{"tags":["Pipeline"],"summary":"��?��???��??��?��?��??���?o?","description":"��?��?????????��???????o��??��?��????��??���?o??????��","operationId":"get_default_pipeline_api_pipelines_default_get","responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/DefaultPipelineResponse"}}}}}},"post":{"tags":["Pipeline"],"summary":"��?????��??��?��?��??���?o?","description":"?��????????��??���?o?��???????o��??��?��?��??���?o?","operationId":"set_default_pipeline_api_pipelines_default_post","requestBody":{"content":{"application/json":{"schema":{"$ref":"#/components/schemas/SetDefaultPipelineRequest"}}},"required":true},"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/DefaultPipelineResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/executions":{"post":{"tags":["Execution"],"summary":"?????o?1???��??��??�쨨??","description":"?????o??��?????�쨨?????????1?????-��??��??��?��??���?o?","operationId":"create_execution_api_executions_post","requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/ExecutionCreate"}}}},"responses":{"201":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/ExecutionResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}},"get":{"tags":["Execution"],"summary":"??��������??�쨨?????��?��","description":"???��?��??��������??�쨨???????2��?��???","operationId":"list_executions_api_executions_get","parameters":[{"name":"pipeline_id","in":"query","required":false,"schema":{"anyOf":[{"type":"string"},{"type":"null"}],"description":"????��??���?o?ID?-?��??","title":"Pipeline Id"},"description":"????��??���?o?ID?-?��??"},{"name":"page","in":"query","required":false,"schema":{"type":"integer","minimum":1,"description":"��?��???","default":1,"title":"Page"},"description":"��?��???"},{"name":"page_size","in":"query","required":false,"schema":{"type":"integer","maximum":100,"minimum":1,"description":"?��?��?��??�㨦??","default":20,"title":"Page Size"},"description":"?��?��?��??�㨦??"}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true,"title":"Response List Executions Api Executions Get"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/executions/{execution_id}":{"get":{"tags":["Execution"],"summary":"��?��?????�쨨??����|???","description":"??��???????????�쨨?????����|????????????��???o|","operationId":"get_execution_api_executions__execution_id__get","parameters":[{"name":"execution_id","in":"path","required":true,"schema":{"type":"string","title":"Execution Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/ExecutionStatusResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/executions/{execution_id}/status":{"get":{"tags":["Execution"],"summary":"��?��?????�쨨????????","description":"��?��?????�쨨????????????????��??1???","operationId":"get_execution_status_api_executions__execution_id__status_get","parameters":[{"name":"execution_id","in":"path","required":true,"schema":{"type":"string","title":"Execution Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/ExecutionStatusResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/executions/{execution_id}/cancel":{"post":{"tags":["Execution"],"summary":"????????�쨨??","description":"???????-��??����??��???????�쨨??","operationId":"cancel_execution_api_executions__execution_id__cancel_post","parameters":[{"name":"execution_id","in":"path","required":true,"schema":{"type":"string","title":"Execution Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true,"title":"Response Cancel Execution Api Executions  Execution Id  Cancel Post"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/executions/{execution_id}/pause":{"post":{"tags":["Execution"],"summary":"????????�쨨??","description":"???????-��??����??��???????�쨨??","operationId":"pause_execution_api_executions__execution_id__pause_post","parameters":[{"name":"execution_id","in":"path","required":true,"schema":{"type":"string","title":"Execution Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true,"title":"Response Pause Execution Api Executions  Execution Id  Pause Post"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/executions/{execution_id}/resume":{"post":{"tags":["Execution"],"summary":"??��?��???�쨨??","description":"?????????????????��?��???�쨨??","operationId":"resume_execution_api_executions__execution_id__resume_post","parameters":[{"name":"execution_id","in":"path","required":true,"schema":{"type":"string","title":"Execution Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true,"title":"Response Resume Execution Api Executions  Execution Id  Resume Post"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/executions/test-run":{"post":{"tags":["Execution"],"summary":"?��?����?��??��???��??���?o?","description":"??��??��?��?����??��??���?o???�쨨?????????-��??????��?a??��?��????????????��??????????????��????????????","operationId":"test_run_pipeline_api_executions_test_run_post","requestBody":{"content":{"application/json":{"schema":{"$ref":"#/components/schemas/TestRunRequest"}}},"required":true},"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"additionalProperties":true,"type":"object","title":"Response Test Run Pipeline Api Executions Test Run Post"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/checkpoints":{"get":{"tags":["Checkpoint"],"summary":"??��������????????1?��???��??1","description":"��?��?????????????????1????��???��??1???��?��","operationId":"list_pending_checkpoints_api_checkpoints_get","parameters":[{"name":"execution_id","in":"query","required":false,"schema":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Execution Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/CheckpointListResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/checkpoints/{execution_id}/{stage_id}":{"get":{"tags":["Checkpoint"],"summary":"��?��????��???��??1����|???","description":"��?��???????????�쨨????-??1???��????��????��???��??1?????��","operationId":"get_checkpoint_api_checkpoints__execution_id___stage_id__get","parameters":[{"name":"execution_id","in":"path","required":true,"schema":{"type":"string","title":"Execution Id"}},{"name":"stage_id","in":"path","required":true,"schema":{"type":"string","title":"Stage Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/CheckpointResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/checkpoints/{execution_id}/{stage_id}/approve":{"post":{"tags":["Checkpoint"],"summary":"??1????��???��??1","description":"??1????��???��??1??��??��??-?��??���?o???�쨨??","operationId":"approve_checkpoint_api_checkpoints__execution_id___stage_id__approve_post","parameters":[{"name":"execution_id","in":"path","required":true,"schema":{"type":"string","title":"Execution Id"}},{"name":"stage_id","in":"path","required":true,"schema":{"type":"string","title":"Stage Id"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/CheckpointApprove"}}}},"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/CheckpointResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/checkpoints/{execution_id}/{stage_id}/reject":{"post":{"tags":["Checkpoint"],"summary":"???????��???��??1","description":"???????��???��??1?1?����|?????????","operationId":"reject_checkpoint_api_checkpoints__execution_id___stage_id__reject_post","parameters":[{"name":"execution_id","in":"path","required":true,"schema":{"type":"string","title":"Execution Id"}},{"name":"stage_id","in":"path","required":true,"schema":{"type":"string","title":"Stage Id"}}],"requestBody":{"required":true,"content":{"application/json":{"schema":{"$ref":"#/components/schemas/CheckpointReject"}}}},"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/CheckpointResponse"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/checkpoints/{execution_id}/summary":{"get":{"tags":["Checkpoint"],"summary":"��?��????��???��??1?��????","description":"��?��???????????�쨨????????????��???��??1?��?????????��","operationId":"get_checkpoint_summary_api_checkpoints__execution_id__summary_get","parameters":[{"name":"execution_id","in":"path","required":true,"schema":{"type":"string","title":"Execution Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"type":"object","additionalProperties":true,"title":"Response Get Checkpoint Summary Api Checkpoints  Execution Id  Summary Get"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/":{"get":{"tags":["Root"],"summary":"Root","description":"Root endpoint.","operationId":"root__get","responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{}}}}}}}},"components":{"schemas":{"AgentConfig":{"properties":{"name":{"type":"string","title":"Name","description":"Agent name"},"system_prompt":{"type":"string","title":"System Prompt","description":"System prompt for the agent","default":""},"temperature":{"type":"number","maximum":2.0,"minimum":0.0,"title":"Temperature","default":0.7},"max_tokens":{"type":"integer","minimum":1.0,"title":"Max Tokens","default":4096},"tools":{"items":{"type":"string"},"type":"array","title":"Tools","description":"Available tools"}},"type":"object","required":["name"],"title":"AgentConfig","description":"Agent configuration for a stage."},"CheckpointApprove":{"properties":{"comment":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Comment","description":"Optional approval comment"},"approver":{"type":"string","title":"Approver","description":"Approver identifier","default":"human"}},"type":"object","title":"CheckpointApprove","description":"Request to approve a checkpoint."},"CheckpointListResponse":{"properties":{"items":{"items":{"$ref":"#/components/schemas/CheckpointResponse"},"type":"array","title":"Items"},"total":{"type":"integer","title":"Total"},"pending":{"type":"integer","title":"Pending"}},"type":"object","required":["items","total","pending"],"title":"CheckpointListResponse","description":"List of checkpoints."},"CheckpointReject":{"properties":{"comment":{"type":"string","title":"Comment","description":"Rejection reason (required)"},"rejector":{"type":"string","title":"Rejector","description":"Rejector identifier","default":"human"}},"type":"object","required":["comment"],"title":"CheckpointReject","description":"Request to reject a checkpoint."},"CheckpointResponse":{"properties":{"id":{"type":"string","title":"Id"},"execution_id":{"type":"string","title":"Execution Id"},"stage_id":{"type":"string","title":"Stage Id"},"stage_result":{"additionalProperties":true,"type":"object","title":"Stage Result"},"status":{"$ref":"#/components/schemas/ExecutionStatus"},"created_at":{"type":"string","format":"date-time","title":"Created At"},"decided_at":{"anyOf":[{"type":"string","format":"date-time"},{"type":"null"}],"title":"Decided At"},"decided_by":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Decided By"},"comment":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Comment"},"approval_action":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Approval Action"}},"type":"object","required":["id","execution_id","stage_id","stage_result","status","created_at","decided_at","decided_by","comment","approval_action"],"title":"CheckpointResponse","description":"Checkpoint response."},"DefaultPipelineResponse":{"properties":{"default_pipeline_id":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Default Pipeline Id"},"default_pipeline":{"anyOf":[{"$ref":"#/components/schemas/PipelineConfigResponse"},{"type":"null"}]}},"type":"object","required":["default_pipeline_id"],"title":"DefaultPipelineResponse","description":"Response for default pipeline info."},"Descriptions":{"properties":{"content":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Content","description":"����|???"},"title":{"type":"string","title":"Title","description":"???����?"}},"type":"object","required":["title"],"title":"Descriptions","description":"?��??���?o????��?��???????-????��?�㨨����?��????"},"ExecutionCreate":{"properties":{"pipeline_id":{"type":"string","title":"Pipeline Id","description":"Pipeline ID to execute"},"demand":{"type":"string","title":"Demand","description":"Demand/requirement description"},"config":{"additionalProperties":true,"type":"object","title":"Config","description":"Execution configuration"}},"type":"object","required":["pipeline_id","demand"],"title":"ExecutionCreate","description":"Request to create and start an execution."},"ExecutionResponse":{"properties":{"id":{"type":"string","title":"Id"},"pipeline_id":{"type":"string","title":"Pipeline Id"},"status":{"$ref":"#/components/schemas/ExecutionStatus"},"current_stage_id":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Current Stage Id"},"results":{"additionalProperties":true,"type":"object","title":"Results"},"checkpoints":{"additionalProperties":true,"type":"object","title":"Checkpoints"},"created_at":{"type":"string","format":"date-time","title":"Created At"},"updated_at":{"anyOf":[{"type":"string","format":"date-time"},{"type":"null"}],"title":"Updated At"},"completed_at":{"anyOf":[{"type":"string","format":"date-time"},{"type":"null"}],"title":"Completed At"}},"type":"object","required":["id","pipeline_id","status","current_stage_id","created_at","updated_at","completed_at"],"title":"ExecutionResponse","description":"Execution response."},"ExecutionStatus":{"type":"string","enum":["pending","running","waiting_approval","approved","rejected","completed","failed","cancelled"],"title":"ExecutionStatus","description":"Execution status for a stage or overall pipeline."},"ExecutionStatusResponse":{"properties":{"id":{"type":"string","title":"Id"},"pipeline_id":{"type":"string","title":"Pipeline Id"},"status":{"$ref":"#/components/schemas/ExecutionStatus"},"current_stage_id":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Current Stage Id"},"current_stage_name":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Current Stage Name"},"progress":{"type":"number","title":"Progress","description":"Progress percentage 0-100"},"results":{"additionalProperties":true,"type":"object","title":"Results"},"checkpoints":{"additionalProperties":true,"type":"object","title":"Checkpoints"},"error":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Error"},"created_at":{"type":"string","format":"date-time","title":"Created At"},"updated_at":{"anyOf":[{"type":"string","format":"date-time"},{"type":"null"}],"title":"Updated At"}},"type":"object","required":["id","pipeline_id","status","current_stage_id","current_stage_name","progress","results","checkpoints","error","created_at","updated_at"],"title":"ExecutionStatusResponse","description":"Detailed execution status."},"HTTPValidationError":{"properties":{"detail":{"items":{"$ref":"#/components/schemas/ValidationError"},"type":"array","title":"Detail"}},"type":"object","title":"HTTPValidationError"},"HealthResponse":{"properties":{"status":{"type":"string","title":"Status"},"version":{"type":"string","title":"Version"},"timestamp":{"type":"string","format":"date-time","title":"Timestamp"},"services":{"additionalProperties":{"type":"boolean"},"type":"object","title":"Services"}},"type":"object","required":["status","version","timestamp"],"title":"HealthResponse","description":"Health check response."},"PipelineConfigResponse":{"properties":{"config":{"anyOf":[{"additionalProperties":true,"type":"object"},{"type":"null"}],"title":"Config","description":"����??��?��?????"},"descriptions":{"$ref":"#/components/schemas/Descriptions"},"pipeline_id":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Pipeline Id","description":"?��??���?o??????��?????��?o????????��????"},"stages":{"items":{"$ref":"#/components/schemas/Stages"},"type":"array","title":"Stages","description":"?��??���?o?��????�̨�????????��????��???��????��StageID"}},"type":"object","required":["descriptions","stages"],"title":"PipelineConfigResponse","description":"PipelineConfig ????o???????"},"PipelineCreate":{"properties":{"name":{"type":"string","maxLength":200,"minLength":1,"title":"Name"},"description":{"type":"string","title":"Description","default":""},"stages":{"items":{"$ref":"#/components/schemas/PipelineStage"},"type":"array","minItems":1,"title":"Stages"}},"type":"object","required":["name","stages"],"title":"PipelineCreate","description":"Request to create a new pipeline."},"PipelineListResponse":{"properties":{"items":{"items":{"$ref":"#/components/schemas/PipelineResponse"},"type":"array","title":"Items"},"total":{"type":"integer","title":"Total"},"page":{"type":"integer","title":"Page"},"page_size":{"type":"integer","title":"Page Size"}},"type":"object","required":["items","total","page","page_size"],"title":"PipelineListResponse","description":"List of pipelines."},"PipelineResponse":{"properties":{"id":{"type":"string","title":"Id"},"name":{"type":"string","title":"Name"},"description":{"type":"string","title":"Description"},"stages":{"items":{"$ref":"#/components/schemas/PipelineStage"},"type":"array","title":"Stages"},"status":{"$ref":"#/components/schemas/PipelineStatus"},"created_at":{"type":"string","format":"date-time","title":"Created At"},"updated_at":{"type":"string","format":"date-time","title":"Updated At"},"metadata":{"additionalProperties":true,"type":"object","title":"Metadata"}},"type":"object","required":["id","name","description","stages","status","created_at","updated_at"],"title":"PipelineResponse","description":"Pipeline response."},"PipelineStage":{"properties":{"id":{"type":"string","title":"Id","description":"Unique stage identifier"},"name":{"type":"string","title":"Name","description":"Stage display name"},"stage_type":{"$ref":"#/components/schemas/StageType","description":"Stage type"},"description":{"type":"string","title":"Description","description":"Stage description"},"agent":{"$ref":"#/components/schemas/AgentConfig","description":"Agent configuration"},"is_checkpoint":{"type":"boolean","title":"Is Checkpoint","description":"Whether this stage requires human approval","default":false},"depends_on":{"items":{"type":"string"},"type":"array","title":"Depends On","description":"Stage IDs this stage depends on"},"config":{"additionalProperties":true,"type":"object","title":"Config","description":"Stage-specific configuration"}},"type":"object","required":["id","name","stage_type","description","agent"],"title":"PipelineStage","description":"A single stage in the pipeline."},"PipelineStatus":{"type":"string","enum":["created","running","paused","waiting_approval","completed","failed","cancelled"],"title":"PipelineStatus","description":"Pipeline execution status."},"PipelineUpdate":{"properties":{"descriptions":{"anyOf":[{"$ref":"#/components/schemas/Descriptions"},{"type":"null"}]},"stages":{"anyOf":[{"items":{"type":"string"},"type":"array"},{"type":"null"}],"title":"Stages"},"config":{"anyOf":[{"additionalProperties":true,"type":"object"},{"type":"null"}],"title":"Config"}},"type":"object","title":"PipelineUpdate","description":"Request to update a pipeline."},"SetDefaultPipelineRequest":{"properties":{"pipeline_id":{"type":"string","title":"Pipeline Id","description":"Pipeline ID to set as default"}},"type":"object","required":["pipeline_id"],"title":"SetDefaultPipelineRequest","description":"Request to set a pipeline as default."},"StageType":{"type":"string","enum":["demand_analysis","scheme_design","code_generation","code_review","delivery"],"title":"StageType","description":"Pipeline stage types."},"Stages":{"properties":{"stage_id":{"type":"string","title":"Stage Id","description":"��????��?????��"}},"type":"object","required":["stage_id"],"title":"Stages","description":"?��??���?o?��????�̨�????????��????��???��????��StageID"},"TestRunRequest":{"properties":{"pipeline_id":{"type":"string","title":"Pipeline Id","description":"Pipeline ID to execute"},"demand":{"type":"string","title":"Demand","description":"Demand/requirement description"},"output_dir":{"type":"string","title":"Output Dir","description":"Output directory for generated files","default":"output"}},"type":"object","required":["pipeline_id","demand"],"title":"TestRunRequest","description":"Request for test-run endpoint."},"ValidationError":{"properties":{"loc":{"items":{"anyOf":[{"type":"string"},{"type":"integer"}]},"type":"array","title":"Location"},"msg":{"type":"string","title":"Message"},"type":{"type":"string","title":"Error Type"},"input":{"title":"Input"},"ctx":{"type":"object","title":"Context"}},"type":"object","required":["loc","msg","type"],"title":"ValidationError"}}}}
diff --git a/FrontEnd/SPA/package-lock.json b/FrontEnd/SPA/package-lock.json
index c516af8..014ab2f 100644
--- a/FrontEnd/SPA/package-lock.json
+++ b/FrontEnd/SPA/package-lock.json
@@ -17,6 +17,7 @@
         "vue-router": "^4.5.1"
       },
       "devDependencies": {
+        "@types/node": "^25.6.0",
         "@vitejs/plugin-vue": "^6.0.6",
         "openapi-typescript-codegen": "^0.30.0",
         "typescript": "^5.9.3",
@@ -441,6 +442,16 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/@types/node": {
+      "version": "25.6.0",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-25.6.0.tgz",
+      "integrity": "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.19.0"
+      }
+    },
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.20",
       "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
@@ -1810,6 +1821,13 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/undici-types": {
+      "version": "7.19.2",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.19.2.tgz",
+      "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/universalify/-/universalify-2.0.1.tgz",
diff --git a/FrontEnd/SPA/package.json b/FrontEnd/SPA/package.json
index a10d1d0..e0bf572 100644
--- a/FrontEnd/SPA/package.json
+++ b/FrontEnd/SPA/package.json
@@ -20,6 +20,7 @@
     "vue-router": "^4.5.1"
   },
   "devDependencies": {
+    "@types/node": "^25.6.0",
     "@vitejs/plugin-vue": "^6.0.6",
     "openapi-typescript-codegen": "^0.30.0",
     "typescript": "^5.9.3",
diff --git a/FrontEnd/SPA/src/api/generated/ApiClient.ts b/FrontEnd/SPA/src/api/generated/ApiClient.ts
index 01f8cef..13bd13d 100644
--- a/FrontEnd/SPA/src/api/generated/ApiClient.ts
+++ b/FrontEnd/SPA/src/api/generated/ApiClient.ts
@@ -5,15 +5,23 @@
 import type { BaseHttpRequest } from './core/BaseHttpRequest';
 import type { OpenAPIConfig } from './core/OpenAPI';
 import { AxiosHttpRequest } from './core/AxiosHttpRequest';
-import { DefaultService } from './services/DefaultService';
+import { CheckpointService } from './services/CheckpointService';
+import { ExecutionService } from './services/ExecutionService';
+import { HealthService } from './services/HealthService';
+import { PipelineService } from './services/PipelineService';
+import { RootService } from './services/RootService';
 type HttpRequestConstructor = new (config: OpenAPIConfig) => BaseHttpRequest;
 export class ApiClient {
-    public readonly default: DefaultService;
+    public readonly checkpoint: CheckpointService;
+    public readonly execution: ExecutionService;
+    public readonly health: HealthService;
+    public readonly pipeline: PipelineService;
+    public readonly root: RootService;
     public readonly request: BaseHttpRequest;
     constructor(config?: Partial<OpenAPIConfig>, HttpRequest: HttpRequestConstructor = AxiosHttpRequest) {
         this.request = new HttpRequest({
             BASE: config?.BASE ?? '',
-            VERSION: config?.VERSION ?? '1.0.0',
+            VERSION: config?.VERSION ?? '0.1.0',
             WITH_CREDENTIALS: config?.WITH_CREDENTIALS ?? false,
             CREDENTIALS: config?.CREDENTIALS ?? 'include',
             TOKEN: config?.TOKEN,
@@ -22,7 +30,11 @@ export class ApiClient {
             HEADERS: config?.HEADERS,
             ENCODE_PATH: config?.ENCODE_PATH,
         });
-        this.default = new DefaultService(this.request);
+        this.checkpoint = new CheckpointService(this.request);
+        this.execution = new ExecutionService(this.request);
+        this.health = new HealthService(this.request);
+        this.pipeline = new PipelineService(this.request);
+        this.root = new RootService(this.request);
     }
 }
 
diff --git a/FrontEnd/SPA/src/api/generated/core/OpenAPI.ts b/FrontEnd/SPA/src/api/generated/core/OpenAPI.ts
index a0a9ed4..0cfae5d 100644
--- a/FrontEnd/SPA/src/api/generated/core/OpenAPI.ts
+++ b/FrontEnd/SPA/src/api/generated/core/OpenAPI.ts
@@ -21,7 +21,7 @@ export type OpenAPIConfig = {
 
 export const OpenAPI: OpenAPIConfig = {
     BASE: '',
-    VERSION: '1.0.0',
+    VERSION: '0.1.0',
     WITH_CREDENTIALS: false,
     CREDENTIALS: 'include',
     TOKEN: undefined,
diff --git a/FrontEnd/SPA/src/api/generated/index.ts b/FrontEnd/SPA/src/api/generated/index.ts
index 4e2492a..94b7070 100644
--- a/FrontEnd/SPA/src/api/generated/index.ts
+++ b/FrontEnd/SPA/src/api/generated/index.ts
@@ -10,10 +10,34 @@ export { CancelablePromise, CancelError } from './core/CancelablePromise';
 export { OpenAPI } from './core/OpenAPI';
 export type { OpenAPIConfig } from './core/OpenAPI';
 
-export type { Checkpoint } from './models/Checkpoint';
-export type { Context } from './models/Context';
-export type { PipelineConfig } from './models/PipelineConfig';
-export type { RunSummary } from './models/RunSummary';
-export type { StageConfig } from './models/StageConfig';
+export type { AgentConfig } from './models/AgentConfig';
+export type { CheckpointApprove } from './models/CheckpointApprove';
+export type { CheckpointListResponse } from './models/CheckpointListResponse';
+export type { CheckpointReject } from './models/CheckpointReject';
+export type { CheckpointResponse } from './models/CheckpointResponse';
+export type { DefaultPipelineResponse } from './models/DefaultPipelineResponse';
+export type { Descriptions } from './models/Descriptions';
+export type { ExecutionCreate } from './models/ExecutionCreate';
+export type { ExecutionResponse } from './models/ExecutionResponse';
+export { ExecutionStatus } from './models/ExecutionStatus';
+export type { ExecutionStatusResponse } from './models/ExecutionStatusResponse';
+export type { HealthResponse } from './models/HealthResponse';
+export type { HTTPValidationError } from './models/HTTPValidationError';
+export type { PipelineConfigResponse } from './models/PipelineConfigResponse';
+export type { PipelineCreate } from './models/PipelineCreate';
+export type { PipelineListResponse } from './models/PipelineListResponse';
+export type { PipelineResponse } from './models/PipelineResponse';
+export type { PipelineStage } from './models/PipelineStage';
+export { PipelineStatus } from './models/PipelineStatus';
+export type { PipelineUpdate } from './models/PipelineUpdate';
+export type { SetDefaultPipelineRequest } from './models/SetDefaultPipelineRequest';
+export type { Stages } from './models/Stages';
+export { StageType } from './models/StageType';
+export type { TestRunRequest } from './models/TestRunRequest';
+export type { ValidationError } from './models/ValidationError';
 
-export { DefaultService } from './services/DefaultService';
+export { CheckpointService } from './services/CheckpointService';
+export { ExecutionService } from './services/ExecutionService';
+export { HealthService } from './services/HealthService';
+export { PipelineService } from './services/PipelineService';
+export { RootService } from './services/RootService';
diff --git a/FrontEnd/SPA/src/api/generated/models/AgentConfig.ts b/FrontEnd/SPA/src/api/generated/models/AgentConfig.ts
new file mode 100644
index 0000000..703db26
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/AgentConfig.ts
@@ -0,0 +1,24 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Agent configuration for a stage.
+ */
+export type AgentConfig = {
+    /**
+     * Agent name
+     */
+    name: string;
+    /**
+     * System prompt for the agent
+     */
+    system_prompt?: string;
+    temperature?: number;
+    max_tokens?: number;
+    /**
+     * Available tools
+     */
+    tools?: Array<string>;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/Checkpoint.ts b/FrontEnd/SPA/src/api/generated/models/Checkpoint.ts
deleted file mode 100644
index a587bc9..0000000
--- a/FrontEnd/SPA/src/api/generated/models/Checkpoint.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/* generated using openapi-typescript-codegen -- do not edit */
-/* istanbul ignore file */
-/* tslint:disable */
-/* eslint-disable */
-export type Checkpoint = {
-    /**
-     * 连接运行实例
-     */
-    run_id: number;
-    /**
-     * 标注检查点
-     */
-    checkpoint_id: number;
-    /**
-     * 呈现检查点内容
-     */
-    reviews: string;
-    resolution: {
-        /**
-         * accept|reject
-         */
-        action: string;
-        /**
-         * 反馈内容编号
-         */
-        context_id: number;
-    };
-};
-
diff --git a/FrontEnd/SPA/src/api/generated/models/CheckpointApprove.ts b/FrontEnd/SPA/src/api/generated/models/CheckpointApprove.ts
new file mode 100644
index 0000000..0e9ebb2
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/CheckpointApprove.ts
@@ -0,0 +1,18 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Request to approve a checkpoint.
+ */
+export type CheckpointApprove = {
+    /**
+     * Optional approval comment
+     */
+    comment?: (string | null);
+    /**
+     * Approver identifier
+     */
+    approver?: string;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/CheckpointListResponse.ts b/FrontEnd/SPA/src/api/generated/models/CheckpointListResponse.ts
new file mode 100644
index 0000000..529a166
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/CheckpointListResponse.ts
@@ -0,0 +1,14 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CheckpointResponse } from './CheckpointResponse';
+/**
+ * List of checkpoints.
+ */
+export type CheckpointListResponse = {
+    items: Array<CheckpointResponse>;
+    total: number;
+    pending: number;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/CheckpointReject.ts b/FrontEnd/SPA/src/api/generated/models/CheckpointReject.ts
new file mode 100644
index 0000000..c680513
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/CheckpointReject.ts
@@ -0,0 +1,18 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Request to reject a checkpoint.
+ */
+export type CheckpointReject = {
+    /**
+     * Rejection reason (required)
+     */
+    comment: string;
+    /**
+     * Rejector identifier
+     */
+    rejector?: string;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/CheckpointResponse.ts b/FrontEnd/SPA/src/api/generated/models/CheckpointResponse.ts
new file mode 100644
index 0000000..132ded4
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/CheckpointResponse.ts
@@ -0,0 +1,21 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ExecutionStatus } from './ExecutionStatus';
+/**
+ * Checkpoint response.
+ */
+export type CheckpointResponse = {
+    id: string;
+    execution_id: string;
+    stage_id: string;
+    stage_result: Record<string, any>;
+    status: ExecutionStatus;
+    created_at: string;
+    decided_at: (string | null);
+    decided_by: (string | null);
+    comment: (string | null);
+    approval_action: (string | null);
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/Context.ts b/FrontEnd/SPA/src/api/generated/models/Context.ts
deleted file mode 100644
index 4fcfbd3..0000000
--- a/FrontEnd/SPA/src/api/generated/models/Context.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/* generated using openapi-typescript-codegen -- do not edit */
-/* istanbul ignore file */
-/* tslint:disable */
-/* eslint-disable */
-export type Context = {
-    /**
-     * 绑定运行实例
-     */
-    run_id: number;
-    /**
-     * 标注交付内容
-     */
-    context_id: number;
-    /**
-     * initial|checkpoint
-     */
-    type: string;
-    /**
-     * 具体交付内容
-     */
-    content: {
-        /**
-         * 可选，提示词内容
-         */
-        prompt?: string;
-        /**
-         * 可选，上下文内容
-         */
-        refs?: {
-            codebase?: any;
-            dom?: any;
-        };
-    };
-};
-
diff --git a/FrontEnd/SPA/src/api/generated/models/DefaultPipelineResponse.ts b/FrontEnd/SPA/src/api/generated/models/DefaultPipelineResponse.ts
new file mode 100644
index 0000000..93dc219
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/DefaultPipelineResponse.ts
@@ -0,0 +1,13 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { PipelineConfigResponse } from './PipelineConfigResponse';
+/**
+ * Response for default pipeline info.
+ */
+export type DefaultPipelineResponse = {
+    default_pipeline_id: (string | null);
+    default_pipeline?: (PipelineConfigResponse | null);
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/Descriptions.ts b/FrontEnd/SPA/src/api/generated/models/Descriptions.ts
new file mode 100644
index 0000000..d0cc14a
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/Descriptions.ts
@@ -0,0 +1,18 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * ?��??���?o????��?��???????-????��?�㨨����?��????
+ */
+export type Descriptions = {
+    /**
+     * ����|???
+     */
+    content?: (string | null);
+    /**
+     * ???����?
+     */
+    title: string;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/ExecutionCreate.ts b/FrontEnd/SPA/src/api/generated/models/ExecutionCreate.ts
new file mode 100644
index 0000000..d3195b3
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/ExecutionCreate.ts
@@ -0,0 +1,22 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Request to create and start an execution.
+ */
+export type ExecutionCreate = {
+    /**
+     * Pipeline ID to execute
+     */
+    pipeline_id: string;
+    /**
+     * Demand/requirement description
+     */
+    demand: string;
+    /**
+     * Execution configuration
+     */
+    config?: Record<string, any>;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/ExecutionResponse.ts b/FrontEnd/SPA/src/api/generated/models/ExecutionResponse.ts
new file mode 100644
index 0000000..d412ad3
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/ExecutionResponse.ts
@@ -0,0 +1,20 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ExecutionStatus } from './ExecutionStatus';
+/**
+ * Execution response.
+ */
+export type ExecutionResponse = {
+    id: string;
+    pipeline_id: string;
+    status: ExecutionStatus;
+    current_stage_id: (string | null);
+    results?: Record<string, any>;
+    checkpoints?: Record<string, any>;
+    created_at: string;
+    updated_at: (string | null);
+    completed_at: (string | null);
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/ExecutionStatus.ts b/FrontEnd/SPA/src/api/generated/models/ExecutionStatus.ts
new file mode 100644
index 0000000..cceac66
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/ExecutionStatus.ts
@@ -0,0 +1,17 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Execution status for a stage or overall pipeline.
+ */
+export enum ExecutionStatus {
+    PENDING = 'pending',
+    RUNNING = 'running',
+    WAITING_APPROVAL = 'waiting_approval',
+    APPROVED = 'approved',
+    REJECTED = 'rejected',
+    COMPLETED = 'completed',
+    FAILED = 'failed',
+    CANCELLED = 'cancelled',
+}
diff --git a/FrontEnd/SPA/src/api/generated/models/ExecutionStatusResponse.ts b/FrontEnd/SPA/src/api/generated/models/ExecutionStatusResponse.ts
new file mode 100644
index 0000000..112121b
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/ExecutionStatusResponse.ts
@@ -0,0 +1,25 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ExecutionStatus } from './ExecutionStatus';
+/**
+ * Detailed execution status.
+ */
+export type ExecutionStatusResponse = {
+    id: string;
+    pipeline_id: string;
+    status: ExecutionStatus;
+    current_stage_id: (string | null);
+    current_stage_name: (string | null);
+    /**
+     * Progress percentage 0-100
+     */
+    progress: number;
+    results: Record<string, any>;
+    checkpoints: Record<string, any>;
+    error: (string | null);
+    created_at: string;
+    updated_at: (string | null);
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/HTTPValidationError.ts b/FrontEnd/SPA/src/api/generated/models/HTTPValidationError.ts
new file mode 100644
index 0000000..f9b1a79
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/HTTPValidationError.ts
@@ -0,0 +1,9 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ValidationError } from './ValidationError';
+export type HTTPValidationError = {
+    detail?: Array<ValidationError>;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/HealthResponse.ts b/FrontEnd/SPA/src/api/generated/models/HealthResponse.ts
new file mode 100644
index 0000000..e853a2d
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/HealthResponse.ts
@@ -0,0 +1,14 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Health check response.
+ */
+export type HealthResponse = {
+    status: string;
+    version: string;
+    timestamp: string;
+    services?: Record<string, boolean>;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/PipelineConfig.ts b/FrontEnd/SPA/src/api/generated/models/PipelineConfig.ts
deleted file mode 100644
index 86b226c..0000000
--- a/FrontEnd/SPA/src/api/generated/models/PipelineConfig.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/* generated using openapi-typescript-codegen -- do not edit */
-/* istanbul ignore file */
-/* tslint:disable */
-/* eslint-disable */
-export type PipelineConfig = {
-    /**
-     * 用于绑定模板，可采用默认值
-     */
-    pipeline_id: number;
-    /**
-     * 文字描述该模板
-     */
-    descriptions: {
-        title: string;
-        content?: string;
-    };
-    /**
-     * 连接各阶段StageID
-     */
-    stages: Array<number>;
-    config?: any;
-};
-
diff --git a/FrontEnd/SPA/src/api/generated/models/PipelineConfigResponse.ts b/FrontEnd/SPA/src/api/generated/models/PipelineConfigResponse.ts
new file mode 100644
index 0000000..661d5f4
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/PipelineConfigResponse.ts
@@ -0,0 +1,25 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { Descriptions } from './Descriptions';
+import type { Stages } from './Stages';
+/**
+ * PipelineConfig ????o???????
+ */
+export type PipelineConfigResponse = {
+    /**
+     * ����??��?��?????
+     */
+    config?: (Record<string, any> | null);
+    descriptions: Descriptions;
+    /**
+     * ?��??���?o??????��?????��?o????????��????
+     */
+    pipeline_id?: (string | null);
+    /**
+     * ?��??���?o?��????�̨�????????��????��???��????��StageID
+     */
+    stages: Array<Stages>;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/PipelineCreate.ts b/FrontEnd/SPA/src/api/generated/models/PipelineCreate.ts
new file mode 100644
index 0000000..f9142e0
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/PipelineCreate.ts
@@ -0,0 +1,14 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { PipelineStage } from './PipelineStage';
+/**
+ * Request to create a new pipeline.
+ */
+export type PipelineCreate = {
+    name: string;
+    description?: string;
+    stages: Array<PipelineStage>;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/PipelineListResponse.ts b/FrontEnd/SPA/src/api/generated/models/PipelineListResponse.ts
new file mode 100644
index 0000000..bacbb6e
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/PipelineListResponse.ts
@@ -0,0 +1,15 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { PipelineResponse } from './PipelineResponse';
+/**
+ * List of pipelines.
+ */
+export type PipelineListResponse = {
+    items: Array<PipelineResponse>;
+    total: number;
+    page: number;
+    page_size: number;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/PipelineResponse.ts b/FrontEnd/SPA/src/api/generated/models/PipelineResponse.ts
new file mode 100644
index 0000000..d4aa5bf
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/PipelineResponse.ts
@@ -0,0 +1,20 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { PipelineStage } from './PipelineStage';
+import type { PipelineStatus } from './PipelineStatus';
+/**
+ * Pipeline response.
+ */
+export type PipelineResponse = {
+    id: string;
+    name: string;
+    description: string;
+    stages: Array<PipelineStage>;
+    status: PipelineStatus;
+    created_at: string;
+    updated_at: string;
+    metadata?: Record<string, any>;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/PipelineStage.ts b/FrontEnd/SPA/src/api/generated/models/PipelineStage.ts
new file mode 100644
index 0000000..e605f77
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/PipelineStage.ts
@@ -0,0 +1,44 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { AgentConfig } from './AgentConfig';
+import type { StageType } from './StageType';
+/**
+ * A single stage in the pipeline.
+ */
+export type PipelineStage = {
+    /**
+     * Unique stage identifier
+     */
+    id: string;
+    /**
+     * Stage display name
+     */
+    name: string;
+    /**
+     * Stage type
+     */
+    stage_type: StageType;
+    /**
+     * Stage description
+     */
+    description: string;
+    /**
+     * Agent configuration
+     */
+    agent: AgentConfig;
+    /**
+     * Whether this stage requires human approval
+     */
+    is_checkpoint?: boolean;
+    /**
+     * Stage IDs this stage depends on
+     */
+    depends_on?: Array<string>;
+    /**
+     * Stage-specific configuration
+     */
+    config?: Record<string, any>;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/PipelineStatus.ts b/FrontEnd/SPA/src/api/generated/models/PipelineStatus.ts
new file mode 100644
index 0000000..3d072ac
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/PipelineStatus.ts
@@ -0,0 +1,16 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Pipeline execution status.
+ */
+export enum PipelineStatus {
+    CREATED = 'created',
+    RUNNING = 'running',
+    PAUSED = 'paused',
+    WAITING_APPROVAL = 'waiting_approval',
+    COMPLETED = 'completed',
+    FAILED = 'failed',
+    CANCELLED = 'cancelled',
+}
diff --git a/FrontEnd/SPA/src/api/generated/models/PipelineUpdate.ts b/FrontEnd/SPA/src/api/generated/models/PipelineUpdate.ts
new file mode 100644
index 0000000..7b9f1d1
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/PipelineUpdate.ts
@@ -0,0 +1,14 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { Descriptions } from './Descriptions';
+/**
+ * Request to update a pipeline.
+ */
+export type PipelineUpdate = {
+    descriptions?: (Descriptions | null);
+    stages?: (Array<string> | null);
+    config?: (Record<string, any> | null);
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/RunSummary.ts b/FrontEnd/SPA/src/api/generated/models/RunSummary.ts
deleted file mode 100644
index 93e9683..0000000
--- a/FrontEnd/SPA/src/api/generated/models/RunSummary.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/* generated using openapi-typescript-codegen -- do not edit */
-/* istanbul ignore file */
-/* tslint:disable */
-/* eslint-disable */
-export type RunSummary = {
-    /**
-     * 连接流水线模板
-     */
-    pipeline_id: number;
-    /**
-     * 标注实例
-     */
-    run_id: number;
-    summary: {
-        /**
-         * running|paused|awaiting_checkpoint|completed|failed|cancelled
-         */
-        status: string;
-        /**
-         * 连接stage_id
-         */
-        current_stage: string;
-    };
-};
-
diff --git a/FrontEnd/SPA/src/api/generated/models/SetDefaultPipelineRequest.ts b/FrontEnd/SPA/src/api/generated/models/SetDefaultPipelineRequest.ts
new file mode 100644
index 0000000..188258e
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/SetDefaultPipelineRequest.ts
@@ -0,0 +1,14 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Request to set a pipeline as default.
+ */
+export type SetDefaultPipelineRequest = {
+    /**
+     * Pipeline ID to set as default
+     */
+    pipeline_id: string;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/StageConfig.ts b/FrontEnd/SPA/src/api/generated/models/StageConfig.ts
deleted file mode 100644
index 1b5167c..0000000
--- a/FrontEnd/SPA/src/api/generated/models/StageConfig.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* generated using openapi-typescript-codegen -- do not edit */
-/* istanbul ignore file */
-/* tslint:disable */
-/* eslint-disable */
-export type StageConfig = {
-    stage_id: number;
-    /**
-     * 简要描述阶段内容
-     */
-    descriptions: {
-        title: string;
-        content?: string;
-    };
-    /**
-     * 配置该阶段Agent信息
-     */
-    agent_config: {
-        /**
-         * 提供大模型接入
-         */
-        model_provider: any;
-        /**
-         * 配置预定信息
-         */
-        roles: any;
-    };
-};
-
diff --git a/FrontEnd/SPA/src/api/generated/models/StageType.ts b/FrontEnd/SPA/src/api/generated/models/StageType.ts
new file mode 100644
index 0000000..50b97d9
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/StageType.ts
@@ -0,0 +1,14 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Pipeline stage types.
+ */
+export enum StageType {
+    DEMAND_ANALYSIS = 'demand_analysis',
+    SCHEME_DESIGN = 'scheme_design',
+    CODE_GENERATION = 'code_generation',
+    CODE_REVIEW = 'code_review',
+    DELIVERY = 'delivery',
+}
diff --git a/FrontEnd/SPA/src/api/generated/models/Stages.ts b/FrontEnd/SPA/src/api/generated/models/Stages.ts
new file mode 100644
index 0000000..eb009ac
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/Stages.ts
@@ -0,0 +1,14 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * ?��??���?o?��????�̨�????????��????��???��????��StageID
+ */
+export type Stages = {
+    /**
+     * ��????��?????��
+     */
+    stage_id: string;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/TestRunRequest.ts b/FrontEnd/SPA/src/api/generated/models/TestRunRequest.ts
new file mode 100644
index 0000000..5425803
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/TestRunRequest.ts
@@ -0,0 +1,22 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Request for test-run endpoint.
+ */
+export type TestRunRequest = {
+    /**
+     * Pipeline ID to execute
+     */
+    pipeline_id: string;
+    /**
+     * Demand/requirement description
+     */
+    demand: string;
+    /**
+     * Output directory for generated files
+     */
+    output_dir?: string;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/models/ValidationError.ts b/FrontEnd/SPA/src/api/generated/models/ValidationError.ts
new file mode 100644
index 0000000..de2cbd7
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/models/ValidationError.ts
@@ -0,0 +1,12 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+export type ValidationError = {
+    loc: Array<(string | number)>;
+    msg: string;
+    type: string;
+    input?: any;
+    ctx?: Record<string, any>;
+};
+
diff --git a/FrontEnd/SPA/src/api/generated/services/CheckpointService.ts b/FrontEnd/SPA/src/api/generated/services/CheckpointService.ts
new file mode 100644
index 0000000..817aa5e
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/services/CheckpointService.ts
@@ -0,0 +1,135 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CheckpointApprove } from '../models/CheckpointApprove';
+import type { CheckpointListResponse } from '../models/CheckpointListResponse';
+import type { CheckpointReject } from '../models/CheckpointReject';
+import type { CheckpointResponse } from '../models/CheckpointResponse';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import type { BaseHttpRequest } from '../core/BaseHttpRequest';
+export class CheckpointService {
+    constructor(public readonly httpRequest: BaseHttpRequest) {}
+    /**
+     * ??��������????????1?��???��??1
+     * ��?��?????????????????1????��???��??1???��?��
+     * @param executionId
+     * @returns CheckpointListResponse Successful Response
+     * @throws ApiError
+     */
+    public listPendingCheckpointsApiCheckpointsGet(
+        executionId?: (string | null),
+    ): CancelablePromise<CheckpointListResponse> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/checkpoints',
+            query: {
+                'execution_id': executionId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ��?��????��???��??1����|???
+     * ��?��???????????�쨨????-??1???��????��????��???��??1?????��
+     * @param executionId
+     * @param stageId
+     * @returns CheckpointResponse Successful Response
+     * @throws ApiError
+     */
+    public getCheckpointApiCheckpointsExecutionIdStageIdGet(
+        executionId: string,
+        stageId: string,
+    ): CancelablePromise<CheckpointResponse> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/checkpoints/{execution_id}/{stage_id}',
+            path: {
+                'execution_id': executionId,
+                'stage_id': stageId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ??1????��???��??1
+     * ??1????��???��??1??��??��??-?��??���?o???�쨨??
+     * @param executionId
+     * @param stageId
+     * @param requestBody
+     * @returns CheckpointResponse Successful Response
+     * @throws ApiError
+     */
+    public approveCheckpointApiCheckpointsExecutionIdStageIdApprovePost(
+        executionId: string,
+        stageId: string,
+        requestBody: CheckpointApprove,
+    ): CancelablePromise<CheckpointResponse> {
+        return this.httpRequest.request({
+            method: 'POST',
+            url: '/api/checkpoints/{execution_id}/{stage_id}/approve',
+            path: {
+                'execution_id': executionId,
+                'stage_id': stageId,
+            },
+            body: requestBody,
+            mediaType: 'application/json',
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ???????��???��??1
+     * ???????��???��??1?1?����|?????????
+     * @param executionId
+     * @param stageId
+     * @param requestBody
+     * @returns CheckpointResponse Successful Response
+     * @throws ApiError
+     */
+    public rejectCheckpointApiCheckpointsExecutionIdStageIdRejectPost(
+        executionId: string,
+        stageId: string,
+        requestBody: CheckpointReject,
+    ): CancelablePromise<CheckpointResponse> {
+        return this.httpRequest.request({
+            method: 'POST',
+            url: '/api/checkpoints/{execution_id}/{stage_id}/reject',
+            path: {
+                'execution_id': executionId,
+                'stage_id': stageId,
+            },
+            body: requestBody,
+            mediaType: 'application/json',
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ��?��????��???��??1?��????
+     * ��?��???????????�쨨????????????��???��??1?��?????????��
+     * @param executionId
+     * @returns any Successful Response
+     * @throws ApiError
+     */
+    public getCheckpointSummaryApiCheckpointsExecutionIdSummaryGet(
+        executionId: string,
+    ): CancelablePromise<Record<string, any>> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/checkpoints/{execution_id}/summary',
+            path: {
+                'execution_id': executionId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+}
diff --git a/FrontEnd/SPA/src/api/generated/services/DefaultService.ts b/FrontEnd/SPA/src/api/generated/services/DefaultService.ts
deleted file mode 100644
index 20bf834..0000000
--- a/FrontEnd/SPA/src/api/generated/services/DefaultService.ts
+++ /dev/null
@@ -1,218 +0,0 @@
-/* generated using openapi-typescript-codegen -- do not edit */
-/* istanbul ignore file */
-/* tslint:disable */
-/* eslint-disable */
-import type { Checkpoint } from '../models/Checkpoint';
-import type { PipelineConfig } from '../models/PipelineConfig';
-import type { RunSummary } from '../models/RunSummary';
-import type { CancelablePromise } from '../core/CancelablePromise';
-import type { BaseHttpRequest } from '../core/BaseHttpRequest';
-export class DefaultService {
-    constructor(public readonly httpRequest: BaseHttpRequest) {}
-    /**
-     * 获取流水线详情
-     * 获取流水线模板详情信息。
-     * @param pipelineId
-     * @returns PipelineConfig
-     * @throws ApiError
-     */
-    public getApiV1Pipelines(
-        pipelineId: string,
-    ): CancelablePromise<PipelineConfig> {
-        return this.httpRequest.request({
-            method: 'GET',
-            url: '/api/v1/pipelines/{pipeline_id}',
-            path: {
-                'pipeline_id': pipelineId,
-            },
-        });
-    }
-    /**
-     * 更新流水线定义
-     * 更新流水线模板信息。
-     * @param pipelineId
-     * @returns any
-     * @throws ApiError
-     */
-    public putApiV1Pipelines(
-        pipelineId: string,
-    ): CancelablePromise<any> {
-        return this.httpRequest.request({
-            method: 'PUT',
-            url: '/api/v1/pipelines/{pipeline_id}',
-            path: {
-                'pipeline_id': pipelineId,
-            },
-        });
-    }
-    /**
-     * 创建并运行流水线实例
-     * 基于定义创建并运行流水线实例，返回运行实例ID。
-     * @param pipelineId
-     * @returns RunSummary
-     * @throws ApiError
-     */
-    public postApiV1PipelinesRun(
-        pipelineId: string,
-    ): CancelablePromise<RunSummary> {
-        return this.httpRequest.request({
-            method: 'POST',
-            url: '/api/v1/pipelines/{pipeline_id}/run',
-            path: {
-                'pipeline_id': pipelineId,
-            },
-        });
-    }
-    /**
-     * 获取检查点列表
-     * 获取检查点的概述信息
-     * @param runId
-     * @returns Checkpoint
-     * @throws ApiError
-     */
-    public getApiRunsCheckpoints(
-        runId: string,
-    ): CancelablePromise<Checkpoint> {
-        return this.httpRequest.request({
-            method: 'GET',
-            url: '/api/runs/{run_id}/checkpoints',
-            path: {
-                'run_id': runId,
-            },
-        });
-    }
-    /**
-     * 获取检查点详情
-     * @param runId
-     * @param stageId
-     * @returns any
-     * @throws ApiError
-     */
-    public getApiRuns(
-        runId: string,
-        stageId: string,
-    ): CancelablePromise<any> {
-        return this.httpRequest.request({
-            method: 'GET',
-            url: '/api/runs/{run_id}/{stage_id}',
-            path: {
-                'run_id': runId,
-                'stage_id': stageId,
-            },
-        });
-    }
-    /**
-     * 通过检查点
-     * 通过该检查点
-     * @param runId
-     * @param stageId
-     * @returns any
-     * @throws ApiError
-     */
-    public postApiRunsApprove(
-        runId: string,
-        stageId: string,
-    ): CancelablePromise<any> {
-        return this.httpRequest.request({
-            method: 'POST',
-            url: '/api/runs/{run_id}/{stage_id}/approve',
-            path: {
-                'run_id': runId,
-                'stage_id': stageId,
-            },
-        });
-    }
-    /**
-     * 驳回检查点
-     * 驳回该检查点
-     * @param runId
-     * @param stageId
-     * @returns any
-     * @throws ApiError
-     */
-    public postApiRunsReject(
-        runId: string,
-        stageId: string,
-    ): CancelablePromise<any> {
-        return this.httpRequest.request({
-            method: 'POST',
-            url: '/api/runs/{run_id}/{stage_id}/reject',
-            path: {
-                'run_id': runId,
-                'stage_id': stageId,
-            },
-        });
-    }
-    /**
-     * 获取实例详情
-     * 获取实例运行摘要信息
-     * @param runId 唯一实例ID
-     * @returns RunSummary
-     * @throws ApiError
-     */
-    public getApiRuns1(
-        runId: string,
-    ): CancelablePromise<RunSummary> {
-        return this.httpRequest.request({
-            method: 'GET',
-            url: '/api/runs/{run_id}',
-            path: {
-                'run_id': runId,
-            },
-        });
-    }
-    /**
-     * 暂停执行
-     * 暂停实例执行
-     * @param runId
-     * @returns any
-     * @throws ApiError
-     */
-    public postApiRunsPause(
-        runId: string,
-    ): CancelablePromise<any> {
-        return this.httpRequest.request({
-            method: 'POST',
-            url: '/api/runs/{run_id}/pause',
-            path: {
-                'run_id': runId,
-            },
-        });
-    }
-    /**
-     * 恢复执行
-     * 恢复暂停的实例执行
-     * @param runId
-     * @returns any
-     * @throws ApiError
-     */
-    public postApiRunsResume(
-        runId: string,
-    ): CancelablePromise<any> {
-        return this.httpRequest.request({
-            method: 'POST',
-            url: '/api/runs/{run_id}/resume',
-            path: {
-                'run_id': runId,
-            },
-        });
-    }
-    /**
-     * 强制终止
-     * 强制停止进行中的实例执行
-     * @param runId
-     * @returns any
-     * @throws ApiError
-     */
-    public postApiRunsTerminate(
-        runId: string,
-    ): CancelablePromise<any> {
-        return this.httpRequest.request({
-            method: 'POST',
-            url: '/api/runs/{run_id}/terminate',
-            path: {
-                'run_id': runId,
-            },
-        });
-    }
-}
diff --git a/FrontEnd/SPA/src/api/generated/services/ExecutionService.ts b/FrontEnd/SPA/src/api/generated/services/ExecutionService.ts
new file mode 100644
index 0000000..8b0f186
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/services/ExecutionService.ts
@@ -0,0 +1,185 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { ExecutionCreate } from '../models/ExecutionCreate';
+import type { ExecutionResponse } from '../models/ExecutionResponse';
+import type { ExecutionStatusResponse } from '../models/ExecutionStatusResponse';
+import type { TestRunRequest } from '../models/TestRunRequest';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import type { BaseHttpRequest } from '../core/BaseHttpRequest';
+export class ExecutionService {
+    constructor(public readonly httpRequest: BaseHttpRequest) {}
+    /**
+     * ?????o?1???��??��??�쨨??
+     * ?????o??��?????�쨨?????????1?????-��??��??��?��??���?o?
+     * @param requestBody
+     * @returns ExecutionResponse Successful Response
+     * @throws ApiError
+     */
+    public createExecutionApiExecutionsPost(
+        requestBody: ExecutionCreate,
+    ): CancelablePromise<ExecutionResponse> {
+        return this.httpRequest.request({
+            method: 'POST',
+            url: '/api/executions',
+            body: requestBody,
+            mediaType: 'application/json',
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ??��������??�쨨?????��?��
+     * ???��?��??��������??�쨨???????2��?��???
+     * @param pipelineId ????��??���?o?ID?-?��??
+     * @param page ��?��???
+     * @param pageSize ?��?��?��??�㨦??
+     * @returns any Successful Response
+     * @throws ApiError
+     */
+    public listExecutionsApiExecutionsGet(
+        pipelineId?: (string | null),
+        page: number = 1,
+        pageSize: number = 20,
+    ): CancelablePromise<Record<string, any>> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/executions',
+            query: {
+                'pipeline_id': pipelineId,
+                'page': page,
+                'page_size': pageSize,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ��?��?????�쨨??����|???
+     * ??��???????????�쨨?????����|????????????��???o|
+     * @param executionId
+     * @returns ExecutionStatusResponse Successful Response
+     * @throws ApiError
+     */
+    public getExecutionApiExecutionsExecutionIdGet(
+        executionId: string,
+    ): CancelablePromise<ExecutionStatusResponse> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/executions/{execution_id}',
+            path: {
+                'execution_id': executionId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ��?��?????�쨨????????
+     * ��?��?????�쨨????????????????��??1???
+     * @param executionId
+     * @returns ExecutionStatusResponse Successful Response
+     * @throws ApiError
+     */
+    public getExecutionStatusApiExecutionsExecutionIdStatusGet(
+        executionId: string,
+    ): CancelablePromise<ExecutionStatusResponse> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/executions/{execution_id}/status',
+            path: {
+                'execution_id': executionId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ????????�쨨??
+     * ???????-��??����??��???????�쨨??
+     * @param executionId
+     * @returns any Successful Response
+     * @throws ApiError
+     */
+    public cancelExecutionApiExecutionsExecutionIdCancelPost(
+        executionId: string,
+    ): CancelablePromise<Record<string, any>> {
+        return this.httpRequest.request({
+            method: 'POST',
+            url: '/api/executions/{execution_id}/cancel',
+            path: {
+                'execution_id': executionId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ????????�쨨??
+     * ???????-��??����??��???????�쨨??
+     * @param executionId
+     * @returns any Successful Response
+     * @throws ApiError
+     */
+    public pauseExecutionApiExecutionsExecutionIdPausePost(
+        executionId: string,
+    ): CancelablePromise<Record<string, any>> {
+        return this.httpRequest.request({
+            method: 'POST',
+            url: '/api/executions/{execution_id}/pause',
+            path: {
+                'execution_id': executionId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ??��?��???�쨨??
+     * ?????????????????��?��???�쨨??
+     * @param executionId
+     * @returns any Successful Response
+     * @throws ApiError
+     */
+    public resumeExecutionApiExecutionsExecutionIdResumePost(
+        executionId: string,
+    ): CancelablePromise<Record<string, any>> {
+        return this.httpRequest.request({
+            method: 'POST',
+            url: '/api/executions/{execution_id}/resume',
+            path: {
+                'execution_id': executionId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ?��?����?��??��???��??���?o?
+     * ??��??��?��?����??��??���?o???�쨨?????????-��??????��?a??��?��????????????��??????????????��????????????
+     * @param requestBody
+     * @returns any Successful Response
+     * @throws ApiError
+     */
+    public testRunPipelineApiExecutionsTestRunPost(
+        requestBody: TestRunRequest,
+    ): CancelablePromise<Record<string, any>> {
+        return this.httpRequest.request({
+            method: 'POST',
+            url: '/api/executions/test-run',
+            body: requestBody,
+            mediaType: 'application/json',
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+}
diff --git a/FrontEnd/SPA/src/api/generated/services/HealthService.ts b/FrontEnd/SPA/src/api/generated/services/HealthService.ts
new file mode 100644
index 0000000..d9df78e
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/services/HealthService.ts
@@ -0,0 +1,22 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { HealthResponse } from '../models/HealthResponse';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import type { BaseHttpRequest } from '../core/BaseHttpRequest';
+export class HealthService {
+    constructor(public readonly httpRequest: BaseHttpRequest) {}
+    /**
+     * ??��?o��?��???��
+     * ?��???��????????��??|?-��???��??��??
+     * @returns HealthResponse Successful Response
+     * @throws ApiError
+     */
+    public healthCheckApiHealthGet(): CancelablePromise<HealthResponse> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/health',
+        });
+    }
+}
diff --git a/FrontEnd/SPA/src/api/generated/services/PipelineService.ts b/FrontEnd/SPA/src/api/generated/services/PipelineService.ts
new file mode 100644
index 0000000..a77041c
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/services/PipelineService.ts
@@ -0,0 +1,159 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { DefaultPipelineResponse } from '../models/DefaultPipelineResponse';
+import type { PipelineConfigResponse } from '../models/PipelineConfigResponse';
+import type { PipelineCreate } from '../models/PipelineCreate';
+import type { PipelineListResponse } from '../models/PipelineListResponse';
+import type { PipelineResponse } from '../models/PipelineResponse';
+import type { PipelineUpdate } from '../models/PipelineUpdate';
+import type { SetDefaultPipelineRequest } from '../models/SetDefaultPipelineRequest';
+import type { CancelablePromise } from '../core/CancelablePromise';
+import type { BaseHttpRequest } from '../core/BaseHttpRequest';
+export class PipelineService {
+    constructor(public readonly httpRequest: BaseHttpRequest) {}
+    /**
+     * ?????o?��??���?o?
+     * ?????o?????a??��????��??���?o????????1???�쨨???��??��????��????��
+     * @param requestBody
+     * @returns PipelineResponse Successful Response
+     * @throws ApiError
+     */
+    public createPipelineApiPipelinesPost(
+        requestBody: PipelineCreate,
+    ): CancelablePromise<PipelineResponse> {
+        return this.httpRequest.request({
+            method: 'POST',
+            url: '/api/pipelines',
+            body: requestBody,
+            mediaType: 'application/json',
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ??��������?��??���?o????��?��
+     * ???��?��??��������???????��??���?o?
+     * @param page ��?��???
+     * @param pageSize ?��?��?��??�㨦??
+     * @returns PipelineListResponse Successful Response
+     * @throws ApiError
+     */
+    public listPipelinesApiPipelinesGet(
+        page: number = 1,
+        pageSize: number = 20,
+    ): CancelablePromise<PipelineListResponse> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/pipelines',
+            query: {
+                'page': page,
+                'page_size': pageSize,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ��?��????��??���?o?��?????
+     * ??1???ID��?��??????????��??���?o????��??????????��
+     * @param pipelineId
+     * @returns PipelineConfigResponse Successful Response
+     * @throws ApiError
+     */
+    public getPipelineApiPipelinesPipelineIdGet(
+        pipelineId: string,
+    ): CancelablePromise<PipelineConfigResponse> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/pipelines/{pipeline_id}',
+            path: {
+                'pipeline_id': pipelineId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ??��??��?��??���?o?
+     * ??��??��???????��??���?o????��?????
+     * @param pipelineId
+     * @param requestBody
+     * @returns any Successful Response
+     * @throws ApiError
+     */
+    public updatePipelineApiPipelinesPipelineIdPut(
+        pipelineId: string,
+        requestBody: PipelineUpdate,
+    ): CancelablePromise<any> {
+        return this.httpRequest.request({
+            method: 'PUT',
+            url: '/api/pipelines/{pipeline_id}',
+            path: {
+                'pipeline_id': pipelineId,
+            },
+            body: requestBody,
+            mediaType: 'application/json',
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ???��?��?��??���?o?
+     * ???��?��???????��??���?o?
+     * @param pipelineId
+     * @returns void
+     * @throws ApiError
+     */
+    public deletePipelineApiPipelinesPipelineIdDelete(
+        pipelineId: string,
+    ): CancelablePromise<void> {
+        return this.httpRequest.request({
+            method: 'DELETE',
+            url: '/api/pipelines/{pipeline_id}',
+            path: {
+                'pipeline_id': pipelineId,
+            },
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+    /**
+     * ��?��???��??��?��?��??���?o?
+     * ��?��?????????��???????o��??��?��????��??���?o??????��
+     * @returns DefaultPipelineResponse Successful Response
+     * @throws ApiError
+     */
+    public getDefaultPipelineApiPipelinesDefaultGet(): CancelablePromise<DefaultPipelineResponse> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/api/pipelines/default',
+        });
+    }
+    /**
+     * ��?????��??��?��?��??���?o?
+     * ?��????????��??���?o?��???????o��??��?��?��??���?o?
+     * @param requestBody
+     * @returns DefaultPipelineResponse Successful Response
+     * @throws ApiError
+     */
+    public setDefaultPipelineApiPipelinesDefaultPost(
+        requestBody: SetDefaultPipelineRequest,
+    ): CancelablePromise<DefaultPipelineResponse> {
+        return this.httpRequest.request({
+            method: 'POST',
+            url: '/api/pipelines/default',
+            body: requestBody,
+            mediaType: 'application/json',
+            errors: {
+                422: `Validation Error`,
+            },
+        });
+    }
+}
diff --git a/FrontEnd/SPA/src/api/generated/services/RootService.ts b/FrontEnd/SPA/src/api/generated/services/RootService.ts
new file mode 100644
index 0000000..1c09484
--- /dev/null
+++ b/FrontEnd/SPA/src/api/generated/services/RootService.ts
@@ -0,0 +1,21 @@
+/* generated using openapi-typescript-codegen -- do not edit */
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+import type { CancelablePromise } from '../core/CancelablePromise';
+import type { BaseHttpRequest } from '../core/BaseHttpRequest';
+export class RootService {
+    constructor(public readonly httpRequest: BaseHttpRequest) {}
+    /**
+     * Root
+     * Root endpoint.
+     * @returns any Successful Response
+     * @throws ApiError
+     */
+    public rootGet(): CancelablePromise<any> {
+        return this.httpRequest.request({
+            method: 'GET',
+            url: '/',
+        });
+    }
+}
diff --git a/FrontEnd/SPA/src/components/AuditModal.vue b/FrontEnd/SPA/src/components/AuditModal.vue
index 5af6b5a..46cadc0 100644
--- a/FrontEnd/SPA/src/components/AuditModal.vue
+++ b/FrontEnd/SPA/src/components/AuditModal.vue
@@ -20,7 +20,7 @@
         <div class="audit-section">
           <h3 class="audit-section-title">📋 后端返回方案</h3>
           <div class="audit-plan-content">
-            {{ auditData?.content || auditData?.reviews || '后端暂未返回方案内容' }}
+            {{ displayContent }}
           </div>
         </div>
 
@@ -35,17 +35,17 @@
               </li>
               <li>
                 <span class="info-label">检查点ID：</span>
-                <span class="info-value">{{ auditData?.checkpoint_id || '未获取' }}</span>
+                <span class="info-value">{{ checkpointIdentifier }}</span>
               </li>
               <li>
                 <span class="info-label">建议动作：</span>
                 <span class="info-value" :class="actionClass">
-                  {{ auditData?.resolution?.action === 'accept' ? '通过' : auditData?.resolution?.action === 'reject' ? '驳回' : '待确认' }}
+                  {{ actionLabel }}
                 </span>
               </li>
               <li>
-                <span class="info-label">上下文ID：</span>
-                <span class="info-value">{{ auditData?.resolution?.context_id || '未获取' }}</span>
+                <span class="info-label">阶段ID：</span>
+                <span class="info-value">{{ auditData?.stage_id || auditData?.resolution?.context_id || '未获取' }}</span>
               </li>
             </ul>
           </div>
@@ -115,11 +115,33 @@ const formattedAuditData = computed(() => {
   return props.auditData ? JSON.stringify(props.auditData, null, 2) : '{}'
 })
 
+const displayContent = computed(() => {
+  return (
+    props.auditData?.content ||
+    props.auditData?.reviews ||
+    props.auditData?.stage_result?.output ||
+    props.auditData?.stage_result?.content ||
+    '后端暂未返回方案内容'
+  )
+})
+
+const checkpointIdentifier = computed(() => {
+  return props.auditData?.checkpoint_id || props.auditData?.id || '未获取'
+})
+
+const actionLabel = computed(() => {
+  const resolutionAction = props.auditData?.resolution?.action
+  const approvalAction = props.auditData?.approval_action
+  if (resolutionAction === 'accept' || approvalAction === 'approve') return '通过'
+  if (resolutionAction === 'reject' || approvalAction === 'reject') return '驳回'
+  return '待确认'
+})
+
 // 建议动作样式类
 const actionClass = computed(() => {
-  const action = props.auditData?.resolution?.action
+  const action = props.auditData?.resolution?.action || props.auditData?.approval_action
   return {
-    'text-green-600': action === 'accept',
+    'text-green-600': action === 'accept' || action === 'approve',
     'text-red-600': action === 'reject',
     'text-orange-600': !action
   }
@@ -142,15 +164,29 @@ async function handleAction(action: 'approve' | 'reject') {
   try {
     loading.value = true
     const runId = String(props.runId)
-    const checkpointId = String(props.auditData.checkpoint_id)
+    const stageId = String(props.auditData.stage_id || props.auditData.checkpoint_id)
     
     let result
     if (action === 'approve') {
       // 调用通过接口
-      result = await apiClient.default.postApiRunsApprove(runId, checkpointId)
+      result = await apiClient.checkpoint.approveCheckpointApiCheckpointsExecutionIdStageIdApprovePost(
+        runId,
+        stageId,
+        {
+          comment: '审批通过',
+          approver: 'frontend-user',
+        }
+      )
     } else {
       // 调用驳回接口
-      result = await apiClient.default.postApiRunsReject(runId, checkpointId)
+      result = await apiClient.checkpoint.rejectCheckpointApiCheckpointsExecutionIdStageIdRejectPost(
+        runId,
+        stageId,
+        {
+          comment: '审批驳回',
+          rejector: 'frontend-user',
+        }
+      )
     }
 
     emit('success', action, result)
diff --git a/FrontEnd/SPA/src/main.ts b/FrontEnd/SPA/src/main.ts
index 0b60820..a6de016 100644
--- a/FrontEnd/SPA/src/main.ts
+++ b/FrontEnd/SPA/src/main.ts
@@ -6,7 +6,7 @@ import './style.css'
 
 // 全局初始化并导出 API 客户端实例
 export const apiClient = new ApiClient({
-  BASE: import.meta.env.VITE_API_BASE_URL || 'https://127.0.0.1:4523/m1/8175900-7935055-default',
+  BASE: import.meta.env.VITE_API_BASE_URL || 'http://60.204.174.188:8000',
   HEADERS: {
     'Content-Type': 'application/json'
   }
diff --git a/FrontEnd/SPA/src/pages/WorkflowPage.vue b/FrontEnd/SPA/src/pages/WorkflowPage.vue
index cc3633b..d433a1c 100644
--- a/FrontEnd/SPA/src/pages/WorkflowPage.vue
+++ b/FrontEnd/SPA/src/pages/WorkflowPage.vue
@@ -4,53 +4,129 @@
       <h2>节点库</h2>
       <div class="node-group" v-for="group in nodeGroups" :key="group.title">
         <p class="group-title">{{ group.title }}</p>
-        <button class="node-item" v-for="node in group.items" :key="node">{{ node }}</button>
+        <button
+          class="node-item"
+          v-for="node in group.items"
+          :key="node.key"
+          @click="addNode(node)"
+        >
+          <span>{{ node.title }}</span>
+          <small>点击添加到画布</small>
+        </button>
       </div>
     </aside>
 
     <div class="panel canvas-panel">
       <div class="canvas-head">
-        <h2>流水线画布</h2>
+        <div>
+          <h2>流水线画布</h2>
+          <p class="canvas-status">
+            当前状态：{{ statusText }}
+            <span v-if="currentExecutionId"> | 执行ID：{{ currentExecutionId }}</span>
+            <span v-if="progress > 0"> | 进度：{{ progress }}%</span>
+          </p>
+        </div>
         <div class="canvas-actions">
-          <button class="btn btn-ghost" @click="showAuditModal = true">打开审批</button>
-          <button class="btn btn-primary">发布流水线</button>
+          <button class="btn btn-ghost" @click="openLatestCheckpoint" :disabled="!currentExecutionId">
+            打开审批
+          </button>
+          <button class="btn btn-primary" @click="runPipeline" :disabled="running">
+            {{ running ? '执行中...' : '运行流水线' }}
+          </button>
         </div>
       </div>
+
+      <div class="canvas-toolbar">
+        <input
+          v-model.trim="demand"
+          class="demand-input"
+          type="text"
+          placeholder="请输入要交给流水线执行的需求"
+        />
+        <p class="toolbar-tip">
+          提示：点击左侧节点添加到画布，拖动节点调整位置，拖拽节点左右两侧的锚点可创建连线。
+        </p>
+      </div>
+
       <div class="canvas-body">
-        <div class="flow-node start" style="top: 48px; left: 56px">触发器</div>
-        <div class="flow-node" style="top: 48px; left: 280px">需求分析 Agent</div>
-        <div class="flow-node" style="top: 170px; left: 280px">知识检索</div>
-        <div class="flow-node" style="top: 170px; left: 520px">代码执行</div>
-        <div class="flow-node end" style="top: 48px; left: 520px">汇总输出</div>
+        <VueFlow
+          v-model:nodes="flowNodes"
+          v-model:edges="flowEdges"
+          class="workflow-flow"
+          :default-zoom="1"
+          :min-zoom="0.4"
+          :max-zoom="1.8"
+          :fit-view-on-init="true"
+          :select-nodes-on-drag="false"
+          @connect="handleConnect"
+          @node-click="handleNodeClick"
+          @pane-click="clearSelection"
+          @nodes-delete="handleNodesDelete"
+        >
+          <Background :gap="20" :size="1" pattern-color="#e5ecf7" />
+          <Controls position="bottom-right" />
+
+          <template #node-workflow="{ data, selected }">
+            <div class="workflow-node" :class="[data.kind, { selected }]">
+              <Handle
+                v-if="data.kind !== 'start'"
+                type="target"
+                :position="Position.Left"
+                class="workflow-handle"
+              />
+              <div class="node-badge">{{ data.kindLabel }}</div>
+              <strong>{{ data.title }}</strong>
+              <small>{{ data.model || '无需模型配置' }}</small>
+              <Handle
+                v-if="data.kind !== 'end'"
+                type="source"
+                :position="Position.Right"
+                class="workflow-handle"
+              />
+            </div>
+          </template>
+        </VueFlow>
       </div>
     </div>
 
     <aside class="panel config-panel">
       <h2>节点配置</h2>
-      <label>
-        节点名称
-        <input v-model="form.nodeName" type="text" />
-      </label>
-      <label>
-        模型
-        <select v-model="form.model">
-          <option>GPT-4o</option>
-          <option>DeepSeek-V3</option>
-          <option>Claude Sonnet</option>
-        </select>
-      </label>
-      <label>
-        系统提示词
-        <textarea v-model="form.prompt" rows="5"></textarea>
-      </label>
-      <label>
-        最大 Token
-        <input v-model.number="form.maxTokens" type="number" min="256" step="128" />
-      </label>
+
+      <div v-if="selectedNode" class="config-content">
+        <p class="config-selected">当前选中：{{ selectedNode.data!.title }}</p>
+        <label>
+          节点名称
+          <input v-model="form.nodeName" type="text" />
+        </label>
+        <label>
+          模型
+          <select v-model="form.model">
+            <option value="">无</option>
+            <option>GPT-4o</option>
+            <option>DeepSeek-V3</option>
+            <option>Claude Sonnet</option>
+          </select>
+        </label>
+        <label>
+          系统提示词
+          <textarea v-model="form.prompt" rows="5"></textarea>
+        </label>
+        <label>
+          最大 Token
+          <input v-model.number="form.maxTokens" type="number" min="0" step="128" />
+        </label>
+        <div class="config-actions">
+          <button class="btn btn-ghost" @click="removeSelectedNode">删除节点</button>
+        </div>
+      </div>
+
+      <div v-else class="config-empty">
+        <p>当前未选中节点。</p>
+        <p>你可以点击画布中的节点，或从左侧节点库新增一个节点开始配置。</p>
+      </div>
     </aside>
   </section>
 
-  <!-- 审批弹窗 -->
   <AuditModal
     v-model:visible="showAuditModal"
     :audit-data="auditData"
@@ -62,53 +138,685 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, ref } from 'vue'
+import { computed, reactive, ref, watch } from 'vue'
+import { Background } from '@vue-flow/background'
+import { Controls } from '@vue-flow/controls'
+import {
+  VueFlow,
+  Handle,
+  MarkerType,
+  Position,
+  addEdge,
+  type Connection,
+  type Edge,
+  type Node as FlowNode,
+} from '@vue-flow/core'
+import '@vue-flow/core/dist/style.css'
+import '@vue-flow/core/dist/theme-default.css'
 import AuditModal from '../components/AuditModal.vue'
+import { apiClient } from '../main'
+import { ExecutionStatus } from '../api/generated'
+
+interface NodeCatalogItem {
+  key: string
+  title: string
+  kind: string
+  kindLabel: string
+  defaultModel: string
+  defaultPrompt: string
+  defaultMaxTokens: number
+}
 
 interface NodeGroup {
   title: string
-  items: string[]
+  items: NodeCatalogItem[]
+}
+
+interface WorkflowNodeData {
+  title: string
+  kind: string
+  kindLabel: string
+  model: string
+  prompt: string
+  maxTokens: number
 }
 
 const nodeGroups: NodeGroup[] = [
-  { title: 'AI 节点', items: ['LLM 对话', '多 Agent 协作', 'RAG 检索'] },
-  { title: '工具节点', items: ['HTTP 请求', 'Python 执行', '数据库查询'] },
-  { title: '控制流', items: ['条件分支', '并行执行', '重试策略'] },
+  {
+    title: 'AI 节点',
+    items: [
+      {
+        key: 'llm-chat',
+        title: 'LLM 对话',
+        kind: 'llm',
+        kindLabel: 'AI',
+        defaultModel: 'GPT-4o',
+        defaultPrompt: '你是通用对话助手，请输出结构化结果。',
+        defaultMaxTokens: 2048,
+      },
+      {
+        key: 'multi-agent',
+        title: '多 Agent 协作',
+        kind: 'agent',
+        kindLabel: 'Agent',
+        defaultModel: 'Claude Sonnet',
+        defaultPrompt: '请协调多个智能体分工执行并最终汇总。',
+        defaultMaxTokens: 3072,
+      },
+      {
+        key: 'rag',
+        title: 'RAG 检索',
+        kind: 'search',
+        kindLabel: '检索',
+        defaultModel: 'DeepSeek-V3',
+        defaultPrompt: '请根据知识库检索结果给出可信答案。',
+        defaultMaxTokens: 2048,
+      },
+    ],
+  },
+  {
+    title: '工具节点',
+    items: [
+      {
+        key: 'http',
+        title: 'HTTP 请求',
+        kind: 'tool',
+        kindLabel: '工具',
+        defaultModel: '',
+        defaultPrompt: '发起外部 HTTP 请求并整理响应结果。',
+        defaultMaxTokens: 0,
+      },
+      {
+        key: 'python',
+        title: 'Python 执行',
+        kind: 'code',
+        kindLabel: '执行',
+        defaultModel: '',
+        defaultPrompt: '执行 Python 代码并返回运行结果。',
+        defaultMaxTokens: 0,
+      },
+      {
+        key: 'db',
+        title: '数据库查询',
+        kind: 'data',
+        kindLabel: '数据',
+        defaultModel: '',
+        defaultPrompt: '执行数据库查询并返回结构化数据。',
+        defaultMaxTokens: 0,
+      },
+    ],
+  },
+  {
+    title: '控制流',
+    items: [
+      {
+        key: 'branch',
+        title: '条件分支',
+        kind: 'control',
+        kindLabel: '控制',
+        defaultModel: '',
+        defaultPrompt: '根据条件选择后续执行分支。',
+        defaultMaxTokens: 0,
+      },
+      {
+        key: 'parallel',
+        title: '并行执行',
+        kind: 'control',
+        kindLabel: '控制',
+        defaultModel: '',
+        defaultPrompt: '并行调度多个任务并汇总结果。',
+        defaultMaxTokens: 0,
+      },
+      {
+        key: 'retry',
+        title: '重试策略',
+        kind: 'control',
+        kindLabel: '控制',
+        defaultModel: '',
+        defaultPrompt: '设置失败重试次数和退避策略。',
+        defaultMaxTokens: 0,
+      },
+    ],
+  },
 ]
 
+const flowNodes = ref<FlowNode<WorkflowNodeData>[]>([
+  {
+    id: 'node-1',
+    type: 'workflow',
+    position: { x: 40, y: 50 },
+    data: {
+      title: '触发器',
+      kind: 'start',
+      kindLabel: '开始',
+      model: '',
+      prompt: '监听用户发起的需求输入。',
+      maxTokens: 0,
+    },
+  },
+  {
+    id: 'node-2',
+    type: 'workflow',
+    position: { x: 280, y: 50 },
+    data: {
+      title: '需求分析 Agent',
+      kind: 'agent',
+      kindLabel: 'Agent',
+      model: 'GPT-4o',
+      prompt: '你是流程分析助手，输出结构化任务清单。',
+      maxTokens: 2048,
+    },
+  },
+  {
+    id: 'node-3',
+    type: 'workflow',
+    position: { x: 280, y: 200 },
+    data: {
+      title: '知识检索',
+      kind: 'search',
+      kindLabel: '检索',
+      model: 'DeepSeek-V3',
+      prompt: '检索相关文档和知识库，为代码生成提供上下文。',
+      maxTokens: 2048,
+    },
+  },
+  {
+    id: 'node-4',
+    type: 'workflow',
+    position: { x: 540, y: 200 },
+    data: {
+      title: '代码执行',
+      kind: 'code',
+      kindLabel: '执行',
+      model: '',
+      prompt: '执行生成的代码并反馈运行结果。',
+      maxTokens: 0,
+    },
+  },
+  {
+    id: 'node-5',
+    type: 'workflow',
+    position: { x: 540, y: 50 },
+    data: {
+      title: '汇总输出',
+      kind: 'end',
+      kindLabel: '结束',
+      model: '',
+      prompt: '汇总最终执行结果并输出给用户。',
+      maxTokens: 0,
+    },
+  },
+])
+
+const flowEdges = ref<Edge[]>([
+  {
+    id: 'edge-1',
+    source: 'node-1',
+    target: 'node-2',
+    markerEnd: MarkerType.ArrowClosed,
+  },
+  {
+    id: 'edge-2',
+    source: 'node-2',
+    target: 'node-3',
+    markerEnd: MarkerType.ArrowClosed,
+  },
+  {
+    id: 'edge-3',
+    source: 'node-3',
+    target: 'node-4',
+    markerEnd: MarkerType.ArrowClosed,
+  },
+  {
+    id: 'edge-4',
+    source: 'node-2',
+    target: 'node-5',
+    markerEnd: MarkerType.ArrowClosed,
+  },
+])
+
 const form = reactive({
-  nodeName: '需求分析 Agent',
-  model: 'GPT-4o',
-  prompt: '你是流程分析助手，输出结构化任务清单。',
-  maxTokens: 2048,
+  nodeName: '',
+  model: '',
+  prompt: '',
+  maxTokens: 0,
 })
 
-// 审批弹窗状态
+const demand = ref('创建一个简单的用户登录功能')
+const selectedNodeId = ref('node-2')
 const showAuditModal = ref(false)
-const currentRunId = ref('run_20260426_001') // 测试用运行ID，实际从后端获取
-const auditData = ref({
-  // 测试用审批数据，实际从后端获取
-  checkpoint_id: 10086,
-  reviews: `### 需求分析方案
-1. 梳理用户需求：实现AI工作流审批功能
-2. 技术选型：Vue3 + TypeScript
-3. 接口对接：对接后端审批接口，支持通过/驳回操作
-4. 交互设计：弹窗展示方案，支持原始数据查看`,
-  resolution: {
-    action: 'accept',
-    context_id: 202304
+const currentRunId = ref('')
+const currentExecutionId = ref('')
+const executionStatus = ref<ExecutionStatus | ''>('')
+const progress = ref(0)
+const running = ref(false)
+const pollTimer = ref<number | null>(null)
+const auditData = ref<Record<string, any> | null>(null)
+
+let nodeCounter = flowNodes.value.length + 1
+let syncingForm = false
+
+// @ts-ignore
+const selectedNode = computed<FlowNode<WorkflowNodeData> | null>(() => {
+  return flowNodes.value.find((node) => node.id === selectedNodeId.value) ?? null
+})
+
+const statusText = computed(() => {
+  switch (executionStatus.value) {
+    case ExecutionStatus.PENDING:
+      return '等待启动'
+    case ExecutionStatus.RUNNING:
+      return '执行中'
+    case ExecutionStatus.WAITING_APPROVAL:
+      return '等待审批'
+    case ExecutionStatus.APPROVED:
+      return '审批通过'
+    case ExecutionStatus.REJECTED:
+      return '审批驳回'
+    case ExecutionStatus.COMPLETED:
+      return '执行完成'
+    case ExecutionStatus.FAILED:
+      return '执行失败'
+    case ExecutionStatus.CANCELLED:
+      return '已取消'
+    default:
+      return '未开始'
   }
 })
 
-// 审批成功回调
+watch(
+  selectedNode,
+  (node) => {
+    syncingForm = true
+    if (node) {
+      form.nodeName = node.data!.title
+      form.model = node.data!.model
+      form.prompt = node.data!.prompt
+      form.maxTokens = node.data!.maxTokens
+    } else {
+      form.nodeName = ''
+      form.model = ''
+      form.prompt = ''
+      form.maxTokens = 0
+    }
+    syncingForm = false
+  },
+  { immediate: true }
+)
+
+watch(
+  form,
+  () => {
+    if (syncingForm || !selectedNode.value) return
+    selectedNode.value.data = {
+      ...selectedNode.value.data!,
+      title: form.nodeName,
+      model: form.model,
+      prompt: form.prompt,
+      maxTokens: form.maxTokens,
+    }
+  },
+  { deep: true }
+)
+
+function addNode(item: NodeCatalogItem) {
+  const index = flowNodes.value.length
+  const column = index % 3
+  const row = Math.floor(index / 3)
+  const id = `node-${nodeCounter++}`
+
+  flowNodes.value = [
+    ...flowNodes.value,
+    {
+      id,
+      type: 'workflow',
+      position: { x: 60 + column * 220, y: 80 + row * 130 },
+      data: {
+        title: item.title,
+        kind: item.kind,
+        kindLabel: item.kindLabel,
+        model: item.defaultModel,
+        prompt: item.defaultPrompt,
+        maxTokens: item.defaultMaxTokens,
+      },
+    },
+  ]
+
+  selectedNodeId.value = id
+}
+
+function handleConnect(connection: Connection) {
+  flowEdges.value = addEdge(
+    {
+      ...connection,
+      id: `edge-${Date.now()}-${flowEdges.value.length}`,
+      markerEnd: MarkerType.ArrowClosed,
+    },
+    flowEdges.value
+  ) as Edge[]
+}
+
+function handleNodeClick(event: { node: FlowNode<WorkflowNodeData> }) {
+  selectedNodeId.value = event.node.id
+}
+
+function clearSelection() {
+  selectedNodeId.value = ''
+}
+
+function handleNodesDelete(deletedNodes: FlowNode<WorkflowNodeData>[]) {
+  if (deletedNodes.some((node) => node.id === selectedNodeId.value)) {
+    selectedNodeId.value = flowNodes.value[0]?.id ?? ''
+  }
+}
+
+function removeSelectedNode() {
+  if (!selectedNode.value) return
+  const nodeId = selectedNode.value.id
+  flowNodes.value = flowNodes.value.filter((node) => node.id !== nodeId)
+  flowEdges.value = flowEdges.value.filter((edge) => edge.source !== nodeId && edge.target !== nodeId)
+  selectedNodeId.value = flowNodes.value[0]?.id ?? ''
+}
+
+async function runPipeline() {
+  if (running.value) return
+  if (!demand.value) {
+    alert('请先输入要执行的需求')
+    return
+  }
+
+  try {
+    running.value = true
+    executionStatus.value = ExecutionStatus.PENDING
+    progress.value = 0
+    auditData.value = null
+
+    const result = await apiClient.execution.createExecutionApiExecutionsPost({
+      pipeline_id: 'default',
+      demand: demand.value,
+      config: {
+        nodes: flowNodes.value.map((node) => ({
+          id: node.id,
+          title: node.data!.title,
+          kind: node.data!.kind,
+          position: node.position,
+          model: node.data!.model,
+          prompt: node.data!.prompt,
+          max_tokens: node.data!.maxTokens,
+        })),
+        edges: flowEdges.value.map((edge) => ({
+          id: edge.id,
+          source: edge.source,
+          target: edge.target,
+        })),
+      },
+    })
+
+    currentExecutionId.value = result.id
+    currentRunId.value = result.id
+    executionStatus.value = result.status
+
+    await pollExecutionStatus()
+    startPolling()
+  } catch (error) {
+    console.error('启动流水线失败：', error)
+    executionStatus.value = ExecutionStatus.FAILED
+    running.value = false
+    alert('启动失败，请检查后端服务或接口参数')
+  }
+}
+
+function startPolling() {
+  stopPolling()
+  pollTimer.value = window.setInterval(() => {
+    void pollExecutionStatus()
+  }, 2000)
+}
+
+function stopPolling() {
+  if (pollTimer.value) {
+    window.clearInterval(pollTimer.value)
+    pollTimer.value = null
+  }
+}
+
+async function pollExecutionStatus() {
+  if (!currentExecutionId.value) return
+
+  try {
+    const status = await apiClient.execution.getExecutionApiExecutionsExecutionIdGet(currentExecutionId.value)
+    executionStatus.value = status.status
+    progress.value = status.progress ?? 0
+
+    if (status.status === ExecutionStatus.WAITING_APPROVAL) {
+      stopPolling()
+      await fetchLatestCheckpoint()
+      running.value = false
+      return
+    }
+
+    if (
+      status.status === ExecutionStatus.COMPLETED ||
+      status.status === ExecutionStatus.FAILED ||
+      status.status === ExecutionStatus.CANCELLED
+    ) {
+      stopPolling()
+      running.value = false
+      if (status.status === ExecutionStatus.COMPLETED) {
+        alert('流水线执行完成')
+      } else if (status.status === ExecutionStatus.FAILED) {
+        alert(`流水线执行失败：${status.error || '未知错误'}`)
+      }
+    }
+  } catch (error) {
+    console.error('轮询执行状态失败：', error)
+    stopPolling()
+    running.value = false
+  }
+}
+
+async function fetchLatestCheckpoint() {
+  if (!currentExecutionId.value) return
+
+  try {
+    const checkpointList = await apiClient.checkpoint.listPendingCheckpointsApiCheckpointsGet(currentExecutionId.value)
+    if (checkpointList.items.length > 0) {
+      auditData.value = checkpointList.items[0]
+      showAuditModal.value = true
+    } else {
+      alert('当前没有待审批的检查点')
+    }
+  } catch (error) {
+    console.error('获取待审批检查点失败：', error)
+    alert('获取审批信息失败，请稍后重试')
+  }
+}
+
+async function openLatestCheckpoint() {
+  if (!currentExecutionId.value) {
+    alert('当前还没有运行中的执行实例')
+    return
+  }
+  await fetchLatestCheckpoint()
+}
+
 function handleAuditSuccess(action: 'approve' | 'reject', result: any) {
   console.log(`审批${action === 'approve' ? '通过' : '驳回'}成功：`, result)
+  executionStatus.value = action === 'approve' ? ExecutionStatus.APPROVED : ExecutionStatus.REJECTED
+  running.value = true
   alert(`审批${action === 'approve' ? '通过' : '驳回'}成功！`)
+  void pollExecutionStatus()
+  startPolling()
 }
 
-// 审批失败回调
 function handleAuditError(action: 'approve' | 'reject', error: any) {
   console.error(`审批${action === 'approve' ? '通过' : '驳回'}失败：`, error)
-  alert(`审批失败，请检查接口状态。`)
+  alert('审批失败，请检查接口状态。')
 }
 </script>
+
+<style scoped>
+.canvas-status {
+  margin: 6px 0 0;
+  color: #64748b;
+  font-size: 13px;
+}
+
+.canvas-toolbar {
+  padding: 8px;
+}
+
+.toolbar-tip {
+  margin: 8px 0 0;
+  color: #64748b;
+  font-size: 12px;
+}
+
+.workflow-flow {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+}
+
+.workflow-node {
+  min-width: 172px;
+  border: 1px solid #d6dff5;
+  border-radius: 14px;
+  background: #fff;
+  box-shadow: 0 10px 24px rgba(30, 41, 59, 0.1);
+  padding: 12px 14px;
+  text-align: left;
+  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
+}
+
+.workflow-node:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.12);
+}
+
+.workflow-node.selected {
+  border-color: #2563eb;
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
+}
+
+.workflow-node strong {
+  display: block;
+  color: #0f172a;
+  font-size: 14px;
+}
+
+.workflow-node small {
+  display: block;
+  margin-top: 6px;
+  color: #64748b;
+  font-size: 12px;
+}
+
+.workflow-handle {
+  width: 10px;
+  height: 10px;
+  background: #2563eb;
+  border: 2px solid #fff;
+}
+
+.node-badge {
+  display: inline-flex;
+  align-items: center;
+  margin-bottom: 8px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 12px;
+  font-weight: 600;
+  background: #eff6ff;
+  color: #1d4ed8;
+}
+
+.workflow-node.start .node-badge {
+  background: #ecfdf5;
+  color: #047857;
+}
+
+.workflow-node.end .node-badge {
+  background: #eff6ff;
+  color: #1d4ed8;
+}
+
+.workflow-node.code .node-badge {
+  background: #fff1f2;
+  color: #be123c;
+}
+
+.workflow-node.search .node-badge {
+  background: #f0fdf4;
+  color: #15803d;
+}
+
+.workflow-node.agent .node-badge,
+.workflow-node.llm .node-badge {
+  background: #eef2ff;
+  color: #4f46e5;
+}
+
+.workflow-node.control .node-badge {
+  background: #f8fafc;
+  color: #475569;
+}
+
+.node-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.node-item small {
+  color: #64748b;
+  font-size: 12px;
+}
+
+.config-content,
+.config-empty {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.config-selected {
+  margin: 0;
+  color: #1d4ed8;
+  font-weight: 600;
+}
+
+.config-panel label {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  color: #334155;
+  font-size: 14px;
+}
+
+.config-panel input,
+.config-panel select,
+.config-panel textarea,
+.demand-input {
+  width: 100%;
+  border: 1px solid #d6dff5;
+  border-radius: 10px;
+  padding: 10px 12px;
+  font-size: 14px;
+  outline: none;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.config-panel input:focus,
+.config-panel select:focus,
+.config-panel textarea:focus,
+.demand-input:focus {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
+}
+
+.config-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+</style>
diff --git a/FrontEnd/SPA/src/utils/request.ts b/FrontEnd/SPA/src/utils/request.ts
index e574e72..dfcfb8e 100644
--- a/FrontEnd/SPA/src/utils/request.ts
+++ b/FrontEnd/SPA/src/utils/request.ts
@@ -1,7 +1,7 @@
 import axios from 'axios'
 
 const request = axios.create({
-  baseURL: import.meta.env.VITE_API_BASE_URL || 'http://localhost:3000/api', // 后端API地址
+  baseURL: import.meta.env.VITE_API_BASE_URL || 'http://127.0.0.1:4523/m1/8175900-7935055-default/api', // 后端API地址
   timeout: 30000,
 })
 
diff --git a/FrontEnd/SPA/tsconfig.json b/FrontEnd/SPA/tsconfig.json
index d326786..36bd316 100644
--- a/FrontEnd/SPA/tsconfig.json
+++ b/FrontEnd/SPA/tsconfig.json
@@ -1,4 +1,4 @@
-{
+{
   "compilerOptions": {
     "target": "ES2020",
     "module": "ESNext",
@@ -9,7 +9,8 @@
     "isolatedModules": true,
     "esModuleInterop": true,
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "types": ["vite/client"]
+    "types": ["vite/client", "node"],
+    "skipLibCheck": true
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
 }

From a2be329bf749ef8b25bbbed0f1691ba1d431eaaf Mon Sep 17 00:00:00 2001
From: aryecatcher <516371385@qq.com>
Date: Wed, 6 May 2026 17:34:06 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E6=BA=90?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81dom?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontEnd/SPA/package-lock.json | 92 ++++++++++++++++++++++++++++------
 FrontEnd/SPA/package.json      |  1 +
 FrontEnd/SPA/vite.config.js    | 38 +++++++++++++-
 3 files changed, 115 insertions(+), 16 deletions(-)

diff --git a/FrontEnd/SPA/package-lock.json b/FrontEnd/SPA/package-lock.json
index 014ab2f..7853e96 100644
--- a/FrontEnd/SPA/package-lock.json
+++ b/FrontEnd/SPA/package-lock.json
@@ -19,6 +19,7 @@
       "devDependencies": {
         "@types/node": "^25.6.0",
         "@vitejs/plugin-vue": "^6.0.6",
+        "@vue/compiler-sfc": "^3.5.34",
         "openapi-typescript-codegen": "^0.30.0",
         "typescript": "^5.9.3",
         "vite": "^8.0.10",
@@ -63,9 +64,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.29.2",
-      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.2.tgz",
-      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "version": "7.29.3",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.3.tgz",
+      "integrity": "sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==",
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.29.0"
@@ -578,22 +579,66 @@
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.33",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.33.tgz",
-      "integrity": "sha512-UTUvRO9cY+rROrx/pvN9P5Z7FgA6QGfokUCfhQE4EnmUj3rVnK+CHI0LsEO1pg+I7//iRYMUfcNcCPe7tg0CoA==",
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.34.tgz",
+      "integrity": "sha512-D/ihr6uZeIt6r+pVZf46RWT1fAsLFMbUP7k8G1VkiiWexriED9GrX3echHd4Abbt17zjlfiFJ8z7a3BxZOPNjg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.29.2",
-        "@vue/compiler-core": "3.5.33",
-        "@vue/compiler-dom": "3.5.33",
-        "@vue/compiler-ssr": "3.5.33",
-        "@vue/shared": "3.5.33",
+        "@babel/parser": "^7.29.3",
+        "@vue/compiler-core": "3.5.34",
+        "@vue/compiler-dom": "3.5.34",
+        "@vue/compiler-ssr": "3.5.34",
+        "@vue/shared": "3.5.34",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.21",
-        "postcss": "^8.5.10",
+        "postcss": "^8.5.14",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/@vue/compiler-core": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.34.tgz",
+      "integrity": "sha512-s9cLyK5mLcvZ4Agva5QgRsQyLKvts9WbU9DB6NqiZkkGEdwmcEiylj5Jbwkp680drF/NNCV8OlAJSe+yMLxaJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.3",
+        "@vue/shared": "3.5.34",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.1"
       }
     },
+    "node_modules/@vue/compiler-sfc/node_modules/@vue/compiler-dom": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.34.tgz",
+      "integrity": "sha512-EbF/T++k0e2MMZlJsBhzK8Sgwt0HcIPOhzn1CTB/lv6sQcyk+OWf8YeiLxZp3ro7MbbLcAfAJ6sEvjFWuNgUCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.34",
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/@vue/compiler-ssr": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.34.tgz",
+      "integrity": "sha512-cDtTHKibkThKGHH1SP+WdccquNRYQDFH6rRjQCqT9G2ltFAfoR5pUftpab/z+aM5mW9HLLVQW7hfKKQe/1GBeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.34",
+        "@vue/shared": "3.5.34"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/@vue/shared": {
+      "version": "3.5.34",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.34.tgz",
+      "integrity": "sha512-24uqU4OIiX29ryC3MeWid/Xf2fa2EFRUVLb77nRhk+UrTVrh/XiGtFAFmJBAtBRbjwNdsPRP+jj/OL27Eg1NDA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@vue/compiler-ssr": {
       "version": "3.5.33",
       "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.33.tgz",
@@ -1672,9 +1717,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.10",
-      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.10.tgz",
-      "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
+      "version": "8.5.14",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.14.tgz",
+      "integrity": "sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg==",
       "funding": [
         {
           "type": "opencollective",
@@ -1976,6 +2021,23 @@
         "typescript": ">=5.0.0"
       }
     },
+    "node_modules/vue/node_modules/@vue/compiler-sfc": {
+      "version": "3.5.33",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.33.tgz",
+      "integrity": "sha512-UTUvRO9cY+rROrx/pvN9P5Z7FgA6QGfokUCfhQE4EnmUj3rVnK+CHI0LsEO1pg+I7//iRYMUfcNcCPe7tg0CoA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@vue/compiler-core": "3.5.33",
+        "@vue/compiler-dom": "3.5.33",
+        "@vue/compiler-ssr": "3.5.33",
+        "@vue/shared": "3.5.33",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.10",
+        "source-map-js": "^1.2.1"
+      }
+    },
     "node_modules/wordwrap": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/wordwrap/-/wordwrap-1.0.0.tgz",
diff --git a/FrontEnd/SPA/package.json b/FrontEnd/SPA/package.json
index e0bf572..664961b 100644
--- a/FrontEnd/SPA/package.json
+++ b/FrontEnd/SPA/package.json
@@ -22,6 +22,7 @@
   "devDependencies": {
     "@types/node": "^25.6.0",
     "@vitejs/plugin-vue": "^6.0.6",
+    "@vue/compiler-sfc": "^3.5.34",
     "openapi-typescript-codegen": "^0.30.0",
     "typescript": "^5.9.3",
     "vite": "^8.0.10",
diff --git a/FrontEnd/SPA/vite.config.js b/FrontEnd/SPA/vite.config.js
index bbcf80c..1e60f98 100644
--- a/FrontEnd/SPA/vite.config.js
+++ b/FrontEnd/SPA/vite.config.js
@@ -3,5 +3,41 @@ import vue from '@vitejs/plugin-vue'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [vue({
+    template: {
+      compilerOptions: {
+        // 编译时节点转换，最可靠的注入方式
+        nodeTransforms: [
+          (node, context) => {
+            // 只处理元素节点
+            if (node.type === 1 /* Element */) {
+              // 获取当前文件路径和节点位置
+              const filePath = context.filename.replace(/\\/g, '/')
+              const line = node.loc.start.line
+              const column = node.loc.start.column
+              
+              // 构造属性值
+              const sourceInfo = JSON.stringify({
+                path: filePath,
+                line,
+                column
+              })
+              
+              // 添加自定义属性
+              node.props.push({
+                type: 6 /* Attribute */,
+                name: 'data-source-loc',
+                value: {
+                  type: 2 /* Text */,
+                  content: sourceInfo,
+                  loc: node.loc
+                },
+                loc: node.loc
+              })
+            }
+          }
+        ]
+      }
+    }
+  })],
 })