A deploy pipeline that plays itself — steps advance, badges update, and details unfold on their own, no click required.
pnpm dlx shadcn@latest add @spaceui/interactions-deploy-pipelineimport { DeployPipeline } from '@/components/interactions/deploy-pipeline'<DeployPipeline />| Prop | Type | Default | Description |
|---|---|---|---|
steps | DeployPipelineStep[] | sample | Steps rendered in the pipeline. |
cycle | DeployPipelineFrame[] | sample | Keyframes the pipeline auto-advances through. |
autoPlay | boolean | true | Auto-advance through cycle on a timer. |
pauseOnHover | boolean | true | Pause auto-advance while the pointer is over the pipeline. |
speed | number | 1 | Multiplier applied to each frame's duration. |
className | string | - | Additional CSS classes for the outer card. |
Real-time telemetry event stream monitoring tool executions, state diffs, tokens expended, and security policy checks.
ViewInteractive card-swipe approval stack for autonomous agent actions with multi-tier risk metadata, keyboard shortcuts (A/D), and sound feedback.
ViewInteractive multi-step wizard for synthesizing agent personas, custom system directives, tool clearance grants, and model tiers.
Viewpnpm dlx shadcn@latest add @spaceui/interactions-deploy-pipeline