API Versioning Dashboard Block for React

Edit CONSUMERS: a name, the ISO date of its last v1 call, its calls a day, the endpoints it still calls out of its total, and whether it has acknowledged. ANNOUNCED, SUNSET and AS_OF are the three dates, ALL_CALLS is traffic across every version, and BROWNOUT describes the test. The countdown, the conditions and every figure are worked out from those.

The first condition passes when every consumer that hasn't migrated last called v1 seven or more days ago. The second passes when every one that hasn't migrated has acknowledged. The third is the brownout test, which is typed as done. Each condition shows a check or a dash, its title and a sentence saying why, and the header of the gate counts how many are met.

It can be pressed, but while any condition is open it only answers in the status line how many remain. The button is marked unavailable to assistive technology instead of being removed from the tab order, so keyboard users hear the reason. Once the gate passes, it confirms in this page only; flipping a switch afterwards takes the confirmation back.

Everything: no consumer is migrated, notified or switched off. Notify consumers only logs how many it would reach. To make it real, read last-call dates and volumes from your gateway logs, record acknowledgements from your consumer contacts, and have Confirm sunset schedule the shutdown.

Each consumer is a two-line row with its switch at the end of the first line, the gate sits under the list, and the action foot stays pinned so Confirm sunset and its reason are always in reach.