Paired bubbles: a primary-tinted user message above an assistant reply fronted by a gradient sparkle avatar.
The import and the props worth knowing about, in one place.
import { Ai8 } from "@/components/beste/piece/ai8";
<Ai8
user="What's the capital of Japan?"
assistant="Tokyo. It's been the capital since 1868, after Kyoto held the title for over a thousand years."
/>Chat bubble with three bouncing dots signaling that the assistant is composing a reply.
Summarize this week's support tickets in two lines.
Chat exchange that thinks with bouncing dots, streams the answer character by character behind a blinking caret, then rests and plays again.
The smoothest cup of the morning starts with beans roasted just last
Partial assistant reply bubble with a blinking block cursor on the trailing character.