Build Status Re-run Notification Block for React

Edit BUILDS: each has an id, a title (the commit message), a branch, a short hash, an ISO started time, a state of passed, failed, running or queued, took in seconds and, for a failed one, the last lines of its log as text. AS_OF is the page's fixed now in UTC, so "Yesterday" and the weekdays read the same for everyone. In your app pass the runs your CI returns and format the start time in the viewer's zone if you prefer.

Only this page changes. The build goes to Queued for a moment, then Running with a spinner, then Passed with a typed duration (RERUN_TOOK), and the status line says so, including "nothing is built". A build that is already queued or running answers that it is, and the button stays in place. A reload brings the five builds back. In your app call your CI's rebuild endpoint from rerun and take the states from its events.

They are typed text in BUILDS, shown in a read-only code window with line numbers; nothing is fetched or parsed. A build that passed since has no failure to show, so its log closes. In your app pass the last lines of the run's log as text.

Each build becomes a card: its name, a line with its branch, commit and start, the duration, then its status and Re-run side by side. The table is one set of elements that changes layout, so the keyboard order and names are the same.

Only the spinner of a running build, and it stops under reduced motion. The table has no timers of its own: the two steps of a re-run are single timeouts that start from your press and are cleared if you leave the page.

The table has a caption, column headers and row headers; the chevron says whether a log is open and names its build; Re-run names the commit it re-runs. Status is a word as well as a glyph, and one polite status line says each change.