Event log
A live event inspector: it subscribes to the realtime stream via useHandsetEvents and lists each envelope newest-first, filterable by type, with the raw payload expandable per row. The debugger your integration deserves, in one component.
4
Installation
npx shadcn@latest add @handset/event-logRequires <HandsetProvider realtime> so the browser is connected to the event stream; without it the log stays empty.
Usage
import { EventLog } from "@/components/handset/event-log";
<EventLog />Every event your webhooks receive also arrives here the moment it commits. Type the start of an event name into the filter (call., message.) to narrow the stream, and click a row to expand its raw data. Pass initialEvents to seed rows for a screenshot or demo.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| limit | number | 100 | Max events kept in the buffer. |
| initialEvents | RealtimeEnvelope[] | — | Seed rows; live events prepend above them. |
| className | string | — | Merged onto the root; give it a height to scroll. |