Composed
Diff table
Current value against a suggested one, accepted or ignored field by field.
FieldCurrentAgent suggests
Domain
resend.io
resend.com
Contract value
$18,000 / year
$25,000 / year
Buying intent
Not set
Very high intent
Installation
npx shadcn@latest add https://ui.whoisroktim.lol/r/diff-table.jsonNo green wash
An earlier version tinted every changed row green. When every row has changed, tinting them all highlights nothing — it just makes the table loud. The change is marked with a dot on the field label instead, and green stays reserved for the accept action.
Was strikes the old value, Now renders the new one, and Unset is the
explicit empty state — better than a blank cell, which reads as a rendering bug.
| Prop | Type | Default | Description |
|---|---|---|---|
| field | string | — | The attribute being changed. |
| current / suggested | ReactNode | — | Usually <Was> and <Now>. |
| decision | "pending" | "accepted" | "ignored" | "pending" | Per-field, so a batch can be partly accepted. |