NI-gemini-3.7-flash

components/ui/ni-gemini-3-7-flash.tsx

A production-ready responsive notification inbox for a project-management app with split list-and-detail layout on desktop and drill-in flow on mobile. Supports unread filtering, roving-tabindex keyboard navigation, multi-selection, mark-as-read, archive, and undo with optimistic feedback. Features loading, empty, error, and offline states, selection preservation across filter changes, accessible live region announcements, focus management between views, and reduced-motion support.

Triage the inbox

Desktop: split list-and-detail view. Mobile: drill-in flow with back button. Arrow keys navigate, space selects, filter toggles all/unread, with optimistic updates and undo.

Make the next action fail (test optimistic rollback)

Notifications

3 unread

Inbox and triage feed for workspace activities

6 items

Use ↑ ↓ to navigate

Alex Chen

Lead SecOps Engineer

Core SecuritySEC-409

Mentionhigh priority10 minutes ago

Mentioned on Security Review

We completed the initial threat modeling for the auth edge gateway. Could you take a pass at the token rotation window and verify our recovery guarantees against session exhaustion?

Open in SEC-409