Primitive 13 / Schema diff pane

Schema diff pane

A side-by-side schema diff. The header carries the two schema labels and a row of summary chips (added / removed / changed / unchanged). Each row appears on both sides so eye-tracking stays aligned. Rows tint to green / red / amber for added / removed / changed.

Production answer

Schema diff pane is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Schema diff pane states
Generative search brief

Schema diff pane: A side-by-side schema diff. The header carries the two schema labels and a row of summary chips (added / removed / changed / unchanged). Each row appears on both sides so eye-tracking stays aligned. Rows tint to green / red / amber for added / removed / changed.

Live primitive — production ↔ staging
Schema diffproductionstaging
+2 added1 removed~1 changed1 same
production
public.parts.warranty_months
(absent)
public.quotes.exhaust_kind
varchar(20) DEFAULT 'standard'
public.bookings.legacy_notes
text
public.invoices.id
bigint PRIMARY KEY
public.bookings_status_idx
(absent)
staging
public.parts.warranty_months
integer NOT NULL DEFAULT 12
public.quotes.exhaust_kind
varchar(40) DEFAULT 'cat-back'
public.bookings.legacy_notes
(absent)
public.invoices.id
bigint PRIMARY KEY
public.bookings_status_idx
btree (status)