Components
A multi-agent routing visualizer that highlights matched patterns in the input, shows the target agent with a confidence score, and animates an active routing state.
Loading preview...
"use client";
import { AiRoutingIndicator } from "@/components/ui/routing-indicator";
export default function RoutingIndicatorDemo() {
return (
<div className="mx-auto flex w-full max-w-md flex-col gap-4 bg-background p-6 text-foreground">
<AiRoutingIndicator
input="Help me write a React component for user authentication"
matchedPattern="write|React|authentication"
targetAgent="Code Agent"
confidence={0.92}
/>
<AiRoutingIndicator input="What is the weather like today?" isRouting />
</div>
);
}