UI / Components / agent-native / InboxClient

InboxClient

Two-pane inbox shell with kbd nav.

Full inbox UI: left list + right detail pane, keyboard navigation (↑/↓/j/k/e/Esc), filter chips (All / Mine / Mentions), auto-select on load, mark-read on focus. Wire in your own data layer + actions.

$npx dock-ui add inbox-client

Usage

import { InboxClient } from "@/components/ui/inbox-client";

<InboxClient
  notifications={notifications}
  onMarkRead={markRead}
  onResolve={resolve}
/>

Install

via CLI

$ npx dock-ui add inbox-client

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/inbox-client.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →