checkout_v2 boolean

New checkout with saved payment methods. Owner: Jules Park.

Production Partial

25%

Roughly 46,000 of 184,000 monthly users

Staging Full

100%

Roughly 1,200 of 1,200 monthly users

Development Full

100%

Roughly 40 of 40 monthly users

Targeting rules

user.plan in ["scale", "enterprise"] then serve true
user.email endsWith "@northwind.dev" then serve true

Recent changes

JP

Jules raised production from 10% to 25% · 2 hours ago

MO

Mira added a targeting rule for internal accounts · yesterday

DK

Dana enabled the flag in staging · 3 days ago

">

The prompt

Build a feature flag management panel with Tailwind CSS. The header holds the flag name in monospace with a small "boolean" type pill, a muted description line, and a prominent switch on the right showing the flag on in production. Below, three environment rows in a bordered card: each has the environment name, a small state pill, a rollout percentage with a range slider, and a muted line giving how many users that represents. Then a targeting section listing two rules as bordered rows with a condition in monospace, a small "then serve true" clause and a delete cross, plus a dashed "Add a rule" row. Finish with an audit strip of three recent changes, each with an avatar, a sentence describing the change and a relative timestamp. Then add JavaScript that keeps each percentage label and its user estimate in sync with its slider, and flips the environment pill between off, partial and full.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .