{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "inbox-page",
  "type": "registry:component",
  "title": "Inbox page",
  "description": "A Tailwind inbox panel listing messages with sender, preview line and timestamp, a New badge on unread items, and a mark all read action in the header.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/badge.json",
    "https://ui.minidev.pro/r/button.json"
  ],
  "files": [
    {
      "path": "registry/blocks/inbox-page.tsx",
      "type": "registry:ui",
      "target": "components/ui/inbox-page.tsx",
      "content": "\"use client\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\n\nconst MSGS = [\n  { from: \"Design Ops\", preview: \"Deploy succeeded on web@4.2.0\", time: \"2m\", unread: true },\n  { from: \"Billing\", preview: \"Invoice #1842 settled\", time: \"1h\", unread: false },\n  { from: \"Agents\", preview: \"Thicken wave complete — 24 stubs\", time: \"3h\", unread: false },\n]\n\nfunction InboxPage() {\n  return (\n    <div data-slot=\"inbox-page\" className=\"overflow-hidden rounded-2xl border border-border bg-surface shadow-highlight\">\n      <div className=\"flex items-center justify-between border-b border-border px-4 py-3\">\n        <h3 className=\"text-sm font-medium text-fg\">Inbox</h3>\n        <Button size=\"sm\" variant=\"outline\">Mark all read</Button>\n      </div>\n      <ul>\n        {MSGS.map((m) => (\n          <li key={m.from + m.time} className=\"flex items-start justify-between gap-3 border-b border-border px-4 py-3 last:border-b-0\">\n            <div className=\"min-w-0\">\n              <div className=\"flex items-center gap-2\">\n                <p className=\"text-sm font-medium text-fg\">{m.from}</p>\n                {m.unread ? <Badge>New</Badge> : null}\n              </div>\n              <p className=\"mt-0.5 truncate text-sm text-fg-muted\">{m.preview}</p>\n            </div>\n            <span className=\"shrink-0 font-mono text-xs tabular-nums text-fg-muted\">{m.time}</span>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\nexport { InboxPage }\n"
    }
  ]
}