[sybohy]

The compact two-line layout was selected. Its unchanged baseline and two further status/pill treatments continue in PR #754 / DEVDB-469. The original preview remains available for reference.

Open the compact comparison

Direct previews: 1 · Chips · 2 · Columns · 3 · Stacked. Switch with the bottom picker or keys 1–3; R resets open rows. Brand and dark-mode controls are at the top.

Supported Devices needs shorter rows while keeping supported features visible. This draft adds three interactive renderers inspired by the original DeviceDB image tiles, neutral surfaces, green/amber status colors, hover treatment, and restrained dividers: Chips, Columns, and Stacked.

The collapsed summaries show capability icons and one labeled Requirements control. Expanding a row shows source-backed setup requirements mapped to their affected capabilities, plus available model numbers and integration details. Standard desktop summaries measure 89px tall. The preview includes Nuki, August, and KeyInCode, search, capability filtering, light/dark themes, and keyboard switching at /examples/supported-devices-prototypes.

Validation: typecheck, repository lint, and example build pass. Browser checks exercised three renderers, current provider-scoped Ecosystem data, source requirement recovery, independent pointer/keyboard disclosures, model numbers, mixed conditional/unconditional capabilities, search/filter/reset, reload persistence, reduced motion, and 1200/760/390/320px layouts. No console errors or page-level overflow; API responses were 200 or normal 304 revalidation. Physical phone and screen-reader review remain follow-ups for the selected production design.

This is an isolated design preview pending selection. Production components and docs are unchanged.

Design review: https://linear.app/seam/issue/DEVDB-466
Tracking: https://linear.app/seam/issue/DEVDB-468

Hosted verification also passes for this deployment; all CI checks are green.