Security Patch Tracker Changelog Block for React

Edit ADVISORIES at the top of the file. An advisory is an id, a title, a level (Critical, High, Medium or Low), an affected range, the fixed version (empty while there is no fix), a stage (Patched, Mitigated or Open) and a date as an ISO day. The headline count, the patch rate, the filter counts and the rows are all computed from that list. The ids use a made-up PWSA- prefix so they can't be mistaken for real CVE numbers.

It is the advisories that are patched or mitigated, divided by all of them and rounded: five of six is 83%. The number counts up once when it scrolls into view and shows its final value at once with reduced motion. Change a stage in the data and the rate, the headline and the counts follow.

No. Severity is a glyph of four rising bars, filled up to the level, and its word beside it. The state is a shape and a word too. The only status colour in the block is the dot on the open critical advisory, and the word "Open" sits right beside it.

No. An unseen copy of every row sits in the same grid cell as the visible table, so the band keeps the height of the full list whichever state is chosen. A polite status line announces how many advisories are showing. Pressing the chosen item again does nothing, so the table is never empty.

Below lg the affected range is dropped; below sm the severity and the fixed version move under the title, so a row keeps its title, severity, fix and state without scrolling sideways at 320 pixels. In a right-to-left layout the table mirrors while ids, versions and counts keep their reading order, and the half-filled square flips with it.

Yes: a native table with a caption, column headers with scope, and the advisory's title as the row header. The sections are announced the same way on every library.