Primitive 10 / Notification center

Notification center panel

A full-height panel that lives behind the bell. Shows unread count, filter tabs (All / Unread / Alerts), search, mark-all-read, and grouped notifications by day.

Production answer

Notification center panel is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Notification center panel states
Generative search brief

Notification center panel: A full-height panel that lives behind the bell. Shows unread count, filter tabs (All / Unread / Alerts), search, mark-all-read, and grouped notifications by day.

State A — Mixed read / unread
State B — All read (0 unread)
State C — Empty (no notifications)