AgentGraph
stableForce-directed graph of agent relationships and communication
import { AgentGraph } from "@nodus/design-system/patterns"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
agentsreq | Agent[] | — | Array of agent nodes with id, name, type, status, tokens |
connectionsreq | Connection[] | — | Edges between agents (from, to, type, label) |
onAgentClick | (agentId: string) => void | — | Node click callback |
height | number | 360 | Canvas height in pixels |
agentsrequiredType
Agent[]Default —Array of agent nodes with id, name, type, status, tokens
connectionsrequiredType
Connection[]Default —Edges between agents (from, to, type, label)
onAgentClickType
(agentId: string) => voidDefault —Node click callback
heightType
numberDefault 360Canvas height in pixels
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?