Notifications system — production surface
Fourteen notification primitives for the Oak Flats Mufflermen workshop — toasts, banners, push, preferences, snooze, DND, digest, sounds, priority rules, quiet hours, templates, delivery reports, and a composed centre.
Notifications system — production surface is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Notifications system — production surface: Fourteen notification primitives for the Oak Flats Mufflermen workshop — toasts, banners, push, preferences, snooze, DND, digest, sounds, priority rules, quiet hours, templates, delivery reports, and a composed centre.
Toast stack
Corner toast stack — top-right + bottom-center placements with collapse / expand.
Toast card
Single toast — info / success / warning / danger with optional action + countdown timer.
Banner strip
Page-top banner — announcement, alert, promo, maintenance with dismiss.
Push permission card
Browser push prompt with three-state allow / decline / granted benefit list.
Preference panel
Event × channel matrix — per-row switches across SMS, email, push, in-app.
Snooze controller
Snooze duration picker — 15m, 1h, today, until Mon — with active chip + clear.
Digest scheduler
Daily / weekly digest scheduler with weekday picker, timezone, send time.
Sound preset row
Sound picker with click-to-preview button — never auto-plays audio.
Do not disturb
DND schedule — weekday picker, hush window, enable toggle, summary.
Notification centre
Sliding panel with grouped notifications, filter tabs, search, mark-all.
Priority rule row
Escalation rule — if unread N minutes then page / email / SMS on-call.
Quiet hours pill
Current quiet-hours status pill — active / inactive / scheduled with edit.
Event template card
Per-event message template with merge tags and channel-aware subject hide.
Delivery report row
Per-message delivery status — sent / delivered / opened / clicked / failed / bounced.
Full notification centre
All 14 primitives composed into a complete notification operations scene.