后端没修完版

2026-06-02 12:05:54 +00:00 · 2026-05-05 15:08:04 +08:00
parent a8fba46040
commit e7c9bc69d3
156 changed files with 34633 additions and 2149 deletions
--- a/docs/development/workflow-system.md
+++ b/docs/development/workflow-system.md
@@ -0,0 +1,713 @@
+# Workflow 系统开发者文档
+
+本文档面向 LangBot 开发者，详细介绍 Workflow 系统的技术架构、核心组件和扩展方法。
+
+## 目录
+
+- [系统架构概述](#系统架构概述)
+- [目录结构](#目录结构)
+- [核心组件](#核心组件)
+  - [后端模块](#后端模块)
+  - [前端组件](#前端组件)
+- [数据库表结构](#数据库表结构)
+- [API 接口文档](#api-接口文档)
+- [如何添加新节点类型](#如何添加新节点类型)
+- [调试功能实现](#调试功能实现)
+
+---
+
+## 系统架构概述
+
+Workflow 系统采用前后端分离架构，主要包含以下层次：
+
+```
+┌─────────────────────────────────────────────────────────────┐
+│                      前端层 (React)                          │
+│  ┌─────────────┬──────────────┬──────────────┬───────────┐  │
+│  │ 可视化编辑器 │   节点面板    │   属性面板   │  调试器   │  │
+│  │ ReactFlow   │  NodePalette │ PropertyPanel│ Debugger  │  │
+│  └─────────────┴──────────────┴──────────────┴───────────┘  │
+├─────────────────────────────────────────────────────────────┤
+│                      API 层 (Quart)                          │
+│  ┌─────────────┬──────────────┬──────────────────────────┐  │
+│  │ Workflow API│  Debug API   │     Node Types API       │  │
+│  └─────────────┴──────────────┴──────────────────────────┘  │
+├─────────────────────────────────────────────────────────────┤
+│                     核心引擎层 (Python)                       │
+│  ┌─────────────┬──────────────┬──────────────┬───────────┐  │
+│  │ Executor    │   Registry   │    Node      │ Entities  │  │
+│  │ 执行引擎     │  节点注册表   │   节点基类   │  数据结构  │  │
+│  └─────────────┴──────────────┴──────────────┴───────────┘  │
+├─────────────────────────────────────────────────────────────┤
+│                      存储层 (SQLAlchemy)                     │
+│  ┌─────────────┬──────────────┬──────────────────────────┐  │
+│  │  Workflow   │  Executions  │        Triggers          │  │
+│  └─────────────┴──────────────┴──────────────────────────┘  │
+└─────────────────────────────────────────────────────────────┘
+```
+
+---
+
+## 目录结构
+
+### 后端代码结构
+
+```
+LangBot/src/langbot/pkg/
+├── workflow/                      # Workflow 核心模块
+│   ├── __init__.py               # 模块初始化，导出公共接口
+│   ├── entities.py               # 数据实体定义
+│   ├── executor.py               # 执行引擎
+│   ├── node.py                   # 节点基类和装饰器
+│   ├── registry.py               # 节点类型注册表
+│   └── nodes/                    # 内置节点实现
+│       ├── __init__.py           # 注册所有内置节点
+│       ├── trigger.py            # 触发节点
+│       ├── process.py            # 处理节点
+│       ├── control.py            # 控制节点
+│       └── action.py             # 动作节点
+├── entity/persistence/
+│   └── workflow.py               # 数据库模型
+├── api/http/
+│   ├── controller/groups/workflows/
+│   │   └── workflows.py          # API 路由控制器
+│   └── service/
+│       └── workflow.py           # 业务逻辑服务
+└── persistence/migrations/
+    └── dbm026_workflow_tables.py # 数据库迁移
+```
+
+### 前端代码结构
+
+```
+LangBot/web/src/app/home/workflows/
+├── page.tsx                      # Workflow 列表页
+├── WorkflowDetailContent.tsx     # 详情页内容
+├── store/
+│   └── useWorkflowStore.ts       # Zustand 状态管理
+└── components/
+    ├── workflow-editor/          # 可视化编辑器
+    │   ├── index.ts              # 导出
+    │   ├── WorkflowEditorComponent.tsx  # 主编辑器组件
+    │   ├── WorkflowNodeComponent.tsx    # 自定义节点组件
+    │   ├── NodePalette.tsx       # 节点面板
+    │   ├── PropertyPanel.tsx     # 属性面板
+    │   └── node-configs/         # 节点配置元数据
+    │       ├── types.ts          # 配置类型定义
+    │       ├── trigger-configs.ts
+    │       ├── ai-configs.ts
+    │       ├── process-configs.ts
+    │       ├── control-configs.ts
+    │       ├── action-configs.ts
+    │       ├── integration-configs.ts
+    │       └── index.ts          # 配置汇总
+    ├── workflow-debugger/        # 调试器组件
+    │   ├── index.ts
+    │   └── WorkflowDebugger.tsx
+    ├── workflow-form/            # 表单组件
+    │   └── WorkflowFormComponent.tsx
+    └── workflow-executions/      # 执行历史组件
+        └── WorkflowExecutionsTab.tsx
+```
+
+---
+
+## 核心组件
+
+### 后端模块
+
+#### 1. 执行引擎 (WorkflowExecutor)
+
+位置：[`executor.py`](../../src/langbot/pkg/workflow/executor.py)
+
+执行引擎负责工作流的实际执行，包括：
+
+- **拓扑排序**：确定节点执行顺序
+- **节点执行**：调用各节点的 execute 方法
+- **控制流处理**：处理条件分支、循环、并行执行
+- **错误处理**：支持重试机制
+
+```python
+class WorkflowExecutor:
+    async def execute(
+        self, 
+        workflow: WorkflowDefinition, 
+        context: ExecutionContext,
+        start_node_id: Optional[str] = None
+    ) -> ExecutionContext:
+        """执行工作流"""
+        # 1. 构建执行图
+        # 2. 初始化节点状态
+        # 3. 找到起始节点
+        # 4. 按拓扑顺序执行
+```
+
+**调试执行器 (DebugWorkflowExecutor)**
+
+继承自 WorkflowExecutor，增加了调试支持：
+
+- 断点支持
+- 单步执行
+- 暂停/继续
+- 实时日志
+
+```python
+class DebugWorkflowExecutor(WorkflowExecutor):
+    async def execute_debug(
+        self,
+        workflow: WorkflowDefinition,
+        context: ExecutionContext,
+        debug_state: DebugExecutionState,
+    ) -> ExecutionContext:
+        """调试模式执行"""
+```
+
+#### 2. 节点注册表 (NodeTypeRegistry)
+
+位置：[`registry.py`](../../src/langbot/pkg/workflow/registry.py)
+
+单例模式管理所有节点类型：
+
+```python
+class NodeTypeRegistry:
+    _instance: Optional['NodeTypeRegistry'] = None
+    
+    def register(self, node_type: str, node_class: type[WorkflowNode]):
+        """注册节点类型"""
+        
+    def create_instance(self, node_type: str, node_id: str, config: dict) -> WorkflowNode:
+        """创建节点实例"""
+        
+    def list_all(self) -> list[dict]:
+        """获取所有节点类型的 Schema"""
+```
+
+#### 3. 节点基类 (WorkflowNode)
+
+位置：[`node.py`](../../src/langbot/pkg/workflow/node.py)
+
+所有节点必须继承此基类：
+
+```python
+class WorkflowNode(abc.ABC):
+    # 节点元数据
+    type_name: str = ""
+    name: str = ""
+    description: str = ""
+    category: str = "misc"
+    icon: str = ""
+    
+    # 端口定义
+    inputs: list[NodePort] = []
+    outputs: list[NodePort] = []
+    
+    # 配置 Schema
+    config_schema: list[NodeConfig] = []
+    
+    @abc.abstractmethod
+    async def execute(
+        self, 
+        inputs: dict[str, Any], 
+        context: ExecutionContext
+    ) -> dict[str, Any]:
+        """执行节点逻辑"""
+        pass
+```
+
+#### 4. 数据实体 (entities.py)
+
+主要数据结构：
+
+```python
+class WorkflowDefinition:
+    """工作流定义"""
+    uuid: str
+    name: str
+    nodes: list[NodeDefinition]
+    edges: list[EdgeDefinition]
+    settings: WorkflowSettings
+    
+class ExecutionContext:
+    """执行上下文"""
+    execution_id: str
+    workflow_id: str
+    status: ExecutionStatus
+    variables: dict
+    node_states: dict[str, NodeState]
+    history: list[ExecutionStep]
+```
+
+### 前端组件
+
+#### 1. WorkflowEditorComponent
+
+主编辑器组件，基于 React Flow 实现：
+
+- **画布交互**：拖拽、缩放、平移
+- **节点连接**：自动验证端口类型
+- **撤销/重做**：基于历史记录栈
+- **复制/粘贴**：支持多选复制
+
+关键功能：
+
+```tsx
+function WorkflowEditorInner() {
+  const { nodes, edges, onNodesChange, onEdgesChange, onConnect } = useWorkflowStore();
+  
+  // 拖放添加节点
+  const onDrop = useCallback((event: React.DragEvent) => {
+    const type = event.dataTransfer.getData('application/reactflow');
+    const position = screenToFlowPosition({ x: event.clientX, y: event.clientY });
+    addNode(type, position);
+  }, []);
+  
+  // 复制粘贴
+  const handleCopy = useCallback(() => { ... }, []);
+  const handlePaste = useCallback(() => { ... }, []);
+}
+```
+
+#### 2. NodePalette
+
+节点面板组件，展示可用节点类型：
+
+```tsx
+function NodePalette() {
+  // 按类别组织节点
+  const categories = [
+    { id: 'trigger', name: '触发节点', icon: Zap },
+    { id: 'ai', name: 'AI 节点', icon: Brain },
+    { id: 'process', name: '处理节点', icon: Cpu },
+    { id: 'control', name: '控制节点', icon: GitBranch },
+    { id: 'action', name: '动作节点', icon: Send },
+    { id: 'integration', name: '集成节点', icon: Plug },
+  ];
+  
+  // 拖拽开始
+  const onDragStart = (event: React.DragEvent, nodeType: string) => {
+    event.dataTransfer.setData('application/reactflow', nodeType);
+  };
+}
+```
+
+#### 3. PropertyPanel
+
+属性面板组件，动态渲染节点配置表单：
+
+```tsx
+function PropertyPanel() {
+  const { selectedNodeId, nodes, updateNodeData } = useWorkflowStore();
+  
+  // 根据节点类型获取配置元数据
+  const selectedNode = nodes.find(n => n.id === selectedNodeId);
+  const nodeConfig = getNodeConfig(selectedNode?.data?.nodeType);
+  
+  // 动态渲染配置字段
+  return (
+    <div>
+      {nodeConfig?.fields.map(field => (
+        <ConfigField key={field.name} field={field} />
+      ))}
+    </div>
+  );
+}
+```
+
+#### 4. WorkflowDebugger
+
+调试器组件，支持实时调试：
+
+```tsx
+function WorkflowDebugger({ workflowUuid, workflow }) {
+  const [debugState, setDebugState] = useState<DebugState>('idle');
+  const [executionId, setExecutionId] = useState<string>('');
+  const [logs, setLogs] = useState<ExecutionLog[]>([]);
+  
+  // 启动调试
+  const startDebug = async () => {
+    const result = await backendClient.post(
+      `/api/v1/workflows/${workflowUuid}/debug/start`,
+      { context, variables, breakpoints }
+    );
+    setExecutionId(result.execution_id);
+  };
+  
+  // 轮询状态
+  useEffect(() => {
+    if (debugState === 'running') {
+      const interval = setInterval(fetchState, 500);
+      return () => clearInterval(interval);
+    }
+  }, [debugState]);
+}
+```
+
+#### 5. useWorkflowStore
+
+Zustand 状态管理：
+
+```typescript
+interface WorkflowState {
+  nodes: WorkflowNode[];
+  edges: WorkflowEdge[];
+  selectedNodeId: string | null;
+  history: HistoryEntry[];
+  historyIndex: number;
+  isDirty: boolean;
+  
+  // Actions
+  addNode: (type: string, position: XYPosition) => void;
+  updateNodeData: (nodeId: string, data: Partial<NodeData>) => void;
+  deleteNode: (nodeId: string) => void;
+  undo: () => void;
+  redo: () => void;
+}
+
+export const useWorkflowStore = create<WorkflowState>((set, get) => ({
+  // ... state and actions
+}));
+```
+
+---
+
+## 数据库表结构
+
+### workflows 表
+
+```sql
+CREATE TABLE workflows (
+    uuid VARCHAR(255) PRIMARY KEY,
+    name VARCHAR(255) NOT NULL,
+    description TEXT,
+    emoji VARCHAR(10) DEFAULT '🔄',
+    version INTEGER DEFAULT 1,
+    is_enabled BOOLEAN DEFAULT TRUE,
+    definition JSON NOT NULL,        -- 节点和边定义
+    global_config JSON DEFAULT '{}', -- 全局配置
+    extensions_preferences JSON,     -- 插件和 MCP 配置
+    created_at TIMESTAMP,
+    updated_at TIMESTAMP
+);
+```
+
+### workflow_versions 表
+
+```sql
+CREATE TABLE workflow_versions (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    workflow_uuid VARCHAR(255) NOT NULL,
+    version INTEGER NOT NULL,
+    definition JSON NOT NULL,
+    global_config JSON DEFAULT '{}',
+    created_at TIMESTAMP,
+    created_by VARCHAR(255),
+    UNIQUE(workflow_uuid, version)
+);
+```
+
+### workflow_executions 表
+
+```sql
+CREATE TABLE workflow_executions (
+    uuid VARCHAR(255) PRIMARY KEY,
+    workflow_uuid VARCHAR(255) NOT NULL,
+    workflow_version INTEGER NOT NULL,
+    status VARCHAR(20) NOT NULL,  -- pending/running/completed/failed/cancelled
+    trigger_type VARCHAR(50),
+    trigger_data JSON,
+    variables JSON,
+    start_time TIMESTAMP,
+    end_time TIMESTAMP,
+    error TEXT,
+    created_at TIMESTAMP
+);
+```
+
+### workflow_node_executions 表
+
+```sql
+CREATE TABLE workflow_node_executions (
+    id INTEGER PRIMARY KEY AUTOINCREMENT,
+    execution_uuid VARCHAR(255) NOT NULL,
+    node_id VARCHAR(100) NOT NULL,
+    node_type VARCHAR(50) NOT NULL,
+    status VARCHAR(20) NOT NULL,
+    inputs JSON,
+    outputs JSON,
+    start_time TIMESTAMP,
+    end_time TIMESTAMP,
+    error TEXT,
+    retry_count INTEGER DEFAULT 0
+);
+```
+
+### workflow_triggers 表
+
+```sql
+CREATE TABLE workflow_triggers (
+    uuid VARCHAR(255) PRIMARY KEY,
+    workflow_uuid VARCHAR(255) NOT NULL,
+    type VARCHAR(50) NOT NULL,  -- message/cron/event/webhook
+    config JSON NOT NULL,
+    is_enabled BOOLEAN DEFAULT TRUE,
+    priority INTEGER DEFAULT 0,
+    created_at TIMESTAMP,
+    updated_at TIMESTAMP
+);
+```
+
+---
+
+## API 接口文档
+
+### Workflow CRUD
+
+| 方法 | 路径 | 描述 |
+|-----|------|------|
+| GET | `/api/v1/workflows` | 获取工作流列表 |
+| POST | `/api/v1/workflows` | 创建工作流 |
+| GET | `/api/v1/workflows/:uuid` | 获取单个工作流 |
+| PUT | `/api/v1/workflows/:uuid` | 更新工作流 |
+| DELETE | `/api/v1/workflows/:uuid` | 删除工作流 |
+| POST | `/api/v1/workflows/:uuid/copy` | 复制工作流 |
+
+### 执行相关
+
+| 方法 | 路径 | 描述 |
+|-----|------|------|
+| POST | `/api/v1/workflows/:uuid/execute` | 手动执行工作流 |
+| GET | `/api/v1/workflows/:uuid/executions` | 获取执行记录 |
+
+### 版本管理
+
+| 方法 | 路径 | 描述 |
+|-----|------|------|
+| GET | `/api/v1/workflows/:uuid/versions` | 获取版本列表 |
+| POST | `/api/v1/workflows/:uuid/rollback/:version` | 回滚到指定版本 |
+
+### 调试 API
+
+| 方法 | 路径 | 描述 |
+|-----|------|------|
+| POST | `/api/v1/workflows/:uuid/debug/start` | 启动调试 |
+| POST | `/api/v1/workflows/:uuid/debug/:exec_id/pause` | 暂停执行 |
+| POST | `/api/v1/workflows/:uuid/debug/:exec_id/resume` | 继续执行 |
+| POST | `/api/v1/workflows/:uuid/debug/:exec_id/stop` | 停止执行 |
+| POST | `/api/v1/workflows/:uuid/debug/:exec_id/step` | 单步执行 |
+| GET | `/api/v1/workflows/:uuid/debug/:exec_id/state` | 获取调试状态 |
+
+### 节点类型
+
+| 方法 | 路径 | 描述 |
+|-----|------|------|
+| GET | `/api/v1/workflows/_/node-types` | 获取所有节点类型 |
+| GET | `/api/v1/workflows/_/node-types/categories` | 按类别获取节点类型 |
+
+---
+
+## 如何添加新节点类型
+
+### 步骤 1：创建节点类
+
+在 `LangBot/src/langbot/pkg/workflow/nodes/` 下创建或修改文件：
+
+```python
+from ..node import WorkflowNode, NodePort, NodeConfig, workflow_node
+from ..entities import ExecutionContext
+
+@workflow_node('my_custom_node')
+class MyCustomNode(WorkflowNode):
+    """自定义节点"""
+    
+    # 元数据
+    type_name = 'my_custom_node'
+    name = '我的自定义节点'
+    description = '这是一个自定义节点'
+    category = 'process'  # trigger/process/control/action/integration
+    icon = '🔧'
+    
+    # 输入端口
+    inputs = [
+        NodePort(name='input', type='string', description='输入数据', required=True),
+    ]
+    
+    # 输出端口
+    outputs = [
+        NodePort(name='output', type='string', description='输出数据'),
+    ]
+    
+    # 配置字段
+    config_schema = [
+        NodeConfig(
+            name='option',
+            type='select',
+            required=True,
+            options=['选项A', '选项B'],
+            description='选择一个选项'
+        ),
+        NodeConfig(
+            name='value',
+            type='string',
+            required=False,
+            default='默认值',
+            description='配置值'
+        ),
+    ]
+    
+    async def execute(
+        self, 
+        inputs: dict[str, Any], 
+        context: ExecutionContext
+    ) -> dict[str, Any]:
+        """执行节点逻辑"""
+        input_data = inputs.get('input', '')
+        option = self.get_config('option')
+        value = self.get_config('value', '')
+        
+        # 处理逻辑
+        result = f"处理: {input_data} with {option} and {value}"
+        
+        return {'output': result}
+```
+
+### 步骤 2：注册节点
+
+在 `LangBot/src/langbot/pkg/workflow/nodes/__init__.py` 中导入：
+
+```python
+from .process import (
+    CodeExecutorNode,
+    HttpRequestNode,
+    DataTransformNode,
+    MyCustomNode,  # 添加新节点
+)
+```
+
+### 步骤 3：添加前端配置
+
+在 `LangBot/web/src/app/home/workflows/components/workflow-editor/node-configs/` 目录下添加配置：
+
+```typescript
+// process-configs.ts
+export const processNodeConfigs: NodeConfigMap = {
+  // ... 其他配置
+  
+  my_custom_node: {
+    type: 'my_custom_node',
+    label: 'workflows.nodes.myCustomNode',
+    description: 'workflows.nodes.myCustomNodeDesc',
+    icon: 'Wrench',
+    category: 'process',
+    fields: [
+      {
+        name: 'option',
+        type: 'select',
+        label: 'workflows.fields.option',
+        required: true,
+        options: [
+          { value: '选项A', label: '选项 A' },
+          { value: '选项B', label: '选项 B' },
+        ],
+      },
+      {
+        name: 'value',
+        type: 'string',
+        label: 'workflows.fields.value',
+        required: false,
+        defaultValue: '默认值',
+      },
+    ],
+  },
+};
+```
+
+### 步骤 4：添加国际化
+
+在 `LangBot/web/src/i18n/locales/` 中添加翻译：
+
+```typescript
+// zh-Hans.ts
+workflows: {
+  nodes: {
+    myCustomNode: '我的自定义节点',
+    myCustomNodeDesc: '这是一个自定义节点',
+  },
+  fields: {
+    option: '选项',
+    value: '值',
+  },
+}
+```
+
+---
+
+## 调试功能实现
+
+### 后端调试状态管理
+
+```python
+class DebugExecutionState:
+    """调试执行状态"""
+    
+    def __init__(self, execution_id: str, breakpoints: list[str] = None):
+        self.execution_id = execution_id
+        self.status: str = 'running'
+        self.is_paused: bool = False
+        self.is_stopped: bool = False
+        self.breakpoints: set[str] = set(breakpoints or [])
+        self.logs: list[ExecutionLog] = []
+        self._pause_event = asyncio.Event()
+    
+    def pause(self):
+        """暂停执行"""
+        self.is_paused = True
+        self._pause_event.clear()
+    
+    def resume(self):
+        """继续执行"""
+        self.is_paused = False
+        self._pause_event.set()
+    
+    async def wait_if_paused(self):
+        """如果暂停则等待"""
+        if self.is_paused:
+            await self._pause_event.wait()
+```
+
+### 前端调试流程
+
+1. **设置断点**：点击节点设置断点
+2. **启动调试**：调用 `/debug/start` 启动调试执行
+3. **轮询状态**：定期调用 `/debug/:id/state` 获取状态
+4. **控制执行**：调用 pause/resume/step/stop 控制执行
+5. **查看日志**：实时显示执行日志和节点状态
+
+```typescript
+// 调试状态轮询
+const fetchDebugState = async () => {
+  const state = await backendClient.get(
+    `/api/v1/workflows/${workflowUuid}/debug/${executionId}/state`
+  );
+  
+  // 更新节点状态
+  setNodeStates(state.node_states);
+  
+  // 追加新日志
+  if (state.new_logs.length > 0) {
+    setLogs(prev => [...prev, ...state.new_logs]);
+  }
+  
+  // 检查完成状态
+  if (state.status === 'completed' || state.status === 'error') {
+    setDebugState('idle');
+  }
+};
+```
+
+---
+
+## 扩展阅读
+
+- [Workflow 功能设计文档](../../../plans/langbot-workflow-design.md)
+- [用户使用指南](../user-guide/workflow-guide.md)
+- [API 认证文档](../API_KEY_AUTH.md)
--- a/docs/user-guide/workflow-guide.md
+++ b/docs/user-guide/workflow-guide.md
@@ -0,0 +1,425 @@
+# Workflow 用户指南
+
+本文档帮助您了解和使用 LangBot 的 Workflow（工作流）功能，通过可视化方式构建自动化的对话处理流程。
+
+## 目录
+
+- [功能介绍](#功能介绍)
+- [快速入门](#快速入门)
+- [节点类型说明](#节点类型说明)
+- [编辑器使用指南](#编辑器使用指南)
+- [调试功能](#调试功能)
+- [常见问题解答](#常见问题解答)
+
+---
+
+## 功能介绍
+
+### 什么是 Workflow？
+
+Workflow（工作流）是 LangBot 提供的可视化自动化编排系统。通过拖拽节点、连接边的方式，您可以：
+
+- 📝 **构建复杂的对话流程**：使用条件分支、循环等控制节点
+- 🤖 **调用 AI 能力**：集成 LLM、知识库检索、参数提取
+- 🔗 **连接外部服务**：集成 Dify、n8n、Coze 等平台
+- ⚡ **自动化任务执行**：消息触发、定时触发、Webhook 触发
+
+### Workflow vs Pipeline
+
+| 对比项 | Pipeline | Workflow |
+|-------|----------|----------|
+| 配置方式 | 表单配置 | 可视化拖拽 |
+| 流程控制 | 线性执行 | 支持分支、循环、并行 |
+| 适用场景 | 简单对话 | 复杂流程 |
+| 学习曲线 | 低 | 中等 |
+
+---
+
+## 快速入门
+
+### 第一步：创建 Workflow
+
+1. 在侧边栏点击 **Workflow** 进入工作流列表
+2. 点击右上角 **创建工作流** 按钮
+3. 填写基本信息：
+   - **名称**：给工作流起一个描述性的名字
+   - **描述**：可选，说明工作流的用途
+   - **图标**：选择一个 emoji 作为标识
+
+### 第二步：添加节点
+
+进入编辑器后，左侧是节点面板，中间是画布区域，右侧是属性面板。
+
+1. **添加触发节点**：从左侧面板拖拽一个"消息触发"节点到画布
+2. **添加 AI 节点**：拖拽一个"LLM 调用"节点
+3. **添加回复节点**：拖拽一个"回复消息"节点
+
+### 第三步：连接节点
+
+1. 将鼠标悬停在触发节点的输出端口（右侧小圆点）
+2. 按住鼠标拖拽到 LLM 节点的输入端口（左侧小圆点）
+3. 同样方式连接 LLM 节点和回复节点
+
+```
+[消息触发] ──▶ [LLM 调用] ──▶ [回复消息]
+```
+
+### 第四步：配置节点
+
+点击 LLM 调用节点，在右侧属性面板配置：
+
+- **运行方式**：选择"本地 Agent"
+- **系统提示词**：描述 AI 的角色和行为
+- **模型**：选择要使用的 LLM 模型
+
+点击回复消息节点配置：
+
+- **消息内容**：设置为 `{{nodes.llm_call.outputs.response}}`（引用 LLM 输出）
+
+### 第五步：保存并绑定
+
+1. 点击工具栏的 **保存** 按钮
+2. 返回 Bot 配置页面
+3. 在 Bot 的绑定设置中选择 **Workflow**，然后选择刚创建的工作流
+
+恭喜！您已经创建了第一个 Workflow。
+
+---
+
+## 节点类型说明
+
+### 触发节点 (Trigger)
+
+触发节点是工作流的入口，定义何时启动执行。
+
+| 节点 | 说明 | 输出 |
+|-----|------|------|
+| 消息触发 | 收到消息时触发 | message, sender_id, platform |
+| 定时触发 | 按 Cron 表达式定时触发 | timestamp |
+| Webhook 触发 | 收到 HTTP 请求时触发 | request_body, headers |
+| 事件触发 | 系统事件触发 | event_type, event_data |
+
+**消息触发配置示例**：
+
+```yaml
+触发条件:
+  - 关键词匹配: ["帮助", "help"]
+  - 平台: ["wechat", "qq"]
+```
+
+### AI 节点
+
+AI 节点用于调用各种 AI 能力。
+
+| 节点 | 说明 | 典型用途 |
+|-----|------|---------|
+| LLM 调用 | 调用大语言模型 | 生成回复、理解意图 |
+| 问题分类器 | 对用户问题分类 | 路由到不同处理分支 |
+| 参数提取器 | 从文本提取结构化数据 | 提取订单号、日期等 |
+| 知识库检索 | 查询知识库 | RAG 增强回复 |
+
+**LLM 调用配置示例**：
+
+```yaml
+运行方式: 本地 Agent
+模型: gpt-4
+系统提示词: |
+  你是一个友好的客服助手。
+  请根据用户的问题提供帮助。
+温度: 0.7
+最大 Token 数: 2000
+```
+
+### 处理节点 (Process)
+
+处理节点用于数据处理和外部调用。
+
+| 节点 | 说明 | 典型用途 |
+|-----|------|---------|
+| 代码执行 | 执行 Python/JavaScript 代码 | 数据处理、格式转换 |
+| HTTP 请求 | 发送 HTTP 请求 | 调用外部 API |
+| 数据转换 | JSON/模板转换 | 数据格式化 |
+
+**HTTP 请求配置示例**：
+
+```yaml
+URL: https://api.example.com/data
+方法: POST
+请求头:
+  Content-Type: application/json
+  Authorization: Bearer {{variables.api_key}}
+请求体: |
+  {"query": "{{message.content}}"}
+```
+
+### 控制节点 (Control)
+
+控制节点用于流程控制。
+
+| 节点 | 说明 | 用途 |
+|-----|------|------|
+| 条件分支 | 二选一分支 | if-else 逻辑 |
+| 多路分支 | 多选一分支 | switch-case 逻辑 |
+| 循环 | 遍历数组 | 批量处理 |
+| 并行 | 同时执行多分支 | 并发处理 |
+| 等待 | 暂停执行 | 延时处理 |
+| 合并 | 合并多个分支 | 汇总结果 |
+
+**条件分支配置示例**：
+
+```yaml
+条件表达式: "{{nodes.classifier.outputs.category}}" == "complaint"
+真分支: 投诉处理
+假分支: 普通咨询
+```
+
+### 动作节点 (Action)
+
+动作节点执行具体操作。
+
+| 节点 | 说明 | 用途 |
+|-----|------|------|
+| 发送消息 | 主动发送消息 | 通知、推送 |
+| 回复消息 | 回复当前消息 | 对话回复 |
+| 存储数据 | 保存数据到存储 | 持久化 |
+| 调用 Pipeline | 调用现有 Pipeline | 复用现有流程 |
+
+**回复消息配置示例**：
+
+```yaml
+消息内容: |
+  感谢您的咨询！
+  
+  {{nodes.llm_call.outputs.response}}
+  
+  如有其他问题，随时联系我。
+```
+
+### 集成节点 (Integration)
+
+集成节点连接外部平台。
+
+| 节点 | 说明 | 平台 |
+|-----|------|------|
+| Dify 工作流 | 调用 Dify 应用 | Dify |
+| Dify 知识库 | 查询 Dify 知识库 | Dify |
+| n8n 工作流 | 调用 n8n 流程 | n8n |
+| Langflow | 调用 Langflow 流程 | Langflow |
+| Coze Bot | 调用扣子 Bot | Coze |
+
+**Dify 工作流配置示例**：
+
+```yaml
+API 地址: https://api.dify.ai/v1
+API Key: sk-xxxxx
+应用类型: workflow
+同步对话历史: true
+```
+
+---
+
+## 编辑器使用指南
+
+### 画布操作
+
+| 操作 | 方式 |
+|-----|------|
+| 平移画布 | 按住鼠标中键/空格+左键 拖拽 |
+| 缩放画布 | 鼠标滚轮 / 工具栏按钮 |
+| 框选多个节点 | 按住 Shift + 拖拽框选 |
+| 适应视图 | 点击工具栏"适应"按钮 |
+
+### 节点操作
+
+| 操作 | 方式 |
+|-----|------|
+| 添加节点 | 从左侧面板拖拽到画布 |
+| 移动节点 | 点击节点拖拽 |
+| 删除节点 | 选中后按 Delete / 点击工具栏删除 |
+| 复制节点 | 选中后 Ctrl+C / 工具栏复制 |
+| 粘贴节点 | Ctrl+V / 工具栏粘贴 |
+
+### 连接操作
+
+| 操作 | 方式 |
+|-----|------|
+| 创建连接 | 从输出端口拖拽到输入端口 |
+| 删除连接 | 点击连接线后按 Delete |
+| 选中连接 | 点击连接线 |
+
+### 快捷键
+
+| 快捷键 | 功能 |
+|-------|------|
+| Ctrl + Z | 撤销 |
+| Ctrl + Shift + Z | 重做 |
+| Ctrl + C | 复制 |
+| Ctrl + V | 粘贴 |
+| Delete | 删除选中 |
+| Ctrl + S | 保存 |
+
+### 工具栏功能
+
+```
+[撤销] [重做] | [放大] [缩小] [适应] | [复制] [粘贴] [删除] | [保存] [调试]
+```
+
+---
+
+## 调试功能
+
+### 启动调试
+
+1. 点击工具栏的 **调试** 按钮
+2. 在调试面板中配置初始数据：
+   - **输入消息**：模拟用户发送的消息
+   - **会话 ID**：可选，用于测试会话变量
+   - **变量**：设置初始变量值
+
+3. 点击 **开始调试** 按钮
+
+### 调试控制
+
+| 按钮 | 功能 |
+|-----|------|
+| ▶️ 开始/继续 | 开始或继续执行 |
+| ⏸️ 暂停 | 暂停执行 |
+| ⏹️ 停止 | 停止执行 |
+| ⏭️ 单步 | 执行下一个节点 |
+
+### 断点
+
+- **设置断点**：点击节点上的断点图标
+- **断点触发**：执行到断点时自动暂停
+- **查看状态**：在暂停时查看节点的输入输出
+
+### 执行日志
+
+调试面板下方显示实时日志：
+
+```
+[INFO] 2024-01-15 10:30:00 - Starting debug execution
+[INFO] 2024-01-15 10:30:00 - Executing node: message_trigger
+[DEBUG] 2024-01-15 10:30:00 - Node inputs: {"message": "你好"}
+[INFO] 2024-01-15 10:30:01 - Node completed in 50ms
+[INFO] 2024-01-15 10:30:01 - Executing node: llm_call
+...
+```
+
+### 节点状态颜色
+
+| 颜色 | 状态 |
+|-----|------|
+| 灰色 | 待执行 |
+| 蓝色 | 执行中 |
+| 绿色 | 已完成 |
+| 红色 | 失败 |
+| 黄色 | 已跳过 |
+
+---
+
+## 常见问题解答
+
+### Q1：如何在节点间传递数据？
+
+使用表达式语法引用其他节点的输出：
+
+```
+{{nodes.节点ID.outputs.输出名称}}
+```
+
+例如：
+- `{{nodes.llm_call.outputs.response}}` - 引用 LLM 节点的响应
+- `{{nodes.http_request.outputs.body}}` - 引用 HTTP 请求的响应体
+
+### Q2：如何使用变量？
+
+Workflow 支持三种变量类型：
+
+1. **工作流变量**：`{{variables.变量名}}`
+2. **会话变量**：`{{conversation_variables.变量名}}`
+3. **消息上下文**：`{{message.content}}`、`{{message.sender_id}}`
+
+### Q3：条件分支如何写条件表达式？
+
+支持以下运算符：
+
+- 比较：`==`, `!=`, `>`, `<`, `>=`, `<=`
+- 逻辑：`and`, `or`, `not`
+- 包含：`in`
+
+示例：
+```python
+# 字符串比较
+"{{nodes.classifier.outputs.intent}}" == "purchase"
+
+# 数值比较
+{{nodes.extractor.outputs.amount}} > 1000
+
+# 包含检查
+"退款" in "{{message.content}}"
+```
+
+### Q4：如何处理错误？
+
+1. **节点级重试**：在节点配置中设置重试次数
+2. **全局错误处理**：在 Workflow 设置中配置错误处理策略
+3. **条件分支**：使用条件节点检查上一节点的状态
+
+### Q5：如何查看执行历史？
+
+1. 进入 Workflow 详情页
+2. 点击 **执行历史** 标签
+3. 查看每次执行的状态、耗时、输入输出
+
+### Q6：Workflow 可以被多个 Bot 使用吗？
+
+是的。一个 Workflow 可以被多个 Bot 绑定使用，但每个 Bot 只能绑定一个处理单元（Pipeline 或 Workflow）。
+
+### Q7：如何复制现有的 Workflow？
+
+在 Workflow 列表页，点击工作流卡片右上角的菜单，选择"复制"即可创建副本。
+
+### Q8：支持版本回滚吗？
+
+支持。每次保存都会创建新版本。在 Workflow 详情页可以查看版本历史并回滚到指定版本。
+
+---
+
+## 最佳实践
+
+### 1. 合理命名
+
+- 为节点和 Workflow 使用描述性名称
+- 使用统一的命名规范
+
+### 2. 模块化设计
+
+- 将复杂流程拆分为多个小 Workflow
+- 使用"调用 Pipeline"节点复用现有流程
+
+### 3. 错误处理
+
+- 为关键节点设置重试机制
+- 使用条件分支处理异常情况
+- 添加日志记录便于排查问题
+
+### 4. 测试先行
+
+- 使用调试功能充分测试
+- 准备多种测试场景
+- 检查边界情况
+
+### 5. 性能优化
+
+- 避免不必要的节点
+- 使用并行节点提高效率
+- 合理设置超时时间
+
+---
+
+## 更多资源
+
+- [开发者文档](../development/workflow-system.md)
+- [设计文档](../../../plans/langbot-workflow-design.md)
+- [API 文档](../service-api-openapi.json)