Activity Log
A feed of events grouped by day, each with an actor, a sentence, a time and details that expand in place.
Today
Yesterday
- svc-break-glassused break-glass access for 2 hourscritical
Usage
import { ActivityLog, type ActivityEntry } from "@zynactra/ui/activity-log"<ActivityLog entries={entries} />An entry is { id, at, actor?, summary, severity?, details? }. Pass entries newest first; they group under "Today", "Yesterday" and then dates. details expands in place (Collapsible); pass onSelect instead to open your own Sheet. Severity is info, notice, warning or critical, shown as a word in a badge; info is hidden by default (quietSeverity); rename the badges with severityLabels ({ warning: "High" }).
Guidelines
- Write the summary as a sentence that follows the actor: "granted Payroll admin to Kasun Silva".
- Use a Person for the actor and a Diff for the details.
- Keep
criticalfor what someone must look at (break-glass access, a revoked admin). - Page with "Load more" at the end, as in the server data table.