Changelog

Citation: A chip in an answer that previews its sources on hover and goes to them on click.

Tool: One call an agent makes to a tool: its arguments, the result and an approval step when a person has to say yes.

ModelSelector: A searchable model picker grouped by provider, with each model's capabilities and context window.

ContextMeter: A small ring for how much of the context window a conversation has used, opening onto what fills it.

EventCalendar: Month, week and day views where events drag between slots and resize, from the mouse or the keyboard.

CompareSlider: Two pictures in one frame with a divider to drag between them, for a redesign, a retouch or a grade.

Button: A split button: the main action stays visible and its alternatives sit in an attached menu.

Chat: An agent trace of reasoning steps, with an ink-sweep pass across the step still in progress.

Tabs: segmented is now the default variant, with a tighter track.

EmptyState: Illustrated states: a small object that belongs to the job for each empty moment.

DataTable: An AI generation example that fills an insight column row by row.

ActivityFeed: A workflow example with a compact phase bar for the total time.

Leaner component source: the long explanatory comments are gone from every component, so the files you copy read as plain code. One-line prop docs stay for editor hints.

Combobox: A text field you type into to filter a list, then pick one option.

Meter: A measurement inside a known range, like storage used or a plan quota.

NumberField: A numeric input with minus and plus steppers.

Terminal: A command-line surface whose title bar doubles as a drag handle.

StatusBar: The thin strip of status items along the edge of an app shell.

TabStrip: The browser-style row of open documents across the top of an app shell.

DotMatrix: A 5×5 dot-matrix loader with a light running through it.

TabletFrame: A device that floats over a game, a map or another full-bleed canvas.

SwatchGrid: A grid of pickable samples: a color, or a glyph over a color.

FloatingWindow: A small movable, resizable window over the app.

Tabs: variant="segmented", the pill-on-track look for switching views.

Tabs: The line and folder indicators sit on the bottom edge of the list and stay fully visible.

DropdownMenu: The exit animation is interruptible: reopening mid-close picks up where it was.

Map: Map pins merge the collapsible chip with the new dispatch, fleet and incident symbols.

API tables and anatomy on the docs pages of every component merged this week, including AI panel, Chat, Prompt Input and Rich Text Editor.

DotMatrix: Keyframes that were left open no longer break the animation.

Button: An icon-only size="xs" button stays round like every other size.

ChannelChat: A many-person channel log for team chat or a radio net.

VoiceRoster: Who is on a voice channel, lit as they talk. variant="panel" sets it inside a page column.

Chip: A small pill you act on, the interactive sibling of Badge.

Dot: A status light or color swatch.

HoldButton: Press and hold to confirm a destructive or final action, with controlled holding and keyboard support.

Receipt: A slip of thermal paper with a torn edge.

HandheldDevice: The shell of a handheld gadget, with an LCD, keys and a printer.

Button: size="xs", a 28px tier for dense interfaces.

Progress: A timed mode: pass duration and the bar runs itself, like an auto-dismiss countdown.

Typography: eyebrow and eyebrow-mono label roles.

Badge: Takes any color, not only the preset variants.

PushToTalk: size="sm", variant="outline" and a live prop for a hotkey handled elsewhere.

NotebookPage: A red margin, a spiral binding and fields that sit on the rules. Focus shows only the caret unless focusTint is set.

AI panel: Works inside a container, with jump to latest, prompt limits, quick actions and mentions.

Chat: The conversation keeps following the latest message through resizes.

List: A bleed option and currentStyle for the active row.

Banner: A size prop.

Tabs: A trailing badge sits concentric with its tab.

Focus rings use one brand color everywhere and are never clipped by a scroll container.

Dialog: Focus returns to the opener when there is no trigger, including a menu item that opened it.

Tooltip: Automatic hints stand down under an explicit Tooltip, so you never get two bubbles.

TabStrip: A sortable tab no longer breaks the tab stop.

PushToTalk: A hold interrupted by unmounting or disabling still ends through onTalkEnd.

PromptInput: Growing with its text no longer moves the thread above it.

Koala UI for React 1.0: 125 free components, four themes and the CLI.

Paper: A printed document on screen that scales as a whole.

NotebookPage: A sheet of notebook paper behind what someone writes.

Existing members: The access guide for buyers from the old site.

RichTextEditor: Opt-in text alignment, starterKit and extensions props, quote and code styles, and translatable labels.

Lightbox: A loop prop and translatable labels.

Carousel: A peek layout that shows the neighbouring slides.

Navbar: collapseAt="xl" collapses it at the wider breakpoint.

Chart: Translucent stacked areas.

RichTextEditor: No longer calls onChange on mount.