Failed Build Pipeline Error Block for React

Re-run only queues in the page and says so: nothing is built, and the logs are typed sample lines in the file. Copy build id really writes the id to the clipboard. To wire it for real, replace the STAGES array with your pipeline's stages and log lines, send Re-run to your CI's API, and point Open full log at your log page.

Each stage's tab says its state in a shape and a word: a check and Done, a cross and Failed, a dash and Skipped. The failed stage's cross is the one status color on the page, and its tab is the one open on load. In the log, the failing lines have a heavy edge at their start and a failed label.

Tab reaches Re-run, Copy build id, the stage tabs, the log (it is a scroll region with a tab stop and a name), Common fixes, Undo and the log link, in that order. The arrow keys move along the stage tabs. The window never changes height: only the log scrolls, sideways for a long line and up and down for a long stage.

Because nothing in a window may move when you press something. The three fixes are a disclosure button with an expanded state, and their panel is drawn over the foot of the log, so the log lines and the foot stay where they are. Press the button again to close it.

Yes. After Re-run the button reads Queued and the status says nothing ran; Undo is always there, quiet until a run is queued, and takes it back. Pressing a queued button again just says it is already queued.

The button shortens to Re-run (its name stays Re-run from Typecheck), the stage tabs scroll sideways inside their row with the next one showing, and Open full log becomes an icon with the same name. The log scrolls inside itself, so the window keeps its height at 320 px.