ComponentReactregistry:ui1 dependency

AI Routing Indicator

routing-indicator

Visualize real-time message routing with pattern matching highlights, target agent display, confidence scores, and animated routing states for multi-agent systems.

@elements Registry JSON

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Compound component for routing visualization. Sub-components: AiRoutingIndicator, AiRoutingIndicatorHeader, AiRoutingIndicatorContent, AiRoutingInput, AiRoutingFlow, AiRoutingIndicatorEmpty, AiRoutingMatch. Supports animated routing state.

Install

npx shadcn@latest add @elements/routing-indicator

Needs @elements in your components.json registries — switch to URL if it doesn't resolve.

Registry: @elements
Kind: Component
Framework: React
Files: 1 · 9.2 KB
Preview: Live
License: MIT

npm dependencies

lucide-react

@elements

More from @elements

GitHub Activity Calendar

github-activity-calendar

Search the catalog

AI Routing Indicator

Notes from the author

More from @elements