Pieces

Live-call banner with a pinging video glyph, caller name, running duration, mute toggle, and end-call button.

Quoted message block inside a bubble, with the replying author and the reply text beneath.

Centered contact card with an avatar, name, handle, short bio, and a Message CTA.

Inbox row with avatar, name, message preview, timestamp, and a primary unread count chip.

Timestamp pill with double-check icon that colors sky when the message is read.

Oversized emoji as a standalone sticker message with a small timestamp beneath it.

Event invite bubble with title, date, time, attendee count, and Join / Maybe actions.

Muted centered pill with an icon, used for joins, role changes, and other neutral system events.

Thin horizontal rule with a muted date pill in the middle, used to break up chat days.

Chat bubble with a file icon tile, filename, size and page count, and a download button.

Avatar with a presence dot in emerald, amber, rose, or slate. Caption shows status or last-seen.

Rounded message composer with attach, inline text, emoji, and a smart send / mic button that flips with the value.

Rose horizontal rule flanking an unread-count pill. Signals where new messages begin.

Amber-accented banner with a pin glyph, author caption, and the pinned message preview.

Rose missed-call tile beside caller name and time, with a Call back action on the right.

Rounded emoji picker with six quick reactions and a trailing plus for the full emoji palette.

Thread pill with a 3-avatar stack, a reply count in primary, and a last-reply timestamp.

Dashed-border outgoing bubble above a Clock chip showing when it will send.

Standard chat bubble with a subtle italic edited caption beneath.

Typing indicator pill showing multiple avatar stack, summary text, and three pulsing dots.

Conversation search row with author and time above a message line where the match is amber-highlighted.

Voice bubble with waveform and duration on top and a quoted italic transcript below the divider.

Floating toolbar with react, reply, copy, delete, and overflow actions. Delete tints rose.

Chat bubble with a faux-map preview, a pulsing pin, and the place name, address, and distance beneath.