Usage Alerts | Zyeon UI

Preview in your theme

status='ready' — four rules on one scale, usage at 82% drawn as a tick on every track, so 50% and 80% read as 'already behind you' and 100% as 'eighteen points away'. Drag a thumb (or focus it and press ↑ / PageUp), type a percent into the badge (it snaps to the same 5% grid), toggle a channel, arm the muted overage rule, or press Test: the rule with no channel rejects at once, the rest resolve after 1.2 s. Callbacks are echoed under the panel.

Budget alerts

82% of the Team plan monthly budget used · $412.30 of $500.00 · resets 16 days from now

Alert at 50%Crossed
Last fired 8 days ago
Usage is already past this threshold — it fires on the next sample of a new cycle.
Alert at 80%Crossed
Last fired 2 hours ago
Usage is already past this threshold — it fires on the next sample of a new cycle.
Alert at 100%Armed
Never fired
Overage — page financeMuted
Never fired

Alerts that fired

2 to acknowledge

81%rule at 80% · 2 hours ago · $405.10 of $500.00 · Email, Slack
52%rule at 50% · 8 days ago · EmailAcknowledged
88%rule at 80% · 19 days ago · $441.90 of $500.00 · previous cycle · EmailSlack failed
51%rule at 50% · 27 days ago · EmailAcknowledged

no callback fired yet

The crowded end of the contract: 8 of 8 rules so Add is disabled with the reason, two rules on the same 80% (both will send), one armed rule with no channel at all (destructive warning — it can't reach anyone), a rule pinned to the top of the scale, usage already 118% of budget, and 7 fired alerts capped at 4 with an explicit 'Show all 7'.

Budget alerts

118% of the Scale plan monthly budget used · $591.40 of $500.00 — $91.40 over · resets 3 days from now

Alert at 25%Crossed
Last fired 11 days ago
Usage is already past this threshold — it fires on the next sample of a new cycle.
Alert at 50%Crossed
Last fired 7 days ago
Usage is already past this threshold — it fires on the next sample of a new cycle.
80% — engineering channelCrossed
Last fired 2 days ago
Another rule fires at the same percent. Both will send, one after the other.
Usage is already past this threshold — it fires on the next sample of a new cycle.
80% — finance mailing listCrossed
Last fired 2 days ago
Another rule fires at the same percent. Both will send, one after the other.
Usage is already past this threshold — it fires on the next sample of a new cycle.
Alert at 90%Crossed
Never fired
No channel selected — this rule is armed but can't reach anyone.
Alert at 100%Crossed
Last fired 9 hours ago
Usage is already past this threshold — it fires on the next sample of a new cycle.
Alert at 150%Muted
Never fired
Hard stop — page on-callArmed
Never fired

8 of 8 rules used — delete one to add another.

Alerts that fired

7 to acknowledge

26%rule at 25% · 6 hours ago · Email
53%rule at 50% · 1 day ago · Email, Slack
85%80% — engineering channel · 2 days ago · SlackWebhook failed
80%80% — finance mailing list · 3 days ago · Email

no callback fired yet

status='loading' — the rules themselves haven't arrived. Skeleton rows, aria-busy, one sr-only status line; the pulse stops under prefers-reduced-motion.

status='empty' — no rule has ever been created, but the budget line still says what the percentages would be measured against. Add rule really adds one (and flips the envelope to ready); Reset puts the empty state back.

Budget alerts

82% of the Team plan monthly budget used · $412.30 of $500.00 · resets 16 days from now

No alert rules yet

Nothing will interrupt you when this budget runs out. A rule at 80% is the usual first one.

no callback fired yet

status='error' — the rule list failed to load. It never falls back to an empty list, because 'you have no alerts' is the one wrong answer here. Try again swaps the loaded rules in.

Couldn't load your alert rules

These alert rules couldn't be loaded.

no callback fired yet

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro