NI-Opus-5

components/ui/ni-opus-5.tsx

A responsive notification inbox for a project-management app: a list-and-detail split on wide screens and a drill-in flow with an explicit back row on mobile. It supports unread filtering, roving-tabindex keyboard navigation, toggle and range multi-selection, mark as read, archive and undo, and it applies every change optimistically with loading, empty, error and offline states, a stable polite live region, focus handover between views, and reduced-motion branches.

Triage the inbox

Arrow keys move, space selects, shift extends the range, E archives and U toggles read. Switch the state to see loading, error and offline, and tick the checkbox to make the next change fail and roll back.

Notifications

4 unread notifications.

  • Review requested on the public API rate limiter4 minutes agoENG-2841PlatformReviewPriya moved the token bucket work into review and asked for your pass before the Thursday freeze. Two files changed since you last looked, both in the middleware layer.Unread
  • Tomas mentioned you in the onboarding checklist rewrite22 minutes agoGRO-118GrowthMentionThe empty state here still reads no items. Can we use the wording agreed in the design review, and does the checklist need a skip action for returning teams?Unread
  • Dana assigned you billing webhook retries1 hour agoBIL-402BillingAssignedStripe events are dropped when the queue worker restarts mid-batch. Dana attached the incident timeline and suggested an idempotency key on every replay.Unread
  • New comment on the mobile cold start crash3 hours agoMOB-1290MobileCommentWei reproduced the crash on a Pixel 7 with a cold cache. The stack points at the analytics initialiser running before the storage adapter is ready.Unread
  • Search relevance spike moved to blocked5 hours agoSRC-77SearchStatusThe evaluation set is waiting on a fresh index snapshot. Nothing is assigned to you, but the cycle burndown now shows two days of slack.
  • Design handoff for cycle 24 is due tomorrowYesterdayDES-63DesignDue soonThree specs are still marked draft. Publishing them closes the handoff checklist for the cycle review on Friday morning.
  • Ola approved removing the legacy session store2 days agoENG-2790PlatformReviewApproved with one note: keep the migration behind the flag until the read replica finishes backfilling, then delete the compatibility shim.