API Usage Dashboard Block for React

Edit CONSUMERS and the periods. Each period has daily: calls made by each consumer on each elapsed day, the number of days in the month, a month and whether it is open. The bar, the chart, the shares, the projection and the header sentence are all worked out from those, and QUOTA is the plan's allowance.

For each consumer, the mean of its last seven days is held flat for every remaining day. A consumer with a cap stops adding calls once it reaches the cap. The projection sums them day by day and reports the first day the total reaches the quota, or says the quota holds to month end. The note under the chart says the same thing.

They change the projection and nothing else: set a cap on the Partner feed and the dashed line bends, the month-end figure for that row drops and the run-out day moves later. Save caps keeps them in this page and says so; nothing is enforced. Caps are typed as whole calls, and anything else is tidied when the field loses focus.

Everything: the daily totals are typed and no cap is stored or applied. To make it real, load the daily series from your metering, send saved caps to the gateway that enforces them, and decide whether a cap blocks, throttles or bills the consumer.

The bar and the chart come first, the consumers become two-line rows with the cap field under them, and the action foot stays pinned to the bottom of the screen.