Agent
Workflow canvas
A pan-and-zoom canvas of nodes and edges that can be dragged, connected and deleted.
Fetch corpusevery 15m
Listen for eventswebhook
Enrichnessa-embed-1
Notifyslack
Installation
npx shadcn@latest add https://nessalabs.ai/r/workflow-canvas.jsonExamples
A node hosting a subflow
Ingest1.2M docs
Enrichment2 steps
Dedupeby hash
Chunk512 tokens
Drop a connection on empty canvas to add a node
Drag from a handle on the edge of Fetch corpus and let go over empty space.
Fetch corpusevery 15m
Behaviours
Covered by the component's storybook.
Workflow BoardDrag NodeConnect With KeyboardConnect With PointerPan And ZoomBounded CanvasNested WorkflowCustom Edges And HandlesAuto Aligned EdgesConnect Drop PaletteStress Thousand Nodes