No Incidents Empty State Block for React

Nothing is logged. The 91 days are computed from one typed last day, the list of incidents is an empty typed array, and every count is derived from it, so "0 incidents in 60 days" is a count and not a sentence somebody typed. To wire it for real, fill INCIDENTS with your incidents' ISO dates and mark their cells; the same helpers will count them in each range.

It chooses how many of the last days count: the dots inside the range are filled in and the older ones are dimmed, never hidden, so the calendar keeps its shape. The line over the grid and the sentence under it follow ("0 incidents in 30 days", "...in 90 days"). The group always keeps one choice, and 60 days is the one it starts on.

The grid is drawn and hidden from assistive technology, because 91 dots would be 91 stops. The words are in the line over it and the caption under it, which names the first and last day and how many are filled in, and the drill marker is the only focusable part. It is a real button named "Drill on Wed 7 Oct. A drill marker, not an incident." with a tooltip that shows the same date on hover and focus.

It marks one typed day (two days before the last) with a diamond, says "A drill marker, not an incident." in the foot's polite status line and moves focus to the marker, so its tooltip shows. The drill does not change the incident count. Clear drill takes the marker away and returns focus to Run a drill; both stay in the tab order and say what is true when pressed too early.

Tab reaches the range, Run a drill, Clear drill and, once marked, the drill marker. Nothing is announced on load; the status line speaks only after you act.

The 13 columns narrow to fit the screen, the weekday names drop, the range fills the width, and the foot is pinned to the bottom of the screen while the panel is in view. The panel keeps its height whichever range is chosen, and nothing scrolls sideways, even at 320 px wide.