Webhook logsPro

• Failed filter
• Payload as a JSON tree
• Raw response
• Retry with result

• Developer settings for products that send webhooks.

• Incoming request logs.

Import it from @/components/blocks/webhook-logs after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { WebhookLogs } from "@/components/blocks/webhook-logs";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <WebhookLogs />
    </main>
  );
}

• The selected delivery uses aria-pressed.
• Status codes are printed, not only colored.

• Retry morphs through pending to the new status.

• The inspector moves under the list below 1024px.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Retry should call your server, which re-sends the stored payload.