Components
Registry
Components
Everything the hosted Repost portal shows is published as a shadcn registry: delivery history, histograms, endpoint management, the dead-letter queue, the event catalog. Installing copies the source into your repo, where you restyle or rewrite it freely.
pnpm dlx shadcn@latest add @repost/webhook-dashboard
Register the @repost namespace once. See Installation.
Levels#
Components never fetch data: they take props. Blocks do the wiring in a file you own, calling @repost/portal-react hooks at the top and passing the results down.
| Level | You get | You write |
|---|---|---|
| Blocks | A working dashboard view per install, wired to live data. | A getToken callback. |
| Components | Presentational pieces you feed with props. | The data wiring, via the hooks. |
| Libraries | Typed hooks and a framework-agnostic client. | All of the UI. |
All Components#
- Delivery Attempts Panel: Displays a delivery's attempts as a compact timeline.
- Delivery Detail Drawer: A side sheet showing a delivery's status, attempt trail, and the request and response of each attempt.
- Delivery History Table: A virtualized table of delivery attempts with infinite scrollback and live streaming.
- DLQ Panel: Displays dead-lettered deliveries with a replay action.
- Endpoint Form: A form for creating and editing webhook endpoints, with validation for subscriptions and rate limits.
- Endpoints List: Displays webhook endpoints with status, dead-letter counts, and pause, resume, and secret actions.
- Event Catalog Browser: Displays published event types with sample payloads generated from their schemas.
- JSON Inspector: A read-only payload viewer with syntax highlighting, readable timestamps, and per-line copy.
- Timeline Histogram: Displays delivery volume over time, stacked by status, with a drag-to-select range scrubber.
- Virtual Data Table: A virtualized data table with infinite scroll, live-tail follow, and jump-to-latest.
- Webhook Metrics Cards: Displays delivery volume, success rate, and failures, each with a trend sparkline.
Looking for full pages instead? Browse the blocks, or see
Installation to set up the @repost registry.