{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "console-data-view",
	"title": "Console Data View",
	"description": "Composable data workspaces with resource side panels, operations metrics, attention queues, typed inventory tables, selection, and pagination",
	"dependencies": ["daisyui", "lucide-react"],
	"files": [
		{
			"path": "registry/default/blocks/console-data-view/console-data-view.tsx",
			"content": "import { ChevronLeft, ChevronRight, Grid2X2, List, Maximize2, Search, X } from 'lucide-react';\nimport type { ComponentPropsWithRef, CSSProperties, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\ntype DataViewSidePanelLayoutStyle = CSSProperties & {\n\t'--data-view-summary-width'?: string;\n\t'--data-view-details-width'?: string;\n};\n\nexport type DataViewProps = ComponentPropsWithRef<'section'> & {\n\theader?: ReactNode;\n\ttoolbar?: ReactNode;\n\tfooter?: ReactNode;\n\tdetail?: ReactNode;\n};\n\nexport function DataView({ header, toolbar, footer, detail, children, className, ...props }: DataViewProps) {\n\treturn (\n\t\t<section\n\t\t\tdata-console-density=''\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 flex min-h-[28rem] min-w-0 flex-col overflow-hidden border',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{header}\n\t\t\t{toolbar}\n\t\t\t<div className={cn('grid min-h-0 min-w-0 flex-1', detail && 'lg:grid-cols-[minmax(0,1fr)_20rem]')}>\n\t\t\t\t<div className='min-h-0 min-w-0 overflow-auto'>{children}</div>\n\t\t\t\t{detail ? (\n\t\t\t\t\t<div className='border-base-300 min-h-0 overflow-auto border-t lg:border-t-0 lg:border-l'>{detail}</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{footer}\n\t\t</section>\n\t);\n}\n\nexport type DataViewHeaderProps = Omit<ComponentPropsWithRef<'header'>, 'title'> & {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tstatus?: ReactNode;\n\tactions?: ReactNode;\n};\n\nexport function DataViewHeader({\n\ttitle,\n\tdescription,\n\tstatus,\n\tactions,\n\tchildren,\n\tclassName,\n\t...props\n}: DataViewHeaderProps) {\n\treturn (\n\t\t<header\n\t\t\tclassName={cn('border-base-300 flex flex-wrap items-start gap-3 border-b px-3 py-3 md:px-4', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t<div className='flex flex-wrap items-center gap-2'>\n\t\t\t\t\t{title ? <h2 className='text-sm font-semibold'>{title}</h2> : null}\n\t\t\t\t\t{status}\n\t\t\t\t</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{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 DataViewToolbarProps = ComponentPropsWithRef<'div'>;\n\nexport function DataViewToolbar({ className, ...props }: DataViewToolbarProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-200/45 flex min-h-12 flex-wrap items-center gap-2 border-b px-3 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 DataViewViewHeaderProps = Omit<ComponentPropsWithRef<'div'>, 'title'> & {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tmeta?: ReactNode;\n\tcontrols?: ReactNode;\n\tactions?: ReactNode;\n};\n\nexport function DataViewViewHeader({\n\ttitle,\n\tdescription,\n\tmeta,\n\tcontrols,\n\tactions,\n\tchildren,\n\tclassName,\n\t...props\n}: DataViewViewHeaderProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 flex flex-col gap-3 border-b px-3 py-3 sm:flex-row sm:flex-wrap sm:items-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='min-w-0 sm:flex-1'>\n\t\t\t\t<div className='flex flex-wrap items-center gap-2'>\n\t\t\t\t\t{title ? <h3 className='text-sm font-semibold'>{title}</h3> : null}\n\t\t\t\t\t{meta ? <div className='text-base-content/55 text-xs'>{meta}</div> : null}\n\t\t\t\t</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{children}\n\t\t\t{controls ? <div className='flex min-w-0 flex-wrap items-center gap-2 sm:w-auto'>{controls}</div> : null}\n\t\t\t{actions ? <div className='flex shrink-0 flex-wrap items-center gap-1'>{actions}</div> : null}\n\t\t</div>\n\t);\n}\n\nexport type DataViewActionBarProps = ComponentPropsWithRef<'div'> & {\n\tleading?: ReactNode;\n\tprimary?: ReactNode;\n\tsecondary?: ReactNode;\n\toverflow?: ReactNode;\n};\n\nexport function DataViewActionBar({\n\tleading,\n\tprimary,\n\tsecondary,\n\toverflow,\n\tchildren,\n\tclassName,\n\t...props\n}: DataViewActionBarProps) {\n\treturn (\n\t\t<div\n\t\t\trole='toolbar'\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-200/35 flex min-h-11 flex-wrap items-center gap-2 border-b px-3 py-2',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{leading ? <div className='flex min-w-0 flex-wrap items-center gap-2'>{leading}</div> : null}\n\t\t\t{children}\n\t\t\t<div className='min-w-4 flex-1' />\n\t\t\t{secondary ? <div className='flex shrink-0 flex-wrap items-center gap-1'>{secondary}</div> : null}\n\t\t\t{primary ? <div className='flex shrink-0 flex-wrap items-center gap-1'>{primary}</div> : null}\n\t\t\t{overflow}\n\t\t</div>\n\t);\n}\n\nexport type DataViewSidePanelLayoutProps = ComponentPropsWithRef<'div'> & {\n\tsummary?: ReactNode;\n\tdetails?: ReactNode;\n\tsummaryOpen?: boolean;\n\tdetailsOpen?: boolean;\n\tsummaryWidth?: string;\n\tdetailsWidth?: string;\n\tmainClassName?: string;\n\tsummaryClassName?: string;\n\tdetailsClassName?: string;\n};\n\nexport function DataViewSidePanelLayout({\n\tsummary,\n\tdetails,\n\tsummaryOpen = true,\n\tdetailsOpen = true,\n\tsummaryWidth = '20rem',\n\tdetailsWidth = '24rem',\n\tmainClassName,\n\tsummaryClassName,\n\tdetailsClassName,\n\tchildren,\n\tclassName,\n\tstyle,\n\t...props\n}: DataViewSidePanelLayoutProps) {\n\tconst hasSummary = Boolean(summary && summaryOpen);\n\tconst hasDetails = Boolean(details && detailsOpen);\n\tconst layoutStyle: DataViewSidePanelLayoutStyle = {\n\t\t'--data-view-summary-width': summaryWidth,\n\t\t'--data-view-details-width': detailsWidth,\n\t\t...style,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'grid min-h-0 min-w-0 flex-1',\n\t\t\t\thasSummary && hasDetails\n\t\t\t\t\t? 'xl:grid-cols-[minmax(0,1fr)_var(--data-view-summary-width)_var(--data-view-details-width)]'\n\t\t\t\t\t: hasSummary\n\t\t\t\t\t\t? 'xl:grid-cols-[minmax(0,1fr)_var(--data-view-summary-width)]'\n\t\t\t\t\t\t: hasDetails\n\t\t\t\t\t\t\t? 'xl:grid-cols-[minmax(0,1fr)_var(--data-view-details-width)]'\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tstyle={layoutStyle}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className={cn('min-h-0 min-w-0 overflow-auto', mainClassName)}>{children}</div>\n\t\t\t{hasSummary ? (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn('border-base-300 min-h-0 overflow-auto border-t xl:border-t-0 xl:border-l', summaryClassName)}\n\t\t\t\t>\n\t\t\t\t\t{summary}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{hasDetails ? (\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn('border-base-300 min-h-0 overflow-auto border-t xl:border-t-0 xl:border-l', detailsClassName)}\n\t\t\t\t>\n\t\t\t\t\t{details}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n\nexport type DataViewSummaryPanelProps = Omit<ComponentPropsWithRef<'aside'>, 'title'> & {\n\teyebrow?: ReactNode;\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tstatus?: ReactNode;\n\tactions?: ReactNode;\n\tfooter?: ReactNode;\n\tonClose?: () => void;\n\tonExpand?: () => void;\n\tcloseLabel?: string;\n\texpandLabel?: string;\n\tcontentClassName?: string;\n};\n\nexport function DataViewSummaryPanel({\n\teyebrow,\n\ttitle,\n\tdescription,\n\tstatus,\n\tactions,\n\tfooter,\n\tonClose,\n\tonExpand,\n\tcloseLabel = '关闭概要',\n\texpandLabel = '展开详情',\n\tcontentClassName,\n\tchildren,\n\tclassName,\n\t'aria-label': ariaLabel,\n\t...props\n}: DataViewSummaryPanelProps) {\n\treturn (\n\t\t<aside\n\t\t\taria-label={ariaLabel ?? '概要'}\n\t\t\tclassName={cn('bg-base-100 flex min-h-0 flex-col xl:min-h-full', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='border-base-300 border-b px-3 py-3'>\n\t\t\t\t<div className='flex items-start gap-2'>\n\t\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t\t{eyebrow ? (\n\t\t\t\t\t\t\t<div className='text-base-content/45 mb-1 text-[11px] font-semibold uppercase'>{eyebrow}</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<div className='flex flex-wrap items-center gap-2'>\n\t\t\t\t\t\t\t{title ? <h3 className='min-w-0 truncate text-sm font-semibold'>{title}</h3> : null}\n\t\t\t\t\t\t\t{status}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{description ? <div className='text-base-content/65 mt-1 text-xs leading-5'>{description}</div> : null}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='flex shrink-0 items-center gap-1'>\n\t\t\t\t\t\t{actions}\n\t\t\t\t\t\t{onExpand ? (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\t\taria-label={expandLabel}\n\t\t\t\t\t\t\t\ttitle={expandLabel}\n\t\t\t\t\t\t\t\tclassName='hover:bg-base-200 grid size-7 place-items-center rounded'\n\t\t\t\t\t\t\t\tonClick={onExpand}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Maximize2 className='size-3.5' />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{onClose ? (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\t\taria-label={closeLabel}\n\t\t\t\t\t\t\t\ttitle={closeLabel}\n\t\t\t\t\t\t\t\tclassName='hover:bg-base-200 grid size-7 place-items-center rounded'\n\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<X className='size-4' />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className={cn('overflow-auto p-3 xl:min-h-0 xl:flex-1', contentClassName)}>{children}</div>\n\t\t\t{footer ? <div className='border-base-300 border-t p-3'>{footer}</div> : null}\n\t\t</aside>\n\t);\n}\n\nexport type DataViewDetailsPanelProps = Omit<ComponentPropsWithRef<'aside'>, 'title'> & {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tstatus?: ReactNode;\n\tactions?: ReactNode;\n\tfooter?: ReactNode;\n\tonClose?: () => void;\n\tcloseLabel?: string;\n\tcontentClassName?: string;\n};\n\nexport function DataViewDetailsPanel({\n\ttitle,\n\tdescription,\n\tstatus,\n\tactions,\n\tfooter,\n\tonClose,\n\tcloseLabel = '关闭详情',\n\tcontentClassName,\n\tchildren,\n\tclassName,\n\t'aria-label': ariaLabel,\n\t...props\n}: DataViewDetailsPanelProps) {\n\treturn (\n\t\t<aside\n\t\t\taria-label={ariaLabel ?? '展开详情'}\n\t\t\tclassName={cn('bg-base-100 flex min-h-0 flex-col xl:min-h-full', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='border-base-300 border-b px-3 py-3'>\n\t\t\t\t<div className='flex items-start gap-2'>\n\t\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t\t<div className='flex flex-wrap items-center gap-2'>\n\t\t\t\t\t\t\t{title ? <h3 className='min-w-0 truncate text-sm font-semibold'>{title}</h3> : null}\n\t\t\t\t\t\t\t{status}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{description ? <div className='text-base-content/65 mt-1 text-xs leading-5'>{description}</div> : null}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='flex shrink-0 items-center gap-1'>\n\t\t\t\t\t\t{actions}\n\t\t\t\t\t\t{onClose ? (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\t\taria-label={closeLabel}\n\t\t\t\t\t\t\t\ttitle={closeLabel}\n\t\t\t\t\t\t\t\tclassName='hover:bg-base-200 grid size-7 place-items-center rounded'\n\t\t\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<X className='size-4' />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className={cn('overflow-auto p-3 xl:min-h-0 xl:flex-1', contentClassName)}>{children}</div>\n\t\t\t{footer ? <div className='border-base-300 border-t p-3'>{footer}</div> : null}\n\t\t</aside>\n\t);\n}\n\nexport type DataViewSummarySectionProps = Omit<ComponentPropsWithRef<'details'>, 'title'> & {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tmeta?: ReactNode;\n\tcontentClassName?: string;\n};\n\nexport function DataViewSummarySection({\n\ttitle,\n\tdescription,\n\tmeta,\n\tcontentClassName,\n\tchildren,\n\tclassName,\n\t...props\n}: DataViewSummarySectionProps) {\n\treturn (\n\t\t<details className={cn('group border-base-300 bg-base-100 rounded-md border', className)} {...props}>\n\t\t\t<summary className='flex cursor-pointer list-none items-start gap-2 px-3 py-2.5 marker:hidden'>\n\t\t\t\t<ChevronRight className='text-base-content/45 mt-0.5 size-4 shrink-0 transition-transform group-open:rotate-90' />\n\t\t\t\t<span className='min-w-0 flex-1'>\n\t\t\t\t\t<span className='flex flex-wrap items-center gap-2'>\n\t\t\t\t\t\t{title ? <span className='truncate text-sm font-medium'>{title}</span> : null}\n\t\t\t\t\t\t{meta ? <span className='text-base-content/50 text-xs'>{meta}</span> : null}\n\t\t\t\t\t</span>\n\t\t\t\t\t{description ? (\n\t\t\t\t\t\t<span className='text-base-content/60 mt-0.5 block text-xs leading-5'>{description}</span>\n\t\t\t\t\t) : null}\n\t\t\t\t</span>\n\t\t\t</summary>\n\t\t\t<div className={cn('border-base-300 border-t px-3 py-3 text-sm', contentClassName)}>{children}</div>\n\t\t</details>\n\t);\n}\n\nexport type DataViewDetailGridProps = ComponentPropsWithRef<'div'> & {\n\tcolumns?: 1 | 2 | 3;\n};\n\nexport function DataViewDetailGrid({ columns = 2, className, ...props }: DataViewDetailGridProps) {\n\tconst columnClass = {\n\t\t1: 'grid-cols-1',\n\t\t2: 'grid-cols-1 md:grid-cols-2',\n\t\t3: 'grid-cols-1 md:grid-cols-2 xl:grid-cols-3',\n\t}[columns];\n\treturn <div className={cn('grid gap-3', columnClass, className)} {...props} />;\n}\n\nexport type DataViewSearchProps = ComponentPropsWithRef<'input'> & {\n\tcontainerClassName?: string;\n\tonClear?: () => void;\n};\n\nexport function DataViewSearch({\n\tcontainerClassName,\n\tclassName,\n\tvalue,\n\tonClear,\n\t'aria-label': ariaLabel,\n\t...props\n}: DataViewSearchProps) {\n\tconst hasValue = typeof value === 'string' ? value.length > 0 : typeof value === 'number';\n\treturn (\n\t\t<label\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 flex h-[var(--console-control-height)] min-w-48 flex-1 items-center gap-2 border px-2 sm:max-w-80',\n\t\t\t\t'focus-within:border-primary focus-within:ring-primary/30 rounded-md focus-within:ring-1',\n\t\t\t\tcontainerClassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Search className='text-base-content/40 size-4 shrink-0' />\n\t\t\t<input\n\t\t\t\taria-label={ariaLabel ?? '搜索'}\n\t\t\t\tvalue={value}\n\t\t\t\tclassName={cn('placeholder:text-base-content/35 min-w-0 flex-1 bg-transparent text-sm outline-none', className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t{hasValue && onClear ? (\n\t\t\t\t<button\n\t\t\t\t\ttype='button'\n\t\t\t\t\taria-label='清除搜索'\n\t\t\t\t\ttitle='清除搜索'\n\t\t\t\t\tclassName='hover:bg-base-200 grid size-6 place-items-center rounded'\n\t\t\t\t\tonClick={onClear}\n\t\t\t\t>\n\t\t\t\t\t<X className='size-3.5' />\n\t\t\t\t</button>\n\t\t\t) : null}\n\t\t</label>\n\t);\n}\n\nexport type DataViewMode = 'table' | 'grid';\n\nexport type DataViewModeToggleProps = Omit<ComponentPropsWithRef<'div'>, 'onChange'> & {\n\tvalue: DataViewMode;\n\tonValueChange: (value: DataViewMode) => void;\n};\n\nexport function DataViewModeToggle({ value, onValueChange, className, ...props }: DataViewModeToggleProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 flex h-[var(--console-control-height)] items-center border p-0.5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<button\n\t\t\t\ttype='button'\n\t\t\t\taria-label='表格视图'\n\t\t\t\ttitle='表格视图'\n\t\t\t\taria-pressed={value === 'table'}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'grid size-7 place-items-center rounded-sm',\n\t\t\t\t\tvalue === 'table' ? 'bg-primary text-primary-content' : 'hover:bg-base-200',\n\t\t\t\t)}\n\t\t\t\tonClick={() => onValueChange('table')}\n\t\t\t>\n\t\t\t\t<List className='size-4' />\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\ttype='button'\n\t\t\t\taria-label='网格视图'\n\t\t\t\ttitle='网格视图'\n\t\t\t\taria-pressed={value === 'grid'}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'grid size-7 place-items-center rounded-sm',\n\t\t\t\t\tvalue === 'grid' ? 'bg-primary text-primary-content' : 'hover:bg-base-200',\n\t\t\t\t)}\n\t\t\t\tonClick={() => onValueChange('grid')}\n\t\t\t>\n\t\t\t\t<Grid2X2 className='size-4' />\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n\nexport type DataViewTableProps = ComponentPropsWithRef<'table'> & {\n\tcontainerClassName?: string;\n};\n\nexport function DataViewTable({ containerClassName, className, ...props }: DataViewTableProps) {\n\treturn (\n\t\t<div className={cn('h-full min-w-0 overflow-auto', containerClassName)}>\n\t\t\t<table className={cn('w-full min-w-[42rem] border-collapse text-left text-sm', className)} {...props} />\n\t\t</div>\n\t);\n}\n\nexport type DataViewGridProps = ComponentPropsWithRef<'div'>;\n\nexport function DataViewGrid({ className, ...props }: DataViewGridProps) {\n\treturn <div className={cn('grid grid-cols-1 gap-3 p-3 sm:grid-cols-2 xl:grid-cols-3', className)} {...props} />;\n}\n\nexport type DataViewListItemProps = Omit<ComponentPropsWithRef<'button'>, 'title'> & {\n\tselected?: boolean;\n\ticon?: ReactNode;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tmeta?: ReactNode;\n\ttrailing?: ReactNode;\n};\n\nexport function DataViewListItem({\n\tselected,\n\ticon,\n\ttitle,\n\tdescription,\n\tmeta,\n\ttrailing,\n\tclassName,\n\t...props\n}: DataViewListItemProps) {\n\treturn (\n\t\t<button\n\t\t\ttype='button'\n\t\t\taria-pressed={selected}\n\t\t\tclassName={cn(\n\t\t\t\t'border-base-300 bg-base-100 flex min-h-28 w-full items-start gap-3 border p-3 text-left outline-none',\n\t\t\t\t'hover:border-primary/45 hover:bg-base-200/50 focus-visible:ring-primary rounded-md focus-visible:ring-2',\n\t\t\t\tselected && 'border-primary bg-primary/10',\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\t<span className='bg-base-200 text-base-content/60 grid size-8 shrink-0 place-items-center rounded-md'>\n\t\t\t\t\t{icon}\n\t\t\t\t</span>\n\t\t\t) : null}\n\t\t\t<span className='min-w-0 flex-1'>\n\t\t\t\t<span className='flex items-start gap-2'>\n\t\t\t\t\t<span className='min-w-0 flex-1 truncate text-sm font-medium'>{title}</span>\n\t\t\t\t\t{trailing}\n\t\t\t\t</span>\n\t\t\t\t{description ? (\n\t\t\t\t\t<span className='text-base-content/65 mt-1 line-clamp-2 block text-xs leading-5'>{description}</span>\n\t\t\t\t) : null}\n\t\t\t\t{meta ? <span className='text-base-content/65 mt-3 block text-xs'>{meta}</span> : null}\n\t\t\t</span>\n\t\t</button>\n\t);\n}\n\nexport type DataViewDetailProps = Omit<ComponentPropsWithRef<'aside'>, 'title'> & {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tactions?: ReactNode;\n};\n\nexport function DataViewDetail({\n\ttitle,\n\tdescription,\n\tactions,\n\tchildren,\n\tclassName,\n\t'aria-label': ariaLabel,\n\t...props\n}: DataViewDetailProps) {\n\treturn (\n\t\t<aside aria-label={ariaLabel ?? '详情'} className={cn('flex min-h-full flex-col', className)} {...props}>\n\t\t\t<div className='border-base-300 flex items-start gap-2 border-b px-3 py-3'>\n\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t{title ? <h3 className='truncate text-sm font-semibold'>{title}</h3> : null}\n\t\t\t\t\t{description ? <div className='text-base-content/65 mt-0.5 text-xs'>{description}</div> : null}\n\t\t\t\t</div>\n\t\t\t\t{actions}\n\t\t\t</div>\n\t\t\t<div className='min-h-0 flex-1 overflow-auto p-3'>{children}</div>\n\t\t</aside>\n\t);\n}\n\nexport type DataViewFooterProps = ComponentPropsWithRef<'footer'> & {\n\tinfo?: ReactNode;\n\tpagination?: ReactNode;\n\tactions?: ReactNode;\n};\n\nexport function DataViewFooter({ info, pagination, actions, children, className, ...props }: DataViewFooterProps) {\n\treturn (\n\t\t<footer\n\t\t\tclassName={cn('border-base-300 flex min-h-11 flex-wrap items-center gap-2 border-t px-3 py-2 text-xs', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{info ? <div className='text-base-content/65'>{info}</div> : null}\n\t\t\t{children}\n\t\t\t<div className='flex-1' />\n\t\t\t{actions}\n\t\t\t{pagination}\n\t\t</footer>\n\t);\n}\n\nexport type DataViewPaginationProps = Omit<ComponentPropsWithRef<'nav'>, 'onChange'> & {\n\tpage: number;\n\tpageCount: number;\n\tonPageChange: (page: number) => void;\n};\n\nexport function DataViewPagination({ page, pageCount, onPageChange, className, ...props }: DataViewPaginationProps) {\n\tconst safePageCount = Math.max(1, pageCount);\n\treturn (\n\t\t<nav aria-label='分页' className={cn('flex items-center gap-1', className)} {...props}>\n\t\t\t<button\n\t\t\t\ttype='button'\n\t\t\t\taria-label='上一页'\n\t\t\t\ttitle='上一页'\n\t\t\t\tdisabled={page <= 1}\n\t\t\t\tclassName='border-base-300 grid size-7 place-items-center rounded border disabled:cursor-not-allowed disabled:opacity-35'\n\t\t\t\tonClick={() => onPageChange(Math.max(1, page - 1))}\n\t\t\t>\n\t\t\t\t<ChevronLeft className='size-4' />\n\t\t\t</button>\n\t\t\t<span className='text-base-content/65 min-w-16 text-center'>\n\t\t\t\t{page} / {safePageCount}\n\t\t\t</span>\n\t\t\t<button\n\t\t\t\ttype='button'\n\t\t\t\taria-label='下一页'\n\t\t\t\ttitle='下一页'\n\t\t\t\tdisabled={page >= safePageCount}\n\t\t\t\tclassName='border-base-300 grid size-7 place-items-center rounded border disabled:cursor-not-allowed disabled:opacity-35'\n\t\t\t\tonClick={() => onPageChange(Math.min(safePageCount, page + 1))}\n\t\t\t>\n\t\t\t\t<ChevronRight className='size-4' />\n\t\t\t</button>\n\t\t</nav>\n\t);\n}\n\nexport type DataViewEmptyProps = Omit<ComponentPropsWithRef<'div'>, 'title'> & {\n\ticon?: ReactNode;\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\taction?: ReactNode;\n};\n\nexport function DataViewEmpty({\n\ticon,\n\ttitle = '没有数据',\n\tdescription,\n\taction,\n\tclassName,\n\t...props\n}: DataViewEmptyProps) {\n\treturn (\n\t\t<div className={cn('grid min-h-72 place-items-center p-6 text-center', className)} {...props}>\n\t\t\t<div className='max-w-sm'>\n\t\t\t\t{icon ? <div className='text-base-content/40 mx-auto mb-3 grid size-10 place-items-center'>{icon}</div> : null}\n\t\t\t\t<div className='text-sm font-medium'>{title}</div>\n\t\t\t\t{description ? <div className='text-base-content/65 mt-1 text-sm leading-6'>{description}</div> : null}\n\t\t\t\t{action ? <div className='mt-4'>{action}</div> : null}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport type DataViewSelectionBarProps = ComponentPropsWithRef<'div'> & {\n\tcount: number;\n\tactions?: ReactNode;\n};\n\nexport function DataViewSelectionBar({ count, actions, children, className, ...props }: DataViewSelectionBarProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('border-primary/25 bg-primary/8 flex items-center gap-2 border px-3 py-2 text-xs', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className='font-medium'>已选择 {count} 项</span>\n\t\t\t{children}\n\t\t\t<div className='flex-1' />\n\t\t\t{actions}\n\t\t</div>\n\t);\n}\n",
			"type": "registry:component",
			"target": "@components/console-data-view/console-data-view.tsx"
		},
		{
			"path": "registry/default/blocks/console-data-view/console-data-view-ops.tsx",
			"content": "import type { ComponentPropsWithRef, Key, ReactNode } from 'react';\nimport { Children } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DataViewOpsTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\nexport type DataViewHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nconst headingTag: Record<DataViewHeadingLevel, `h${DataViewHeadingLevel}`> = {\n\t2: 'h2',\n\t3: 'h3',\n\t4: 'h4',\n\t5: 'h5',\n\t6: 'h6',\n};\n\nfunction hasRenderableNode(value: ReactNode) {\n\treturn Children.toArray(value).length > 0;\n}\n\nconst toneSurfaceClass: Record<DataViewOpsTone, string> = {\n\tneutral: 'border-base-300 bg-base-200/45',\n\tinfo: 'border-info/35 bg-info/4',\n\tsuccess: 'border-success/35 bg-success/4',\n\twarning: 'border-warning/40 bg-warning/4',\n\tdanger: 'border-error/35 bg-error/4',\n};\n\nconst toneIndicatorClass: Record<DataViewOpsTone, string> = {\n\tneutral: 'bg-base-content/45',\n\tinfo: 'bg-info',\n\tsuccess: 'bg-success',\n\twarning: 'bg-warning',\n\tdanger: 'bg-error',\n};\n\nexport type DataViewMetricCardProps = ComponentPropsWithRef<'article'> & {\n\tlabel: ReactNode;\n\tvalue: ReactNode;\n\ticon?: ReactNode;\n\tstatus?: ReactNode;\n\thint?: ReactNode;\n\ttrend?: ReactNode;\n\tactions?: ReactNode;\n\ttone?: DataViewOpsTone;\n};\n\nexport function DataViewMetricCard({\n\tlabel,\n\tvalue,\n\ticon,\n\tstatus,\n\thint,\n\ttrend,\n\tactions,\n\ttone = 'neutral',\n\tclassName,\n\t...props\n}: DataViewMetricCardProps) {\n\treturn (\n\t\t<article\n\t\t\tdata-slot='data-view-metric-card'\n\t\t\tdata-tone={tone}\n\t\t\tclassName={cn('border-base-300 bg-base-100 min-w-0 rounded-md border p-3', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className='flex min-w-0 items-start gap-3'>\n\t\t\t\t{hasRenderableNode(icon) ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden='true'\n\t\t\t\t\t\tclassName={cn('grid size-9 shrink-0 place-items-center rounded-md border', toneSurfaceClass[tone])}\n\t\t\t\t\t>\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</div>\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 min-w-0 items-start justify-between gap-2'>\n\t\t\t\t\t\t<div className='text-base-content/60 min-w-0 truncate text-xs font-medium'>{label}</div>\n\t\t\t\t\t\t{hasRenderableNode(status) ? <div className='shrink-0'>{status}</div> : null}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className='mt-1 flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-1'>\n\t\t\t\t\t\t<div className='min-w-0 text-xl leading-none font-semibold break-words'>{value}</div>\n\t\t\t\t\t\t{hasRenderableNode(trend) ? <div className='text-base-content/65 text-xs'>{trend}</div> : null}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{hasRenderableNode(actions) ? <div className='shrink-0'>{actions}</div> : null}\n\t\t\t</div>\n\t\t\t{hasRenderableNode(hint) ? <div className='text-base-content/55 mt-3 text-xs leading-5'>{hint}</div> : null}\n\t\t</article>\n\t);\n}\n\nexport type DataViewPanelProps = Omit<ComponentPropsWithRef<'section'>, 'title'> & {\n\teyebrow?: ReactNode;\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\ticon?: ReactNode;\n\tstatus?: ReactNode;\n\tmeta?: ReactNode;\n\tactions?: ReactNode;\n\tfooter?: ReactNode;\n\ttone?: DataViewOpsTone;\n\theadingLevel?: DataViewHeadingLevel;\n\tcontentClassName?: string;\n};\n\nexport function DataViewPanel({\n\teyebrow,\n\ttitle,\n\tdescription,\n\ticon,\n\tstatus,\n\tmeta,\n\tactions,\n\tfooter,\n\ttone = 'neutral',\n\theadingLevel = 2,\n\tcontentClassName,\n\tchildren,\n\tclassName,\n\t...props\n}: DataViewPanelProps) {\n\tconst hasHeader = [eyebrow, title, description, icon, status, meta, actions].some(hasRenderableNode);\n\tconst Heading = headingTag[headingLevel];\n\n\treturn (\n\t\t<section\n\t\t\tdata-slot='data-view-panel'\n\t\t\tdata-tone={tone}\n\t\t\tclassName={cn('border-base-300 bg-base-100 min-w-0 overflow-hidden rounded-md border', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader ? (\n\t\t\t\t<header className='border-base-300 flex flex-wrap items-start gap-3 border-b px-3 py-3'>\n\t\t\t\t\t{hasRenderableNode(icon) ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\taria-hidden='true'\n\t\t\t\t\t\t\tclassName={cn('grid size-8 shrink-0 place-items-center rounded-md border', toneSurfaceClass[tone])}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{icon}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t\t{hasRenderableNode(eyebrow) ? (\n\t\t\t\t\t\t\t<div className='text-base-content/45 mb-1 text-[11px] font-semibold uppercase'>{eyebrow}</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<div className='flex flex-wrap items-center gap-2'>\n\t\t\t\t\t\t\t{hasRenderableNode(title) ? (\n\t\t\t\t\t\t\t\t<Heading className='min-w-0 text-sm font-semibold break-words'>{title}</Heading>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t{status}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{hasRenderableNode(description) ? (\n\t\t\t\t\t\t\t<div className='text-base-content/60 mt-1 text-xs leading-5'>{description}</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{hasRenderableNode(meta) ? <div className='text-base-content/45 mt-1.5 text-xs'>{meta}</div> : null}\n\t\t\t\t\t</div>\n\t\t\t\t\t{hasRenderableNode(actions) ? (\n\t\t\t\t\t\t<div className='flex shrink-0 flex-wrap items-center gap-1'>{actions}</div>\n\t\t\t\t\t) : null}\n\t\t\t\t</header>\n\t\t\t) : null}\n\t\t\t<div className={cn('min-w-0 p-3', contentClassName)}>{children}</div>\n\t\t\t{hasRenderableNode(footer) ? <footer className='border-base-300 border-t px-3 py-2.5'>{footer}</footer> : null}\n\t\t</section>\n\t);\n}\n\nexport type DataViewAttentionListProps = Omit<ComponentPropsWithRef<'section'>, 'title'> & {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tstatus?: ReactNode;\n\tempty?: ReactNode;\n\theadingLevel?: DataViewHeadingLevel;\n\tlistClassName?: string;\n};\n\nexport function DataViewAttentionList({\n\ttitle,\n\tdescription,\n\tstatus,\n\tempty = '暂无需要关注的事项',\n\theadingLevel = 3,\n\tlistClassName,\n\tchildren,\n\tclassName,\n\t'aria-label': ariaLabel,\n\t...props\n}: DataViewAttentionListProps) {\n\tconst items = Children.toArray(children);\n\tconst Heading = headingTag[headingLevel];\n\tconst defaultAriaLabel = typeof title === 'string' && title.trim().length > 0 ? title : '关注事项';\n\tconst hasHeader = [title, description, status].some(hasRenderableNode);\n\n\treturn (\n\t\t<section\n\t\t\tdata-slot='data-view-attention-list'\n\t\t\taria-label={ariaLabel ?? defaultAriaLabel}\n\t\t\tclassName={cn('min-w-0', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasHeader ? (\n\t\t\t\t<header className='mb-2 flex items-start gap-2'>\n\t\t\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t\t\t<div className='flex flex-wrap items-center gap-2'>\n\t\t\t\t\t\t\t{hasRenderableNode(title) ? <Heading className='text-xs font-semibold'>{title}</Heading> : null}\n\t\t\t\t\t\t\t{status}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{hasRenderableNode(description) ? (\n\t\t\t\t\t\t\t<div className='text-base-content/55 mt-0.5 text-xs leading-5'>{description}</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t</header>\n\t\t\t) : null}\n\t\t\t{items.length > 0 ? (\n\t\t\t\t<ul className={cn('grid gap-2', listClassName)}>{items}</ul>\n\t\t\t) : (\n\t\t\t\t<div\n\t\t\t\t\tdata-slot='data-view-attention-empty'\n\t\t\t\t\tclassName='bg-base-200/50 text-base-content/55 rounded-md px-3 py-2 text-xs'\n\t\t\t\t>\n\t\t\t\t\t{empty}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</section>\n\t);\n}\n\nexport type DataViewAttentionItemProps = Omit<ComponentPropsWithRef<'li'>, 'title'> & {\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tmeta?: ReactNode;\n\ticon?: ReactNode;\n\tstatus?: ReactNode;\n\tactions?: ReactNode;\n\ttone?: DataViewOpsTone;\n};\n\nexport function DataViewAttentionItem({\n\ttitle,\n\tdescription,\n\tmeta,\n\ticon,\n\tstatus,\n\tactions,\n\ttone = 'warning',\n\tclassName,\n\t...props\n}: DataViewAttentionItemProps) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot='data-view-attention-item'\n\t\t\tdata-tone={tone}\n\t\t\tclassName={cn(\n\t\t\t\t'flex min-w-0 items-start gap-2.5 rounded-md border border-l-2 px-3 py-2.5',\n\t\t\t\ttoneSurfaceClass[tone],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{hasRenderableNode(icon) ? (\n\t\t\t\t<div className='text-base-content/65 mt-0.5 grid size-4 shrink-0 place-items-center'>{icon}</div>\n\t\t\t) : (\n\t\t\t\t<span aria-hidden='true' className={cn('mt-1.5 size-2 shrink-0 rounded-full', toneIndicatorClass[tone])} />\n\t\t\t)}\n\t\t\t<div className='min-w-0 flex-1'>\n\t\t\t\t<div className='flex min-w-0 flex-wrap items-center gap-2'>\n\t\t\t\t\t<div className='min-w-0 flex-1 text-sm font-medium break-words'>{title}</div>\n\t\t\t\t\t{status}\n\t\t\t\t</div>\n\t\t\t\t{hasRenderableNode(description) ? (\n\t\t\t\t\t<div className='text-base-content/65 mt-0.5 text-xs leading-5 break-words'>{description}</div>\n\t\t\t\t) : null}\n\t\t\t\t{hasRenderableNode(meta) ? <div className='text-base-content/45 mt-1.5 text-xs'>{meta}</div> : null}\n\t\t\t</div>\n\t\t\t{hasRenderableNode(actions) ? <div className='shrink-0'>{actions}</div> : null}\n\t\t</li>\n\t);\n}\n\nexport type DataViewInventoryColumn<Row> = {\n\tid: string;\n\theader: ReactNode;\n\tcell: (row: Row, index: number) => ReactNode;\n\talign?: 'start' | 'center' | 'end';\n\theaderClassName?: string;\n\tcellClassName?: string;\n};\n\nexport type DataViewInventoryTableProps<Row> = Omit<ComponentPropsWithRef<'table'>, 'children'> & {\n\trows: readonly Row[];\n\tcolumns: readonly DataViewInventoryColumn<Row>[];\n\tgetRowKey: (row: Row, index: number) => Key;\n\tcaption?: ReactNode;\n\tempty?: ReactNode;\n\tminWidth?: string | number;\n\tstickyHeader?: boolean;\n\tcontainerClassName?: string;\n\tcaptionClassName?: string;\n\trowClassName?: string | ((row: Row, index: number) => string | undefined);\n};\n\nconst inventoryAlignClass = {\n\tstart: 'text-left',\n\tcenter: 'text-center',\n\tend: 'text-right',\n} as const;\n\nexport function DataViewInventoryTable<Row>({\n\trows,\n\tcolumns,\n\tgetRowKey,\n\tcaption,\n\tempty = '没有库存数据',\n\tminWidth = '42rem',\n\tstickyHeader = true,\n\tcontainerClassName,\n\tcaptionClassName,\n\trowClassName,\n\tclassName,\n\tstyle,\n\t...props\n}: DataViewInventoryTableProps<Row>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot='data-view-inventory-table'\n\t\t\tclassName={cn('border-base-300 min-w-0 overflow-x-auto rounded-md border', containerClassName)}\n\t\t>\n\t\t\t<table\n\t\t\t\tclassName={cn('w-full border-collapse text-left text-sm', className)}\n\t\t\t\tstyle={{ minWidth, ...style }}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{hasRenderableNode(caption) ? <caption className={cn('sr-only', captionClassName)}>{caption}</caption> : null}\n\t\t\t\t<thead className={cn('bg-base-200 text-base-content/60 text-xs', stickyHeader && 'sticky top-0 z-10')}>\n\t\t\t\t\t<tr className='border-base-300 border-b'>\n\t\t\t\t\t\t{columns.map((column) => (\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tkey={column.id}\n\t\t\t\t\t\t\t\tscope='col'\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'px-3 py-2 font-medium',\n\t\t\t\t\t\t\t\t\tinventoryAlignClass[column.align ?? 'start'],\n\t\t\t\t\t\t\t\t\tcolumn.headerClassName,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{column.header}\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody className='divide-base-300 divide-y'>\n\t\t\t\t\t{rows.length > 0 && columns.length > 0 ? (\n\t\t\t\t\t\trows.map((row, rowIndex) => (\n\t\t\t\t\t\t\t<tr\n\t\t\t\t\t\t\t\tkey={getRowKey(row, rowIndex)}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'hover:bg-base-200/40 align-top',\n\t\t\t\t\t\t\t\t\ttypeof rowClassName === 'function' ? rowClassName(row, rowIndex) : rowClassName,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{columns.map((column) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={column.id}\n\t\t\t\t\t\t\t\t\t\tclassName={cn('px-3 py-2.5', inventoryAlignClass[column.align ?? 'start'], column.cellClassName)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{column.cell(row, rowIndex)}\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t))\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td colSpan={Math.max(1, columns.length)} className='text-base-content/55 px-3 py-8 text-center text-sm'>\n\t\t\t\t\t\t\t\t{empty}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t)}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>\n\t);\n}\n",
			"type": "registry:component",
			"target": "@components/console-data-view/console-data-view-ops.tsx"
		},
		{
			"path": "registry/default/blocks/console-data-view/index.ts",
			"content": "export * from './console-data-view';\nexport * from './console-data-view-ops';\n",
			"type": "registry:component",
			"target": "@components/console-data-view/index.ts"
		}
	],
	"type": "registry:block"
}