Trình thiết kế Quy trình (Workflow Designer)
Trạng thái
Owner: TBD · Trạng thái: draft · Nguồn chuẩn: flezi.app.frontend.main/src/pages/workflows/WorkflowDesigner.tsx
Dành cho ai
Kỹ sư giải pháp và người thiết kế quy trình nghiệp vụ tự động hóa.
Bạn làm được gì
- Kéo thả các Node nghiệp vụ trên canvas đồ thị vô tận (React Flow canvas).
- Nối dây liên kết dữ liệu giữa đầu ra của bước trước và đầu vào của bước sau.
- Cấu hình từng loại Node: Classify, LLM, Tool, Skill, Agent, Human Input...
- Sử dụng phím tắt, tính năng Undo / Redo và tự động sắp xếp sơ đồ (Auto-layout).
Các loại Node chính trên Canvas
| Biểu tượng Node | Tên Node | Mục đích sử dụng |
|---|---|---|
| 🔀 | Classify | Phân nhánh điều kiện dựa trên ý định hoặc nội dung |
| 🤖 | LLM | Xử lý văn bản, tóm tắt, trích xuất thông tin bằng mô hình AI |
| 🔧 | Tool / Skill | Gọi công cụ tính toán hoặc kịch bản tự động hóa |
| 🧑💼 | Agent | Giao nhiệm vụ cho một tác nhân chuyên biệt giải quyết |
| 🙋 | Human Input | Dừng quy trình và gửi form yêu cầu con người nhập liệu hoặc duyệt |
Các bước thiết kế
- Kéo một Node từ thanh công cụ bên trái vào vùng Canvas.
- Nhấn vào Node để mở rộng bảng thuộc tính bên phải: nhập prompt hoặc chọn model/tool.
- Kéo đường nối từ cổng Output (chấm tròn bên phải) của Node này sang cổng Input (chấm tròn bên trái) của Node tiếp theo.
- Nhấn Save Workflow để lưu cấu hình.