Code diff · 10

Diff stats bar

Horizontal stats bar — insertions / deletions visualised as proportional segments + total files chip.

Production answer

Diff stats bar is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Diff stats bar states
Generative search brief

Diff stats bar: Horizontal stats bar — insertions / deletions visualised as proportional segments + total files chip.

Three PR comparisons
+159-268
8 files changed
Insertions 159Deletions 268
+482-28
14 files changed
Insertions 482Deletions 28
+12-4
2 files changed
Insertions 12Deletions 4
Behaviour

The track is a two-column CSS grid sized by the insertion / deletion ratio, so the bar adapts smoothly. When deletions dominate (a cleanup PR) the red segment is wider; when it's a green-field add (the feature flag PR) it's mostly green.