Stabilization

Publishability board

Review every shipped component in one place, switch between design systems, leave thumbs-down notes where quality still breaks, and use the board as your personal publish gate.

Workflow

Use this as the owner signoff surface

  • Pick a system, scan every real preview, and mark it pass or needs work.
  • Leave a short note on every thumbs down so the issue is actionable later.
  • Use the per-card system chips to see whether a component is already clear in the other presets.
  • Copy the JSON export whenever you want a snapshot of the current review state.

Board

Component review matrix

System
Cobalt
Approved
0
Blocked
0
Pending
38
Needs note
0

Review the real shipped component previews in the current system, leave a thumbs-down plus note for anything that still needs work, and use the system chips on each card to keep track of cross-theme progress.

status

Badge

Open docs

Compact status label tuned for tone distinction, compressed layout, and readable emphasis shifts.

CobaltSageEmberLinen
Beta

status

Alert

Open docs

Inline system message with tone-aware surfaces, optional actions, and dismiss handling for in-flow messaging.

CobaltSageEmberLinen

Review required

Needs one more sign-off.

display

Card

Open docs

Structured content surface with predictable spacing rhythm, surface recipes, and low-drama display styling.

CobaltSageEmberLinen
Launch checklist
Ready for review.
3 tasks left

display

Avatar

Open docs

Image or initial fallback surface with size, shape, and ring visibility recipes.

CobaltSageEmberLinen
DK

display

DataChart

Open docs

Pure-SVG chart surface for line, bar, and area series with optional legend and lightweight point tooltips.

CobaltSageEmberLinen

Quarterly momentum

Compare work entering the pipeline with work actually shipping.

JanFebMarAprMay
Pipeline Shipped

collection

Accordion

Open docs

Data-driven disclosure list with contained open-panel layouts and reliable target sizing.

CobaltSageEmberLinen

Release notes and launch timing.

navigation

Breadcrumbs

Open docs

Fixed-chevron path navigation with current-item emphasis and wrap-aware spacing.

CobaltSageEmberLinen

navigation

SideNav

Open docs

Two-level application shell navigation with active-state emphasis, branch expansion, and a collapsed mode.

CobaltSageEmberLinen

navigation

Stepper

Open docs

Ordered progress and workflow navigation surface with current, complete, upcoming, and error step semantics.

CobaltSageEmberLinen

action

Button

Open docs

Primary action control with compiled variants, size recipes, loading behavior, and proof-backed interaction states.

CobaltSageEmberLinen

choice

Chip

Open docs

Compact filter-like token with selectable state and optional dismiss action.

CobaltSageEmberLinen

field

InlineEdit

Open docs

Display-first field that expands into focused editing for quick metadata changes without leaving the current layout.

CobaltSageEmberLinen

Rename the active project without leaving the overview.

field

Combobox

Open docs

Filterable field-and-list control for faster option discovery when scanning a full menu is too heavy.

CobaltSageEmberLinen

Filter by name or personality.

overlay

CommandPalette

Open docs

Centered search-and-action surface for fast command execution, grouped results, and optional mod+k invocation.

CobaltSageEmberLinen

Last action: new-file

field

DatePicker

Open docs

Single-date field and calendar surface with blocked dates, honest keyboard travel, and date-only values.

CobaltSageEmberLinen

field

RangeDatePicker

Open docs

Two-month date-range field with start/end selection, blocked-date handling, and popover calendar containment.

CobaltSageEmberLinen

Choose the rollout range.

display

EmptyState

Open docs

Structured blank-slate surface for onboarding, first-use, and no-result moments.

CobaltSageEmberLinen

No items yet

Create your first item to get started.

field

TextField

Open docs

Single-line field shell with DK field tokens, helper/error support, and leading/trailing slots.

CobaltSageEmberLinen
# ok

Use a short name the team can scan quickly.

field

Textarea

Open docs

Multiline field built on the same DK field contract as TextField, with containment checks for longer content.

CobaltSageEmberLinen

Share the launch highlights.

choice

Checkbox

Open docs

Binary or indeterminate choice control with native-input semantics and proof-backed sizing.

CobaltSageEmberLinen

choice

Switch

Open docs

Track/thumb toggle for clear on/off states with motion-gated proofs and touch-target guarantees.

CobaltSageEmberLinen

choice

RadioGroup

Open docs

Data-driven single-selection group with native radio semantics and predictable grouped layout.

CobaltSageEmberLinen
Digest cadence

choice

SegmentedControl

Open docs

Single-selection segmented control for tight mode switching and compact option clusters.

CobaltSageEmberLinen

navigation

Tabs

Open docs

Keyboard-navigable view switching with compiled triggers and tokenized panels.

CobaltSageEmberLinen

Overview content

collection

TreeView

Open docs

Single-select hierarchical collection with branch expansion, depth cues, and keyboard traversal.

CobaltSageEmberLinen

overlay

Dialog

Open docs

Modal overlay surface with focus containment, backdrop dismissal, and tokenized sizing.

CobaltSageEmberLinen

overlay

Drawer

Open docs

Edge-anchored dialog surface for contextual tasks, side sheets, and longer-form secondary workflows.

CobaltSageEmberLinen

overlay

Popover

Open docs

Anchored floating surface with deterministic placement and dismissal for contextual supporting content.

CobaltSageEmberLinen

collection

Menu

Open docs

Data-driven action list with highlight, selection, and overlay containment.

CobaltSageEmberLinen

navigation

Pagination

Open docs

Windowed page navigation with current-state emphasis, ellipsis logic, and 44px targets.

CobaltSageEmberLinen

field

FileUpload

Open docs

Styled upload field shell with file-list feedback and proof-backed trigger sizing.

CobaltSageEmberLinen

No files selected

Upload supporting files.

status

Progress

Open docs

Linear progress meter with tone-aware fill, readable labels, and restrained motion.

CobaltSageEmberLinen
Migration progress 68%

collection

Select

Open docs

Field-shell trigger and single-select listbox built on DK overlays and list navigation.

CobaltSageEmberLinen

Choose the deployment target.

display

Skeleton

Open docs

Loading placeholder blocks for text, cards, and avatar spaces with tokenized shimmer and restrained motion.

CobaltSageEmberLinen

collection

Table

Open docs

Product-grade data table with sorting, selection, sticky headers, and overflow-first responsiveness.

CobaltSageEmberLinen

Release schedule

Sort launches, keep the header pinned, and review people who still need handoff.

Release schedule— Sort launches, keep the header pinned, and review people who still need handoff.
ApolloNinaReadyApr 16
LinenMaraBlockedApr 22
ZephyrRafiQueuedApr 18

collection

DataGridLite

Open docs

Grid-semantics data surface with cell focus, pinned leading columns, and shared sorting/selection behavior with Table.

CobaltSageEmberLinen

Portfolio grid

Keyboard-navigable grid with pinned selection and active-cell focus.

Portfolio grid— Keyboard-navigable grid with pinned selection and active-cell focus.
Lumen$860kWatchRafi
Quartz$640kAt riskMara
Atlas$1.2MOn trackNina

overlay

Tooltip

Open docs

Non-interactive floating hint surface with anchored containment and restrained motion.

CobaltSageEmberLinen

status

Toast

Open docs

Data-driven feedback stack for transient notifications with placement, action, and dismissal behavior.

CobaltSageEmberLinen

Sync complete

All records are in sync.