00 / Source of truth

Coverage matrix and release gates

Production-readiness coverage for the primitives stack, including what is reusable already, what still needs hardening, and what must be verified before rollout.

Production answer

Coverage matrix and release gates is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Coverage matrix and release gates states
Generative search brief

Coverage matrix and release gates: Production-readiness coverage for the primitives stack, including what is reusable already, what still needs hardening, and what must be verified before rollout.

09Production

Coverage matrix and release gates

This matrix turns the dashboard into an audit surface: every primitive family has a current source, a reusable target, and a production gate.

Primitive matrix

FamilyPrimitivesCurrent sourceGate
FoundationsColour, type, spacing, radius, elevation, material, motionglobals.css, mufflermen.css, dashboard tokensReadable with shaders off and reduced motion enabled
ActionsPrimary, secondary, chrome, ghost, icon, destructive, disabledglobal .btn classes, Base UI Button, and the ui-primitives button familyStable 44px targets, focus ring, hover, press, disabled states
FormsInput, textarea, field group, error, select, checkbox, radiosrc/components/ui plus parts lookup controlsLabels, descriptions, aria-invalid, keyboard operation
SelectionTabs, badges, filter chips, checked rows, segmented controlBadge, Tabs, current parts filters, dashboard samplesSelected state is visible without relying only on colour
SurfacesCard, panel, list, table, media stub, empty state.glass, .neumo, .seo-card, route-panel, CardCompact, non-nested, scannable, no text collision
NavigationLeft rail, top nav, breadcrumb, command bar, context railhomepage nav, SEO nav, dashboard railWorks as app shell and public-site navigation pattern
FeedbackDialog, sheet, alert, snackbar, progress, skeleton, disclosureDialog, Sheet, Accordion and dashboard-only samplesInteractive primitives are keyboard accessible and visible
Workshop UXQuote path, service card, parts card, job slot, fitment notehomepage, SEO pages, parts lookup, dashboard domain samplesReusable across service, parts, location, and quote surfaces

Release gates

Production standard
  • 01 No generic landing-page wrapper; the first screen is the primitives product surface.
  • 02 All current website primitive sources are named in the audit matrix.
  • 03 Base UI primitives and global Mufflermen CSS primitives are both represented.
  • 04 Domain-specific workshop primitives exist beside generic UI primitives.
  • 05 Responsive layout has desktop and mobile evidence, including no clipped headline text.
  • 06 Motion is decorative only, has reduced-motion CSS, and does not carry meaning.
  • 07 The route is noindex and can be inspected without changing customer-facing pages.
  • 08 Lint, TypeScript, build, and live route checks must pass before calling complete.