About this block

Webhook Settings Panel is the workspace webhooks surface: three endpoint rows each showing the URL in monospace, event badges (invoice.paid, deploy.succeeded, project.updated), and last delivery status. Two endpoints are healthy; the third is failing with 503 since Jun 12, 14:02 and its detail row states the retry schedule plainly: hourly until Jun 15, 14:02, then the endpoint pauses and you get an email, deliveries queue in the meantime and nothing is dropped. Above the list a signing secret card shows the masked prefix whsec_9f4k with a reveal icon button and a Roll secret action.

Endpoints are one array with a failing flag that steers the status dot weight and text style. The retry schedule copy is treated as normal operations, not an alarm.

When to use

Reach for this block on the developer or workspace settings page, wired to your webhooks endpoint. The reveal button should call your secret-fetch route; rolling the secret should prompt for confirmation before rotating.

A natural flow around it on an Application Pro page:

Before

• App shell
• Settings pages

After

• API usage card
• Activity feed

What you can display

One strong use is the workspace webhooks settings panel. Other webhook surfaces:

• Per-project webhooks. Same shape scoped to one project with a project selector above the list.
• Delivery log. Expands each endpoint row to show the last ten deliveries with request and response bodies.
• Empty state. No endpoints yet, an add your first endpoint prompt with the docs link.

Tip: always show what happens to queued deliveries when an endpoint is paused; users need to know nothing is lost before they can stop worrying.