Workflow

An agent-workflow canvas built on React Flow, with custom nodes, edges, controls and a floating panel. Pan and zoom to explore the pipeline. Every piece is a separate registry item — canvas, node, edge, controls, panel, toolbar and connection — installed together for an agent-builder surface.

$bunx shadcn@latest add @nx-ui/ai-canvas
Registry item

Agent pipeline

A static four-step pipeline: prompt → reasoning model → search tool → final answer. Nodes and edges are canned; the edges animate to suggest data flow.

Waste-triage agent