new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

shadcn/ui · Components · all subjects

bubble/variants

3 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Bubble variant options

Seven visual variants are available: 'default' (a strong primary bubble, usually for the current user), 'secondary' (the standard neutral bubble for conversation content), 'muted' (a lower-emphasis bubble for quiet supporting content), 'tinted' (a subtle primary-tinted bubble), 'outline' (a bordered bubble for secondary or rich content), 'ghost' (unframed content for assistant text or rich content), and 'destructive' (a destructive bubble for error or failed actions).

Bubble sizing and max-width behavior

A bubble sizes to its content, up to 80% of the container width. The 'ghost' variant removes the max-width so assistant text and rich content can span the full row.

Bubble align prop for alignment

The 'align' prop on Bubble controls alignment to 'start' (align the bubble to the start of the conversation) or 'end' (align the bubble to the end of the conversation). When building chat interfaces, you probably want to use alignment on the Message component itself, not the Bubble component, by using the 'role' prop on Message to automatically align the bubble.

Give your agent this brain