Coverage

Scope and readiness

The scope covers the web UI needed for platform development, plus the Base UI component list. The summary and inventory below show actual implementation and documentation readiness.

Available: has a shared implementation and a working example. Primitive only: re-exports the upstream primitive. Styling hasn't started. Planned: still needs a shared implementation or dedicated guide. Product deployment and full accessibility certification are reviewed separately.

Delivery waves

1. Wave 0 — Existing controls and overlays

   Move existing inputs, selection, confirmation, panels, and scrolling to their own pages. Pair each behavior with usage guidance.

2. Wave 1 — Daily product UI

   Refine composition and interaction for Field, Checkbox, Radio, Switch, Tabs, status, tables, empty states, and the sidebar.

3. Wave 2 — Rich interaction

   Extend searchable selection, numeric input, Toast, data tables, and run flows. Each component's own wave label takes precedence.

4. Wave 3 — Specialized UI

   Review dedicated behavior and library fit for dates, files, trees, charts, OTP, and command search.

Coverage inventory

Definition of ready

• Keep a working example and docs for usage, anti-patterns, states, API, and keyboard on the same page.
• Check light, dark, and system themes. Check enter motion, instant close, and reduced motion.
• Confirm labels, initial focus, focus movement and restoration, and error messages. Check 320px width, long Korean and English text, and zoom.
• Check submit, reset, and server errors in forms. Check portals, nesting, and outside clicks in overlays. Check loading, empty values, and partial failure in data UI.
• React builds on Base UI, with explicit library composition for specialized features. Astro docs prefer framework-independent CSS. Domain rules stay in the product.

Research and implementation boundaries

Base UI provides the accessibility and behavior primitives. Tables, status, the app shell, and document flows build on semantic HTML and shared styles. For dates, trees, charts, and similar features, confirm what Base UI provides before relying on it.

• Recharts — Tooltip and keyboard readout
• React Aria — DatePicker / DateRangePicker / TimeField
• Internationalized date — local time, IANA zones, and DST disambiguation
• WAI-ARIA APG — Tree view
• Headless Tree — declared hierarchy and virtualized rendering
• TanStack Virtual — windowed rendering
• Base UI 1.9 — behavior primitives
• Base UI — accessibility responsibilities
• Atlassian — enterprise UI coverage
• Carbon — components and patterns

Component list and packages reviewed as of 2026-10-17, with Base UI 1.9.0. The framework utilities CSP, Direction, mergeProps, and useRender don't count as separate interactive components.