System Administrator Runbook Profile Block for React Aria

Add an entry to RUNBOOKS: an id, a name and its steps. A step has an id, a title, the command and the minutes it takes. Keep each runbook to the same number of steps if you want the panel to keep one height when you switch. The count, the minutes to go and the bar are worked out from which step ids are ticked.

Yes. It writes the command for that step to the clipboard, and the status line says which step was copied; if the browser refuses it says so instead. Nothing runs the command: it is text. Each button names its step, so it is clear when you move down the list.

No. Ticking a step, switching runbooks and resetting only change what the page shows, and the ticks are lost on reload. The commands are written for invented hosts, and the line under the list says A drill: nothing is executed here. To wire it for real, post each tick to your runbook store and show who did the step and when.

The command stays on one line and its box scrolls sideways. The box is a labelled region that you can reach with the keyboard and scroll with the arrow keys, and the command is always left to right, also in a right-to-left layout.

The steps are an ordered list, every Done box is named for its step, the runbook menu is named, and the progress line is a polite live region present from the start. A finished step is struck through and also stays readable. On React Aria the menu is a Select with the same three items, and the bar takes its name from its label.

The admin's figures become a row of three above the runbook. Each step keeps its title, minutes and command box, with Copy at the end of the command, and the box scrolls sideways.