Dev Design Library

Multi-Step Pipeline Tracker

Progress surfaces for local workflows: a horizontal numbered-step indicator (active/completed/pending), a stage+percentage variant for ingest, a Steps/Plan vertical outline with expandable detail, and an inference-queue surface grouped by p.

Multi-Step Pipeline Tracker preview
Library
LocalMode
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn add @localmode/ui/ui/conversation/pipeline-tracker
Files
  • apps/ui/registry/localmode/conversation/pipeline-tracker/pipeline-tracker.tsx
  • apps/ui/registry/localmode/lib/utils.ts
  • apps/ui/registry/localmode/ui/collapsible.tsx
  • apps/ui/registry/localmode/ui/progress.tsx
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode