Activity

ActivityFeed from packages/ui — the one audit feed all three dashboards render: the customer's company-security log and the bank's settings log as tables, and an admin detail panel's history as a compact list. Each dashboard passes only its per-type renderers.

Customer · company security

  • ActivityFeed

Ten event types with icons and object links, a CFX staff actor (the eye marks it; the tooltip and sr-only text say why), a departed member who keeps their name, and sources from full to IP-only. Page 1 of 5, so Previous is disabled and Next is a link.

layout=table, showSource

Company security activity
Date & timeEvent
Sep 10, 2026, 2:56:00 PM
Sent an ACH payment
Ada Lovelace · ada.lovelace@acme.co
Chrome (Mac OS)United States203.0.113.24
Sep 10, 2026, 2:22:00 PM
Team member invited
Grace Hopper · grace.hopper@acme.co
katherine.johnson@acme.co (Member)
Edge (Windows)United Kingdom198.51.100.7
Sep 10, 2026, 1:25:00 PM
Removed an API key
Radia Perlman · radia@cfx.to
2001:db8:85a3::8a2e:370:7334
Sep 10, 2026, 12:00:00 PM
Removed an allowed origin
Ada Lovelace · ada.lovelace@acme.co
https://app.acme.co
Chrome (Mac OS)United States203.0.113.24
Sep 9, 2026, 1:00:00 PM
Created an account
Edsger Dijkstra · edsger.dijkstra@acme.co · No longer a member
Edge (Windows)United Kingdom198.51.100.7
Sep 9, 2026, 12:00:00 PM
Created a US wire payment recipient
Grace Hopper · grace.hopper@acme.co
Edge (Windows)United Kingdom198.51.100.7
Sep 7, 2026, 3:00:00 PM
Added an attachment to a transaction
alan.turing@acme.co
Sep 6, 2026, 3:00:00 PM
Accepted terms
Ada Lovelace · ada.lovelace@acme.co
Chrome (Mac OS)United States203.0.113.24
Sep 1, 2026, 3:00:00 PM
Team member removed from workspace
Radia Perlman · radia@cfx.to
2001:db8:85a3::8a2e:370:7334
Aug 29, 2026, 3:00:00 PM
Logged in
Edsger Dijkstra · edsger.dijkstra@acme.co · No longer a member
Chrome (Mac OS)United States203.0.113.24
Page 1 of 5

Bank · settings

The bank's user.* and workspace.* events, with what each acted on in the object column. The last page of two: Next is disabled and the readout counts from 9.

layout=table, page 2 of 2

Bank settings activity
Date & timeEvent
Sep 10, 2026, 2:48:00 PM
Workspace logo updated
Grace Hopper · grace.hopper@acme.co
Dark theme logo
Chrome (Mac OS)United States203.0.113.24
Sep 10, 2026, 2:46:00 PM
Workspace renamed
Grace Hopper · grace.hopper@acme.co
Dart Bank
Chrome (Mac OS)United States203.0.113.24
Sep 10, 2026, 11:00:00 AM
Team member role changed
Ada Lovelace · ada.lovelace@acme.co
Admin
Edge (Windows)United Kingdom198.51.100.7
Sep 10, 2026, 10:00:00 AM
Team member invited
Ada Lovelace · ada.lovelace@acme.co
barbara.liskov@dartbank.com (Operator)
Edge (Windows)United Kingdom198.51.100.7
Sep 10, 2026, 9:57:00 AM
Team invite revoked
Ada Lovelace · ada.lovelace@acme.co
donald.knuth@dartbank.com
Edge (Windows)United Kingdom198.51.100.7
Sep 8, 2026, 3:00:00 PM
Team member disabled
Radia Perlman · radia@cfx.to
2001:db8:85a3::8a2e:370:7334
Sep 8, 2026, 2:20:00 PM
Signed out of every session
alan.turing@acme.co
Sep 7, 2026, 3:00:00 PM
Logged in
alan.turing@acme.co
Chrome (Mac OS)United States203.0.113.24
Page 2 of 2

Admin · detail panel history

The compact list a side panel holds, at a side panel's width. Decisions read as their outcome; a payload hides behind Show details, and a row with none (the delete) offers no toggle.

layout=list, renderDetails

  1. Declined · Document fraud
    Sep 10, 2026, 2:53:00 PM
    Claude Shannon · claude.shannon@cfx.to
  2. Updated
    Sep 10, 2026, 12:00:00 PM
    margaret.hamilton@cfx.to
  3. Decision not sent to AiPrise
    Sep 10, 2026, 11:59:00 AM
    Claude Shannon · claude.shannon@cfx.to
  4. Deleted
    Sep 5, 2026, 3:00:00 PM
    Claude Shannon · claude.shannon@cfx.to

Loading

Skeleton rows in the columns the loaded table will have, so the layout does not jump; the load is announced from a status region.

layout=table, isLoading

Activity, loading
Date & timeEvent

layout=list, isLoading

Empty states

Three different facts, told apart rather than collapsed into one line. Only the filtered miss has a way out of itself.

No activity yet

Activity, none yet
Date & timeEvent
No activity yet.

Nothing filtered, so there is nothing to clear.

Filtered to nothing

Activity, filtered to nothing
Date & timeEvent
No activity matches these filters.Clear filters

A filter that matched nothing, with the link back to the unfiltered log.

Page past the end

Activity, page past the end
Date & timeEvent
No activity on this page.

A bookmarked ?page=4 against a log that has since been filtered down. Previous stays reachable; clearing the filter is not offered, since the filter is not what emptied this page.

Failure

The entries are replaced by the error, announced as an alert. A retry is offered only where the feed can call one.

layout=list, error + retry

Try again loads for 800ms, then lands on the entries.

layout=table, error without retry

Activity, failed to load
Date & timeEvent

Narrow containers

Columns drop with the container, not the viewport: Source first, then Object, then Team member, each folding under the event rather than being lost.

720px — Source folded

Activity at 720px
Date & timeEvent
Sep 10, 2026, 2:56:00 PM
Sent an ACH payment
Ada Lovelace · ada.lovelace@acme.co
Chrome (Mac OS)United States203.0.113.24
Sep 10, 2026, 2:22:00 PM
Team member invited
Grace Hopper · grace.hopper@acme.co
katherine.johnson@acme.co (Member)
Edge (Windows)United Kingdom198.51.100.7
Sep 10, 2026, 1:25:00 PM
Removed an API key
Radia Perlman · radia@cfx.to
2001:db8:85a3::8a2e:370:7334
Sep 10, 2026, 12:00:00 PM
Removed an allowed origin
Ada Lovelace · ada.lovelace@acme.co
https://app.acme.co
Chrome (Mac OS)United States203.0.113.24

Past @2xl, short of @3xl: the object keeps its column, the source moves under the event.

320px — both folded

Activity at 320px
Date & timeEvent
Sep 10, 2026, 2:56:00 PM
Sent an ACH payment
Ada Lovelace · ada.lovelace@acme.co
Chrome (Mac OS)United States203.0.113.24
Sep 10, 2026, 2:22:00 PM
Team member invited
Grace Hopper · grace.hopper@acme.co
katherine.johnson@acme.co (Member)
Edge (Windows)United Kingdom198.51.100.7
Sep 10, 2026, 1:25:00 PM
Removed an API key
Radia Perlman · radia@cfx.to
2001:db8:85a3::8a2e:370:7334
Sep 10, 2026, 12:00:00 PM
Removed an allowed origin
Ada Lovelace · ada.lovelace@acme.co
https://app.acme.co
Chrome (Mac OS)United States203.0.113.24

Two columns left: the member folds under the event with the object and source, and the date wraps over two lines. Nothing scrolls sideways.