Primitive 02 / Pane

Flag detail pane

Composed detail surface for a single flag. role='region' wrapper, header with title + key + description + env status badges, then a responsive auto-fit grid composing variants, rollout, targeting rules, kill switch, linked experiments and a recent-changes timeline. Wraps the smaller primitives directly so the same pieces work standalone or composed.

Production answer

Flag detail pane is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Flag detail pane states
Generative search brief

Flag detail pane: Composed detail surface for a single flag. role='region' wrapper, header with title + key + description + env status badges, then a responsive auto-fit grid composing variants, rollout, targeting rules, kill switch, linked experiments and a recent-changes timeline. Wraps the smaller primitives directly so the same pieces work standalone or composed.

Feature flag

Instant pricing on quotes

quote-instant-pricing

Recalculates the quote total on each line edit instead of waiting for save. Reduces booking-funnel drop-off when customers iterate on parts.

OwnerJess R · Booking
  • DevelopmentOn · 100%
  • StagingRamping · 50%
  • ProductionRamping · 25%

Variants

Variants
  • ControlSave-then-price.
  • Live previewRecalc on edit.
Total weight100%Sums to 100%

Rollout

Production rollout25%

←→Arrow keys ±1, Shift+Arrow ±10, Home/End jump

Targeting rules

Values
oak-flatswollongong-east
Values
service-advisor

Kill switch

Linked experiments

  • exp-pricing-uplift-v3Running
  • exp-bay-availability-pilotPaused
  • exp-mobile-launch-bannerConcluded

Recent changes

  1. Jess R · Product10 min ago

    Bumped Production from 5% → 25% after AUSTRAC review cleared.

  2. Marcus P · Engineering2 hr ago

    Added rule workspace IN (oak-flats, wollongong-east).

  3. Tom V · ComplianceYesterday

    Linked experiment exp-pricing-uplift-v3.