Network
Visualize workflow routing and network decision flows as an interactive canvas.
The Network page (/network) renders an interactive node-graph canvas showing how traffic flows through your network, including decision points and routing outcomes.
Canvas Overview
The network view uses a React Flow-based canvas with custom node and edge types:
| Element | Description |
|---|---|
| Start node | Entry point — initializes the workflow |
| Process node | Transforms or inspects traffic |
| Decision node | Routes traffic based on policy conditions |
| Success / Error paths | Downstream outcomes of a decision |
| Complete node | Terminal node for finalized flows |
Edge Types
| Type | Behavior |
|---|---|
animated | Solid animated edge — active/confirmed path |
temporary | Dashed edge — conditional or provisional path |
Interactivity
- Pan & zoom — drag to pan, scroll to zoom
- Fit view — the canvas auto-fits on load to show all nodes
- The graph is read-only in the current iteration; editing is planned for a future release
Related
How is this guide?
Last updated on