# Event Catalog block

> Event Explorer - Analytics Dashboard with Chart Grid

Event catalog with health metrics grid and dense data table. Filtering, sorting, bulk owner reassignment, detail drawer. Built with DataGrid, Select, Checkbox, InputGroup, Button. Use for event audits, catalog management, and quality assessment.

- Type: Pro block
- Category: [Analytics](https://web.dev.reui.io/blocks/solutions/analytics.md)
- Page: https://web.dev.reui.io/blocks/solutions/analytics/solution-analytics-5
- MCP: `get_block("solution-analytics-5")`
- Built with: Alert Dialog, Avatar, Badge, Breadcrumb, Button, Card, Chart, Checkbox, Data Grid, Dropdown Menu, Input Group, Item, Label, Popover, Scroll Area, Select, Separator, Sheet, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

An event catalog with row selection, bulk owner and status updates, a detail sheet and archive confirm under 3 insight cards

## Agent notes

- The `EVENT_RECORDS` and `EVENT_OWNER_OPTIONS` arrays in data.tsx are the sample events and owners to replace
- Owner, archive and bulk edits only change local `events` state and Export CSV only toasts, so call your API in `handleAssignOwner` and the bulk handlers
- The `rowSelection` state starts with EVT-1842 and EVT-1845 selected, so the bulk bar shows on load; start it empty for no selection

## When not to use

- Records that only need paging and sorting, with no charts or bulk bar: use [Data Grid](https://web.dev.reui.io/components/data-grid.md) (`get_component("data-grid")`)
- A module tracker with progress rings, a sort menu and favorites: use [Module Tracker](https://web.dev.reui.io/blocks/application/dashboard/dashboard-2.md) (`get_block("dashboard-2")`)

## Third-party libraries

- Recharts v3: [API reference](https://recharts.github.io/en-US/api/), [docs](https://recharts.github.io/en-US/guide/getting-started/)
- TanStack Table v9: [API reference](https://tanstack.com/table/v9/docs/framework/react/reference/index), [docs](https://tanstack.com/table/v9/docs/framework/react/quick-start)
- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started)

## Install

```bash
npx shadcn@latest add @reui/solution-analytics-5
```

## About Analytics blocks

### When to use

- Product usage reports: overall health, feature adoption, activation funnel, cohort retention or an A/B test
- Analyst workspaces for an event catalog, weekly segment rule coverage or the detail page of one metric
- Alert rule settings for product metrics: thresholds, delivery per rule and channel, and quiet hours

### When not to use

- A team home for operations work such as fulfillment, staffing, calls or payouts: use the [Dashboard blocks](https://web.dev.reui.io/blocks/application/dashboard.md)
- A single trend card placed inside a page you already built: use the [Line Chart blocks](https://web.dev.reui.io/blocks/chart/line-chart.md)
- A plain table of your own records with sorting and filters and no report around it: use [Data Grid](https://web.dev.reui.io/components/data-grid.md) (`get_component("data-grid")`)

### Agent notes

- Every block sets a `min-h-svh` wrapper plus its own max width and padding in page.tsx or its root; remove them inside your app shell
- Filters and edits live in `useState` and reset on reload; no block requests or persists data, so connect each to your analytics backend

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.