Audit detail

Expanded content of an Item list row that records what changed: field grid before → after, batch items, sent e-mail, note. Fills the row block slot; actions come from the caller.

Owner decision 19 Oct 2026: sub-component of the Item list family (candidate README had asked detail-block vs own family). Source acrm !5275 (K3-2, merged), approved prototype proto/asistent-audit@60ff4f48f (18 Oct 2026). The arrow is not drawn for e-mail recipient and subject (the prototype drew a stray "— →"); the narrow-row title wrapping rule lives in the audit page stylesheet, not here. Not yet AD-approved: no approvedAt, shown as beta/candidate until stamped. AD review 21 Oct 2026: returned for 3 fixes before canon. (1) ds/audit-detail.css still carries page-only rules (.acrm-audit-page .il-row .il-t, .il-col .acrm-audit-actor); move them to the audit page stylesheet. (2) .acrm-audit-empty duplicates the DS EmptyState (RULES §27) and is reused as the load-more wrapper; use EmptyState and drop the class. (3) AuditItems draws before→after as a text glyph while AuditChanges uses Icon arrow-right; unify on the Icon. Minor: the 2px mail rule should use a line token. All four fixed in acrm !5378 (merged 21 Oct 2026; page rules in pages/asistent-audit.css, DS EmptyState, load-more in .tlx-more, batch arrow = Icon arrow-right, var(--line-thick)); checked on dev 21 Oct at 1440/390 (rows expand, actor column, 0 JS errors; no batch row or empty filter in dev data, so those two were checked by tests only). AD-approved as canon 21 Oct 2026.

Used in 1 file · 1 area · 1× — pages/AsistentAuditPage

Import

Not exported from @acrm/ui — <AuditDetail&gt;, &lt;AuditChanges&gt;, &lt;AuditItems&gt;, &lt;AuditMail> lives in the app (apps/web/src/components/assistant/audit/AuditDetail.tsx). Reuse the CSS classes below, or move the component into the package first.

Props

AuditDetail

No props extracted (not in props.json).

AuditChanges

No props extracted (not in props.json).

AuditItems

No props extracted (not in props.json).

AuditMail

No props extracted (not in props.json).

CSS classes

Files

• apps/web/src/components/assistant/audit/AuditDetail.tsx
• apps/web/src/ds/audit-detail.css
• apps/web/src/ds/audit-detail.css

Related