Cloud/Settings/Billing
Billing
The paid-account surface of Settings: your current plan with its Active badge, the requests meter with its reset date, the Stripe portal hand-off and a cancel flow with a grace period instead of a cliff.
Billing is the second page of Settings, and it exists for one kind of account: paid. The section's own description is "Manage your subscription and payment methods." Free accounts never actually see it, the sidebar row stays inert and the console sends them straight to the upgrade screen instead, because a free account has no bill to manage.
Billing
Manage your subscription and payment methods.
Current Plan
Starter
Activerequests used
7,412 / 25,000
Resets Sep 25, 2026 · 12 days
The mockup is the paid surface. Run the full Cancel Subscription flow and watch the badge flip to the amber Cancelling... state with the grace period date.
Two cards, the whole surface
The page is a pair of stat cards, and together they are your entire subscription:
- Current Plan. The plan name in large type (Lite, Starter, Pro or Business) with a status badge beside it: an emerald Active, or an amber Cancelling... once a cancellation is in motion. Two actions sit under it: Manage Billing, which hands you off to the Stripe customer portal where payment methods and invoices live, and Cancel Subscription, which only appears while the subscription is active.
- Requests used. The month's consumption as a meter: used against limit, a bar that turns amber as you approach the limit and red when you are nearly out of requests, plus the reset line: "Resets" with the date and the day count, so you always know when the counter starts over.
Cancelling is a countdown, not a door slam
The Cancel Subscription dialog says exactly what happens: "You'll keep access until the end of your billing period", and "After your current billing period ends, your plan reverts to Free with reduced limits." Confirm, and the account enters its grace period: the badge flips to amber Cancelling..., the card shows the date your access runs until, and nothing is cut off before that date. Change your mind before then and the subscription continues; after it, the plan is Free again.
After checkout, verification before celebration
When you subscribe, Stripe Checkout returns to this page with a success flag before the payment webhook may have synced. The console does not trust the first read: it polls the subscription endpoint until the plan is actually active, then shows the emerald Subscription activated banner. It is the same deliberate pattern the console applies everywhere else: show the state that is true, not the state that is expected.
Why this page exists
Money and limits are the two things you want to see at a glance, and this page shows exactly those two: what you pay for and how much of it you have used. The plan catalog itself (Lite, Starter, Pro, Business, annual pricing) lives on the upgrade screen; this page is where a paying customer manages what they already have.
What comes next
The Settings sidebar continues with the Organization group (the Business-only surfaces for members, teams, roles and audit), then Seller and Affiliate, each getting its own page as it ships.