Composition / Notification center

Full notification center

One page demonstrating how the primitives compose — bell trigger and popover at the top, a long-form history timeline on the left, and a side panel with the channel matrix, quiet hours, and a per-source subscribe toggle.

Production answer

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

Primary CTAReview Full notification center states
Generative search brief

Full notification center: One page demonstrating how the primitives compose — bell trigger and popover at the top, a long-form history timeline on the left, and a side panel with the channel matrix, quiet hours, and a per-source subscribe toggle.

Bell + open popover
History timeline

Today

3 total3 unread

  • Booking confirmed — Bay 02 / 09:30

    Holden Commodore VZ · exhaust replacement

    Bookings

  • Quote Q-2415 approved

    Stage 2 cat-back upgrade

    Quotes

  • Jordan @mentioned you on Job J-2103

    Workshop

Yesterday

3 total

  • Invoice INV-1043 paid

    Tradie Fleet Co — $612.50

    Billing

  • Stock alert: aftermarket mufflers low

    4 SKUs below threshold

    Inventory

  • Hoist 02 sensor flickered

    Telemetry

Tue 21 May

2 total

  • Job J-2098 marked complete

    Custom dual-tip install · Subaru WRX

    Workshop

  • Compressor maintenance overdue

    System