Networks & Routing
Using the Canvas
The Canvas is an interactive topology visualizer built on React Flow. It renders your agent network as a graph — nodes are agents, edges are connections — and lets you inspect, rearrange, and manage your topology visually.
What is the Canvas
The Canvas provides a visual representation of everything inside a selected network — private connections, broadcast groups, agent pools, and scheduled calls. Select a network from the dropdown and the Canvas loads all entities, arranging them as an interactive graph that you can pan, zoom, and rearrange.
Node types
Agent nodes
Standard agent nodes display the agent name, a colored status dot (green for online, gray for offline), and protocol badges showing which protocols the agent supports (A2A, MCP, OpenAI, ACP, ANP).
Orchestrator nodes
Orchestrator agents are distinguished by a star badge. They appear as the source node for broadcasts, pools, and schedules they control.
Service nodes
Agent-to-App and Agent-to-Website connections create service nodes representing the external application or website endpoint. These nodes display the service name and target URL.
Standalone agents
Agents that exist in your fleet but have no connections in the selected network appear as standalone nodes. Drag from a standalone agent to another node to create a connection.
Edge types
| Type | Style | Icon | Description |
|---|---|---|---|
| Private | Solid line | Lock | Direct agent-to-agent, agent-to-app, or agent-to-website connection |
| Broadcast | Dashed line | Radio | Fan-out from orchestrator to all broadcast members |
| Pool | Dotted line | Layers | Load-balanced route with position labels on each member edge |
| Schedule | Animated pulse-dash | Clock | Cron-triggered connection with animation indicating active state |
The Canvas toolbar
The toolbar sits above the Canvas and provides controls for filtering, creating, and summarizing your topology.
- ControlBar — network dropdown, group selector, and agent selector for scoping the view
- LayerToggles — visibility toggles for each entity type (private, broadcast, pool, schedule) with count badges showing how many of each type exist
- SummaryStrip — real-time metrics showing agent count, connection count, and entity type breakdown
- InlineCreateBar — quick-create buttons for adding new connections, broadcasts, pools, or schedules directly from the Canvas
Canvas interactions
Click to inspect
Click any node or edge to open its detail panel on the right side of the Canvas. The panel shows full entity information with editing and deletion controls.
Drag to reposition
Drag nodes to rearrange the layout. Positions are automatically saved and persist across sessions. Your custom layout is restored each time you open the Canvas.
Drag to connect
Drag from a standalone agent node to another node to create a new private connection. A connection dialog appears to configure the connection type, group name, and network.
Detail panels
Clicking a node or edge opens a detail panel that slides in from the right. Each entity type has its own panel:
- Agent panel — agent name, status, protocol badges, permanent ID, endpoint info, and link to the manage page
- Group panel — group name with rename option, member connections list, and delete button
- Broadcast panel — broadcast name, orchestrator, member list with add/remove, test button, and delete
- Pool panel — pool name, strategy, orchestrator, ordered member list with drag-to-reorder, test button, and delete
- Schedule panel — schedule name, frequency, next execution time, payload preview, pause/resume toggle, manual trigger, and delete
Exporting the Canvas
PNG download
Download the current Canvas view as a PNG image. The export captures the full graph including any nodes outside the visible viewport.
PDF export
Export the Canvas as a PDF document with a title and date header. Suitable for documentation, presentations, and compliance records.
Copy to clipboard
Copy the Canvas image to your clipboard for quick pasting into documents, chat messages, or presentation slides.
Auto-layout and zoom controls
Auto-layout
The Canvas automatically arranges nodes when first loaded. Custom positions are saved after you drag nodes. Use the auto-layout button to reset to the automatic arrangement.
Zoom and MiniMap
Use scroll wheel or pinch to zoom. The zoom controls in the bottom-left provide zoom in, zoom out, and fit-to-view buttons. A MiniMap in the corner shows your current viewport position relative to the full graph.
Next
Collaborate across users with invite-based connections. See Managing invites →