14 / Production parity
One owner for every pattern
A live coverage matrix connects component owners, tokens, routes, states, themes and responsive evidence.
12 / 12 complete
Production coverage matrix
Filter by ownership status and coverage. Every row names the real owner instead of treating this reference as a second implementation.
Status
Coverage
| Component | Owner | Route | States | Themes | Responsive | Status | Verified |
|---|---|---|---|---|---|---|---|
| Button / commandcomplete | globals.css + system-polish.css | Controls | 7 / 7 | Light / Dark | 320–1440 | production | v0.6.9 |
| ThemeTogglecomplete | theme-toggle.tsx | Shell & navigation | 6 / 6 | System / Light / Dark | Top safe area | production | v0.6.9 |
| TopEscapecomplete | top-escape.tsx | Shell & navigation | 4 / 4 | Light / Dark | Icon / labelled | production | v0.6.9 |
| Matcher + filterscomplete | catalog-explorer.tsx | Controls | 6 / 6 | Light / Dark | Desktop / stacked | production | v0.6.9 |
| Catalog pet cardcomplete | catalog-pet-card.tsx | Surfaces | 7 / 7 | Light / Dark | Grid / single | production | v0.6.9 |
| Data displaycomplete | pet-display.ts | Data display | 5 / 5 | Light / Dark | Card / inspector | production | v0.6.9 |
| Toastcomplete | toast-surface.tsx | Feedback | 8 / 8 | Light / Dark | 44px target | production | v0.6.9 |
| Install dialogcomplete | pet-install-dialog.tsx | Feedback | 6 / 6 | Light / Dark | Panel / sheet | production | v0.6.9 |
| Companion Traycomplete | companion-tray.tsx | Shell & navigation | 9 / 9 | Light / Dark | Desktop / mobile dock | production | v0.6.9 |
| Product Footercomplete | product-footer.tsx | Shell & navigation | 3 / 3 | Light / Dark | 3 / 2 / 1 column | production | v0.6.9 |
| Egg skeletoncomplete | visual-system/loading-egg.png | Feedback | 4 / 4 | Light / Dark | Documented proposal | proposed | v0.6.9 |
| Smart Search glyphcomplete | catalog-explorer.tsx | Iconography | 4 / 4 | currentColor | 16 / 20px | exception | v0.6.9 |
Closed parity additions
The three previous gaps now have deterministic specimens or an explicit proposed rollout contract; none silently changes production behavior.
The Surfaces route now preserves decision data and names one local recovery action for both states.
The Shell route separates a locally scrolling saved list from the persistent header and footer controls.
Performance, reduced motion, loading copy and failure fallback must pass before the proposal can replace a production skeleton.
Parity definition of done
| Evidence | Required | Recorded in |
|---|---|---|
| Owner source | Component and token path | Matrix row |
| State set | Default, hover, focus, active, disabled and async where relevant | Interactive route |
| Theme | Light and Dark; System where global | Browser QA |
| Responsive | 320, 390, 768 and 1440 | Stress lab + screenshots |
| Accessibility | Name, target, keyboard, focus and live-region contract | Contracts route |
| Version | Last verified Visual System release | Versions + matrix |