shadcn.io is not affiliated with official shadcn/ui
Webhook Status Timeline Block for Svelte
Three tabs for three webhooks, each drawing 24 hours as one band of Healthy, Degraded, Retrying and Disabled stretches told apart by hatch, with a list for the chosen stretch and facts for last failure, last success and rate limit.
Installation
Overview
See a webhook's day at a glance and open any bad stretch, with this status timeline for Svelte with Ark UI. It is Hookbarn, a webhook relay (made up) that forwards messages to chat channels; Discord is named once, in the header. Three Tabs hold three webhooks (Releases, Alerts, Community). Each draws the 24 hours to 14:20 UTC as one band of stretches whose lengths are the minutes spent in a state: Healthy, Degraded, Retrying or Disabled, told apart by weight and hatch rather than colour and labelled where there is room. Every stretch is a button; choosing one fills a list with its window, its state, what happened and how long it lasted, and a row of facts gives the last failure, the last success, the rate-limit window and the share of the day spent healthy. Guides draw the frame and its bands. For webhook relays and integration health.
FAQ
How do I use my own webhooks?
Edit HOOKS: each has a rate-limit phrase and a list of stretches written as state|minutes|note, where state is h, d, r or x and the minutes of a webhook add up to 1,440. Start times, the facts and the header sentence are derived.
Is this connected to a chat tool?
No. The stretches, notes and rate limits are typed examples and nothing is delivered. No figure describes a real service.
How do I read the band?
Light fill is Healthy, a light hatch Degraded, a heavy hatch Retrying and a solid fill Disabled. Stretches wider than a tenth of the day show their word; every stretch has a full name for screen readers.