KQ-804 · REGRESSION/DIFF

Regression Diff

One row per test, two scores per row: previous and current draw as paired bars growing from the left on glide, and a current score that falls below the previous by more than the threshold turns its bar and delta danger red on a colour tween. When the last current score lands the list holds a beat and re-orders — regressions to the top, worst first — as a FLIP layout move on glide, so rows travel rather than blink. It is read, not driven: every row is a sentence, and the live region speaks the regression count once when the sort lands.

KQ-804 · REGRESSION/DIFF

Fernworks Model 3 · run 41 against run 40

0 of 8 scoredout of 100

Press run · 8 tests

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/regression-diff

Props

tests: RegressionTest[]; default —; The rows in their pre-sort order: id, name, before, and after once the current run has scored it.
max: number; default 100; The full-bar score.
threshold: number; default 0; How far current may fall below previous before it counts as a regression.
runLabels: [string, string]; default ["Previous", "Current"]; Names the two runs in the legend and the row sentences.
onSettle: (regressions: number) => void; default —; Fires from the beat's timer when the sorted order lands, with the regression count.
label: string; default —; Names the list for assistive technology.

Prop	Type	Default	Description
tests	RegressionTest[]	—	The rows in their pre-sort order: id, name, before, and after once the current run has scored it.
max	number	100	The full-bar score.
threshold	number	0	How far current may fall below previous before it counts as a regression.
runLabels	[string, string]	["Previous", "Current"]	Names the two runs in the legend and the row sentences.
onSettle	(regressions: number) => void	—	Fires from the beat's timer when the sorted order lands, with the regression count.
label	string	—	Names the list for assistive technology.