Failed Webhook Delivery Error Block for React

Nothing is sent: the host ends in .example, and the five attempts, their times, statuses and response bodies are typed in the file. Resend now waits a moment and adds the next one. The Copy buttons are real and write the window's text to the clipboard. To wire it for real, build ATTEMPTS from your delivery log and send Resend to your delivery queue.

They are worked out from the latest attempt, so they change with it: the status passes for any 2xx, the time passes at or under 3 seconds, and the size and certificate checks are typed. Many senders treat any 2xx as delivered and retry on anything else, including a timeout, which is why the page leads with them.

Because the demo is scripted: attempt three fails with 500 again, four with 502, five with 504, and each says it was scripted. After the fifth the button says No attempts remain and answers in words if pressed. Undo takes the last attempt back, so you can run it again.

Pressing Resend opens the delivery log tab, where the new line is the last and has a heavy edge, and the facts and checks above follow it. The log is a themed numbered window like the other two, with the clock times in UTC.

Tab reaches Resend now, Undo, the tabs, each window's Copy button and the window itself, which is a scroll region with a tab stop and a name. The arrow keys move along the tabs. The status line says what Resend, Undo or a copy did.

The facts are two across, the checks lose their detail text (the HTTP status and the response title carry it), the tab names shorten to Request, Response and Log with their full names kept for screen readers, and the windows scroll inside themselves.