UI Lab

Message actions

Per-message action bars, bubbles, and turn separators.

Agent & chat · fixture-only

Hover action bar

MessageActionBar aligns end for user bubbles, start for assistant — copy, edit, regenerate, feedback.

Workshop: Every completed message turn in /chat.

Fixture data only — behaviour matches production chrome

Turn boundary

TurnSeparator labels turn index with token and latency meta between conversation rounds.

Fixture data only — behaviour matches production chrome

User bubble + actions

UserMessageBubble with end-aligned MessageActionBar — copy and edit.

Summarise CRM renewals and flag duplicate accounts.

Assistant bubble + actions

Start-aligned action bar with copy, regenerate, and feedback buttons.

Found 3 duplicate customer records. I queued triage for your review.

Turn separator

Turn index with token count and latency meta between conversation rounds.