Workflow Canvas
The Workflow Canvas components provide visual DAG editing for agent workflows using React Flow.
Components
WorkflowCanvas (AgentStudio)
File: frontend/agentic-workbench/src/components/AgentStudio/WorkflowCanvas.tsx
The primary workflow canvas within the Agent Studio for designing agent execution flows.
WorkflowDesigner
File: frontend/agentic-workbench/src/components/AgentStudio/WorkflowDesigner.tsx
Full workflow designer with palette, canvas, and configuration panel.
AgentCanvas
File: frontend/agentic-workbench/src/components/AgentCanvas/AgentCanvas.tsx
Alternative agent flow builder with agent-specific node types.
| Component | File | Purpose |
|---|---|---|
AgentCanvas | AgentCanvas.tsx | React Flow canvas |
WorkflowNode | WorkflowNode.tsx | Custom agent workflow node |
NodePalette | NodePalette.tsx | Agent node type palette |
NodeConfigPanel | NodeConfigPanel.tsx | Node configuration |
Node Types
| Type | Description |
|---|---|
| LLM Call | Execute an LLM prompt |
| Tool Use | Invoke a registered tool |
| Condition | Branch based on criteria |
| Human Review | Human-in-the-loop checkpoint |
| Memory | Read/write agent memory |
| Output | Format and return results |