Feature flag + experimentation primitives
Visual primitives for the Mufflermen feature-flag console — built against real workshop releases (quote-instant-pricing, parts-3d-viewer, workshop-bay-availability-realtime, compliance-receipt-qr). Visual reference only — no real backend wired.
Feature flag + experimentation primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Feature flag + experimentation primitives: Visual primitives for the Mufflermen feature-flag console — built against real workshop releases (quote-instant-pricing, parts-3d-viewer, workshop-bay-availability-realtime, compliance-receipt-qr). Visual reference only — no real backend wired.
Flag card
Flag card with key, on/off toggle, tone-coded env chips (DEV / STG / PRD), variant chips and last-modified meta.
Flag detail pane
Full detail pane composing variants, targeting rules, rollout, change timeline, kill switch and linked experiments.
Rollout slider
0-100% slider with tone-shifting fill, snap points 0/25/50/75/100, full keyboard support and aria-valuenow.
Variant picker
A/B/C variant picker with weight inputs and a sum-must-100% indicator that flips tone when invalid.
Targeting rule row
Subject (user / workspace / role / geo / device) + operator + tag input value list with remove action.
Audience filter card
Audience card with name, member count, criteria chips and edit / duplicate / archive actions.
Environment tabs
Three-tab DEV / STG / PRD switcher with per-environment status dots and flag counts.
Flag search
Inline flag search with kbd hint, owner chip filter, status chip filter and archived toggle.
Kill switch button
Big destructive kill switch — red glow, two-step confirm with typed phrase input and aria-live alert.
Experiment results
Experiment results card — variant rows with conversion, uplift, p-value chip, winner badge and significance bar.
Dependency graph
SVG graph of dependent flags — parent → child edges with arrowheads and a cycle-detected warning chip.
Recent flag changes log
Audit log of flag changes — who / when / what / from-value → to-value. Powered by the shared DataTable.
Rollout canary bar
Canary progression 1% → 5% → 25% → 50% → 100% with reached / current step highlighting and ETA chip.
Feature gate preview
Mock preview — attributes in, resolved variant + reason out, plus a small 'you would see…' surface stub.
Full console
Composed console wiring EnvironmentTabs + FlagSearch + flag list + FlagDetailPane + RecentChanges + KillSwitch.