A living multi-agent workflow that models task routing, research, drafting, and approvals with real-time physics, activity feeds, and playback controls.
pnpm dlx shadcn@latest add @spaceui/components-spaceui-interactions-agent-pipelineimport { AgentPipeline } from '@/components/interactions/agent-pipeline'<AgentPipeline />| Prop | Type | Default | Description |
|---|---|---|---|
preset | string | incident | Selected workflow preset ('incident', 'codereview', etc.). |
flow | string | success | Selected flow variant ('success' or 'error'). |
cyclePresets | boolean | false | Automatically cycle through all presets across runs. |
cycleFlows | boolean | true | Automatically cycle through all flows across consecutive runs. |
taskTitle | string | Preset task title | Title of the task assigned to the multi-agent team. |
runId | string | Auto-generated (sp_XXXX) | Identifier displayed for the pipeline execution. |
agents | AgentStep[] | Preset agents | Custom sequence of agents, their roles, steps, and durations. |
autoPlay | boolean | true | Automatically runs and loops the pipeline when mounted. |
speed | number | 1 | Speed multiplier for pipeline execution. |
travelDuration | number | 0.7 | Transfer duration in seconds between agent relays. |
className | string | - | Additional CSS classes for the outer container. |
A self-playing deploy pipeline that advances on its own, pauses on hover, and reveals per-step detail — drop it in to turn a static log into a living status feed.
ViewAn interactive conversational AI voice interface built with Frame, Card, Squishmoji, Bloop Orb, and audio frequency ripples.
View