Skip to content
Tattva

ActionLog

Stable

A lasting list of what an assistant did, with who approved it and a timed Undo.

Also known as audit log, activity log, history

Install with npm install @tattva/ui (setup), or copy the code from the kit in Downloads.

A morning of chores

5 actions: 3 done, 1 failed, 1 waiting

  • Moved 12 receipts to the Taxes folder

    Home helper10:42

    You approved
    Done

  • Sent the invoice to Dana

    Home helper10:40

    Allowed by a saved rule
    Done

    Can't be undone. The email was already sent.

  • Renamed 40 photos from the trip

    Photo helper10:31

    Automatic check approved
    DoneUndo time is over

  • Booked the hotel in Lisbon

    Travel helper10:12

    You approved
    Failed

  • Paid the electricity bill

    Home helper10:45

    Waiting

Try the filter, then press Undo on the first row. It becomes Undone and the summary updates.

UsageCodeDesignAccessibility

When to use it

A lasting record of what an assistant did, so people can check its work and undo it while there is still time. Each row says who acted, how it ended and who said yes.

Made of: Summary line · Filter by status · Row: action, who, time · Approved-by mark · Status badge · Undo button with time left, or 'Can't be undone' and the reason · Status text for screen readers

Use it for

  • A history of the actions an assistant took for the person.
  • Offering Undo for a limited time after an action.
  • Explaining in words why an action cannot be undone.

Not for

Do and avoid

2 actions: 1 done, 1 failed

  • Moved 12 invoices to Archive

    Invoice helper10:42

    You approved
    Done

  • Booked a table for two

    Trip helper10:30

    Allowed by a saved rule
    Failed

Do. Shows who acted, failures included, and how long Undo lasts.

1 action: 1 done

  • Sent the invoice email to Dana

    Invoice helper10:42

    You approved
    Done

Avoid. Undo on a sent email promises something that cannot happen.

Do

  • Show the time left on every Undo button.
  • Say why an action cannot be undone.
  • Keep the log after the session so people can check later.
  • Show who approved each action.
  • Keep undoMinutes up to date. The button shows the number you pass and does not count down by itself.

Avoid

  • Don't hide failed actions. Trust drops when failures are quiet.
  • Don't offer Undo after the time is over.
  • Don't promise Undo for things like sent emails.
  • Don't remove undone rows. Show them as Undone.

On a phone

  • Each row wraps: the action text takes the full width and the status badge and Undo button drop underneath when the row is narrow.
  • The filter control scrolls sideways inside its own box if its five options do not fit.
  • Undo and the filter options keep their size and have a 44px tap area on a touch screen.

Seen in products

  • Smashing Magazine's 'Action Audit and Undo' pattern: a readable log, a timeline, status indicators and time-limited undo windows that say what cannot be undone.
  • The same article names 'permanent loss of trust' after an irreversible error and suggests a reversion rate under 5%.
  • Amir Elion's pattern library lists 'silent irreversible action' as a failure, fixed by a preview and a time-limited undo.
  • Most products only undo code. Replit also saves data and environment, and Claude Code says shell commands are not covered.

Build your next AI screen with Tattva.

Free and open, with the code. Start in one line.

Get started