{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "preview-03",
  "title": "Preview 03",
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/radix-rhea/blocks/preview-03/index.tsx",
      "content": "import {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from \"@/registry/radix-rhea/ui/resizable\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarInset,\n  SidebarProvider,\n} from \"@/registry/radix-rhea/ui/sidebar\"\n\nimport { PromptInput } from \"./prompt-input\"\nimport { SidebarHistory } from \"./sidebar-history\"\nimport { SidebarMainNav } from \"./sidebar-main-nav\"\nimport {\n  SidebarSearch,\n  type SidebarSearchCommandData,\n  type SidebarSearchProjectChats,\n} from \"./sidebar-search\"\nimport { SidebarUserNav, type SidebarUserNavUser } from \"./sidebar-user-nav\"\n\nconst chatsByProject: SidebarSearchProjectChats[] = [\n  {\n    projectId: \"ui\",\n    projectName: \"shadcn/ui\",\n    chats: [\n      { id: \"s1\", title: \"CLI init preset UX\" },\n      { id: \"s2\", title: \"v4 dashboard examples\" },\n      { id: \"s3\", title: \"Field + InputGroup demos\" },\n      { id: \"s4\", title: \"Style Rhea typography scale\" },\n      { id: \"s5\", title: \"Registry JSON schema tweaks\" },\n    ],\n  },\n  {\n    projectId: \"new-website\",\n    projectName: \"vercel/new-website\",\n    chats: [\n      { id: \"u1\", title: \"Preview blocks capture grid\" },\n      { id: \"u2\", title: \"Icon bundle generation script\" },\n      { id: \"u3\", title: \"Command palette shortcuts\" },\n      { id: \"u4\", title: \"Base vs Radix block parity notes\" },\n      { id: \"u5\", title: \"Regression: SidebarMenu keyboard focus\" },\n    ],\n  },\n  {\n    projectId: \"docs\",\n    projectName: \"shadcn/docs\",\n    chats: [\n      { id: \"d1\", title: \"Sidebar pattern inventory\" },\n      { id: \"d2\", title: \"Dark mode typography audit\" },\n      { id: \"d3\", title: \"Search + command palette copy\" },\n    ],\n  },\n]\n\nconst sidebarCommandData = {\n  recentChats: [\n    { id: \"r1\", title: \"Refactor registry parity checks\" },\n    { id: \"r2\", title: \"Sidebar inset layout questions\" },\n    { id: \"r3\", title: \"Combobox branching UX\" },\n    { id: \"r4\", title: \"Dropdown trigger with InputGroupButton\" },\n    { id: \"r5\", title: \"Palette tokens for muted surfaces\" },\n  ],\n  chatsByProject,\n} satisfies SidebarSearchCommandData\n\nconst sidebarFooterUser = {\n  name: \"shadcn\",\n  email: \"m@shadcn.com\",\n  avatar: \"/avatars/shadcn.jpg\",\n} satisfies SidebarUserNavUser\n\nexport default function Preview03Example() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarHeader>\n          <SidebarSearch commandData={sidebarCommandData} />\n          <SidebarMainNav />\n        </SidebarHeader>\n        <SidebarContent>\n          <SidebarHistory chatsByProject={chatsByProject} />\n        </SidebarContent>\n        <SidebarFooter>\n          <SidebarUserNav user={sidebarFooterUser} />\n        </SidebarFooter>\n      </Sidebar>\n      <SidebarInset>\n        <ResizablePanelGroup orientation=\"horizontal\">\n          <ResizablePanel defaultSize={550} minSize={500} maxSize={700}>\n            <div className=\"flex h-full flex-col\">\n              <div className=\"flex-1\" />\n              <div className=\"p-4\">\n                <PromptInput />\n              </div>\n            </div>\n          </ResizablePanel>\n          <ResizableHandle />\n          <ResizablePanel defaultSize=\"70%\">here</ResizablePanel>\n        </ResizablePanelGroup>\n      </SidebarInset>\n    </SidebarProvider>\n  )\n}\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}