U
UI Polish
AccordionDisclosure sections that open on a grid-row transition, one or several at a time. An item named in the URL hash is already open on first paint.
Agent settingsagent-settingsA whole settings screen for an AI agent, built from the kit: model, MCP connections, what it may do without asking, a daily spending limit and memory. Every change saves in its row, and a sticky section nav follows you down the page.
AlertInline banner for info, success, warning and error. It reserves its space up front or opens on a press, so a late status never pushes the page.
AuthorizeThe consent screen an MCP server shows when an agent asks to connect: who's asking, what it will be able to do, and where you go back to. Risky permissions start off.
AvatarPhoto with initials on an opaque quiet fill behind it, or a head and shoulders with no name. A quick photo never flashes initials, a broken one never shows its broken mark, and groups overlap with a +N that says how many.
Background runbackground-runAn agent task that keeps going while the person is elsewhere. One calm row says how it’s going in a glyph and one line, marks what finished while they were away, and opens to its progress, what changed and up to two actions. (UI Polish Pro: needs a license key.)
BadgeA static label for a status or a count, exactly as tall as the line it sits in. Counts are round for one digit and set in equal-width figures.
Batch progressbatch-progressAn agent working through many items at once: a header with done of total, the clock and time left over a segmented track, then every item as a row with its status, result and time. Filter to what's running, failed or done; pause, resume or stop; retry one failure or all of them. Windowed, so 1,000 items scroll like 10. (UI Polish Pro: needs a license key.)
BreadcrumbsTrail of links to the current page. A long middle folds into a … that opens in place, long labels fade instead of wrapping, and any router’s link fits.
ButtonPill button that presses instantly and springs back. The busy state keeps its width, and the label morphs when its text changes.
CheckboxBase UI checkbox whose tick draws on and off. The mixed-state dash morphs into the tick, and the box aligns to the first line of its label.
ChipFilter chips that stay pressed, and removable chips with their own named remove button. A plus swings into a check without changing the width, and removed chips fade before the rest slide into place.
Code blockcode-blockCode block for AI apps that streams in without flashing or jumping. Copy, line wrap and calm token-colored highlighting are built in, with no highlighter library.
Code inputcode-inputOne-time code boxes that fill from a paste or platform autofill and step back on Backspace. The active box shows a dark edge and a caret, invalid shows in the edges; an optional status folds the boxes into a centered, edgeless Verifying pill that turns to Verified, or opens back up on a wrong code.
ComboboxType-to-filter autocomplete for local or async results. Each match marks the typed text, and stale results stay in place while new ones load.
Command palettecommand-palette⌘K palette with fuzzy matching, recents and grouped results. Async sources never flash a loading state, and the height follows the results.
ConnectionsThe agent app's list of MCP servers: one quiet row each, a switch, and a status line that says what's wrong and the one thing that fixes it. Adds a server by URL and hands sign-in to the browser.
Copy fieldcopy-fieldRead-only value with a Copy button whose icon turns into a check and says “Copied” to screen readers. A secret masks as a fixed row of dots that gives away nothing about its length.
Data tabledata-tableKeyboard-first grid for real data: one tab stop, arrow keys between cells, a stable sort whose arrow flips its head, columns resized by pointer or keys, range selection, and thousands of rows virtualized without a dependency.
Date pickerdate-pickerDate field that opens a calendar dialog with full grid keyboard support. Months slide a short way in the direction you moved, crossfading inside a soft-edged panel, and ranges are optional.
DialogModal that grows out of its trigger and eases to fit its content as steps change. It locks scroll without a shift and asks before discarding edits.
Diff statdiff-statLines added and removed, “+12 −3”, in the type around it: added in green, removed in red, figures of equal width, and one sentence for screen readers. (UI Polish Pro: needs a license key.)
Diff viewdiff-viewUnified diff with the changed part of each line marked and unchanged stretches folded. In streaming mode, new lines fade in as they arrive.
DrawerModal panel that slides in from the end edge, and on phones rises as a sheet you drag down to dismiss, at the speed of your flick. The body scrolls between a header and footer that stay put.
Dropdown menudropdown-menuMenu button with checkbox, radio and submenu items. Submenus forgive a diagonal pointer path, and pointer and keyboard share one highlight.
Empty stateempty-stateThe message for an empty list or view: a clean isometric line drawing with crisp corners (a stack, a box, a folder, a tray, a magnifier, a calendar or an unplugged cord), drawn once as it comes into view, with a title, one sentence and one action.
File changesfile-changesThe files an agent changed, one 32px row each: what happened to the file, its folder muted and cut from the start so the name stays whole, and lines added and removed. A totals line, selection that follows the arrow keys, loading and empty states, and a chip for naming a file inline. (UI Polish Pro: needs a license key.)
File uploadfile-uploadDrop zone with a fixed-height file list. Each row fills with its upload progress, and the list scrolls inside its height, so the page never moves.
Inline editinline-editText that becomes an input where it stands, in the same font and the same place, so not a letter moves. Enter saves, Escape restores, and an error keeps you editing.
KbdA key or a shortcut as the reader’s keyboard labels it: ⌘K on Apple, Ctrl K elsewhere. Decided before the first paint, so the server and the browser agree and nothing moves.
ListRows of peers, static, links or buttons, each row one tab stop with nothing nested inside it. Secondary actions show on hover or focus without moving anything, and every row keeps its height in every state.
MarkdownRenders a model's markdown reply while it streams: no flash of raw asterisks, backticks or half-typed tables, code fences open as live code blocks, and HTML in the reply shows as text.
Merge statusmerge-statusA pull request in one line: its number linking out, where it stands (draft, checks running, a check failed, conflicts, ready, merged) in its status color, and the move it's waiting for: a Merge button in the success color once it's ready, busy until the merge lands. (UI Polish Pro: needs a license key.)
Message threadmessage-threadChat transcript that fades in only the newly streamed words. It stays pinned to the bottom until you scroll up and announces each reply once it ends.
Model pickermodel-pickerCompact trigger that resizes to fit the current model’s name. It opens a list of models with one-line descriptions and a drawn check on the selection.
Nav railnav-railA compact app rail of icon items. One tooltip glides from item to item, easing to each label’s width with the shortcut beside it, and a raised capsule glides to the current page.
Number inputnumber-inputSpinbutton whose − and + buttons speed up while held. A typed value outside min or max is pulled into range, with a note that says so.
PaginationPage numbers in a fixed number of slots, so the control never changes width as you page. Numbers slide under one moving pill, and Next stays focusable at the end.
Phone inputphone-inputPhone field with a country picker. The number groups as you type without moving the caret, a pasted +44 number picks its country, and the form gets E.164.
PipelineA multi-stage run (a deploy, an import, a sync) as a row of nodes whose connectors fill as each stage finishes, over the live output of the stage you’re looking at. A failure stops where it happened, says why, and offers Retry. (UI Polish Pro: needs a license key.)
Plan approvalplan-approvalThe moment an agent proposes a multi-step plan and the person reviews it before anything runs. Approve or skip each step from the keyboard, then watch the steps check in as the plan runs. (UI Polish Pro: needs a license key.)
PopoverClick-triggered panel anchored to its trigger. It moves focus into forms, leaves it on the trigger for explanations, and returns it on close.
ProgressLinear progress whose fill moves on a spring. The indeterminate state sweeps a band of light through the track, and a segmented variant shows named steps.
Prompt inputprompt-inputChat composer that grows with its text and sends on Enter, never mid-IME. Send turns into Stop while a reply streams, and dropped files become chips.
Radio groupradio-groupBase UI radios in a fieldset, as a list or as cards. The mark opens from its center, arrow keys choose, and the whole group takes one tab stop.
ReasoningThe thinking block of an AI reply: the current step as a label that rises to each new one, a live timer and a short window of reasoning. It folds to “Thought for 8s” when the answer starts. (UI Polish Pro: needs a license key.)
Research progressresearch-progressThe live view of an agent researching the web, as one quiet line: “Reading 4 of 9 sources”, a few of the sites’ marks and the elapsed time. Open it for the searches and every source, each with its status, and the reason any couldn’t be read. (UI Polish Pro: needs a license key.)
Response actionsresponse-actionsThe row under an assistant reply: copy, thumbs up and down, and retry. A thumbs down can open a “What went wrong?” field in place.
Scroll areascroll-areaScroll container whose edges fade with a mask only where more content remains. It works on any background and scrolls by keyboard.
Search fieldsearch-fieldSearch input whose clear button fades in over room it already holds, so the text never moves. Escape clears, then leaves, and the magnifier breathes while results load.
Segmented controlsegmented-controlBase UI radio group with the Tabs' look: a clear hairline track and one flat pill that glides to the checked option. Arrow keys and form values come with the group.
SelectSelect-only combobox whose trigger fits the chosen label and morphs to the next one. Touch screens get the native picker instead.
SidebarThe app sidebar for an AI product: a workspace switcher, items with counts and shortcuts, folding sections, a recent chats list with rename, pin and delete, and an account menu. Collapses to an icon rail with one gliding tooltip, and becomes a drawer on phones.
SkeletonPlaceholders shaped like the content on its way, with text lines exactly as tall as the text, so the swap moves nothing. One element per bone; one soft diagonal sheen crosses every skeleton on the page together, and nothing shows for loads under 300ms.
SliderA label row with a steady-width value over a sunken track, an accent range and a raised capsule thumb that glides to place. Base UI's slider underneath handles pointer, keyboard and touch.
SourcesNumbered citation markers for AI answers, each with a preview card on hover, focus or tap. Markers and the source list highlight each other. (UI Polish Pro: needs a license key.)
StatA figure with its label and a change stated by both an arrow and words. The hint always takes two lines, so tiles in a row stay level.
SwitchBase UI switch with role="switch": the segmented control in miniature, a sunken track with a raised pill that glides across. Two sizes on the control scale and a busy state for saves.
TabsTabs built on Base UI, with a pill that stretches from one tab to the next. Optional URL sync supports back and forward, and panels crossfade in place.
Text fieldtext-fieldLabeled input that validates when you leave it and clears the error as soon as the value is fixed. The error takes the hint’s line, so nothing shifts.
Theme toggletheme-toggleIcon capsule that switches light and dark: one drawing where the sun's disc grows into a crescent as a second circle slides over it. Stores the choice, follows the system until there is one, and paints the right theme before the first frame.
ToastImperative toasts in a collapsed stack that fans out on hover. Timers pause while you read, and a flick swipes a toast away.
Tool approvaltool-approvalThe card an agent shows when a tool call needs your OK. Says what will happen in words, weighs sends, deletes and payments, and settles into one line once you answer. (UI Polish Pro: needs a license key.)
Tool stepstool-stepsAn agent’s actions as a quiet timeline. Each step opens to its raw input and output, and the list folds to “Ran 5 steps in 12s” when the run ends. (UI Polish Pro: needs a license key.)
TooltipShort hint that opens after a pause, then instantly as you move between triggers. Keyboard focus opens it at once.
Turn summaryturn-summaryThe work behind an agent's answer, folded to one quiet line, “17 tool calls, 3 messages”, that opens to its notes and tool calls; and the footer under the answer, with the files it changed and their diff stats, how long it took, Copy and More. (UI Polish Pro: needs a license key.)
Usage meterusage-meterHow much of an agent’s context window or spending budget is used, as a ring and a percentage in the composer toolbar. Opens to a breakdown, warns before the limit and offers to compact.
Voice inputvoice-inputMic button whose circle opens into a recording bar with a scrolling waveform, a timer and Stop. A blocked mic gets a plain explanation. (UI Polish Pro: needs a license key.)