Deployment Rollback Notification Block for React

Edit DEPLOYS: one per environment with a label, a title (the commit message), branch, short hash, who pushed it (by), an ISO at time, how many of the four STEPS it has reached and a previous deploy to return to, or null when there is none. AS_OF is the page's fixed now in UTC. In your app pass what your platform reports and take the rollback target from its history.

Only this page changes: the environment's commit switches to the previous one, the badge says Rolled back and the status line says "Nothing was deployed in this demo." Undo puts the commit back. Each environment remembers its own state until you reload. In your app call your platform's rollback or promote endpoint from rollBack.

A rollback changes what customers see, so it confirms in an alert dialog that names the version: it cannot be closed by clicking outside, first focus is on Cancel ("Keep e4c81a7") and the action text is mixed toward the foreground so it stays readable in every theme. Escape closes it and returns focus to Roll back.

No. The facts of the three environments are stacked in one cell and the inactive ones are hidden and inert, and the action and its receipt share one cell too, so the frame keeps the height of the tallest.

The segment group is named by its heading, the steps are a list whose titles are hidden on a phone but still read, and the stage is also written as a badge. After confirming, focus moves to Undo; after Undo it returns to Roll back. A polite status line says each result. A Roll back that cannot run stays focusable and explains why.