Changes

Agent harness · src/components/Changes/Changes.tsx

What an agent changed, before and after, with a way to undo it.

"Was" and "Now" on every changed item. A list of new values alone cannot be checked: the reader has no way to know what was there, which is exactly what they need in order to accept or reject.

Reject is labelled "Put it back" by default rather than "Cancel" - it undoes something that has already happened, and Cancel would suggest nothing has.

The kind is inferred from which sides are present, so a caller cannot label an addition as a change.

Import

import { Changes } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
items	ChangeItem[]
title	React.ReactNode
summary	React.ReactNode
acceptLabel	React.ReactNode
rejectLabel	React.ReactNode
className	string
onAccept	() => void
onReject	() => void

Exported types

ChangeItem