# Devtools Event Log

Corporate audit log.

- id: `devtools-event-log`
- Page: https://agentic-ui-kit.com/components/devtools-event-log
- Live preview: https://agentic-ui-kit.com/live/template/admin-kit/developers/events-&-logs?piece=devtools-event-log

## Install

```bash
agentic-ui add devtools-event-log
npx shadcn@4.17.0 add @agentic-ui/devtools-event-log
```

## Metadata

- **Level:** page
- **Category:** page
- **Template:** Kestrel Admin Kit
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** event-streaming, log-filtering, status-badging, payload-inspection, export-logs
- **Intents:** audit-trail, explore-detail, manage-collection
- **Suits domains:** devtools, operations, fintech, saas, billing
- **Interaction:** filter-by-status, search-by-request-id, inspect-payload, date-range-filter
- **Screen role:** management
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** Corporate audit log, Trace of distributed transactions and events
- **Avoid when:** Systems with no compliance requirements or audit history
- **Preserve when adapting:** audit-table-density, status-badging-system, payload-json-viewer
- **Replace when adapting:** event-schema, filter-facets, export-formats
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.5/10
- **Quality breakdown:** visual 10/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** card, badge, button, input, table, sheet, select
- **npm dependencies:** lucide-react
- **Used in:** Kestrel Admin Kit (template), AI App (blueprint), Internal Operations — public status variant (blueprint), Internal Operations (blueprint), SaaS Admin Starter (blueprint), SaaS Backoffice (blueprint), Support Desk (blueprint)
- **npm dependencies (registry):** @tabler/icons-react@^3.41.1, class-variance-authority@^0.7.1, date-fns@4.1.0, date-fns-tz@3.2.0, lucide-react@0.577.0, react-day-picker-v9@npm:react-day-picker@^9.14.0
- **Registry dependencies:** devtools-audit-log-table, devtools-log-toolbar, devtools-route-traffic-metrics, lib-admin-kit-utils, ui-accordion, ui-admin-kit-badge, ui-admin-kit-button, ui-admin-kit-card, ui-admin-kit-checkbox, ui-admin-kit-collapsible, ui-admin-kit-dialog, ui-admin-kit-input, ui-admin-kit-label, ui-admin-kit-popover, ui-admin-kit-progress, ui-admin-kit-scroll-area, ui-admin-kit-select, ui-admin-kit-separator, ui-admin-kit-tabs, ui-admin-kit-tooltip, ui-calendar, ui-table