NI-claude-sonnet-4

app/page/ni-claude-sonnet-4-demo.tsx

A production-ready responsive notification inbox for project-management apps 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, undo, loading/empty/error/offline states with optimistic feedback, selection preservation across filters, accessible announcements, focus management, and reduced-motion support.

Project notifications

Responsive layout adapts from split-pane to drill-in. Filter unread, select multiple notifications, mark as read or archive with undo. Keyboard navigation with arrow keys, space to select, enter to open detail.

Notifications

Project activity requiring attention

Up to date

Dashboard · ENG-28415 minutes ago

Sarah mentioned you in the dashboard API review

Can you confirm whether saved views belong in the first release? The data contract is ready for a final pass before Thursday’s handoff.

Type: Mention
Status: Unread
Project: Dashboard
Reference: ENG-2841