Changes made

What the agent changed in a conversation, in its context panel: each change as a row with a check, what was done and what it was done to. Built from the Records block’s rows; the Figma has no design for it yet.

Installation

import { ChangesMade } from "@o/pipeline/experimental/blocks/changes-made";

Usage

Pass the changes as items, in order, newest first in a chat. Each row shows its title, then its detail as secondary text, which truncates before the title does. The block is titled Changes made and counts its rows; title and icon replace those.

Give each change a link and the whole row opens it: a button that shows the message the change was made in, as the chat’s do, or a link to the changed record.

The block is open by default and collapses from its header; open, defaultOpen and onOpenChange control it, and the block stores nothing, so the app persists it.

Links

Empty

With no changes, the block is one row: its title and empty, “No changes yet.” by default.

See all

With seeAll, the block shows its first BLOCK_ROWS_SHOWN rows (4), as every block does, and with more, “See all” calls onSeeAll, where the app opens the full list in a drawer rather than expanding the block.