fixtures/drift-demo

ds: components/ui · started 9/24/2026, 10:16:02 AM

completed

Files scanned: 16
Candidates: 18
Filtered pre-inference: 50
Triaged: 18
Drifts: 15

Drift map

no findings0% driftlowmixedmostly drift

page.tsx page.tsx dialog.tsx page.tsx table.tsx report-viewer.tsx card.tsx page.tsx button.tsx alert.tsx hero.tsx badge.tsx shell.tsx label.tsx input.tsx workspace-context.tsx

app/billing/page.tsx:32Badge90% confidencehigh risk

PASS

The element uses Badge’s base structural classes (inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold) but applies a violet background/text combination that isn’t one of Badge’s predefined variants, indicating a hand‑rolled variant that should be replaced with the Badge component. There’s no comment, feature flag, or marketing context suggesting an intentional deviation.

Original

<span className="inline-flex items-center rounded-full border border-transparent bg-violet-100 px-2.5 py-0.5 text-xs font-semibold text-violet-800">
              Annual
            </span>

Patched

<Badge className='inline-flex items-center rounded-full border border-transparent bg-violet-100 px-2.5 py-0.5 text-xs font-semibold text-violet-800' variant='outline'>Annual</Badge>

Can't be mapped cleanly:

bg-violet-100 text-violet-800