---
title: "Activity log page"
description: "Loam Studio's activity log: changes per day as a bar chart you can click, the day-grouped log with filters, and export."
plan: Pro
docs: https://ui.edbn.me/docs/templates/activity-log-page
---

# Activity log page

Loam Studio's activity log: changes per day as a bar chart you can click, the day-grouped log with filters, and export.

The same admin frame as the overview, under Settings, with Activity log in the breadcrumb. A bar chart through the Chart component counts changes per day for the last 14 days, following the person and type filters. A click on a bar, or Enter on the focused chart after the arrow keys, shows just that day; that bar stays dark and the rest fade, and choosing it again shows every day. Below it, the audit-log block adapted: date range, person and event-type filters, the note that history is kept for 90 days, and two months of changes grouped by day, with before → after values, the time and device in their own column, details that open per row, and Show more. Filters that match nothing say so with Clear filters. Export opens the export dialog for the changes shown, everything the filters match, or every change between two days, as CSV or CSV for Excel, with a choice of eleven columns.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/activity-log-page
```

## Dependencies
- npm: lucide-react@^1.33.0, recharts@^3.8.0, zod@^4.3.5
- edbn: edbn-base, avatar, breadcrumb, button, calendar, card, chart, checkbox, collapsible, dialog, dropdown-menu, empty, field, input-group, kbd, popover, select, separator, sheet, sidebar, text-link, tooltip, data-table, form-core, form-date-field, form-fields

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More dashboards templates

All 3, with install commands: https://ui.edbn.me/docs/templates/dashboards (Markdown: https://ui.edbn.me/docs/templates/dashboards.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt