Repository navigation
feat: ship compact supported devices with capability checks (DEVDB-478) - #761
Merged
Merged
Conversation
This was referenced Oct 30, 2026
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Supported Devices still renders the old expanded badge layout on production brand guides. Promote the approved checks design into the reusable React component: compact image/name rows, green checks and amber information icons, requirement summary pills, and manufacturer/provider logos.
Expanded rows show compact model/hardware facts, color-photo previews, distinct provider panels, and three columns for capability, support, and requirements. Compatible accessories are loaded once per catalog and linked beneath their requirements. Unsupported providers sort last with a Request Integration link. Capability filtering now supports multiple checkbox selections (all selected capabilities must match).
Preserve the existing public props, embed-key exclusions, provider-scoped summaries, search, theming, pagination, and lightweight Ecosystem entrypoint. Coordinate the iframe's visible viewport with the shared docs snippet so photo dialogs remain visible in long catalogs. This promotes only the approved production renderer; prototype variants remain outside the library. DEVDB-477 source-data investigation remains deferred.
Validation: all 99 tests pass, plus format/ESLint/Stylelint, TypeScript, production builds, and bundle-size checks (Ecosystem 72.47 kB gzip, below the 80 kB budget). Chromium acceptance exercised the actual docs JSX embed with live Ecosystem responses for August, Nuki, KeyInCode, and Salto in light/dark mode at desktop, 390px, and 320px widths, including native disclosures, multi-select, gallery images, provider ordering, theme/navigation, resizing, and no runtime errors.
Docs rollout: https://github.com/seamapi/docs/pull/1570
Supersedes the production-promotion portion of draft design PR #755.
https://linear.app/seam/issue/DEVDB-478