shadcn.io is not affiliated with official shadcn/ui
SSL Certificate Expiry Alerts Monitoring Block for Radix UI
Eight certificates with the alerts due 30, 14, 7, 3 and 1 day before expiry as marks in each row, a filter for those that have reached an alert, a renewal column, and a reading of who was told when you press one.
Installation
Overview
Show not just when a certificate expires but whether anyone was told, with this expiry alert ladder for React with Radix UI. It is Sealdrift, a certificate watcher. In a hairline frame with a plus mark on each corner, eight certificates are rows: the domain in monospace, its issuer and the days to go counted from a fixed "now". Each row has five cells, one per alert (30, 14, 7, 3 and 1 day before expiry), and each cell is a mark, a word and a date worked out from the typed delivery records: Sent, Next, Skipped (renewed before it was due), Missed (due and no channel delivered) or Later. A last column says whether auto-renew is on and how the last attempt went ("Failed twice: challenge returned 404"). A Toggle Group filters the rows to All, Alerting or Quiet, with counts. Pressing a cell reads who was told ("7-day alert sent 10 Oct to the pager and the ops channel, acknowledged by I. Okafor"). On a phone each certificate becomes a card with its five alerts in a line. Guides draw the frame and its bands. For certificate inventories, on-call reviews and any renewal that must not be missed.
FAQ
How do I list my own certificates?
Edit CERTS: each has a domain, an issuer, the day it expires, whether auto-renew is on and how the last attempt went, the alerts that were sent (the rung, the day, the channels and who acknowledged it), an optional renewal day and, for a certificate that missed an alert, the reason. RUNGS is the ladder and AS_OF the fixed "now". Each cell's state is worked out from those, not typed.
How is each state decided?
An alert with a delivery record is Sent. Without one, a certificate renewed in time is Skipped, one that is already inside the alert's window is Missed, the longest alert still ahead is Next and the rest are Later. A certificate is Alerting when it has not been renewed and has reached at least one alert.
What stays local?
Everything: the records are typed examples, filtering and reading only change this page, and nothing is sent or renewed. In your app fill sent from your alert log and attempt from your renewal job.
How do I use it with a keyboard?
The alert cells are one tab stop. The arrow keys move between alerts and certificates (skipping rows the filter has hidden), Home and End jump to the ends of a row, and Enter or Space reads the alert in a polite status line. The filter is a toggle group with arrow keys.