NI-haiku-45

components/ui/ni-haiku-45.tsx

A production-ready responsive notification inbox with split list-and-detail layout on desktop and drill-in flow on mobile. Features unread filtering, keyboard navigation, multi-selection, mark-as-read, archive with undo, loading/empty/error/offline states with optimistic feedback, selection preservation across filters, accessible announcements, focus management, and reduced-motion support.

Project notifications

Desktop: split pane with list on left, detail on right. Mobile: drill-in flow with back button. Arrow keys navigate, space/checkbox selects, filter toggles between unread and all.

Notifications

3

  • Project Kickoff Meeting Scheduled

    Your project kickoff meeting has been scheduled for tomorrow at 10:00 AM with the team.

    deadline

  • You were mentioned in a comment

    @you needs to review the latest mockups for the dashboard. Check the design doc for details.

    mention

  • Task assigned to you

    Implement authentication flow for the new API endpoint. Estimated time: 3 hours.

    assigned
👈

Select a notification to view details