component · communication
TuxChatBubble
Conversational speech bubble and floating assistant launcher primitive for interactive queries and institutional tools. Supports speech containers with suggestion chips, directional pointer tails, and floating launchers with idle, thinking, and attention states.
assistant bubble
Speech container with suggestion actions
AssistantTransportation Research
Good morning! I have refreshed the statewide corridor safety models. Which segment would you like to inspect?
<tux-chat-bubble
role="assistant"
title="Assistant"
subtitle="Transportation Research"
tail="bottom-left"
:suggestions="['Summarize TX-6 corridors', 'Compare crash rates', 'Export shapefiles']"
@select-suggestion="onSelect"
>
Good morning! I have refreshed the statewide corridor safety models. Which segment would you like to inspect?
</tux-chat-bubble>launcher states
Floating trigger with idle, thinking, and attention states
The launcher indicates activity through subtle institutional cues rather than cluttering number badges or online dots. When processing a query, it displays a thinking state; when an update requires review, it transitions to an attention alert with gentle harmonic motion.
<!-- Standard Ready Launcher -->
<tux-chat-bubble
mode="trigger"
title="Assistant"
teaser="Need help analyzing this corridor?"
/>
<!-- Thinking / Busy State -->
<tux-chat-bubble
mode="trigger"
title="Assistant"
state="thinking"
/>
<!-- Attention / Notification State -->
<tux-chat-bubble
mode="trigger"
title="Assistant"
state="attention"
teaser="Analysis complete — ready for review."
/>user bubble
User speech voice
You10:45 AM
Can you generate a summary of work-zone incidents on I-35 for Q1 2026?
<tux-chat-bubble
role="user"
title="You"
subtitle="10:45 AM"
tail="bottom-right"
>
Can you generate a summary of work-zone incidents on I-35 for Q1 2026?
</tux-chat-bubble>