{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "chat-page",
  "type": "registry:component",
  "title": "Chat page",
  "description": "A fixed height AI chat page in React with a header, a scrollable thread of user and assistant messages, and a prompt input pinned to the bottom.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/chat-thread.json",
    "https://ui.minidev.pro/r/page-header.json",
    "https://ui.minidev.pro/r/prompt-input.json"
  ],
  "files": [
    {
      "path": "registry/blocks/chat-page.tsx",
      "type": "registry:ui",
      "target": "components/ui/chat-page.tsx",
      "content": "\"use client\"\nimport { ChatThread } from \"@/components/ui/chat-thread\"\nimport { PromptInput } from \"@/components/ui/prompt-input\"\nimport { PageHeader } from \"@/components/ui/page-header\"\n\nfunction ChatPage() {\n  return (\n    <div data-slot=\"chat-page\" className=\"flex h-[520px] flex-col overflow-hidden rounded-2xl border border-border bg-surface shadow-highlight\">\n      <div className=\"border-b border-border px-4 py-3\">\n        <PageHeader title=\"Agent\" description=\"Q3 planning assistant\" className=\"mb-0 border-b-0 pb-0\" />\n      </div>\n      <div className=\"min-h-0 flex-1 overflow-auto p-4\" tabIndex={0}>\n        <ChatThread\n          messages={[\n            { id: \"1\", role: \"user\", content: \"Show me the client showcase path.\" },\n            { id: \"2\", role: \"assistant\", content: \"Open / then /showcase — pitch hero, OS mock, tier compare.\" },\n          ]}\n        />\n      </div>\n      <div className=\"border-t border-border p-3\">\n        <PromptInput />\n      </div>\n    </div>\n  )\n}\nexport { ChatPage }\n"
    }
  ]
}