TypeScript · 592 bytes Raw Blame History
1 /** Small pulsing dot + "streaming" label. Rendered next to the
2 * model badge inside `AssistantCard` when the message's
3 * `status === "streaming"`. */
4 export function StreamingIndicator() {
5 return (
6 <span className="flex items-center gap-1 text-[10px] text-accent">
7 <span className="relative inline-flex h-1.5 w-1.5">
8 <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-accent opacity-75" />
9 <span className="relative inline-flex h-1.5 w-1.5 rounded-full bg-accent" />
10 </span>
11 <span>streaming</span>
12 </span>
13 );
14 }