Agent Pipeline

A living multi-agent workflow that models task routing, research, drafting, and approvals with real-time physics, activity feeds, and playback controls.

60 KB
•
Updated on September 21, 2026
Active on Canvas Stage

Installation

Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-interactions-agent-pipeline

Usage

Code
import { AgentPipeline } from '@/components/interactions/agent-pipeline'
Code
<AgentPipeline />

API Reference

AgentPipeline

PropTypeDefaultDescription
preset
string
incidentSelected workflow preset ('incident', 'codereview', etc.).
flow
string
successSelected flow variant ('success' or 'error').
cyclePresets
boolean
falseAutomatically cycle through all presets across runs.
cycleFlows
boolean
trueAutomatically cycle through all flows across consecutive runs.
taskTitle
string
Preset task titleTitle of the task assigned to the multi-agent team.
runId
string
Auto-generated (sp_XXXX)Identifier displayed for the pipeline execution.
agents
AgentStep[]
Preset agentsCustom sequence of agents, their roles, steps, and durations.
autoPlay
boolean
trueAutomatically runs and loops the pipeline when mounted.
speed
number
1Speed multiplier for pipeline execution.
travelDuration
number
0.7Transfer duration in seconds between agent relays.
className
string
-Additional CSS classes for the outer container.

Related Components

Deploy PipelineInteraction

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.

View
Realtime VoiceInteraction

An interactive conversational AI voice interface built with Frame, Card, Squishmoji, Bloop Orb, and audio frequency ripples.

View
Realtime Voice