AI Commit Analyzer Changelog Block for React

It is a plain formula over typed numbers: points for each file touched, one point for every fifteen lines changed, and a bonus when a public API changes, capped at 100. The table, the meter, the risk word and the How it's scored popover all read the same constants at the top of the file, so changing one changes all of them.

In this demo the model's only job is to sort each commit into a category, and the block says so in a note under the table. The score is not a model's guess. Nothing here calls a model: the categories are typed example data.

The four shares are rounded by largest remainder: each category gets its whole per cent, and the leftover points go to the largest remainders. Four separately rounded numbers could add to 99 or 101.

The four cells under it give every category, its count and its share, so the bar would only repeat them. The segments also differ by weight and the lightest has an outline, so the bar reads in greyscale.

It is a Popover opened from an outline Button: it opens on click or Enter, closes on Escape or a click outside, and returns focus to the button. It is not modal, so the page behind stays reachable.

On a phone the risk word and the lines added and removed move under each message and the impact meter stays; the table also scrolls sideways in a focusable region. Hashes, scores and line counts keep their left-to-right order inside a right-to-left page.