About this block

Seat Management Panel is the seat billing surface for a Team plan at $12 per seat per month. An occupancy meter tops the card, 19 of 20 seats in use, with a ruled breakdown of active members, pending invites, and available seats below it. A stepper adjusts purchased seats between the occupied floor and a 100 seat cap, and the panel refuses to drop below the seats that members and invites already hold.

Seat counts and the per seat price sit above the component as consts, and the next invoice preview recalculates live as the stepper moves, showing the new monthly total and whether the change is prorated now or credited at renewal.

When to use

Reach for this block on the billing or members settings page when your plan bills per seat. Wire the stepper to your subscription quantity and the Update seats button to your billing endpoint, then reflect the live seat count on load.

A natural flow around it on an Application Pro page:

Before

• Teams orgs

After

• Billing
• Plan picker cards

What you can display

One strong use is a per seat plan with a live invoice preview. Other seat panels:

• Annual seats. The same stepper with a yearly price and a prorated annual delta.
• Role tiers. Separate seat pools for admins and members, each with its own price line.
• Usage add-on. A seat count paired with a metered add-on stacked into one invoice preview.

Tip: block the stepper below the occupied floor so admins remove members before seats, not the reverse.