Inbox triagePro

• Keyboard triage
• Animated removal with undo
• Reading pane

• Queues people clear quickly: email, support, approvals, moderation.

• Lists people browse rather than clear.

Import it from @/components/blocks/inbox-triage after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { InboxTriage } from "@/components/blocks/inbox-triage";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <InboxTriage />
    </main>
  );
}

• The inbox is focusable and its label lists the shortcuts.
• Shortcuts are ignored while typing in a field.
• Undo appears after every move.

• Archived rows collapse and the next one slides up.
• The selected-row marker glides between rows.

• The reading pane sits under the list below 768px.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Keep single-letter shortcuts scoped to the inbox element, not the window.