# Audit row

One audit-log entry that expands to show the field diff (old struck, new highlighted) and the raw JSON with request id. Phone: cards.

- **Group:** Data display · **family:** `data-display` · **shadcn:** Collapsible
- **Build:** shadcn `Collapsible` (Radix).
- **In apps/admin today:** Not in apps/admin (Accordion exists).
- **Client component:** yes. 

## Content rules

- Action verbs: created, updated, published, retired.

## Do

- Show request id for support.

## Don't

- Hide who did it.

## Accessibility

- **Keyboard:** Enter toggles.
- **ARIA:** `<details>`/Collapsible with `aria-expanded`.
- **Focus:** Ring on the row header.

## Tokens

`--s-3` `--s-4` `--row-th` `--muted` `--border` `--w-semibold` `--text-micro` `--font-voice` `--font-stretch-title` `--muted-foreground` `--row` `--text-body` `--motion-hover` `--ring` `--accent` `--font-code` `--text-small` `--r-control` `--card` `--s-2` `--destructive` `--success` `--s-1` `--foreground` `--w-medium` `--r-card` `--control-h-m` `--r-chip`

## Files

`audit-row.html` live specimen · `audit-row.css` kit rules · `audit-row.d.ts` props · full page: `docs/components/audit-row/` (phone: `m/`).