{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "console-shell",
	"title": "Console Shell",
	"description": "A router-agnostic console shell with rail, module navigation, page layout, and module home patterns",
	"dependencies": ["daisyui", "lucide-react"],
	"files": [
		{
			"path": "registry/default/blocks/console-shell/console-shell.tsx",
			"content": "import type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ConsoleShellProps = ComponentPropsWithRef<'div'> & {\n\trail?: ReactNode;\n\tsidebar?: ReactNode;\n\theader?: ReactNode;\n\tdock?: ReactNode;\n};\n\nexport function ConsoleShell({ rail, sidebar, header, dock, children, className, ...props }: ConsoleShellProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-console-density=''\n\t\t\tclassName={cn(\n\t\t\t\t'bg-base-200 text-base-content flex h-dvh min-h-[32rem] w-full flex-col overflow-hidden md:flex-row',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{rail}\n\t\t\t{sidebar}\n\t\t\t<div className='flex min-h-0 min-w-0 flex-1 flex-col'>\n\t\t\t\t{header}\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t\t{dock}\n\t\t</div>\n\t);\n}\n\nexport type ConsoleRailProps = ComponentPropsWithRef<'aside'>;\n\nexport function ConsoleRail({ className, 'aria-label': ariaLabel, ...props }: ConsoleRailProps) {\n\treturn (\n\t\t<aside\n\t\t\taria-label={ariaLabel ?? '全局导航'}\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 relative z-30 flex h-14 w-full shrink-0 items-center border-b px-2',\n\t\t\t\t'md:h-full md:w-14 md:flex-col md:border-r md:border-b-0 md:px-0 md:py-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type ConsoleRailSectionProps = ComponentPropsWithRef<'div'> & {\n\tgrow?: boolean;\n};\n\nexport function ConsoleRailSection({ grow, className, ...props }: ConsoleRailSectionProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'flex min-w-0 items-center gap-1 md:w-full md:flex-col',\n\t\t\t\tgrow && 'flex-1 overflow-x-auto md:min-h-0 md:overflow-visible',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type ConsoleRailLinkProps = Omit<ComponentPropsWithRef<'a'>, 'href' | 'title'> & {\n\thref: string;\n\tactive?: boolean;\n\ticon: ReactNode;\n\tlabel: string;\n};\n\nexport function ConsoleRailLink({ href, active, icon, label, className, ...props }: ConsoleRailLinkProps) {\n\treturn (\n\t\t<a\n\t\t\thref={href}\n\t\t\taria-current={active ? 'page' : undefined}\n\t\t\taria-label={label}\n\t\t\tdata-tip={label}\n\t\t\tclassName={cn(\n\t\t\t\t'tooltip tooltip-bottom text-base-content/65 grid size-10 shrink-0 place-items-center rounded-md transition-colors outline-none md:tooltip-right',\n\t\t\t\t'hover:bg-base-200 hover:text-base-content focus-visible:ring-primary focus-visible:ring-2',\n\t\t\t\tactive && 'bg-neutral text-neutral-content',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{icon}\n\t\t\t<span className='sr-only'>{label}</span>\n\t\t</a>\n\t);\n}\n\nexport type ConsoleSidebarProps = ComponentPropsWithRef<'aside'> & {\n\tcollapsed?: boolean;\n};\n\nexport function ConsoleSidebar({ collapsed, className, 'aria-label': ariaLabel, ...props }: ConsoleSidebarProps) {\n\treturn (\n\t\t<aside\n\t\t\taria-label={ariaLabel ?? '模块导航'}\n\t\t\tdata-collapsed={collapsed || undefined}\n\t\t\tclassName={cn(\n\t\t\t\t'group/sidebar border-base-300 bg-base-100 relative z-20 h-full w-56 shrink-0 flex-col overflow-hidden border-r transition-[width] duration-150',\n\t\t\t\t'hidden data-[collapsed=true]:w-14 data-[collapsed=true]:overflow-visible md:flex',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type ConsoleSidebarHeaderProps = ComponentPropsWithRef<'div'>;\n\nexport function ConsoleSidebarHeader({ className, ...props }: ConsoleSidebarHeaderProps) {\n\treturn (\n\t\t<div className={cn('border-base-300 flex h-14 shrink-0 items-center gap-3 border-b px-3', className)} {...props} />\n\t);\n}\n\nexport type ConsoleSidebarNavProps = ComponentPropsWithRef<'nav'>;\n\nexport function ConsoleSidebarNav({ className, 'aria-label': ariaLabel, ...props }: ConsoleSidebarNavProps) {\n\treturn (\n\t\t<nav\n\t\t\taria-label={ariaLabel ?? '模块导航项'}\n\t\t\tclassName={cn(\n\t\t\t\t'flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto p-2',\n\t\t\t\t'group-data-[collapsed=true]/sidebar:items-center group-data-[collapsed=true]/sidebar:overflow-visible',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type ConsoleSidebarFooterProps = ComponentPropsWithRef<'div'>;\n\nexport function ConsoleSidebarFooter({ className, ...props }: ConsoleSidebarFooterProps) {\n\treturn <div className={cn('border-base-300 shrink-0 border-t p-2', className)} {...props} />;\n}\n\nexport type ConsoleNavLinkProps = Omit<ComponentPropsWithRef<'a'>, 'href' | 'title'> & {\n\thref: string;\n\tactive?: boolean;\n\tcollapsed?: boolean;\n\ticon?: ReactNode;\n\tlabel: string;\n\tbadge?: ReactNode;\n};\n\nexport function ConsoleNavLink({\n\thref,\n\tactive,\n\tcollapsed,\n\ticon,\n\tlabel,\n\tbadge,\n\tclassName,\n\t...props\n}: ConsoleNavLinkProps) {\n\treturn (\n\t\t<a\n\t\t\thref={href}\n\t\t\taria-current={active ? 'page' : undefined}\n\t\t\taria-label={collapsed ? label : undefined}\n\t\t\tdata-tip={collapsed ? label : undefined}\n\t\t\tclassName={cn(\n\t\t\t\t'text-base-content/65 flex h-[var(--console-control-height)] min-w-0 items-center gap-2 rounded-md px-2 text-sm transition-colors outline-none',\n\t\t\t\t'hover:bg-base-200 hover:text-base-content focus-visible:ring-primary focus-visible:ring-2',\n\t\t\t\tactive && 'bg-neutral text-neutral-content font-medium',\n\t\t\t\tcollapsed && 'tooltip tooltip-right w-9 justify-center px-0',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{icon ? <span className='grid size-5 shrink-0 place-items-center'>{icon}</span> : null}\n\t\t\t{collapsed ? <span className='sr-only'>{label}</span> : <span className='min-w-0 flex-1 truncate'>{label}</span>}\n\t\t\t{!collapsed && badge ? (\n\t\t\t\t<span className={cn('shrink-0 text-xs', active ? 'text-current opacity-80' : 'text-base-content/65')}>\n\t\t\t\t\t{badge}\n\t\t\t\t</span>\n\t\t\t) : null}\n\t\t</a>\n\t);\n}\n\nexport type ConsoleHeaderProps = Omit<ComponentPropsWithRef<'header'>, 'title'> & {\n\tprefix?: ReactNode;\n\tbreadcrumbs?: ReactNode;\n\ttitle?: ReactNode;\n\tactions?: ReactNode;\n};\n\nexport function ConsoleHeader({\n\tprefix,\n\tbreadcrumbs,\n\ttitle,\n\tactions,\n\tchildren,\n\tclassName,\n\t...props\n}: ConsoleHeaderProps) {\n\treturn (\n\t\t<header\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 flex min-h-14 shrink-0 flex-wrap items-center gap-2 border-b px-3 py-2 md:px-5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{prefix}\n\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t{breadcrumbs ? <div className='text-base-content/65 truncate text-xs'>{breadcrumbs}</div> : null}\n\t\t\t\t{title ? <div className='truncate text-sm font-semibold'>{title}</div> : null}\n\t\t\t</div>\n\t\t\t{children}\n\t\t\t{actions ? <div className='flex shrink-0 items-center gap-1'>{actions}</div> : null}\n\t\t</header>\n\t);\n}\n\nexport type ConsoleContentProps = ComponentPropsWithRef<'main'>;\n\nexport function ConsoleContent({ className, ...props }: ConsoleContentProps) {\n\treturn <main className={cn('min-h-0 min-w-0 flex-1 overflow-auto', className)} {...props} />;\n}\n\nexport type ConsoleDockProps = ComponentPropsWithRef<'aside'>;\n\nexport function ConsoleDock({ className, 'aria-label': ariaLabel, ...props }: ConsoleDockProps) {\n\treturn (\n\t\t<aside\n\t\t\taria-label={ariaLabel ?? '工具坞'}\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 relative z-30 hidden h-full w-14 shrink-0 flex-col items-center gap-1 border-l px-2 py-2 xl:flex',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport type ConsolePageProps = Omit<ComponentPropsWithRef<'section'>, 'title'> & {\n\teyebrow?: ReactNode;\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tactions?: ReactNode;\n};\n\nexport function ConsolePage({ eyebrow, title, description, actions, children, className, ...props }: ConsolePageProps) {\n\treturn (\n\t\t<section className={cn('mx-auto w-full max-w-[96rem] px-4 py-5 md:px-6 md:py-6', className)} {...props}>\n\t\t\t{eyebrow || title || description || actions ? (\n\t\t\t\t<div className='border-base-300 mb-5 flex flex-wrap items-start justify-between gap-3 border-b pb-4'>\n\t\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t\t{eyebrow ? <div className='text-base-content/70 mb-1 text-xs font-medium'>{eyebrow}</div> : null}\n\t\t\t\t\t\t{title ? <h1 className='text-xl font-semibold'>{title}</h1> : null}\n\t\t\t\t\t\t{description ? (\n\t\t\t\t\t\t\t<div className='text-base-content/70 mt-1 max-w-3xl text-sm leading-6'>{description}</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t\t{actions ? <div className='flex shrink-0 items-center gap-2'>{actions}</div> : null}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{children}\n\t\t</section>\n\t);\n}\n\nexport type ConsoleStatusProps = ComponentPropsWithRef<'span'> & {\n\tstatus?: 'online' | 'warning' | 'offline';\n};\n\nexport function ConsoleStatus({ status = 'online', children, className, ...props }: ConsoleStatusProps) {\n\treturn (\n\t\t<span className={cn('text-base-content/65 inline-flex items-center gap-1.5 text-xs', className)} {...props}>\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'size-1.5 rounded-full',\n\t\t\t\t\tstatus === 'online' && 'bg-success',\n\t\t\t\t\tstatus === 'warning' && 'bg-warning',\n\t\t\t\t\tstatus === 'offline' && 'bg-error',\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n",
			"type": "registry:component"
		},
		{
			"path": "registry/default/blocks/console-shell/console-module-home.tsx",
			"content": "import { ArrowUpRight } from 'lucide-react';\nimport type { ComponentPropsWithRef, MouseEvent, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ConsoleModule = {\n\tkey: string;\n\ttitle: string;\n\tdescription: string;\n\thref: string;\n\ticon?: ReactNode;\n\tmeta?: ReactNode;\n\tstatus?: ReactNode;\n};\n\nexport type ConsoleModuleHomeProps = Omit<ComponentPropsWithRef<'div'>, 'title'> & {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tmodules: ConsoleModule[];\n\tactions?: ReactNode;\n\tactivity?: ReactNode;\n\tonModuleSelect?: (module: ConsoleModule, event: MouseEvent<HTMLAnchorElement>) => void;\n};\n\nexport function ConsoleModuleHome({\n\ttitle = '模块',\n\tdescription,\n\tmodules,\n\tactions,\n\tactivity,\n\tonModuleSelect,\n\tchildren,\n\tclassName,\n\t...props\n}: ConsoleModuleHomeProps) {\n\treturn (\n\t\t<div className={cn('space-y-6', className)} {...props}>\n\t\t\t<div className='flex flex-wrap items-end justify-between gap-3'>\n\t\t\t\t<div className='min-w-0'>\n\t\t\t\t\t<h2 className='text-base font-semibold'>{title}</h2>\n\t\t\t\t\t{description ? <div className='text-base-content/65 mt-1 text-sm'>{description}</div> : null}\n\t\t\t\t</div>\n\t\t\t\t{actions ? <div className='flex items-center gap-2'>{actions}</div> : null}\n\t\t\t</div>\n\n\t\t\t<div className='grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3'>\n\t\t\t\t{modules.map((module) => (\n\t\t\t\t\t<ConsoleModuleCard key={module.key} module={module} onClick={(event) => onModuleSelect?.(module, event)} />\n\t\t\t\t))}\n\t\t\t</div>\n\n\t\t\t{activity || children ? (\n\t\t\t\t<div className='border-base-300 grid grid-cols-1 gap-6 border-t pt-5 lg:grid-cols-[minmax(0,1fr)_20rem]'>\n\t\t\t\t\t<div className='min-w-0'>{activity}</div>\n\t\t\t\t\t{children ? <aside className='border-base-300 min-w-0 lg:border-l lg:pl-6'>{children}</aside> : null}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n\nexport type ConsoleModuleCardProps = ComponentPropsWithRef<'a'> & {\n\tmodule: ConsoleModule;\n};\n\nexport function ConsoleModuleCard({ module, className, ...props }: ConsoleModuleCardProps) {\n\treturn (\n\t\t<a\n\t\t\thref={module.href}\n\t\t\tclassName={cn(\n\t\t\t\t'group border-base-300 bg-base-100 flex min-h-36 flex-col border p-4 transition-colors outline-none',\n\t\t\t\t'hover:border-primary/50 hover:bg-base-200/55 focus-visible:ring-primary rounded-md focus-visible:ring-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='flex items-start gap-3'>\n\t\t\t\t{module.icon ? (\n\t\t\t\t\t<span className='bg-primary/10 text-primary grid size-9 shrink-0 place-items-center rounded-md'>\n\t\t\t\t\t\t{module.icon}\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t<div className='flex items-center gap-2'>\n\t\t\t\t\t\t<h3 className='truncate text-sm font-semibold'>{module.title}</h3>\n\t\t\t\t\t\t{module.status}\n\t\t\t\t\t</div>\n\t\t\t\t\t<p className='text-base-content/65 mt-1 line-clamp-2 text-sm leading-5'>{module.description}</p>\n\t\t\t\t</div>\n\t\t\t\t<ArrowUpRight className='text-base-content/30 group-hover:text-primary size-4 shrink-0 transition-colors' />\n\t\t\t</div>\n\t\t\t{module.meta ? <div className='text-base-content/65 mt-auto pt-4 text-xs'>{module.meta}</div> : null}\n\t\t</a>\n\t);\n}\n\nexport type ConsoleActivityListProps = Omit<ComponentPropsWithRef<'ol'>, 'title'> & {\n\ttitle?: ReactNode;\n};\n\nexport function ConsoleActivityList({ title = '最近活动', children, className, ...props }: ConsoleActivityListProps) {\n\treturn (\n\t\t<section>\n\t\t\t<h3 className='mb-3 text-sm font-semibold'>{title}</h3>\n\t\t\t<ol className={cn('divide-base-300 border-base-300 divide-y border-y', className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</ol>\n\t\t</section>\n\t);\n}\n\nexport type ConsoleActivityItemProps = ComponentPropsWithRef<'li'> & {\n\ticon?: ReactNode;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\ttime?: ReactNode;\n};\n\nexport function ConsoleActivityItem({ icon, title, description, time, className, ...props }: ConsoleActivityItemProps) {\n\treturn (\n\t\t<li className={cn('flex items-start gap-3 py-3', className)} {...props}>\n\t\t\t{icon ? (\n\t\t\t\t<span className='text-base-content/45 mt-0.5 grid size-7 shrink-0 place-items-center'>{icon}</span>\n\t\t\t) : null}\n\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t<div className='truncate text-sm font-medium'>{title}</div>\n\t\t\t\t{description ? <div className='text-base-content/65 mt-0.5 text-xs'>{description}</div> : null}\n\t\t\t</div>\n\t\t\t{time ? <time className='text-base-content/65 shrink-0 text-xs'>{time}</time> : null}\n\t\t</li>\n\t);\n}\n",
			"type": "registry:component"
		},
		{
			"path": "registry/default/blocks/console-shell/index.ts",
			"content": "export * from './console-module-home';\nexport * from './console-shell';\n",
			"type": "registry:component"
		}
	],
	"type": "registry:block"
}