oxios 1.12.0

Oxios Agent OS — Agent Operating System powered by oxi-sdk
import { Bot } from 'lucide-react'

/**
 * Animated "thinking / typing" indicator shown while the agent is
 * processing a request (streaming tokens haven't started yet).
 */
export function TypingIndicator() {
  return (
    <div className="flex gap-3 my-1.5 animate-fade-in-up">
      <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground">
        <Bot className="h-4 w-4" />
      </div>
      <div className="max-w-[80%]">
        <div className="rounded-lg px-4 py-2.5 bg-muted">
          <div className="flex items-center gap-1.5">
            <span className="h-2 w-2 rounded-full bg-muted-foreground/60 animate-[typing-bounce_1.4s_ease-in-out_infinite]" />
            <span className="h-2 w-2 rounded-full bg-muted-foreground/60 animate-[typing-bounce_1.4s_ease-in-out_0.2s_infinite]" />
            <span className="h-2 w-2 rounded-full bg-muted-foreground/60 animate-[typing-bounce_1.4s_ease-in-out_0.4s_infinite]" />
          </div>
        </div>
      </div>
    </div>
  )
}