@james_sww/metaform-asset-distribution 0.1.4 → 0.1.5

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-9c867e4a8af235bc23b527beba0443e0.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9c867e4a8af235bc23b527beba0443e0","files":[{"content":"import { useId, useMemo, useState } from 'react';\nimport { ArrowLeft, History, LoaderCircle, RotateCcw, Search } from 'lucide-react';\nimport { Badge } from '@metaform/design-system/components/ui/badge';\nimport { Button } from '@metaform/design-system/components/ui/button';\nimport { Card, CardContent } from '@metaform/design-system/components/ui/card';\nimport { Input } from '@metaform/design-system/components/ui/input';\nimport { type DisposalHistoryRecord, VERDICT_OPTIONS } from './disposal-history-types';\n\nexport interface DisposalHistoryWorkspaceProps {\n  historyList?: DisposalHistoryRecord[];\n  onReuseHistoryMethod?: (record: DisposalHistoryRecord) => void;\n  onNavigateToDisposal?: () => void;\n  reuseStatus?: { recordId: string; status: 'pending' | 'failed' | 'succeeded'; message?: string };\n}\n\nconst filters = [\n  { key: 'all', label: '全部' },\n  { key: 'pass', label: '合格放行' },\n  { key: 'concess', label: '让步接收' },\n  { key: 'rework', label: '返工处理' },\n  { key: 'down', label: '降级销售' },\n  { key: 'scrap', label: '整批报废' },\n  { key: 'hold', label: '隔离待复检' },\n];\n\nexport function DisposalHistoryWorkspace({ historyList: propHistoryList, onReuseHistoryMethod, onNavigateToDisposal, reuseStatus }: DisposalHistoryWorkspaceProps) {\n  const detailId = useId();\n  const detailHeadingId = useId();\n  const historyList = propHistoryList ?? [];\n  const [searchKeyword, setSearchKeyword] = useState('');\n  const [selectedVerdictFilter, setSelectedVerdictFilter] = useState('all');\n  const [selectedRecordId, setSelectedRecordId] = useState(() => propHistoryList?.[0]?.id ?? '');\n  const [appliedQuery, setAppliedQuery] = useState('');\n  const filteredList = useMemo(() => historyList.filter(item => {\n    const matchesVerdict = selectedVerdictFilter === 'all' || item.verdict === selectedVerdictFilter;\n    const keyword = appliedQuery.trim().toLowerCase();\n    const searchable = [item.id, item.sku, item.defect, item.note, VERDICT_OPTIONS[item.verdict].label];\n    return matchesVerdict && (!keyword || searchable.some(value => value.toLowerCase().includes(keyword)));\n  }), [historyList, appliedQuery, selectedVerdictFilter]);\n  const selectedRecord = filteredList.find(record => record.id === selectedRecordId) ?? filteredList[0];\n  const currentReuse = reuseStatus?.recordId === selectedRecord?.id ? reuseStatus : undefined;\n  const hasFilters = Boolean(searchKeyword || appliedQuery || selectedVerdictFilter !== 'all');\n  const clearFilters = () => { setSearchKeyword(''); setAppliedQuery(''); setSelectedVerdictFilter('all'); };\n\n  return <section className=\"min-w-0 space-y-5 text-foreground\" data-asset=\"quality.disposal-history-workspace\">\n    <header className=\"flex flex-wrap items-start justify-between gap-4\">\n      <div className=\"min-w-0 flex-1 space-y-2\"><div className=\"flex items-center gap-2\"><History aria-hidden=\"true\" className=\"size-5 shrink-0 text-brand\" /><h2 className=\"text-xl font-semibold tracking-tight\">历史处置查询</h2></div><p className=\"max-w-prose text-sm leading-relaxed text-muted-foreground\">回看历史异常、处置说明与验证记录，为当前处置提供参考。</p></div>\n      <Button className=\"min-h-9\" variant=\"outline\" disabled={!onNavigateToDisposal} onClick={() => onNavigateToDisposal?.()}><ArrowLeft aria-hidden=\"true\" className=\"size-4\" />返回待处置工作台</Button>\n    </header>\n\n    <Card className=\"gap-0 border-border py-0 shadow-none\"><CardContent className=\"space-y-4 p-4\">\n      <form role=\"search\" className=\"flex min-w-0 items-end gap-3\" onSubmit={event => { event.preventDefault(); setAppliedQuery(searchKeyword); }}>\n        <label className=\"min-w-0 flex-1 space-y-2 text-sm font-medium\"><span className=\"block\">关键词</span><span className=\"relative block\"><Search aria-hidden=\"true\" className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground\" /><Input aria-label=\"历史处置关键词\" placeholder=\"搜索编号、产品、缺陷或说明\" value={searchKeyword} onChange={event => setSearchKeyword(event.target.value)} className=\"min-h-9 pl-9 text-sm\" /></span></label>\n        <Button className=\"min-h-9\" variant=\"outline\" type=\"submit\">查询</Button>\n        {hasFilters && <Button className=\"min-h-9\" variant=\"outline\" type=\"button\" onClick={clearFilters}>清除筛选</Button>}\n      </form>\n      <div className=\"space-y-2\"><p className=\"text-xs font-medium text-muted-foreground\">处置方式</p><div className=\"flex flex-wrap gap-2\" role=\"group\" aria-label=\"处置方式筛选\">{filters.map(filter => <Button key={filter.key} className=\"min-h-9\" variant={selectedVerdictFilter === filter.key ? 'secondary' : 'outline'} aria-pressed={selectedVerdictFilter === filter.key} onClick={() => setSelectedVerdictFilter(filter.key)}>{filter.label}</Button>)}</div></div>\n    </CardContent></Card>\n\n    <div className=\"grid min-w-0 grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)] items-start gap-4\">\n      <div className=\"min-w-0 space-y-3\">\n        <div className=\"flex flex-wrap items-center justify-between gap-2\"><h3 className=\"font-semibold\">历史记录</h3><p role=\"status\" aria-atomic=\"true\" className=\"text-sm tabular-nums text-muted-foreground\">{appliedQuery.trim() && <>关键词“{appliedQuery.trim()}” · </>}找到 {filteredList.length} 条 · 共 {historyList.length} 条归档</p></div>\n        {filteredList.length ? <div className=\"overflow-hidden rounded-xl border border-border bg-card\">\n          <div role=\"region\" aria-label=\"历史处置记录表，可横向滚动\" tabIndex={0} className=\"overflow-x-auto focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\">\n            <table className=\"w-full text-left text-sm\"><caption className=\"sr-only\">历史处置记录，查看记录后在右侧显示所选详情</caption>\n              <thead className=\"border-b border-border bg-muted/30 text-xs text-muted-foreground\"><tr>{['批次 / 产品', '异常 / 处置', '操作'].map(label => <th key={label} scope=\"col\" className=\"whitespace-nowrap px-4 py-3 font-medium\">{label}</th>)}</tr></thead>\n              <tbody className=\"divide-y divide-border\">{filteredList.map(item => {\n                const option = VERDICT_OPTIONS[item.verdict];\n                const selected = selectedRecord?.id === item.id;\n                return <tr key={item.id} data-state={selected ? 'selected' : undefined} className={selected ? 'bg-brand-soft/40' : 'hover:bg-muted/20'}>\n                  <td className=\"px-3 py-3\"><div className=\"break-all font-medium tabular-nums\">{item.id}</div><div className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">{item.sku} · {item.date}</div></td>\n                  <td className=\"px-3 py-3\"><div className=\"break-words\">{item.defect}</div><div className=\"my-2 text-xs leading-relaxed text-muted-foreground\">不合格 {item.badCount} 片 · {item.rate}</div><Badge className={option.badgeClass} variant=\"outline\">{option.label}</Badge></td>\n                  <td className=\"px-3 py-3\"><Button className=\"min-h-9\" variant={selected ? 'secondary' : 'ghost-neutral'} aria-label={`查看记录 ${item.id}`} aria-pressed={selected} aria-controls={detailId} onClick={() => setSelectedRecordId(item.id)}>查看记录</Button></td>\n                </tr>;\n              })}</tbody>\n            </table>\n          </div>\n        </div> : <div className=\"space-y-3 rounded-xl border border-dashed border-border bg-muted/20 p-6 text-center\"><p role=\"status\" className=\"text-sm leading-relaxed text-muted-foreground\">未找到历史处置记录，请调整关键词或处置方式。</p>{hasFilters && <p className=\"text-xs text-muted-foreground\">可使用上方“清除筛选”恢复全部结果。</p>}</div>}\n      </div>\n\n      {selectedRecord && <div id={detailId} role=\"region\" aria-labelledby={detailHeadingId} className=\"min-w-0\"><Card className=\"gap-0 overflow-hidden border-border py-0 shadow-none\"><CardContent className=\"space-y-4 p-4\">\n        <div className=\"flex min-w-0 flex-wrap items-start justify-between gap-3 border-b border-border pb-4\"><div className=\"min-w-0 space-y-2\"><h3 id={detailHeadingId} className=\"font-semibold\">所选记录详情</h3><p className=\"break-all text-sm font-medium tabular-nums\">{selectedRecord.id}</p><p className=\"break-words text-xs leading-relaxed text-muted-foreground\">{selectedRecord.sku} · {selectedRecord.closedAt} 归档</p></div><Button className=\"h-auto min-h-9 whitespace-normal\" disabled={!onReuseHistoryMethod || currentReuse?.status === 'pending'} onClick={() => onReuseHistoryMethod?.(selectedRecord)}>{currentReuse?.status === 'pending' ? <LoaderCircle aria-hidden=\"true\" className=\"size-4 animate-spin motion-reduce:animate-none\" /> : <RotateCcw aria-hidden=\"true\" className=\"size-4\" />}请求引用此方案</Button></div>\n        {currentReuse && <p role={currentReuse.status === 'failed' ? 'alert' : 'status'} className={`rounded-lg border p-3 text-sm leading-relaxed ${currentReuse.status === 'failed' ? 'border-danger/30 bg-danger-soft text-danger-foreground' : 'border-border bg-muted/30'}`}>{currentReuse.message ?? (currentReuse.status === 'pending' ? '正在请求引用…' : currentReuse.status === 'failed' ? '引用失败，请核对当前处置上下文后重试。' : '引用结果已更新。')}</p>}\n        {!onReuseHistoryMethod && <p className=\"text-sm text-muted-foreground\">当前仅可查阅历史记录，方案引用暂不可用。</p>}\n        <dl className=\"grid min-w-0 grid-cols-2 gap-4\">\n          <div className=\"min-w-0 space-y-2\"><dt className=\"text-xs font-medium text-muted-foreground\">检测异常与数据</dt><dd className=\"break-words text-sm font-medium\">{selectedRecord.defect}</dd><dd className=\"text-sm leading-relaxed text-muted-foreground\">不合格 {selectedRecord.badCount} 片 · {selectedRecord.rate}</dd></div>\n          <div className=\"min-w-0 space-y-2\"><dt className=\"text-xs font-medium text-muted-foreground\">来源处置方案</dt><dd><Badge className={VERDICT_OPTIONS[selectedRecord.verdict].badgeClass} variant=\"outline\">{VERDICT_OPTIONS[selectedRecord.verdict].label}</Badge></dd><dd className=\"break-words text-sm leading-relaxed text-muted-foreground\">{VERDICT_OPTIONS[selectedRecord.verdict].description}</dd></div>\n          <div className=\"col-span-2 min-w-0 space-y-2 border-t border-border pt-4\"><dt className=\"text-xs font-medium text-muted-foreground\">来源验证结论</dt><dd className=\"break-words text-sm leading-relaxed\">{selectedRecord.verificationResult}</dd><dd className=\"text-xs leading-relaxed text-muted-foreground\">归档结论以来源记录为准。</dd></div>\n        </dl>\n        <div className=\"space-y-2 border-t border-border pt-4\"><h4 className=\"text-sm font-medium\">完整处置说明</h4><p className=\"whitespace-pre-wrap break-words text-sm leading-relaxed\">{selectedRecord.note}</p></div>\n        <dl className=\"flex flex-wrap gap-x-8 gap-y-3 border-t border-border pt-4 text-sm\"><div><dt className=\"text-xs text-muted-foreground\">质量主管签署</dt><dd className=\"mt-1 break-words\">{selectedRecord.qaSign}</dd></div><div><dt className=\"text-xs text-muted-foreground\">生产主管签署</dt><dd className=\"mt-1 break-words\">{selectedRecord.prodSign}</dd></div></dl>\n        <p className=\"text-xs leading-relaxed text-muted-foreground\">历史方案仅供参考，是否适用及实际引用结果由当前处置流程确认。</p>\n      </CardContent></Card></div>}\n    </div>\n  </section>;\n}\n","path":"references/metaform/components/business/quality/src/disposal-history-workspace.tsx","target":"~/references/metaform/components/business/quality/src/disposal-history-workspace.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9c867e4a8af235bc23b527beba0443e0","contractRef":"components/business/quality/src/disposal-history-workspace.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-9c867e4a8af235bc23b527beba0443e0","registryDependencies":[],"title":"resource.file.9c867e4a8af235bc23b527beba0443e0","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-9cd18f9ed6a47dfbdcfc0db54592474a.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9cd18f9ed6a47dfbdcfc0db54592474a","files":[{"content":"export default function TypographySmall() {\n  return (\n    <small className=\"text-sm leading-none font-medium\">Email address</small>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/examples/typography-small.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/examples/typography-small.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9cd18f9ed6a47dfbdcfc0db54592474a","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/examples/typography-small.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-9cd18f9ed6a47dfbdcfc0db54592474a","registryDependencies":[],"title":"resource.file.9cd18f9ed6a47dfbdcfc0db54592474a","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-9cdb964fcb178a3f4be356cf03f7240d.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9cdb964fcb178a3f4be356cf03f7240d","files":[{"content":"\"use client\"\n\nimport { Pie, PieChart } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A pie chart with a legend\"\n\nconst chartData = [\n  { browser: \"chrome\", visitors: 275, fill: \"var(--color-chrome)\" },\n  { browser: \"safari\", visitors: 200, fill: \"var(--color-safari)\" },\n  { browser: \"firefox\", visitors: 187, fill: \"var(--color-firefox)\" },\n  { browser: \"edge\", visitors: 173, fill: \"var(--color-edge)\" },\n  { browser: \"other\", visitors: 90, fill: \"var(--color-other)\" },\n]\n\nconst chartConfig = {\n  visitors: {\n    label: \"Visitors\",\n  },\n  chrome: {\n    label: \"Chrome\",\n    color: \"var(--chart-1)\",\n  },\n  safari: {\n    label: \"Safari\",\n    color: \"var(--chart-2)\",\n  },\n  firefox: {\n    label: \"Firefox\",\n    color: \"var(--chart-3)\",\n  },\n  edge: {\n    label: \"Edge\",\n    color: \"var(--chart-4)\",\n  },\n  other: {\n    label: \"Other\",\n    color: \"var(--chart-5)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartPieLegend() {\n  return (\n    <Card className=\"flex flex-col\">\n      <CardHeader className=\"items-center pb-0\">\n        <CardTitle>Pie Chart - Legend</CardTitle>\n        <CardDescription>January - June 2024</CardDescription>\n      </CardHeader>\n      <CardContent className=\"flex-1 pb-0\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[300px]\"\n        >\n          <PieChart>\n            <Pie data={chartData} dataKey=\"visitors\" />\n            <ChartLegend\n              content={<ChartLegendContent nameKey=\"browser\" />}\n              className=\"-translate-y-2 flex-wrap gap-2 *:basis-1/4 *:justify-center\"\n            />\n          </PieChart>\n        </ChartContainer>\n      </CardContent>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-pie-legend.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-pie-legend.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9cdb964fcb178a3f4be356cf03f7240d","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-pie-legend.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-9cdb964fcb178a3f4be356cf03f7240d","registryDependencies":[],"title":"resource.file.9cdb964fcb178a3f4be356cf03f7240d","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-9dd21f3cc913f0547330db095b5a0356.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9dd21f3cc913f0547330db095b5a0356","files":[{"content":"{\n  \"title\": \"视觉流与算法叠加视口：源码 reference 场景与交互\",\n  \"originalScenario\": \"在质检画面上展示传入的视频帧和算法几何标注，维持画面宽高比，按配置显示图层并反馈点击位置。\",\n  \"usageBoundary\": \"直接阅读真实实现及相关类型作为 reference，再依据当前应用本体参考、组合或改写。源码中的原业务名词、Props、聚合结构、状态枚举和固定文案不自动成为目标本体；组件与页面区域不要求一一对应。能力表仅说明已有界面或回调，不承诺真实业务已接通。\",\n  \"source\": {\n    \"implementation\": \"components/business/industry/vision/src/vision-stream-viewport.tsx\",\n    \"provenanceStatus\": \"以当前维护源码为核对依据；未另行认定原型来源或完整还原程度\",\n    \"scope\": \"在质检画面上展示传入的视频帧和算法几何标注，维持画面宽高比，按配置显示图层并反馈点击位置。\",\n    \"evidence\": [\n      {\n        \"path\": \"components/business/industry/vision/src/vision-stream-viewport.tsx\",\n        \"symbols\": [\n          \"VisionStreamViewportProps\",\n          \"VisionStreamViewport\",\n          \"handleClick\"\n        ]\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/spatial-overlay.ts\",\n        \"symbols\": [\n          \"drawSpatialOverlay\"\n        ]\n      }\n    ]\n  },\n  \"preview\": {\n    \"entry\": \"preview/playground/owned-industry.tsx\",\n    \"status\": \"example\",\n    \"description\": \"本地预览使用示例状态和回调，只用于理解界面；不构成当前业务映射或真实设备、服务验证。\"\n  },\n  \"ontologyAlignment\": {\n    \"authority\": \"当前应用本体的对象、属性、关系、状态、单位与操作为依据；源码本身作为 reference，不能从组件数据模型反推目标本体。\",\n    \"applicability\": \"以下角色仅解释原参考场景，不是待创建的对象清单。按当前本体映射，可拆分、组合、改写或不采用。\",\n    \"objects\": [\n      {\n        \"role\": \"frame\",\n        \"meaning\": \"传入的视觉帧\"\n      },\n      {\n        \"role\": \"overlay\",\n        \"meaning\": \"当前帧对应的算法标注\"\n      },\n      {\n        \"role\": \"position\",\n        \"meaning\": \"视口内点击坐标\"\n      }\n    ],\n    \"relations\": [\n      \"帧关联算法输出及其坐标系\"\n    ],\n    \"mappingRequired\": [\n      \"核对当前对象、属性及实例的稳定标识与采用版本\",\n      \"核对属性类型、单位、枚举和空值含义\",\n      \"核对关系标识、方向、基数、查询范围和关联键\",\n      \"核对本体操作的输入输出、权限、失败、并发与重复请求语义\",\n      \"确定受控展示状态与真实业务状态的转换，保留未确定部分\"\n    ],\n    \"gapsInOriginalComponent\": [\n      \"没有直接创建 WebSocket / WebRTC 连接或执行算法；数据源由宿主提供\",\n      \"无帧时会画工业示意；默认设备已就绪文案并不证明设备在线，应用应传 placeholder / hudOverlay\",\n      \"帧与算法结果的时序配对、原始分辨率换算、标定与证据保存需补齐\",\n      \"没有内置图层开关控件或 T 键抓拍处理，控件与快捷键由上层实现\"\n    ]\n  },\n  \"interaction\": {\n    \"summary\": \"视觉流与算法叠加视口\",\n    \"summarySupport\": \"existing\",\n    \"existingCapabilities\": [\n      \"底层帧与顶层算法标注双画布渲染\",\n      \"按宽高比适配视口及尺寸变化\",\n      \"边界框、中线、角点、污点等图层配置\",\n      \"点击返回客户区、画布显示坐标和归一化坐标\",\n      \"LIVE / FROZEN 展示与自定义占位和 HUD\"\n    ],\n    \"steps\": [\n      {\n        \"id\": \"step-1\",\n        \"support\": \"existing\",\n        \"intent\": \"展示帧和叠加结果\",\n        \"effect\": \"frame / overlays / layersConfig 为输入；drawSpatialOverlay 绘制当前结果。\"\n      },\n      {\n        \"id\": \"step-2\",\n        \"support\": \"existing\",\n        \"intent\": \"适配画面比例\",\n        \"effect\": \"aspectRatio 交给 AspectFitViewport；缺省使用 16/9。\"\n      },\n      {\n        \"id\": \"step-3\",\n        \"support\": \"existing\",\n        \"intent\": \"反馈点击位置\",\n        \"effect\": \"onCanvasClick 的 canvasX/Y 是显示区域像素；relativeX/Y 为归一化位置，不直接等于相机原始像素。\"\n      },\n      {\n        \"id\": \"step-4\",\n        \"support\": \"host-extension\",\n        \"intent\": \"接入设备并冻结采集\",\n        \"effect\": \"视口不创建采集会话；frame、isLive、isFrozen 由宿主控制，冻结标记不会阻止后续 frame 更新。\"\n      }\n    ],\n    \"states\": [\n      \"isLive\",\n      \"isFrozen\",\n      \"无 frame 时占位或合成画面\",\n      \"layersConfig\"\n    ],\n    \"applicationStatesToDesign\": [\n      \"当前查询或操作未绑定时的待接入状态\",\n      \"真实授权、失败恢复与上下文失效处理\",\n      \"目标本体要求而原实现缺少的状态和门禁\"\n    ]\n  },\n  \"adaptation\": {\n    \"preserve\": [\n      \"业务对象语义\",\n      \"原始数据、判定与业务操作的边界\",\n      \"关键交互及其真实源码依据\"\n    ],\n    \"variable\": [\n      \"当前本体映射\",\n      \"属性与关联投影\",\n      \"布局、区域拆合与视觉细节\",\n      \"宿主回调绑定和补充状态\"\n    ],\n    \"exampleOnly\": [\n      \"预览中的实例、计数和固定业务值\",\n      \"演示适配器和本地操作结果\",\n      \"未经当前本体确认的原组件命名和默认文案\"\n    ]\n  },\n  \"pattern\": {\n    \"schemaVersion\": 1,\n    \"readingGuide\": \"先结合当前应用本体阅读业务目的、ASCII 布局和对象角色，判断整体、局部或组合参考价值；再按 sourceReadingOrder 直接读取源码。界面相似不是采用充分条件，没有近乎同名的组件也允许参考其中一部分。\",\n    \"business\": {\n      \"actor\": \"查看视觉画面的操作员；组件本身不承载岗位流程\",\n      \"trigger\": \"已有帧或标注数据需要在同一画面呈现\",\n      \"goal\": \"在质检画面上展示传入的视频帧和算法几何标注，维持画面宽高比，按配置显示图层并反馈点击位置。\",\n      \"workUnit\": \"一帧图像及对应坐标系\",\n      \"boundary\": \"直接阅读真实实现及相关类型作为 reference，再依据当前应用本体参考、组合或改写。源码中的原业务名词、Props、聚合结构、状态枚举和固定文案不自动成为目标本体；组件与页面区域不要求一一对应。能力表仅说明已有界面或回调，不承诺真实业务已接通。\"\n    },\n    \"layout\": {\n      \"basis\": \"source-observed\",\n      \"summary\": \"aspect-fit-frame / video-canvas / overlay-canvas / hud-and-placeholder\",\n      \"desktopAscii\": \"+--------------------------------------------------------------------+\\n| 按 aspectRatio 锁定比例的画面容器                                  |\\n| +---------------- 同一画面坐标区域 ----------------+               |\\n| | HUD 层（宿主提供）                              |                |\\n| | 叠加画布: 边界框 / 中线 / 角点 / 污点            |               |\\n| | 帧画布: 输入帧；缺帧时合成示意                   |               |\\n| | 点击 -> 显示区域坐标与归一化坐标                 |               |\\n| +--------------------------------------------------+               |\\n| 占位提示按 frame / isLive / isFrozen 条件显示                      |\\n+--------------------------------------------------------------------+\",\n      \"zones\": [\n        \"aspect-fit-frame\",\n        \"video-canvas\",\n        \"overlay-canvas\",\n        \"hud-and-placeholder\"\n      ],\n      \"narrow\": {\n        \"basis\": \"source-observed\",\n        \"ascii\": \"+--------------------------------------------------------------------+\\n| 同一双画布视口缩小                                                 |\\n| 保持输入宽高比                                                     |\\n| HUD 和文字仍需宿主检查可读性                                       |\\n+--------------------------------------------------------------------+\",\n        \"description\": \"按源码已有规则概括；图中附加建议仍待实现，未做本轮浏览器响应式验收。\"\n      },\n      \"evidencePaths\": [\n        \"components/business/industry/vision/src/vision-stream-viewport.tsx\"\n      ],\n      \"interpretation\": \"ASCII 概括实际分区与信息顺序，不固定尺寸、数据量、字段或页面区域；问号表示可选入口，括号注明条件。\"\n    },\n    \"objectRequirements\": {\n      \"interpretation\": \"以下是原范式所需的业务信息角色，不是目标本体对象表或必建清单。当前应用本体决定对象、关系、属性、单位、版本及操作；展示聚合可由现有多个对象投影而来。\",\n      \"core\": [\n        {\n          \"role\": \"frame\",\n          \"meaning\": \"传入的视觉帧\",\n          \"information\": \"图像帧与原始尺寸/时间身份\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        },\n        {\n          \"role\": \"overlay\",\n          \"meaning\": \"当前帧对应的算法标注\",\n          \"information\": \"与该帧对应的算法输出和坐标\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        }\n      ],\n      \"supporting\": [\n        {\n          \"role\": \"position\",\n          \"meaning\": \"视口内点击坐标\",\n          \"requirementScope\": \"按当前任务需要决定是否采用；不自动新建同名对象。\"\n        }\n      ],\n      \"relations\": [\n        \"帧关联算法输出及其坐标系\"\n      ],\n      \"presentationOnly\": [\n        \"aspect-fit-frame\",\n        \"video-canvas\",\n        \"overlay-canvas\",\n        \"hud-and-placeholder\",\n        \"viewportSize；不保存业务选择\"\n      ],\n      \"mappingQuestions\": [\n        \"帧身份、尺寸和标注坐标系\",\n        \"显示坐标与原始相机像素的换算\"\n      ]\n    },\n    \"dataProjection\": {\n      \"inputs\": [\n        \"frame、overlays、layersConfig、aspectRatio\",\n        \"isLive、isFrozen、placeholder、hudOverlay\"\n      ],\n      \"derived\": [\n        \"容器画布尺寸\",\n        \"点击位置的显示像素与归一化比例\"\n      ],\n      \"localUiState\": [\n        \"viewportSize；不保存业务选择\"\n      ],\n      \"outputs\": [\n        \"onCanvasClick 坐标回调\"\n      ],\n      \"scope\": \"仅解释当前源码的数据流；查询、持久化及授权均须按当前本体操作另行核对，空数组不等于未知业务计数。\"\n    },\n    \"interactionFlow\": {\n      \"ascii\": \"宿主传入帧/标注 -> 双画布渲染\\n容器变更 -> 调整画布尺寸\\n点击 -> 回传坐标；采集与业务状态由上层控制\",\n      \"existingStates\": [\n        \"isLive\",\n        \"isFrozen\",\n        \"无 frame 时占位或合成画面\",\n        \"layersConfig\"\n      ],\n      \"hostResponsibilities\": [\n        \"视口不创建采集会话；frame、isLive、isFrozen 由宿主控制，冻结标记不会阻止后续 frame 更新。\"\n      ],\n      \"stateDistinction\": \"界面选择、展开、忙态不自动等于业务状态迁移；回调已触发不证明写入成功。静态展示项没有输出命令。\"\n    },\n    \"composition\": {\n      \"parts\": [\n        \"同坐标系双画布叠加\",\n        \"按比例适配视口\",\n        \"点击坐标投影\"\n      ],\n      \"with\": [\n        {\n          \"assetId\": \"industry.qcvision-station-terminal\",\n          \"support\": \"source-composed\",\n          \"coordination\": \"作为工位终端的实际子组件；终端向它提供 frame、overlays 和状态。\"\n        }\n      ],\n      \"sharedContext\": [\n        \"帧身份、尺寸和标注坐标系\",\n        \"显示坐标与原始相机像素的换算\"\n      ],\n      \"coordination\": \"source-composed 表示可在实际源码中定位的父子采用关系（可能由对方作为父组件）；adaptation-proposal 是可选组合建议，尚无自动接线。由页面协调器按当前本体传递稳定上下文、数据与动作。\"\n    },\n    \"reuse\": {\n      \"wholeWhen\": [\n        \"目标需要展示兼容帧和 VisionInspectResult 标注，且采集来源由上层负责。\",\n        \"仍须核对真实 Props、必需回调、metadata.selection 的采用/排除条件、版本和依赖；参考价值不代表 CLI 可安装。\"\n      ],\n      \"parts\": [\n        \"同坐标系双画布叠加\",\n        \"按比例适配视口\",\n        \"点击坐标投影\"\n      ],\n      \"adaptWhen\": [\n        \"其他图像标注场景可参考分层画布；需要改写标注类型、坐标变换和占位文案。\"\n      ],\n      \"avoidWhen\": [\n        \"不能将该视口当作采集服务、冻结缓存或视觉检测算法。\"\n      ],\n      \"decision\": \"先说明哪些业务语义和信息组织相近，再列采用部分、改写部分、缺口和源码依据；最终可复用/需组合/无匹配由 AI 对照当前合同判断，不由名称或相似度阈值直接决定。\"\n    },\n    \"sourceReadingOrder\": [\n      {\n        \"path\": \"components/business/industry/vision/src/vision-stream-viewport.tsx\",\n        \"symbols\": [],\n        \"purpose\": \"先看真实渲染分区、受控输入和事件出口，与 ASCII 对照；不要从图示推断额外能力。\"\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/spatial-overlay.ts\",\n        \"symbols\": [\n          \"drawSpatialOverlay\"\n        ],\n        \"purpose\": \"核对真实类型、回调、数据处理及边界。\"\n      }\n    ]\n  }\n}\n","path":"references/metaform/components/business/industry/vision/src/vision-stream-viewport.reference.json","target":"~/references/metaform/components/business/industry/vision/src/vision-stream-viewport.reference.json","type":"registry:file"}],"meta":{"assetId":"resource.file.9dd21f3cc913f0547330db095b5a0356","contractRef":"components/business/industry/vision/src/vision-stream-viewport.reference.json","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-9dd21f3cc913f0547330db095b5a0356","registryDependencies":[],"title":"resource.file.9dd21f3cc913f0547330db095b5a0356","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-9e3a37d4c39f1f45334ff7578bd9ae91.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9e3a37d4c39f1f45334ff7578bd9ae91","files":[{"content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\nimport { Slot } from \"radix-ui\"\n\nconst badgeVariants = cva(\n  \"cn-badge group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"cn-badge-variant-default\",\n        secondary: \"cn-badge-variant-secondary\",\n        destructive: \"cn-badge-variant-destructive\",\n        outline: \"cn-badge-variant-outline\",\n        ghost: \"cn-badge-variant-ghost\",\n        link: \"cn-badge-variant-link\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","path":"src/components/vendor/shadcn/radix/ui/badge.tsx","target":"~/src/components/vendor/shadcn/radix/ui/badge.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9e3a37d4c39f1f45334ff7578bd9ae91","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/badge.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-9e3a37d4c39f1f45334ff7578bd9ae91","registryDependencies":[],"title":"resource.file.9e3a37d4c39f1f45334ff7578bd9ae91","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-9e83220a1aa446487a28b4fa4ca46301.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9e83220a1aa446487a28b4fa4ca46301","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { XIcon } from \"lucide-react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\n\nimport { Button } from \"./button\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n","path":"src/components/vendor/shadcn/new-york-v4/ui/dialog.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/dialog.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9e83220a1aa446487a28b4fa4ca46301","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/dialog.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-9e83220a1aa446487a28b4fa4ca46301","registryDependencies":[],"title":"resource.file.9e83220a1aa446487a28b4fa4ca46301","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-9ef543a30c33ca647b210bb53edea882.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9ef543a30c33ca647b210bb53edea882","files":[{"content":"import * as React from 'react';\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\nimport { Select as SelectPrimitive } from 'radix-ui';\n\nimport { cn } from '@metaform/design-system/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-full items-center justify-between gap-2 rounded-md border border-input bg-card px-3 py-2 text-sm text-foreground shadow-xs transition-colors outline-none cursor-pointer hover:border-foreground/30 focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/25 disabled:bg-muted/50 disabled:text-muted-foreground disabled:border-border/60 disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 data-[size=sm]:text-xs data-[size=sm]:px-2.5 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground hover:[&_svg]:text-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-75 transition-colors\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  align = 'start',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-2 py-1.5 text-xs text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span\n        data-slot=\"select-item-indicator\"\n        className=\"absolute right-2 flex size-3.5 items-center justify-center\"\n      >\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('pointer-events-none -mx-1 my-1 h-px bg-border', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n","path":"references/metaform/vendor/design-system/src/components/ui/select.tsx","target":"~/references/metaform/vendor/design-system/src/components/ui/select.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9ef543a30c33ca647b210bb53edea882","contractRef":"vendor/design-system/src/components/ui/select.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-9ef543a30c33ca647b210bb53edea882","registryDependencies":[],"title":"resource.file.9ef543a30c33ca647b210bb53edea882","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-9f66a0ca72050bb191480227553e2b19.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9f66a0ca72050bb191480227553e2b19","files":[{"content":"// Tremor Toaster [v0.0.0]\n\n\"use client\"\n\nimport { useToast } from \"../../hooks/useToast\"\nimport { Toast, ToastProvider, ToastViewport } from \"./Toast\"\n\nconst Toaster = () => {\n  const { toasts } = useToast()\n\n  return (\n    <ToastProvider swipeDirection=\"right\">\n      {toasts.map(({ id, ...props }) => {\n        return <Toast key={id} {...props} />\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  )\n}\n\nexport { Toaster }\n","path":"src/components/vendor/tremor/components/Toast/Toaster.tsx","target":"~/src/components/vendor/tremor/components/Toast/Toaster.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9f66a0ca72050bb191480227553e2b19","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/Toast/Toaster.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-9f66a0ca72050bb191480227553e2b19","registryDependencies":[],"title":"resource.file.9f66a0ca72050bb191480227553e2b19","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a056d0626ce7e3e16affa22ebaddf3a6.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a056d0626ce7e3e16affa22ebaddf3a6","files":[{"content":"export default function TypographyH4() {\n  return (\n    <h4 className=\"scroll-m-20 text-xl font-semibold tracking-tight\">\n      People stopped telling jokes\n    </h4>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/examples/typography-h4.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/examples/typography-h4.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a056d0626ce7e3e16affa22ebaddf3a6","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/examples/typography-h4.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a056d0626ce7e3e16affa22ebaddf3a6","registryDependencies":[],"title":"resource.file.a056d0626ce7e3e16affa22ebaddf3a6","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a0947a0b8da0b546c5945dbbb84ea6f4.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a0947a0b8da0b546c5945dbbb84ea6f4","files":[{"content":"\"use client\"\n\nimport { cn } from \"../../lib/utils\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ResizablePrimitive.GroupProps) {\n  return (\n    <ResizablePrimitive.Group\n      data-slot=\"resizable-panel-group\"\n      className={cn(\n        \"cn-resizable-panel-group flex h-full w-full aria-[orientation=vertical]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ResizablePanel({ ...props }: ResizablePrimitive.PanelProps) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.SeparatorProps & {\n  withHandle?: boolean\n}) {\n  return (\n    <ResizablePrimitive.Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"cn-resizable-handle relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90\",\n        className\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"cn-resizable-handle-icon z-10 flex shrink-0\" />\n      )}\n    </ResizablePrimitive.Separator>\n  )\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup }\n","path":"src/components/vendor/shadcn/radix/ui/resizable.tsx","target":"~/src/components/vendor/shadcn/radix/ui/resizable.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a0947a0b8da0b546c5945dbbb84ea6f4","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/resizable.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a0947a0b8da0b546c5945dbbb84ea6f4","registryDependencies":[],"title":"resource.file.a0947a0b8da0b546c5945dbbb84ea6f4","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a09bde56c795c855955fdfc9300f181d.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a09bde56c795c855955fdfc9300f181d","files":[{"content":"import { cn } from \"../../lib/utils\"\nimport { Loader2Icon } from \"lucide-react\"\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <Loader2Icon\n      role=\"status\"\n      aria-label=\"Loading\"\n      className={cn(\"size-4 animate-spin\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Spinner }\n","path":"src/components/vendor/shadcn/new-york-v4/ui/spinner.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/spinner.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a09bde56c795c855955fdfc9300f181d","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/spinner.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a09bde56c795c855955fdfc9300f181d","registryDependencies":[],"title":"resource.file.a09bde56c795c855955fdfc9300f181d","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a0bb37e5c5f592bba526377ea4e216a0.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a0bb37e5c5f592bba526377ea4e216a0","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { format } from \"date-fns\"\nimport { CalendarIcon } from \"lucide-react\"\n\nimport { Button } from \"../ui/button\"\nimport { Calendar } from \"../ui/calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../ui/popover\"\n\nexport default function DatePickerDemo() {\n  const [date, setDate] = React.useState<Date>()\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant={\"outline\"}\n          className={cn(\n            \"w-[240px] justify-start text-left font-normal\",\n            !date && \"text-muted-foreground\"\n          )}\n        >\n          <CalendarIcon />\n          {date ? format(date, \"PPP\") : <span>Pick a date</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <Calendar\n          mode=\"single\"\n          selected={date}\n          onSelect={setDate}\n          autoFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/examples/date-picker-demo.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/examples/date-picker-demo.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a0bb37e5c5f592bba526377ea4e216a0","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/examples/date-picker-demo.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a0bb37e5c5f592bba526377ea4e216a0","registryDependencies":[],"title":"resource.file.a0bb37e5c5f592bba526377ea4e216a0","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a109f50262b145b7e3a98861037d6ae6.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a109f50262b145b7e3a98861037d6ae6","files":[{"content":"import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useRealtimeStream } from './runtime/use-realtime-stream';\n\nimport { QcVisionApiClient } from './qcvision-api-client';\nimport type {\n  PipelineGroup,\n  QcVisionConnectionOptions,\n  QcVisionDemoAdapter,\n  QcVisionSessionState,\n  VisionInspectResult,\n} from './types';\n\nconst IDLE_SESSION: QcVisionSessionState = {\n  state: 'idle',\n  running: false,\n  can_capture: false,\n  can_confirm: false,\n  can_cancel: false,\n};\n\nexport interface UseQcVisionStationOptions {\n  enabled: boolean;\n  connection?: QcVisionConnectionOptions;\n  group: PipelineGroup;\n  demoAdapter?: QcVisionDemoAdapter;\n  production?: { batch?: string; line?: string; task?: string; oper?: string };\n}\n\nexport function useQcVisionStation({\n  enabled,\n  connection,\n  group,\n  demoAdapter,\n  production,\n}: UseQcVisionStationOptions) {\n  const requestedMode = connection?.mode ?? (connection?.baseUrl ? 'live' : 'demo');\n  const initialMode = requestedMode === 'live' ? 'live' : connection?.baseUrl ? 'live' : 'demo';\n  const [runtimeMode, setRuntimeMode] = useState<'demo' | 'live'>(initialMode);\n  const [session, setSession] = useState<QcVisionSessionState>(IDLE_SESSION);\n  const [result, setResult] = useState<VisionInspectResult | null>(null);\n  const [asrText, setAsrText] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const client = useMemo(\n    () => new QcVisionApiClient({ baseUrl: connection?.baseUrl }),\n    [connection?.baseUrl],\n  );\n  const live = enabled && runtimeMode === 'live';\n  const frameStream = useRealtimeStream(\n    live\n      ? {\n          url: client.endpoints.frameWs,\n          autoReconnect: connection?.autoReconnect ?? true,\n          grabLatest: true,\n        }\n      : null,\n  );\n\n  useEffect(() => {\n    if (requestedMode === 'demo') {\n      setRuntimeMode('demo');\n    } else if (requestedMode === 'live') {\n      setRuntimeMode('live');\n    } else {\n      setRuntimeMode(connection?.baseUrl ? 'live' : 'demo');\n    }\n  }, [connection?.baseUrl, requestedMode]);\n\n  useEffect(() => {\n    if (!enabled) {\n      setSession(IDLE_SESSION);\n      setResult(null);\n      setAsrText('');\n      return;\n    }\n    if (runtimeMode === 'demo') {\n      setSession(IDLE_SESSION);\n      return;\n    }\n\n    let active = true;\n    client\n      .getSession<{ state: QcVisionSessionState }>()\n      .then((payload) => {\n        if (active) setSession(payload.state);\n      })\n      .catch((reason: unknown) => {\n        if (!active) return;\n        if (requestedMode === 'auto') {\n          setRuntimeMode('demo');\n          setError('质检服务不可用，已切换到本地运行模式');\n        } else {\n          setError(reason instanceof Error ? reason.message : String(reason));\n        }\n      });\n    return () => {\n      active = false;\n    };\n  }, [client, enabled, requestedMode, runtimeMode]);\n\n  useEffect(() => {\n    if (!live) return;\n    const sockets = [\n      {\n        url: client.endpoints.inspectWs,\n        onMessage: (payload: Record<string, unknown>) => {\n          if (payload.cleared) setResult(null);\n          else if (!payload.ping) setResult(payload as VisionInspectResult);\n        },\n      },\n      {\n        url: client.endpoints.statusWs,\n        onMessage: (payload: Record<string, unknown>) => {\n          if (!payload.ping && payload.state)\n            setSession(payload as unknown as QcVisionSessionState);\n        },\n      },\n      {\n        url: client.endpoints.asrWs,\n        onMessage: (payload: Record<string, unknown>) => {\n          if (!payload.ping && typeof payload.text === 'string') setAsrText(payload.text);\n        },\n      },\n    ].map(({ url, onMessage }) => {\n      const socket = new WebSocket(url);\n      socket.onmessage = (event) => {\n        try {\n          onMessage(JSON.parse(String(event.data)) as Record<string, unknown>);\n        } catch {\n          setError('收到无法解析的质检服务消息');\n        }\n      };\n      socket.onerror = () => setError(`连接失败：${url}`);\n      return socket;\n    });\n    return () => sockets.forEach((socket) => socket.close());\n  }, [client, live]);\n\n  useEffect(() => {\n    if (!live || !production || !Object.values(production).some(Boolean)) return;\n    void client.setProduction(production).catch(() => undefined);\n  }, [client, live, production]);\n\n  const run = useCallback(async (operation: () => Promise<unknown>) => {\n    setBusy(true);\n    setError(null);\n    try {\n      await operation();\n    } catch (reason) {\n      setError(reason instanceof Error ? reason.message : String(reason));\n      throw reason;\n    } finally {\n      setBusy(false);\n    }\n  }, []);\n\n  const start = useCallback(async () => {\n    if (runtimeMode === 'demo') {\n      setSession(\n        (current) => demoAdapter?.createSession('capturing', current.asr_running) ?? IDLE_SESSION,\n      );\n      return;\n    }\n    await run(() => client.startSession('trigger'));\n    setSession((current) => ({ ...current, state: 'capturing', running: true, can_capture: true }));\n  }, [client, run, runtimeMode]);\n\n  const capture = useCallback(async () => {\n    setResult(null);\n    if (runtimeMode === 'demo') {\n      if (demoAdapter) {\n        setResult(demoAdapter.createResult(group));\n        setSession((current) => demoAdapter.createSession('inspecting', current.asr_running));\n      } else {\n        setError('演示模式缺少 demoAdapter');\n      }\n      return;\n    }\n    await run(() => client.capture());\n    setSession((current) => ({\n      ...current,\n      state: 'inspecting',\n      can_confirm: true,\n      can_cancel: true,\n    }));\n  }, [client, group, run, runtimeMode]);\n\n  const confirm = useCallback(async () => {\n    if (runtimeMode !== 'demo') await run(() => client.confirm());\n    setSession(\n      (current) => demoAdapter?.createSession('capturing', current.asr_running) ?? current,\n    );\n    setResult(null);\n  }, [client, demoAdapter, run, runtimeMode]);\n\n  const cancel = useCallback(async () => {\n    if (runtimeMode !== 'demo') await run(() => client.cancel());\n    setSession(\n      (current) => demoAdapter?.createSession('capturing', current.asr_running) ?? current,\n    );\n    setResult(null);\n  }, [client, demoAdapter, run, runtimeMode]);\n\n  const stop = useCallback(async () => {\n    if (runtimeMode !== 'demo') await run(() => client.stopSession());\n    setSession(IDLE_SESSION);\n    setResult(null);\n  }, [client, run, runtimeMode]);\n\n  const toggleAsr = useCallback(async () => {\n    const next = !session.asr_running;\n    if (runtimeMode !== 'demo') await run(() => (next ? client.startAsr() : client.stopAsr()));\n    setSession((current) => ({\n      ...current,\n      asr_running: next,\n      voice_mode: next ? 'intent' : 'off',\n    }));\n    if (runtimeMode === 'demo') setAsrText(demoAdapter?.getAsrText?.(next) ?? '');\n  }, [client, demoAdapter, run, runtimeMode, session.asr_running]);\n\n  return {\n    mode: runtimeMode,\n    client,\n    session,\n    result,\n    frame: frameStream.lastPacket?.image ?? null,\n    frameMeta: frameStream.lastPacket?.meta ?? null,\n    connectionState: runtimeMode === 'demo' ? ('connected' as const) : frameStream.state,\n    asrText,\n    error,\n    busy,\n    start,\n    stop,\n    capture,\n    confirm,\n    cancel,\n    toggleAsr,\n    setMode: setRuntimeMode,\n  };\n}\n","path":"references/metaform/components/business/industry/vision/src/use-qcvision-station.ts","target":"~/references/metaform/components/business/industry/vision/src/use-qcvision-station.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.a109f50262b145b7e3a98861037d6ae6","contractRef":"components/business/industry/vision/src/use-qcvision-station.ts","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a109f50262b145b7e3a98861037d6ae6","registryDependencies":[],"title":"resource.file.a109f50262b145b7e3a98861037d6ae6","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a1aac3bde8a654c7084647ce8c0cfe4f.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a1aac3bde8a654c7084647ce8c0cfe4f","files":[{"content":"import React, { type CSSProperties, type ReactNode, useEffect, useRef, useState } from \"react\";\n\nexport interface AspectFitViewportProps {\n  /** 目标宽高比，默认为 16/9 */\n  aspectRatio?: number;\n  /** 外层容器类名 */\n  className?: string;\n  /** 外层容器内联样式 */\n  style?: CSSProperties;\n  /** 画布框类名 */\n  frameClassName?: string;\n  /** 尺寸计算回调 */\n  onResize?: (dimensions: { width: number; height: number; aspectRatio: number }) => void;\n  children?: ReactNode;\n}\n\nexport function AspectFitViewport({\n  aspectRatio = 16 / 9,\n  className = '',\n  style,\n  frameClassName = '',\n  onResize,\n  children,\n}: AspectFitViewportProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [frameSize, setFrameSize] = useState<{ width: number; height: number }>({\n    width: 0,\n    height: 0,\n  });\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    let raf1: number | null = null;\n    let raf2: number | null = null;\n\n    const computeSize = () => {\n      const aw = el.clientWidth;\n      const ah = el.clientHeight;\n      if (!aw || !ah) return;\n\n      const ar = aspectRatio > 0 ? aspectRatio : 16 / 9;\n      let w = aw;\n      let h = aw / ar;\n\n      if (h > ah) {\n        h = ah;\n        w = ah * ar;\n      }\n\n      const nextWidth = Math.round(w);\n      const nextHeight = Math.round(h);\n\n      setFrameSize((prev) => {\n        if (prev.width === nextWidth && prev.height === nextHeight) return prev;\n        return { width: nextWidth, height: nextHeight };\n      });\n\n      onResize?.({ width: nextWidth, height: nextHeight, aspectRatio: ar });\n    };\n\n    const handleResize = () => {\n      if (raf1) cancelAnimationFrame(raf1);\n      if (raf2) cancelAnimationFrame(raf2);\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(computeSize);\n      });\n    };\n\n    computeSize();\n\n    let observer: ResizeObserver | null = null;\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(handleResize);\n      observer.observe(el);\n    }\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      if (raf1) cancelAnimationFrame(raf1);\n      if (raf2) cancelAnimationFrame(raf2);\n      if (observer) observer.disconnect();\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [aspectRatio, onResize]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={`relative w-full h-full min-w-0 min-h-0 flex items-center justify-center ${className}`}\n      style={style}\n    >\n      <div\n        className={`relative overflow-hidden bg-black border border-slate-700/60 rounded-lg shadow-inner ${frameClassName}`}\n        style={{\n          width: frameSize.width > 0 ? `${frameSize.width}px` : '100%',\n          height: frameSize.height > 0 ? `${frameSize.height}px` : '100%',\n          maxWidth: '100%',\n          maxHeight: '100%',\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n","path":"src/asset-internals/capabilities/aspect-fit-viewport/AspectFitViewport.tsx","target":"~/src/asset-internals/capabilities/aspect-fit-viewport/AspectFitViewport.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a1aac3bde8a654c7084647ce8c0cfe4f","contractRef":"packages/asset-internals/src/capabilities/aspect-fit-viewport/AspectFitViewport.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a1aac3bde8a654c7084647ce8c0cfe4f","registryDependencies":[],"title":"resource.file.a1aac3bde8a654c7084647ce8c0cfe4f","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a2893a2b63c012b2eab4bce8d249477f.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a2893a2b63c012b2eab4bce8d249477f","files":[{"content":"import * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\nimport { Slot } from \"radix-ui\"\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot.Root : \"a\"\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n","path":"src/components/vendor/shadcn/new-york-v4/ui/breadcrumb.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/breadcrumb.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a2893a2b63c012b2eab4bce8d249477f","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/breadcrumb.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a2893a2b63c012b2eab4bce8d249477f","registryDependencies":[],"title":"resource.file.a2893a2b63c012b2eab4bce8d249477f","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a2c16deb7841e92bfe3634f0e6888895.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a2c16deb7841e92bfe3634f0e6888895","files":[{"content":"import { useEffect, useRef, useState } from 'react';\n\nimport type { FramePacket, StreamClientOptions, StreamConnectionState } from './types';\nimport { WebSocketFrameClient } from './websocket-frame-client';\n\nexport interface UseRealtimeStreamResult {\n  state: StreamConnectionState;\n  lastPacket: FramePacket | null;\n  isConnected: boolean;\n  client: WebSocketFrameClient | null;\n}\n\nexport function useRealtimeStream(options: StreamClientOptions | null): UseRealtimeStreamResult {\n  const [state, setState] = useState<StreamConnectionState>('idle');\n  const [lastPacket, setLastPacket] = useState<FramePacket | null>(null);\n  const [client, setClient] = useState<WebSocketFrameClient | null>(null);\n  const clientRef = useRef<WebSocketFrameClient | null>(null);\n  const optionsRef = useRef(options);\n\n  const url = options?.url;\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  useEffect(() => {\n    if (!url) {\n      setState('idle');\n      setLastPacket(null);\n      return;\n    }\n\n    const client = new WebSocketFrameClient({\n      url,\n      binaryType: optionsRef.current?.binaryType,\n      autoReconnect: optionsRef.current?.autoReconnect ?? true,\n      grabLatest: optionsRef.current?.grabLatest ?? true,\n      onFrame: (packet) => {\n        setLastPacket(packet);\n        optionsRef.current?.onFrame?.(packet);\n      },\n      onStateChange: (s) => {\n        setState(s);\n        optionsRef.current?.onStateChange?.(s);\n      },\n      onError: (err) => {\n        optionsRef.current?.onError?.(err);\n      },\n    });\n\n    clientRef.current = client;\n    setClient(client);\n    client.connect();\n\n    return () => {\n      client.disconnect();\n      clientRef.current = null;\n      setClient(null);\n    };\n  }, [url]);\n\n  return {\n    state,\n    lastPacket,\n    isConnected: state === 'connected',\n    client,\n  };\n}\n","path":"references/metaform/components/business/industry/vision/src/runtime/use-realtime-stream.ts","target":"~/references/metaform/components/business/industry/vision/src/runtime/use-realtime-stream.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.a2c16deb7841e92bfe3634f0e6888895","contractRef":"components/business/industry/vision/src/runtime/use-realtime-stream.ts","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a2c16deb7841e92bfe3634f0e6888895","registryDependencies":[],"title":"resource.file.a2c16deb7841e92bfe3634f0e6888895","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a39a40e6797b71d7259c514321487470.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a39a40e6797b71d7259c514321487470","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { CheckIcon } from \"lucide-react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n","path":"src/components/vendor/shadcn/new-york-v4/ui/checkbox.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/checkbox.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a39a40e6797b71d7259c514321487470","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/checkbox.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a39a40e6797b71d7259c514321487470","registryDependencies":[],"title":"resource.file.a39a40e6797b71d7259c514321487470","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a466bbdb651c574561407d518fb8d1ae.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a466bbdb651c574561407d518fb8d1ae","files":[{"content":"/* eslint-disable @typescript-eslint/no-explicit-any */\n// Tremor hasOnlyOneValueForKey [v0.1.0]\n\nexport function hasOnlyOneValueForKey(\n  array: any[],\n  keyToCheck: string,\n): boolean {\n  const val: any[] = []\n\n  for (const obj of array) {\n    if (Object.prototype.hasOwnProperty.call(obj, keyToCheck)) {\n      val.push(obj[keyToCheck])\n      if (val.length > 1) {\n        return false\n      }\n    }\n  }\n\n  return true\n}\n","path":"src/components/vendor/tremor/utils/hasOnlyOneValueForKey.ts","target":"~/src/components/vendor/tremor/utils/hasOnlyOneValueForKey.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.a466bbdb651c574561407d518fb8d1ae","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/utils/hasOnlyOneValueForKey.ts","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a466bbdb651c574561407d518fb8d1ae","registryDependencies":[],"title":"resource.file.a466bbdb651c574561407d518fb8d1ae","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a4d288eddc9bee635f182560afcdb613.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a4d288eddc9bee635f182560afcdb613","files":[{"content":"import { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\nimport { Slot } from \"radix-ui\"\n\nimport { Separator } from \"./separator\"\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n)\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot.Root : \"div\"\n\n  return (\n    <Comp\n      className={cn(\n        \"flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"relative m-0! self-stretch bg-input data-[orientation=vertical]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n}\n","path":"src/components/vendor/shadcn/new-york-v4/ui/button-group.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/button-group.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a4d288eddc9bee635f182560afcdb613","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/button-group.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a4d288eddc9bee635f182560afcdb613","registryDependencies":[],"title":"resource.file.a4d288eddc9bee635f182560afcdb613","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a4dded0188c32a527a10942ce10c2ae7.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a4dded0188c32a527a10942ce10c2ae7","files":[{"content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nconst alertVariants = cva(\"cn-alert group/alert relative w-full\", {\n  variants: {\n    variant: {\n      default: \"cn-alert-variant-default\",\n      destructive: \"cn-alert-variant-destructive\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"cn-alert-title [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"cn-alert-description [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"cn-alert-action\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n","path":"src/components/vendor/shadcn/base/ui/alert.tsx","target":"~/src/components/vendor/shadcn/base/ui/alert.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a4dded0188c32a527a10942ce10c2ae7","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/alert.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a4dded0188c32a527a10942ce10c2ae7","registryDependencies":[],"title":"resource.file.a4dded0188c32a527a10942ce10c2ae7","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a54edbe3418ee85683fc253bd3308c60.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a54edbe3418ee85683fc253bd3308c60","files":[{"content":"\"use client\"\n\nimport { cn } from \"../../lib/utils\"\nimport {\n  composeRenderProps,\n  Switch as SwitchPrimitive,\n  type SwitchProps as SwitchPrimitiveProps,\n} from \"react-aria-components\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SwitchPrimitiveProps & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"cn-switch cn-switch-aria peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { isSelected }) => (\n        <>\n          <span\n            data-slot=\"switch-thumb\"\n            data-selected={isSelected || undefined}\n            className=\"cn-switch-thumb cn-switch-thumb-aria pointer-events-none block ring-0 transition-transform\"\n          />\n          {children}\n        </>\n      ))}\n    </SwitchPrimitive>\n  )\n}\n\nexport { Switch }\n","path":"src/components/vendor/shadcn/aria/ui/switch.tsx","target":"~/src/components/vendor/shadcn/aria/ui/switch.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a54edbe3418ee85683fc253bd3308c60","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/switch.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a54edbe3418ee85683fc253bd3308c60","registryDependencies":[],"title":"resource.file.a54edbe3418ee85683fc253bd3308c60","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a575d3eb69ed98388602a5bd4cb12790.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a575d3eb69ed98388602a5bd4cb12790","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nimport { Button } from \"./button\"\nimport { Input } from \"./input\"\nimport { Textarea } from \"./textarea\"\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"group/input-group cn-input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva(\n  \"cn-input-group-addon flex cursor-text items-center justify-center select-none\",\n  {\n    variants: {\n      align: {\n        \"inline-start\": \"cn-input-group-addon-align-inline-start order-first\",\n        \"inline-end\": \"cn-input-group-addon-align-inline-end order-last\",\n        \"block-start\":\n          \"cn-input-group-addon-align-block-start order-first w-full justify-start\",\n        \"block-end\":\n          \"cn-input-group-addon-align-block-end order-last w-full justify-start\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva(\n  \"cn-input-group-button flex items-center shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"cn-input-group-button-size-xs\",\n        sm: \"cn-input-group-button-size-sm\",\n        \"icon-xs\": \"cn-input-group-button-size-icon-xs\",\n        \"icon-sm\": \"cn-input-group-button-size-icon-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\" | \"type\"> &\n  VariantProps<typeof inputGroupButtonVariants> & {\n    type?: \"button\" | \"submit\" | \"reset\"\n  }) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"cn-input-group-text flex items-center [&_svg]:pointer-events-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\"cn-input-group-input flex-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\"cn-input-group-textarea flex-1 resize-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n}\n","path":"src/components/vendor/shadcn/base/ui/input-group.tsx","target":"~/src/components/vendor/shadcn/base/ui/input-group.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a575d3eb69ed98388602a5bd4cb12790","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/input-group.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a575d3eb69ed98388602a5bd4cb12790","registryDependencies":[],"title":"resource.file.a575d3eb69ed98388602a5bd4cb12790","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a5a2b81fa9220ecd33fb4466012c4ebe.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a5a2b81fa9220ecd33fb4466012c4ebe","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { Label, Pie, PieChart, Sector } from \"recharts\"\nimport type { PieSectorShapeProps } from \"recharts/types/polar/Pie\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A donut chart with an active sector\"\n\nconst chartData = [\n  { browser: \"chrome\", visitors: 275, fill: \"var(--color-chrome)\" },\n  { browser: \"safari\", visitors: 200, fill: \"var(--color-safari)\" },\n  { browser: \"firefox\", visitors: 187, fill: \"var(--color-firefox)\" },\n  { browser: \"edge\", visitors: 173, fill: \"var(--color-edge)\" },\n  { browser: \"other\", visitors: 90, fill: \"var(--color-other)\" },\n]\n\nconst chartConfig = {\n  visitors: {\n    label: \"Visitors\",\n  },\n  chrome: {\n    label: \"Chrome\",\n    color: \"var(--chart-1)\",\n  },\n  safari: {\n    label: \"Safari\",\n    color: \"var(--chart-2)\",\n  },\n  firefox: {\n    label: \"Firefox\",\n    color: \"var(--chart-3)\",\n  },\n  edge: {\n    label: \"Edge\",\n    color: \"var(--chart-4)\",\n  },\n  other: {\n    label: \"Other\",\n    color: \"var(--chart-5)\",\n  },\n} satisfies ChartConfig\n\nconst ACTIVE_INDEX = 0\n\nexport function ChartPieDonutActive() {\n  return (\n    <Card className=\"flex flex-col\">\n      <CardHeader className=\"items-center pb-0\">\n        <CardTitle>Pie Chart - Donut Active</CardTitle>\n        <CardDescription>January - June 2024</CardDescription>\n      </CardHeader>\n      <CardContent className=\"flex-1 pb-0\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[250px]\"\n        >\n          <PieChart>\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent hideLabel />}\n            />\n            <Pie\n              data={chartData}\n              dataKey=\"visitors\"\n              nameKey=\"browser\"\n              innerRadius={60}\n              strokeWidth={5}\n              shape={({\n                index,\n                outerRadius = 0,\n                ...props\n              }: PieSectorShapeProps) =>\n                index === ACTIVE_INDEX ? (\n                  <Sector {...props} outerRadius={outerRadius + 10} />\n                ) : (\n                  <Sector {...props} outerRadius={outerRadius} />\n                )\n              }\n            />\n          </PieChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col gap-2 text-sm\">\n        <div className=\"flex items-center gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"leading-none text-muted-foreground\">\n          Showing total visitors for the last 6 months\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-pie-donut-active.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-pie-donut-active.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a5a2b81fa9220ecd33fb4466012c4ebe","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-pie-donut-active.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a5a2b81fa9220ecd33fb4466012c4ebe","registryDependencies":[],"title":"resource.file.a5a2b81fa9220ecd33fb4466012c4ebe","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a5d66df2f0da571402025a61d18a34d3.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a5d66df2f0da571402025a61d18a34d3","files":[{"content":"import * as React from 'react';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\n\nimport { cn } from '@metaform/design-system/lib/utils';\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-xs outline-hidden transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-xs outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-xs outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-xs font-semibold data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('-mx-1 my-1 h-px bg-border/80', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-xs outline-hidden focus:bg-accent data-[inset]:pl-8 data-[state=open]:bg-accent',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n","path":"references/metaform/vendor/design-system/src/components/ui/dropdown-menu.tsx","target":"~/references/metaform/vendor/design-system/src/components/ui/dropdown-menu.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a5d66df2f0da571402025a61d18a34d3","contractRef":"vendor/design-system/src/components/ui/dropdown-menu.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a5d66df2f0da571402025a61d18a34d3","registryDependencies":[],"title":"resource.file.a5d66df2f0da571402025a61d18a34d3","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a61cc0c3da2ca70f5cd9a7a3e2c9fcad.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a61cc0c3da2ca70f5cd9a7a3e2c9fcad","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { PolarAngleAxis, PolarGrid, Radar, RadarChart } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A radar chart with a grid and circle fill\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186 },\n  { month: \"February\", desktop: 305 },\n  { month: \"March\", desktop: 237 },\n  { month: \"April\", desktop: 203 },\n  { month: \"May\", desktop: 209 },\n  { month: \"June\", desktop: 214 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartRadarGridCircleNoLines() {\n  return (\n    <Card>\n      <CardHeader className=\"items-center pb-4\">\n        <CardTitle>Radar Chart - Grid Circle - No lines</CardTitle>\n        <CardDescription>\n          Showing total visitors for the last 6 months\n        </CardDescription>\n      </CardHeader>\n      <CardContent className=\"pb-0\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[250px]\"\n        >\n          <RadarChart data={chartData}>\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent hideLabel />}\n            />\n            <PolarGrid gridType=\"circle\" radialLines={false} />\n            <PolarAngleAxis dataKey=\"month\" />\n            <Radar\n              dataKey=\"desktop\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.6}\n              dot={{\n                r: 4,\n                fillOpacity: 1,\n              }}\n            />\n          </RadarChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col gap-2 text-sm\">\n        <div className=\"flex items-center gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\n          January - June 2024\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-radar-grid-circle-no-lines.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-radar-grid-circle-no-lines.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a61cc0c3da2ca70f5cd9a7a3e2c9fcad","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-radar-grid-circle-no-lines.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a61cc0c3da2ca70f5cd9a7a3e2c9fcad","registryDependencies":[],"title":"resource.file.a61cc0c3da2ca70f5cd9a7a3e2c9fcad","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a652039820e56754d6ba267f81cc9bf5.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a652039820e56754d6ba267f81cc9bf5","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { PolarAngleAxis, Radar, RadarChart } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A radar chart with no grid\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186 },\n  { month: \"February\", desktop: 305 },\n  { month: \"March\", desktop: 237 },\n  { month: \"April\", desktop: 273 },\n  { month: \"May\", desktop: 209 },\n  { month: \"June\", desktop: 214 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartRadarGridNone() {\n  return (\n    <Card>\n      <CardHeader className=\"items-center pb-4\">\n        <CardTitle>Radar Chart - Grid None</CardTitle>\n        <CardDescription>\n          Showing total visitors for the last 6 months\n        </CardDescription>\n      </CardHeader>\n      <CardContent className=\"pb-0\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[250px]\"\n        >\n          <RadarChart data={chartData}>\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent hideLabel />}\n            />\n            <PolarAngleAxis dataKey=\"month\" />\n            <Radar\n              dataKey=\"desktop\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.6}\n              dot={{\n                r: 4,\n                fillOpacity: 1,\n              }}\n            />\n          </RadarChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col gap-2 text-sm\">\n        <div className=\"flex items-center gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"flex items-center gap-2 leading-none text-muted-foreground\">\n          January - June 2024\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-radar-grid-none.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-radar-grid-none.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a652039820e56754d6ba267f81cc9bf5","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-radar-grid-none.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a652039820e56754d6ba267f81cc9bf5","registryDependencies":[],"title":"resource.file.a652039820e56754d6ba267f81cc9bf5","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a6c0834da243f544d8656aea1ca2a1a4.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a6c0834da243f544d8656aea1ca2a1a4","files":[{"content":"\"use client\"\nimport { MinusIcon as __MetaformMinusIcon } from \"lucide-react\";\n\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\n\n\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn(\n        \"cn-input-otp flex items-center has-disabled:opacity-50\",\n        containerClassName\n      )}\n      spellCheck={false}\n      className={cn(\n        \"cn-input-otp-input disabled:cursor-not-allowed\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\"cn-input-otp-group flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        \"cn-input-otp-slot relative flex items-center justify-center data-[active=true]:z-10\",\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"cn-input-otp-caret pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"cn-input-otp-caret-line\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-separator\"\n      className=\"cn-input-otp-separator flex items-center\"\n      role=\"separator\"\n      {...props}\n    >\n      <__MetaformMinusIcon\n        \n        \n        \n        \n        \n      />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n","path":"src/components/vendor/shadcn/base/ui/input-otp.tsx","target":"~/src/components/vendor/shadcn/base/ui/input-otp.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a6c0834da243f544d8656aea1ca2a1a4","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/input-otp.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a6c0834da243f544d8656aea1ca2a1a4","registryDependencies":[],"title":"resource.file.a6c0834da243f544d8656aea1ca2a1a4","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a780aa554752b2d0353b54032b0598a0.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a780aa554752b2d0353b54032b0598a0","files":[{"content":"\"use client\"\nimport { CheckIcon as __MetaformCheckIcon, ChevronDownIcon as __MetaformChevronDownIcon, XIcon as __MetaformXIcon } from \"lucide-react\";\n\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\nimport { cn } from \"../../lib/utils\"\n\nimport { Button } from \"./button\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"./input-group\"\n\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />\n}\n\nfunction ComboboxTrigger({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Trigger.Props) {\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot=\"combobox-trigger\"\n      className={cn(\"cn-combobox-trigger\", className)}\n      {...props}\n    >\n      {children}\n      <__MetaformChevronDownIcon\n        \n        \n        \n        \n        \n        className=\"cn-combobox-trigger-icon pointer-events-none\"\n      />\n    </ComboboxPrimitive.Trigger>\n  )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n      className={cn(\"cn-combobox-clear\", className)}\n      {...props}\n    >\n      <__MetaformXIcon\n        \n        \n        \n        \n        \n        className=\"cn-combobox-clear-icon pointer-events-none\"\n      />\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nfunction ComboboxInput({\n  className,\n  children,\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & {\n  showTrigger?: boolean\n  showClear?: boolean\n}) {\n  return (\n    <InputGroup className={cn(\"cn-combobox-input w-auto\", className)}>\n      <ComboboxPrimitive.Input\n        render={<InputGroupInput disabled={disabled} />}\n        {...props}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && (\n          <InputGroupButton\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            render={<ComboboxTrigger />}\n            data-slot=\"input-group-button\"\n            className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n            disabled={disabled}\n          />\n        )}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  )\n}\n\nfunction ComboboxContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 6,\n  align = \"start\",\n  alignOffset = 0,\n  anchor,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n  >) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          data-chips={!!anchor}\n          className={cn(\n            \"cn-combobox-content cn-combobox-content-logical cn-menu-target cn-menu-translucent group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)\",\n            className\n          )}\n          {...props}\n        />\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn(\n        \"cn-combobox-list overflow-y-auto overscroll-contain\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Item.Props) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        \"cn-combobox-item relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={<span className=\"cn-combobox-item-indicator\" />}\n      >\n        <__MetaformCheckIcon\n          \n          \n          \n          \n          \n          className=\"cn-combobox-item-indicator-icon pointer-events-none\"\n        />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(\"cn-combobox-group\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxLabel({\n  className,\n  ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-label\"\n      className={cn(\"cn-combobox-label\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n  return (\n    <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />\n  )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\"cn-combobox-empty\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxSeparator({\n  className,\n  ...props\n}: ComboboxPrimitive.Separator.Props) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn(\"cn-combobox-separator\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChips({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> &\n  ComboboxPrimitive.Chips.Props) {\n  return (\n    <ComboboxPrimitive.Chips\n      data-slot=\"combobox-chips\"\n      className={cn(\"cn-combobox-chips\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: ComboboxPrimitive.Chip.Props & {\n  showRemove?: boolean\n}) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        \"cn-combobox-chip has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant=\"ghost\" size=\"icon-xs\" />}\n          className=\"cn-combobox-chip-remove\"\n          data-slot=\"combobox-chip-remove\"\n        >\n          <__MetaformXIcon\n            \n            \n            \n            \n            \n            className=\"cn-combobox-chip-indicator-icon pointer-events-none\"\n          />\n        </ComboboxPrimitive.ChipRemove>\n      )}\n    </ComboboxPrimitive.Chip>\n  )\n}\n\nfunction ComboboxChipsInput({\n  className,\n  ...props\n}: ComboboxPrimitive.Input.Props) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-chip-input\"\n      className={cn(\n        \"cn-combobox-chip-input min-w-16 flex-1 outline-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null)\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n}\n","path":"src/components/vendor/shadcn/base/ui/combobox.tsx","target":"~/src/components/vendor/shadcn/base/ui/combobox.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a780aa554752b2d0353b54032b0598a0","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/combobox.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a780aa554752b2d0353b54032b0598a0","registryDependencies":[],"title":"resource.file.a780aa554752b2d0353b54032b0598a0","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a7e66dd63f48847df45681bc17c5e36d.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a7e66dd63f48847df45681bc17c5e36d","files":[{"content":"import type { ReactNode } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport interface ContextPillItem {\n  id?: string;\n  label: string;\n  value: string | number;\n  icon?: ReactNode;\n  iconColor?: string;\n  valueColor?: string;\n}\n\nexport interface ContextPillsProps {\n  items: ContextPillItem[];\n  className?: string;\n  'data-slot'?: string;\n}\n\n/**\n * 通用上下文胶囊栏 (ContextPills)\n * 用于在页面主区域顶部展示当前任务执行者画像、关联批次、监控范围等元信息。\n * 100% 通用配置驱动，零业务硬编码。\n */\nexport function ContextPills({\n  items,\n  className,\n  'data-slot': dataSlot = 'context-pills',\n  ...rest\n}: ContextPillsProps & React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot={dataSlot}\n      className={cn(\n        'flex flex-wrap items-center gap-2 rounded-lg border border-border/80 bg-muted/40 px-3.5 py-2 text-xs text-foreground shadow-2xs',\n        className,\n      )}\n      {...rest}\n    >\n      {items.map((item, index) => (\n        <div\n          key={item.id ?? index}\n          className=\"inline-flex items-center gap-1.5 rounded-md bg-background px-2 py-1 text-muted-foreground shadow-2xs\"\n        >\n          {item.icon && (\n            <span\n              className={cn(\n                'size-3.5 flex items-center justify-center shrink-0',\n                item.iconColor ?? 'text-brand',\n              )}\n            >\n              {item.icon}\n            </span>\n          )}\n          <span>{item.label}：</span>\n          <span className={cn('font-medium text-foreground', item.valueColor)}>{item.value}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n","path":"src/components/common/context-pills.tsx","target":"~/src/components/common/context-pills.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a7e66dd63f48847df45681bc17c5e36d","contractRef":"components/common/src/context-pills.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a7e66dd63f48847df45681bc17c5e36d","registryDependencies":[],"title":"resource.file.a7e66dd63f48847df45681bc17c5e36d","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a89b9f693bf7d3d37f99c80de517a807.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a89b9f693bf7d3d37f99c80de517a807","files":[{"content":"\"use client\"\n\nimport { cn } from \"../../lib/utils\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ResizablePrimitive.GroupProps) {\n  return (\n    <ResizablePrimitive.Group\n      data-slot=\"resizable-panel-group\"\n      className={cn(\n        \"cn-resizable-panel-group flex h-full w-full aria-[orientation=vertical]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ResizablePanel({ ...props }: ResizablePrimitive.PanelProps) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.SeparatorProps & {\n  withHandle?: boolean\n}) {\n  return (\n    <ResizablePrimitive.Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"cn-resizable-handle relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90\",\n        className\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"cn-resizable-handle-icon z-10 flex shrink-0\" />\n      )}\n    </ResizablePrimitive.Separator>\n  )\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup }\n","path":"src/components/vendor/shadcn/aria/ui/resizable.tsx","target":"~/src/components/vendor/shadcn/aria/ui/resizable.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a89b9f693bf7d3d37f99c80de517a807","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/resizable.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a89b9f693bf7d3d37f99c80de517a807","registryDependencies":[],"title":"resource.file.a89b9f693bf7d3d37f99c80de517a807","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-a8a46de988c10d0bfa8fb3b93e045acd.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.a8a46de988c10d0bfa8fb3b93e045acd","files":[{"content":"\"use client\"\nimport { PanelLeftIcon as __MetaformPanelLeftIcon } from \"lucide-react\";\n\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\nimport { Slot } from \"radix-ui\"\n\nimport { useIsMobile } from \"../hooks/use-mobile\"\nimport { Button } from \"./button\"\nimport { Input } from \"./input\"\nimport { Separator } from \"./separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"./sheet\"\nimport { Skeleton } from \"./skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"./tooltip\"\n\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  toggleSidebar: () => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  defaultOpen?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}) {\n  const isMobile = useIsMobile()\n  const [openMobile, setOpenMobile] = React.useState(false)\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = React.useState(defaultOpen)\n  const open = openProp ?? _open\n  const setOpen = React.useCallback(\n    (value: boolean | ((value: boolean) => boolean)) => {\n      const openState = typeof value === \"function\" ? value(open) : value\n      if (setOpenProp) {\n        setOpenProp(openState)\n      } else {\n        _setOpen(openState)\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n    },\n    [setOpenProp, open]\n  )\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)\n  }, [isMobile, setOpen, setOpenMobile])\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey)\n      ) {\n        event.preventDefault()\n        toggleSidebar()\n      }\n    }\n\n    window.addEventListener(\"keydown\", handleKeyDown)\n    return () => window.removeEventListener(\"keydown\", handleKeyDown)\n  }, [toggleSidebar])\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? \"expanded\" : \"collapsed\"\n\n  const contextValue = React.useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n    }),\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n  )\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <div\n        data-slot=\"sidebar-wrapper\"\n        style={\n          {\n            \"--sidebar-width\": SIDEBAR_WIDTH,\n            \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n            ...style,\n          } as React.CSSProperties\n        }\n        className={cn(\n          \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  )\n}\n\nfunction Sidebar({\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offcanvas\",\n  className,\n  children,\n  dir,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  side?: \"left\" | \"right\"\n  variant?: \"sidebar\" | \"floating\" | \"inset\"\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n}) {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n  if (collapsible === \"none\") {\n    return (\n      <div\n        data-slot=\"sidebar\"\n        className={cn(\n          \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          dir={dir}\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          className=\"w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n          style={\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n            } as React.CSSProperties\n          }\n          side={side}\n        >\n          <SheetHeader className=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </SheetContent>\n      </Sheet>\n    )\n  }\n\n  return (\n    <div\n      className=\"group peer hidden text-sidebar-foreground md:block\"\n      data-state={state}\n      data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n      data-variant={variant}\n      data-side={side}\n      data-slot=\"sidebar\"\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div\n        data-slot=\"sidebar-gap\"\n        className={cn(\n          \"cn-sidebar-gap relative w-(--sidebar-width) bg-transparent\",\n          \"group-data-[collapsible=offcanvas]:w-0\",\n          \"group-data-[side=right]:rotate-180\",\n          variant === \"floating\" || variant === \"inset\"\n            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n            : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n        )}\n      />\n      <div\n        data-slot=\"sidebar-container\"\n        data-side={side}\n        className={cn(\n          \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex\",\n          // Adjust the padding for floating and inset variants.\n          variant === \"floating\" || variant === \"inset\"\n            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n            : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n          className\n        )}\n        {...props}\n      >\n        <div\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n          className=\"cn-sidebar-inner flex size-full flex-col\"\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction SidebarTrigger({\n  className,\n  onClick,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <Button\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      className={cn(\"cn-sidebar-trigger\", className)}\n      onClick={(event) => {\n        onClick?.(event)\n        toggleSidebar()\n      }}\n      {...props}\n    >\n      <__MetaformPanelLeftIcon\n        \n        \n        \n        \n        \n        className=\"cn-rtl-flip\"\n      />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  )\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<\"button\">) {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"cn-sidebar-rail absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<\"main\">) {\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      className={cn(\n        \"cn-sidebar-inset relative flex w-full flex-1 flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof Input>) {\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      className={cn(\"cn-sidebar-input\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      className={cn(\"cn-sidebar-header flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      className={cn(\"cn-sidebar-footer flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"sidebar-separator\"\n      data-sidebar=\"separator\"\n      className={cn(\"cn-sidebar-separator w-auto\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      className={cn(\n        \"cn-sidebar-content flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      className={cn(\n        \"cn-sidebar-group relative flex w-full min-w-0 flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarGroupLabel({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"div\"\n\n  return (\n    <Comp\n      data-slot=\"sidebar-group-label\"\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"cn-sidebar-group-label flex shrink-0 items-center outline-hidden [&>svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarGroupAction({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"cn-sidebar-group-action flex aspect-square items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarGroupContent({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      className={cn(\"cn-sidebar-group-content w-full\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      className={cn(\"cn-sidebar-menu flex w-full min-w-0 flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      data-sidebar=\"menu-item\"\n      className={cn(\"group/menu-item relative\", className)}\n      {...props}\n    />\n  )\n}\n\nconst sidebarMenuButtonVariants = cva(\n  \"cn-sidebar-menu-button peer/menu-button group/menu-button flex w-full items-center overflow-hidden outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n  {\n    variants: {\n      variant: {\n        default: \"cn-sidebar-menu-button-variant-default\",\n        outline: \"cn-sidebar-menu-button-variant-outline\",\n      },\n      size: {\n        default: \"cn-sidebar-menu-button-size-default\",\n        sm: \"cn-sidebar-menu-button-size-sm\",\n        lg: \"cn-sidebar-menu-button-size-lg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = \"default\",\n  size = \"default\",\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<\"button\"> & {\n  asChild?: boolean\n  isActive?: boolean\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const Comp = asChild ? Slot.Root : \"button\"\n  const { isMobile, state } = useSidebar()\n\n  const button = (\n    <Comp\n      data-slot=\"sidebar-menu-button\"\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n\n  if (!tooltip) {\n    return button\n  }\n\n  if (typeof tooltip === \"string\") {\n    tooltip = {\n      children: tooltip,\n    }\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent\n        side=\"right\"\n        align=\"center\"\n        hidden={state !== \"collapsed\" || isMobile}\n        {...tooltip}\n      />\n    </Tooltip>\n  )\n}\n\nfunction SidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: React.ComponentProps<\"button\"> & {\n  asChild?: boolean\n  showOnHover?: boolean\n}) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-action\"\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"cn-sidebar-menu-action flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0\",\n        showOnHover &&\n          \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuBadge({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      className={cn(\n        \"cn-sidebar-menu-badge flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showIcon?: boolean\n}) {\n  // Random width between 50 to 90%.\n  const [width] = React.useState(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  })\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"cn-sidebar-menu-skeleton flex items-center\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"cn-sidebar-menu-skeleton-icon\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"cn-sidebar-menu-skeleton-text max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      data-sidebar=\"menu-sub\"\n      className={cn(\"cn-sidebar-menu-sub flex min-w-0 flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSubItem({\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      data-sidebar=\"menu-sub-item\"\n      className={cn(\"group/menu-sub-item relative\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SidebarMenuSubButton({\n  asChild = false,\n  size = \"md\",\n  isActive = false,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean\n  size?: \"sm\" | \"md\"\n  isActive?: boolean\n}) {\n  const Comp = asChild ? Slot.Root : \"a\"\n\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-sub-button\"\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"cn-sidebar-menu-sub-button flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n","path":"src/components/vendor/shadcn/radix/ui/sidebar.tsx","target":"~/src/components/vendor/shadcn/radix/ui/sidebar.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.a8a46de988c10d0bfa8fb3b93e045acd","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/sidebar.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-a8a46de988c10d0bfa8fb3b93e045acd","registryDependencies":[],"title":"resource.file.a8a46de988c10d0bfa8fb3b93e045acd","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-aa11959595641a7011fcd7615495f58a.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.aa11959595641a7011fcd7615495f58a","files":[{"content":"\"use client\"\nimport { ChevronRightIcon as __MetaformChevronRightIcon, MoreHorizontalIcon as __MetaformMoreHorizontalIcon } from \"lucide-react\";\n\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport {\n  Breadcrumb as BreadcrumbPrimitive,\n  Breadcrumbs as BreadcrumbsPrimitive,\n  composeRenderProps,\n  Link as LinkPrimitive,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n  type LinkProps,\n} from \"react-aria-components\"\n\n\n\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(\"cn-breadcrumb\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbList<T extends object>({\n  className,\n  ...props\n}: BreadcrumbsProps<T>) {\n  return (\n    <BreadcrumbsPrimitive\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"cn-breadcrumb-list flex flex-wrap items-center wrap-break-word\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({\n  className,\n  children,\n  separatorClassName,\n  ...props\n}: BreadcrumbProps & { separatorClassName?: string }) {\n  return (\n    <BreadcrumbPrimitive\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"cn-breadcrumb-item inline-flex items-center\", className)}\n      {...props}\n    >\n      {composeRenderProps(children, (children, { isCurrent }) => (\n        <>\n          {children}\n          {!isCurrent && (\n            <span\n              data-slot=\"breadcrumb-separator\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              className={cn(\"cn-breadcrumb-separator\", separatorClassName)}\n            >\n              <__MetaformChevronRightIcon\n                \n                \n                \n                \n                \n                className=\"cn-rtl-flip\"\n              />\n            </span>\n          )}\n        </>\n      ))}\n    </BreadcrumbPrimitive>\n  )\n}\n\nfunction BreadcrumbLink({ className, render, ...props }: LinkProps) {\n  return (\n    <LinkPrimitive\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"cn-breadcrumb-link\", className)}\n      render={render}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"cn-breadcrumb-page\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"cn-breadcrumb-ellipsis flex items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      <__MetaformMoreHorizontalIcon\n        \n        \n        \n        \n        \n      />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbEllipsis,\n}\n","path":"src/components/vendor/shadcn/aria/ui/breadcrumb.tsx","target":"~/src/components/vendor/shadcn/aria/ui/breadcrumb.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.aa11959595641a7011fcd7615495f58a","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/breadcrumb.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-aa11959595641a7011fcd7615495f58a","registryDependencies":[],"title":"resource.file.aa11959595641a7011fcd7615495f58a","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-aa22883abf0d1e70b882745258324cff.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.aa22883abf0d1e70b882745258324cff","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { Label as LabelPrimitive } from \"radix-ui\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n","path":"src/components/vendor/shadcn/new-york-v4/ui/label.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/label.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.aa22883abf0d1e70b882745258324cff","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/label.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-aa22883abf0d1e70b882745258324cff","registryDependencies":[],"title":"resource.file.aa22883abf0d1e70b882745258324cff","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-aa7508f21c3feff58234743bce02b9f9.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.aa7508f21c3feff58234743bce02b9f9","files":[{"content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nfunction BubbleGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"bubble-group\"\n      className={cn(\"cn-bubble-group flex min-w-0 flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nconst bubbleVariants = cva(\n  \"cn-bubble group/bubble relative flex w-fit min-w-0 flex-col\",\n  {\n    variants: {\n      variant: {\n        default: \"cn-bubble-variant-default\",\n        secondary: \"cn-bubble-variant-secondary\",\n        muted: \"cn-bubble-variant-muted\",\n        tinted: \"cn-bubble-variant-tinted\",\n        outline: \"cn-bubble-variant-outline\",\n        ghost: \"cn-bubble-variant-ghost\",\n        destructive: \"cn-bubble-variant-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Bubble({\n  variant = \"default\",\n  align = \"start\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof bubbleVariants> & {\n    align?: \"start\" | \"end\"\n  }) {\n  return (\n    <div\n      data-slot=\"bubble\"\n      data-variant={variant}\n      data-align={align}\n      className={cn(bubbleVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction BubbleContent({\n  className,\n  render,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  render?: (props: React.HTMLAttributes<HTMLElement>) => React.ReactNode\n}) {\n  if (render) {\n    const renderProps = {\n      ...props,\n      \"data-slot\": \"bubble-content\",\n      className: cn(\n        \"cn-bubble-content w-fit max-w-full min-w-0 overflow-hidden wrap-break-word [button]:text-left [button,a]:transition-colors\",\n        className\n      ),\n      children,\n    }\n\n    return render(renderProps)\n  }\n\n  return (\n    <div\n      {...props}\n      data-slot=\"bubble-content\"\n      className={cn(\n        \"cn-bubble-content w-fit max-w-full min-w-0 overflow-hidden wrap-break-word [button]:text-left [button,a]:transition-colors\",\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\nconst bubbleReactionsVariants = cva(\n  \"cn-bubble-reactions absolute z-10 flex w-fit items-center justify-center\",\n  {\n    variants: {\n      side: {\n        top: \"cn-bubble-reactions-side-top\",\n        bottom: \"cn-bubble-reactions-side-bottom\",\n      },\n      align: {\n        start: \"cn-bubble-reactions-align-start\",\n        end: \"cn-bubble-reactions-align-end\",\n      },\n    },\n    defaultVariants: {\n      side: \"bottom\",\n      align: \"end\",\n    },\n  }\n)\n\nfunction BubbleReactions({\n  side = \"bottom\",\n  align = \"end\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  align?: \"start\" | \"end\"\n  side?: \"top\" | \"bottom\"\n}) {\n  return (\n    <div\n      data-slot=\"bubble-reactions\"\n      data-align={align}\n      data-side={side}\n      className={cn(bubbleReactionsVariants({ side, align }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { BubbleGroup, Bubble, BubbleContent, BubbleReactions }\n","path":"src/components/vendor/shadcn/aria/ui/bubble.tsx","target":"~/src/components/vendor/shadcn/aria/ui/bubble.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.aa7508f21c3feff58234743bce02b9f9","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/bubble.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-aa7508f21c3feff58234743bce02b9f9","registryDependencies":[],"title":"resource.file.aa7508f21c3feff58234743bce02b9f9","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-aa8d4d7bb79859c3e8ae4b7ac56fb890.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.aa8d4d7bb79859c3e8ae4b7ac56fb890","files":[{"content":"import { SlidersHorizontal } from 'lucide-react';\n\nimport type { InspectionTask } from './inspection-task-types';\n\nexport function InspectionRequirements({ task }: { task: InspectionTask }) {\n  return (\n    <section\n      className=\"rounded-lg border border-border bg-card p-3.5 text-xs shadow-none sm:p-4\"\n      data-asset=\"quality.inspection-requirements\"\n      aria-label=\"检验要求 · 达标条件\"\n    >\n      <div className=\"flex items-center gap-1.5 text-sm font-semibold text-foreground\">\n        <SlidersHorizontal className=\"size-4 shrink-0 text-brand\" aria-hidden=\"true\" />\n        <h3>检验要求 · 达标条件</h3>\n      </div>\n      <div className=\"mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2\">\n        {task.requirements.map((item) => (\n          <div\n            key={item.label}\n            className=\"flex items-baseline gap-3 rounded-md border border-border/70 bg-muted/30 px-3 py-2 text-xs\"\n          >\n            <span className=\"w-16 shrink-0 font-medium text-muted-foreground\">{item.label}</span>\n            <span className=\"min-w-0 font-medium text-foreground\">{item.value}</span>\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n}\n","path":"references/metaform/components/business/quality/src/inspection-requirements.tsx","target":"~/references/metaform/components/business/quality/src/inspection-requirements.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.aa8d4d7bb79859c3e8ae4b7ac56fb890","contractRef":"components/business/quality/src/inspection-requirements.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-aa8d4d7bb79859c3e8ae4b7ac56fb890","registryDependencies":[],"title":"resource.file.aa8d4d7bb79859c3e8ae4b7ac56fb890","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-aad5821e7c311d076af8723537e92d2c.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.aad5821e7c311d076af8723537e92d2c","files":[{"content":"import { cn } from \"../../lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none\",\n        \"[&_svg:not([class*='size-'])]:size-3\",\n        \"[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Kbd, KbdGroup }\n","path":"src/components/vendor/shadcn/new-york-v4/ui/kbd.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/kbd.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.aad5821e7c311d076af8723537e92d2c","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/kbd.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-aad5821e7c311d076af8723537e92d2c","registryDependencies":[],"title":"resource.file.aad5821e7c311d076af8723537e92d2c","type":"registry:block"}

package/registry/e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb/r/resource-file-ab5f07ff22a7d2a80cff5e85b936eaee.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.ab5f07ff22a7d2a80cff5e85b936eaee","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { Pie, PieChart } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A simple pie chart\"\n\nconst chartData = [\n  { browser: \"chrome\", visitors: 275, fill: \"var(--color-chrome)\" },\n  { browser: \"safari\", visitors: 200, fill: \"var(--color-safari)\" },\n  { browser: \"firefox\", visitors: 187, fill: \"var(--color-firefox)\" },\n  { browser: \"edge\", visitors: 173, fill: \"var(--color-edge)\" },\n  { browser: \"other\", visitors: 90, fill: \"var(--color-other)\" },\n]\n\nconst chartConfig = {\n  visitors: {\n    label: \"Visitors\",\n  },\n  chrome: {\n    label: \"Chrome\",\n    color: \"var(--chart-1)\",\n  },\n  safari: {\n    label: \"Safari\",\n    color: \"var(--chart-2)\",\n  },\n  firefox: {\n    label: \"Firefox\",\n    color: \"var(--chart-3)\",\n  },\n  edge: {\n    label: \"Edge\",\n    color: \"var(--chart-4)\",\n  },\n  other: {\n    label: \"Other\",\n    color: \"var(--chart-5)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartPieSimple() {\n  return (\n    <Card className=\"flex flex-col\">\n      <CardHeader className=\"items-center pb-0\">\n        <CardTitle>Pie Chart</CardTitle>\n        <CardDescription>January - June 2024</CardDescription>\n      </CardHeader>\n      <CardContent className=\"flex-1 pb-0\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[250px]\"\n        >\n          <PieChart>\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent hideLabel />}\n            />\n            <Pie data={chartData} dataKey=\"visitors\" nameKey=\"browser\" />\n          </PieChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col gap-2 text-sm\">\n        <div className=\"flex items-center gap-2 leading-none font-medium\">\n          Trending up by 5.2% this month <TrendingUp className=\"h-4 w-4\" />\n        </div>\n        <div className=\"leading-none text-muted-foreground\">\n          Showing total visitors for the last 6 months\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-pie-simple.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-pie-simple.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.ab5f07ff22a7d2a80cff5e85b936eaee","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-pie-simple.tsx","maturity":"candidate","releaseDigest":"e3726aa633ae420070433575a374c5d06664e44bea93c2cdc86d96360418d1cb","version":"0.1.0"},"name":"resource-file-ab5f07ff22a7d2a80cff5e85b936eaee","registryDependencies":[],"title":"resource.file.ab5f07ff22a7d2a80cff5e85b936eaee","type":"registry:block"}