About this block

Usage Breakdown Bill is the line by line current charges panel for the Jun 1 to Jul 1 billing period. Four ruled rows explain every number: Team plan base at $96 covering 1M API calls and 50 GB storage, 9 seats at $12 each totalling $108, API overage 80,000 calls over the included million at $0.10 per 1,000 adding $8, and storage at $0.00 because 41 of 50 GB stays under the cap. A totals row sums the period to $212. The muted footer runs the projection: at this pace, Jul 1 lands near $214, a linear projection of metered lines at the current daily rate, updated daily, fixed lines already exact.

Lines are one array with an item, detail, amount, and a zero flag that mutes the amount when nothing is owed. The detail string carries the math so the number is never a bare assertion.

When to use

Reach for this block on the billing page for any workspace on a usage-based plan, wired to your billing period charges API and your linear projection endpoint.

A natural flow around it on an Application Pro page:

Before

• Current plan usage

After

• Invoice history table

What you can display

One strong use is the mixed flat plus metered charge summary. Other charge layouts:

• Pure seat billing. Two rows only, base and seats, projection collapsed or removed.
• Compute platform. Rows for GPU hours, egress, and storage; all metered, no flat base.
• End of period summary. The same shape with the running total promoted to the invoice amount, period closed.

Tip: show $0.00 for unused meters rather than hiding the row; absence confirms the cap was not hit.