Avatar with a presence dot in emerald, amber, rose, or slate. Caption shows status or last-seen.
The import and the props worth knowing about, in one place.
import { Chat16 } from "@/components/beste/piece/chat16";
<Chat16
src="https://images.unsplash.com/photo-1583264277168-58ceba4b84e7?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE1fHx8ZW58MHx8fHx8"
alt="John Doe"
fallback="JD"
name="John Doe"
presence="online"
lastSeen="Active now"
/>Typing indicator pill showing multiple avatar stack, summary text, and three pulsing dots.
Chat bubble with an avatar and timestamp. Role flips alignment and color.
Pushed a new pass on the empty states — peek when you have a sec 🎨
Avatar plus inline author, optional role chip, timestamp, and the message body beneath.
Compact team list where one member at a time changes presence: dots recolor, status text fades in, and the online count in the header keeps pace.