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.1 KB
•
Updated on September 21, 2026
Active on Canvas Stage

Installation

Bash
pnpm dlx shadcn@latest add @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

Agent Activity FeedInteraction

Real-time telemetry event stream monitoring tool executions, state diffs, tokens expended, and security policy checks.

View
Agent Clearance DeckInteraction

Interactive card-swipe approval stack for autonomous agent actions with multi-tier risk metadata, keyboard shortcuts (A/D), and sound feedback.

View
Agent Genesis ForgeInteraction

Interactive multi-step wizard for synthesizing agent personas, custom system directives, tool clearance grants, and model tiers.

View
Agent Genesis Forge
pnpm dlx shadcn@latest add @spaceui/interactions-agent-pipeline