[sybohy]

Brand-guide supported-device embeds currently fail because the legacy Strapi embed token rejects the docs origin. This adds a native React replacement to the existing Ecosystem-backed SupportedDevices component.

• Add provider scoping to queries, models, provider labels and capability badges. API provider filters alone still return other providers' capabilities.
• Show expandable conditional requirements and dependency reports, label beta support, and avoid claiming unavailable, planned, unknown or stale capabilities are supported.
• Host the production catalog at /examples/supported-devices/, using public Ecosystem reads without Strapi or an embed key. Accept manufacturer/provider/device type/capability/theme query parameters.
• Add content sizing and theme messages with exact origin/window checks and cleanup. Scope the embed CSP and frame permissions to this page; retain existing frame restrictions elsewhere.
• Reject invalid or truncated pagination instead of silently displaying a partial catalog.
• Explicitly include the existing elements declaration in tsconfig so the required lint check can parse it.

Validation: lint, typecheck, all 73 tests, library build, examples build, docs/Storybook build and bundle-size check pass locally. Ecosystem bundle: 66.48 kB gzip (80 kB budget). Browser checks passed against production Ecosystem data: August (7 locks), KeyInCode (13), Oracode (5) and First Alert (12). Verified mobile rendering, dark/light themes, iframe resizing, client navigation cleanup, wrong-origin message rejection, API outage/Retry recovery and Ring's empty state. Preview headers were verified for both canonical and trailing-slash URLs; other example pages retain SAMEORIGIN. The pre-existing parent August guide React #418 warning remains; the isolated embed renders correctly.

Rollout: merge/deploy this PR before docs #1478. No automatic merge.

Fixes DEVDB-459
Fixes DEVDB-460
Refs DEVDB-462

Project