Plan Cells Rate Limit Dashboard Changelog Block for React

Edit PLANS at the top of the file: each has a name, the new limit, the old limit was, the requests so far this hour (current) and in the busiest hour (peak, with when it began as peakAt). ELAPSED is how many minutes into the hour the readings are. Every share, remainder, rise and pace, and the plan named in the title, is computed from those numbers.

Requests so far divided by the minutes elapsed gives a rate; the requests remaining divided by that rate is the minutes until the limit runs out. If that is fewer than the minutes left in the hour the cell says "Runs out in N min", otherwise "Lasts to the reset". It is a straight-line estimate from example numbers, not a forecast.

No. The bar is a foreground fill with a tick at 80%, labelled "80%", and the badge uses an icon and words ("Past 80%", "Under 80%"). The bar has an accessible name that states the plan, the share and the limit.

It switches all three cells at once between the current hour and the peak hour today, rolling the used count to its new value (the digits change in place with reduced motion). A polite line says which view is showing. The cells keep the same height in both views.

Below lg the three cells become a row that scrolls sideways and snaps, each taking most of the width; the row is a focusable, labelled scroll region so the keyboard can reach it. From lg the three sit side by side.