Sprint Summary Changelog Block for React

Edit ITERATIONS at the top of the file: an iteration has an id, a title, the span of days it ran and its entries, each with a kind, a title, its points and whether it is done. The velocity, the task counts, the completion rate, the column counts and the status line are all computed from the entries, so nothing is typed twice.

It is the points of the done entries divided by the points of all entries, rounded to a whole percent. The Progress bar, its screen-reader name and the large figure all use that one number. An entry that carried over counts toward the planned points but not the done ones.

It is a Select: Enter or Space opens it, the arrow keys move through the three iterations, Enter chooses one and Escape closes it with focus back on the trigger. On a phone it fills the width. A polite status line says what is now showing, with its points and tasks.

A filled square means done and an empty one means carried over, and a carried-over entry also says "Carried over" in words under its title. Screen readers hear "Done" or "Carried over" before each title, since the squares are decoration.

Every iteration's whole frame content is stacked unseen in the same grid cell as the live one, so the frame is as tall as the tallest iteration and never moves.

The header and the frame fade up once on load. With reduced motion that is off, and choosing an iteration swaps the content at once without any motion.