@james_sww/metaform-asset-distribution 0.1.2 → 0.1.4

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-91e7c7b18a4cc1c00206b79e3a875721.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.91e7c7b18a4cc1c00206b79e3a875721","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: 285 },\n  { month: \"March\", desktop: 237 },\n  { month: \"April\", desktop: 203 },\n  { month: \"May\", desktop: 209 },\n  { month: \"June\", desktop: 264 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartRadarGridCircleFill() {\n  return (\n    <Card>\n      <CardHeader className=\"items-center pb-4\">\n        <CardTitle>Radar Chart - Grid Circle Filled</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 cursor={false} content={<ChartTooltipContent />} />\n            <PolarGrid\n              className=\"fill-(--color-desktop) opacity-20\"\n              gridType=\"circle\"\n            />\n            <PolarAngleAxis dataKey=\"month\" />\n            <Radar\n              dataKey=\"desktop\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.5}\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-fill.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-radar-grid-circle-fill.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.91e7c7b18a4cc1c00206b79e3a875721","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-radar-grid-circle-fill.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-91e7c7b18a4cc1c00206b79e3a875721","registryDependencies":[],"title":"resource.file.91e7c7b18a4cc1c00206b79e3a875721","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-91f65ded749b71eec77d14c7b72e6e01.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.91f65ded749b71eec77d14c7b72e6e01","files":[{"content":"import * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        \"flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n","path":"src/components/vendor/shadcn/new-york-v4/ui/card.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/card.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.91f65ded749b71eec77d14c7b72e6e01","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/card.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-91f65ded749b71eec77d14c7b72e6e01","registryDependencies":[],"title":"resource.file.91f65ded749b71eec77d14c7b72e6e01","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-92734d6dc96c5b03a206672067ed6ad7.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.92734d6dc96c5b03a206672067ed6ad7","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { Progress as ProgressPrimitive } from \"radix-ui\"\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn(\n        \"cn-progress relative flex w-full items-center overflow-x-hidden\",\n        className\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"cn-progress-indicator size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  )\n}\n\nexport { Progress }\n","path":"src/components/vendor/shadcn/radix/ui/progress.tsx","target":"~/src/components/vendor/shadcn/radix/ui/progress.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.92734d6dc96c5b03a206672067ed6ad7","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/progress.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-92734d6dc96c5b03a206672067ed6ad7","registryDependencies":[],"title":"resource.file.92734d6dc96c5b03a206672067ed6ad7","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-92ccd9fbf8bc9e36c99bac8fe45034e4.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.92ccd9fbf8bc9e36c99bac8fe45034e4","files":[{"content":"import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nconst markerVariants = cva(\n  \"cn-marker group/marker relative flex w-full items-center\",\n  {\n    variants: {\n      variant: {\n        default: \"cn-marker-variant-default\",\n        separator: \"cn-marker-variant-separator\",\n        border: \"cn-marker-variant-border\",\n      },\n    },\n  }\n)\n\nfunction Marker({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof markerVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(markerVariants({ variant, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"marker\",\n      variant,\n    },\n  })\n}\n\nfunction MarkerIcon({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"marker-icon\"\n      aria-hidden=\"true\"\n      className={cn(\"cn-marker-icon shrink-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MarkerContent({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"marker-content\"\n      className={cn(\"cn-marker-content min-w-0 wrap-break-word\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Marker, MarkerIcon, MarkerContent, markerVariants }\n","path":"src/components/vendor/shadcn/base/ui/marker.tsx","target":"~/src/components/vendor/shadcn/base/ui/marker.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.92ccd9fbf8bc9e36c99bac8fe45034e4","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/marker.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-92ccd9fbf8bc9e36c99bac8fe45034e4","registryDependencies":[],"title":"resource.file.92ccd9fbf8bc9e36c99bac8fe45034e4","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-937ad49406c560ed1c2450f48fb63104.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.937ad49406c560ed1c2450f48fb63104","files":[{"content":"// Tremor useToast [v0.0.0]\n\n\"use client\"\n\nimport React from \"react\"\n\nimport type { ToastActionElement, ToastProps } from \"../components/Toast/Toast\"\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1000000\n\ntype ToasterToast = ToastProps & {\n  id: string\n  title?: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastActionElement\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst actionTypes = {\n  ADD_TOAST: \"ADD_TOAST\",\n  UPDATE_TOAST: \"UPDATE_TOAST\",\n  DISMISS_TOAST: \"DISMISS_TOAST\",\n  REMOVE_TOAST: \"REMOVE_TOAST\",\n} as const\n\nlet count = 0\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_VALUE\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType[\"ADD_TOAST\"]\n      toast: ToasterToast\n    }\n  | {\n      type: ActionType[\"UPDATE_TOAST\"]\n      toast: Partial<ToasterToast>\n    }\n  | {\n      type: ActionType[\"DISMISS_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n  | {\n      type: ActionType[\"REMOVE_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n\ninterface State {\n  toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId)\n    dispatch({\n      type: \"REMOVE_TOAST\",\n      toastId: toastId,\n    })\n  }, TOAST_REMOVE_DELAY)\n\n  toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"ADD_TOAST\":\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      }\n\n    case \"UPDATE_TOAST\":\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t,\n        ),\n      }\n\n    case \"DISMISS_TOAST\": {\n      const { toastId } = action\n\n      if (toastId) {\n        addToRemoveQueue(toastId)\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id)\n        })\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false,\n              }\n            : t,\n        ),\n      }\n    }\n    case \"REMOVE_TOAST\":\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        }\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      }\n  }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\n// Updated with https://github.com/shadcn-ui/ui/pull/1038/files\nfunction dispatch(action: Action) {\n  if (action.type === \"ADD_TOAST\") {\n    const toastExists = memoryState.toasts.some((t) => t.id === action.toast.id)\n    if (toastExists) {\n      return\n    }\n  }\n  memoryState = reducer(memoryState, action)\n  listeners.forEach((listener) => {\n    listener(memoryState)\n  })\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast & { id?: string }) {\n  const id = props?.id || genId()\n\n  const update = (props: Toast) =>\n    dispatch({\n      type: \"UPDATE_TOAST\",\n      toast: { ...props, id },\n    })\n  const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id })\n\n  dispatch({\n    type: \"ADD_TOAST\",\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss()\n      },\n    },\n  })\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  }\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState)\n\n  React.useEffect(() => {\n    listeners.push(setState)\n    return () => {\n      const index = listeners.indexOf(setState)\n      if (index > -1) {\n        listeners.splice(index, 1)\n      }\n    }\n  }, [state])\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId }),\n  }\n}\n\nexport { toast, useToast }\n","path":"src/components/vendor/tremor/hooks/useToast.ts","target":"~/src/components/vendor/tremor/hooks/useToast.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.937ad49406c560ed1c2450f48fb63104","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/hooks/useToast.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-937ad49406c560ed1c2450f48fb63104","registryDependencies":[],"title":"resource.file.937ad49406c560ed1c2450f48fb63104","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-93db91ccd566c942db3a063bf76da6ec.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.93db91ccd566c942db3a063bf76da6ec","files":[{"content":"import { ArrowUpRight } from 'lucide-react';\n\nimport { Badge } from '@metaform/design-system/components/ui/badge';\nimport { Button } from '@metaform/design-system/components/ui/button';\nimport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@metaform/design-system/components/ui/table';\n\nexport interface SalesOrderTableRow {\n  id: string;\n  customer: string;\n  skuName: string;\n  quantity: number;\n  deliveryDate: string;\n  batchIds: string[];\n  status: string;\n}\n\nexport function SalesOrderTable({\n  rows,\n  columns,\n  onOpen,\n}: {\n  rows: SalesOrderTableRow[];\n  columns: string[];\n  onOpen(id: string): void;\n}) {\n  const visibleColumnCount = ['orderId', 'customer', 'skuName', 'quantity', 'deliveryDate', 'batchIds', 'status'].filter(key => columns.includes(key)).length;\n  return (\n    <Table tabIndex={0} aria-label=\"销售订单，可横向滚动\" className=\"min-w-max text-sm focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\">\n      <TableCaption className=\"caption-top pb-4 text-left text-sm font-medium text-foreground\">销售订单<span className=\"ml-3 font-normal tabular-nums text-muted-foreground\">共 {rows.length} 条</span></TableCaption>\n      <TableHeader>\n        <TableRow>\n          {columns.includes('orderId') && <TableHead scope=\"col\" className=\"whitespace-nowrap\">订单号</TableHead>}\n          {columns.includes('customer') && <TableHead scope=\"col\" className=\"whitespace-nowrap\">客户/渠道</TableHead>}\n          {columns.includes('skuName') && <TableHead scope=\"col\" className=\"whitespace-nowrap\">产品</TableHead>}\n          {columns.includes('quantity') && <TableHead scope=\"col\" className=\"whitespace-nowrap\">订单数量</TableHead>}\n          {columns.includes('deliveryDate') && <TableHead scope=\"col\" className=\"whitespace-nowrap\">交付日期</TableHead>}\n          {columns.includes('batchIds') && <TableHead scope=\"col\" className=\"whitespace-nowrap\">关联排程</TableHead>}\n          {columns.includes('status') && <TableHead scope=\"col\" className=\"whitespace-nowrap\">订单状态</TableHead>}\n          <TableHead scope=\"col\" className=\"whitespace-nowrap\">订单详情</TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {!rows.length && <TableRow><TableCell colSpan={visibleColumnCount + 1} className=\"h-32 text-center\"><p role=\"status\" className=\"text-sm text-muted-foreground\">当前范围没有销售订单</p></TableCell></TableRow>}\n        {rows.map((row) => (\n          <TableRow key={row.id}>\n            {columns.includes('orderId') && (\n              <TableCell className=\"font-medium tabular-nums\">{row.id}</TableCell>\n            )}\n            {columns.includes('customer') && <TableCell>{row.customer}</TableCell>}\n            {columns.includes('skuName') && <TableCell>{row.skuName}</TableCell>}\n            {columns.includes('quantity') && (\n              <TableCell className=\"tabular-nums\">{row.quantity.toLocaleString()} 片</TableCell>\n            )}\n            {columns.includes('deliveryDate') && (\n              <TableCell className=\"tabular-nums\">{row.deliveryDate}</TableCell>\n            )}\n            {columns.includes('batchIds') && (\n              <TableCell>\n                <div className=\"flex flex-wrap gap-1\">\n                  {row.batchIds.map((id) => (\n                    <Badge key={id} variant=\"neutral\">\n                      {id}\n                    </Badge>\n                  ))}\n                </div>\n              </TableCell>\n            )}\n            {columns.includes('status') && (\n              <TableCell>\n                <Badge variant={row.status === '已排程' ? 'success' : 'warning'}>\n                  {row.status}\n                </Badge>\n              </TableCell>\n            )}\n            <TableCell>\n              <Button\n                variant=\"ghost-neutral\"\n                className=\"min-h-9 px-3 text-sm\"\n                aria-label={`查看订单 ${row.id}`}\n                onClick={() => onOpen(`order:${row.id}`)}\n              >\n                查看 <ArrowUpRight className=\"size-3\" aria-hidden=\"true\" />\n              </Button>\n            </TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  );\n}\n","path":"references/metaform/components/business/production/src/sales-order-table.tsx","target":"~/references/metaform/components/business/production/src/sales-order-table.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.93db91ccd566c942db3a063bf76da6ec","contractRef":"components/business/production/src/sales-order-table.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-93db91ccd566c942db3a063bf76da6ec","registryDependencies":[],"title":"resource.file.93db91ccd566c942db3a063bf76da6ec","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-947119e505579579530d80bf84d1d0fa.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.947119e505579579530d80bf84d1d0fa","files":[{"content":"export default function TypographyBlockquote() {\n  return (\n    <blockquote className=\"mt-6 border-l-2 pl-6 italic\">\n      &quot;After all,&quot; he said, &quot;everyone enjoys a good joke, so\n      it&apos;s only fair that they should pay for the privilege.&quot;\n    </blockquote>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/examples/typography-blockquote.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/examples/typography-blockquote.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.947119e505579579530d80bf84d1d0fa","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/examples/typography-blockquote.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-947119e505579579530d80bf84d1d0fa","registryDependencies":[],"title":"resource.file.947119e505579579530d80bf84d1d0fa","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-948d2a48eb1beacf64d56c691633d246.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.948d2a48eb1beacf64d56c691633d246","files":[{"content":"import * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\n\nfunction MessageGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-group\"\n      className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction Message({\n  className,\n  align = \"start\",\n  ...props\n}: React.ComponentProps<\"div\"> & { align?: \"start\" | \"end\" }) {\n  return (\n    <div\n      data-slot=\"message\"\n      data-align={align}\n      className={cn(\n        \"group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageAvatar({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-avatar\"\n      className={cn(\n        \"flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-content\"\n      className={cn(\n        \"flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-header\"\n      className={cn(\n        \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-footer\"\n      className={cn(\n        \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  MessageGroup,\n  Message,\n  MessageAvatar,\n  MessageContent,\n  MessageFooter,\n  MessageHeader,\n}\n","path":"src/components/vendor/shadcn/new-york-v4/ui/message.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/message.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.948d2a48eb1beacf64d56c691633d246","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/message.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-948d2a48eb1beacf64d56c691633d246","registryDependencies":[],"title":"resource.file.948d2a48eb1beacf64d56c691633d246","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-9560776f771679ca4067aa76474856a8.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9560776f771679ca4067aa76474856a8","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"cn-drawer-overlay fixed inset-0 z-50 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          \"cn-drawer-content group/drawer-content fixed z-50 data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"cn-drawer-handle mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"cn-drawer-header flex flex-col group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"cn-drawer-footer mt-auto flex flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"cn-drawer-title cn-font-heading\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"cn-drawer-description\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n","path":"src/components/vendor/shadcn/radix/ui/drawer.tsx","target":"~/src/components/vendor/shadcn/radix/ui/drawer.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9560776f771679ca4067aa76474856a8","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/drawer.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9560776f771679ca4067aa76474856a8","registryDependencies":[],"title":"resource.file.9560776f771679ca4067aa76474856a8","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-956b78fd44ecff3e99e4dfcb046b73cf.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.956b78fd44ecff3e99e4dfcb046b73cf","files":[{"content":"export default function TypographyP() {\n  return (\n    <p className=\"leading-7 [&:not(:first-child)]:mt-6\">\n      The king, seeing how much happier his subjects were, realized the error of\n      his ways and repealed the joke tax.\n    </p>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/examples/typography-p.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/examples/typography-p.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.956b78fd44ecff3e99e4dfcb046b73cf","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/examples/typography-p.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-956b78fd44ecff3e99e4dfcb046b73cf","registryDependencies":[],"title":"resource.file.956b78fd44ecff3e99e4dfcb046b73cf","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-96b2515967c3f6fad23c3e74abd6a78d.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.96b2515967c3f6fad23c3e74abd6a78d","files":[{"content":"// Tremor ComboChart [v1.0.0]\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\n\"use client\"\n\nimport React from \"react\"\nimport { RiArrowLeftSLine, RiArrowRightSLine } from \"@remixicon/react\"\nimport {\n  Bar,\n  CartesianGrid,\n  Dot,\n  Label,\n  Line,\n  ComposedChart as RechartsComposedChart,\n  Legend as RechartsLegend,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from \"tremor-recharts\"\nimport type { AxisDomain } from \"tremor-recharts/types/util/types\"\n\nimport { useOnWindowResize } from \"../../hooks/useOnWindowResize\"\nimport {\n  AvailableChartColors,\n  type AvailableChartColorsKeys,\n  constructCategoryColors,\n  getColorClassName,\n} from \"../../utils/chartColors\"\nimport { cx } from \"../../utils/cx\"\nimport { getYAxisDomain } from \"../../utils/getYAxisDomain\"\nimport { hasOnlyOneValueForKey } from \"../../utils/hasOnlyOneValueForKey\"\n\n//#region Shape\nfunction deepEqual<T>(obj1: T, obj2: T): boolean {\n  if (obj1 === obj2) return true\n\n  if (\n    typeof obj1 !== \"object\" ||\n    typeof obj2 !== \"object\" ||\n    obj1 === null ||\n    obj2 === null\n  ) {\n    return false\n  }\n\n  const keys1 = Object.keys(obj1) as Array<keyof T>\n  const keys2 = Object.keys(obj2) as Array<keyof T>\n\n  if (keys1.length !== keys2.length) return false\n\n  for (const key of keys1) {\n    if (!keys2.includes(key) || !deepEqual(obj1[key], obj2[key])) return false\n  }\n\n  return true\n}\n\nconst renderShape = (\n  props: any,\n  activeBar: any | undefined,\n  activeLegend: string | undefined,\n) => {\n  const { fillOpacity, name, payload, value, width, x } = props\n  let { y, height } = props\n\n  if (height < 0) {\n    y += height\n    height = Math.abs(height) // height must be a positive number\n  }\n\n  return (\n    <rect\n      x={x}\n      y={y}\n      width={width}\n      height={height}\n      opacity={\n        activeBar || (activeLegend && activeLegend !== name)\n          ? deepEqual(activeBar, { ...payload, value })\n            ? fillOpacity\n            : 0.3\n          : fillOpacity\n      }\n    />\n  )\n}\n\n//#region Legend\n\ninterface LegendItemProps {\n  name: string\n  color: AvailableChartColorsKeys\n  onClick?: (name: string, color: AvailableChartColorsKeys) => void\n  activeLegend?: string\n  chartType: \"bar\" | \"line\"\n}\n\nconst LegendItem = ({\n  name,\n  color,\n  onClick,\n  activeLegend,\n  chartType,\n}: LegendItemProps) => {\n  const hasOnValueChange = !!onClick\n  const colorClass = getColorClassName(color, \"bg\")\n\n  return (\n    <li\n      className={cx(\n        // base\n        \"group inline-flex flex-nowrap items-center gap-1.5 whitespace-nowrap rounded-sm px-2 py-1 transition\",\n        hasOnValueChange\n          ? \"cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800\"\n          : \"cursor-default\",\n      )}\n      onClick={(e) => {\n        e.stopPropagation()\n        onClick?.(name, color)\n      }}\n    >\n      <span\n        className={cx(\n          { \"size-2 rounded-xs\": chartType === \"bar\" },\n          {\n            \"h-[3px] w-3.5 shrink-0 rounded-full\": chartType === \"line\",\n          },\n          \"shrink-0\",\n          colorClass,\n          activeLegend && activeLegend !== name ? \"opacity-40\" : \"opacity-100\",\n        )}\n        aria-hidden={true}\n      />\n      <p\n        className={cx(\n          // base\n          \"truncate whitespace-nowrap text-xs\",\n          // text color\n          \"text-gray-700 dark:text-gray-300\",\n          hasOnValueChange &&\n            \"group-hover:text-gray-900 dark:group-hover:text-gray-50\",\n          activeLegend && activeLegend !== name ? \"opacity-40\" : \"opacity-100\",\n        )}\n      >\n        {name}\n      </p>\n    </li>\n  )\n}\n\ninterface ScrollButtonProps {\n  icon: React.ElementType\n  onClick?: () => void\n  disabled?: boolean\n}\n\nconst ScrollButton = ({ icon, onClick, disabled }: ScrollButtonProps) => {\n  const Icon = icon\n  const [isPressed, setIsPressed] = React.useState(false)\n  const intervalRef = React.useRef<ReturnType<typeof setInterval> | null>(null)\n\n  React.useEffect(() => {\n    if (isPressed) {\n      intervalRef.current = setInterval(() => {\n        onClick?.()\n      }, 300)\n    } else {\n      clearInterval(intervalRef.current as ReturnType<typeof setInterval>)\n    }\n    return () => clearInterval(intervalRef.current as ReturnType<typeof setInterval>)\n  }, [isPressed, onClick])\n\n  React.useEffect(() => {\n    if (disabled) {\n      clearInterval(intervalRef.current as ReturnType<typeof setInterval>)\n      setIsPressed(false)\n    }\n  }, [disabled])\n\n  return (\n    <button\n      type=\"button\"\n      className={cx(\n        // base\n        \"group inline-flex size-5 items-center truncate rounded-sm transition\",\n        disabled\n          ? \"cursor-not-allowed text-gray-400 dark:text-gray-600\"\n          : \"cursor-pointer text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-50\",\n      )}\n      disabled={disabled}\n      onClick={(e) => {\n        e.stopPropagation()\n        onClick?.()\n      }}\n      onMouseDown={(e) => {\n        e.stopPropagation()\n        setIsPressed(true)\n      }}\n      onMouseUp={(e) => {\n        e.stopPropagation()\n        setIsPressed(false)\n      }}\n    >\n      <Icon className=\"size-full\" aria-hidden=\"true\" />\n    </button>\n  )\n}\n\ninterface LegendProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  categories: { name: string; chartType: \"bar\" | \"line\" }[]\n  barCategoryColors: Map<string, AvailableChartColorsKeys>\n  lineCategoryColors: Map<string, AvailableChartColorsKeys>\n  onClickLegendItem?: (\n    category: string,\n    color: AvailableChartColorsKeys,\n  ) => void\n  activeLegend?: string\n  enableLegendSlider?: boolean\n}\n\ntype HasScrollProps = {\n  left: boolean\n  right: boolean\n}\n\nconst Legend = React.forwardRef<HTMLOListElement, LegendProps>((props, ref) => {\n  const {\n    categories,\n    barCategoryColors,\n    lineCategoryColors,\n    onClickLegendItem,\n    activeLegend,\n    enableLegendSlider = false,\n    className,\n    ...other\n  } = props\n  const scrollableRef = React.useRef<HTMLInputElement>(null)\n  const [hasScroll, setHasScroll] = React.useState<HasScrollProps | null>(null)\n  const [isKeyDowned, setIsKeyDowned] = React.useState<string | null>(null)\n  const intervalRef = React.useRef<ReturnType<typeof setInterval> | null>(null)\n\n  const checkScroll = React.useCallback(() => {\n    const scrollable = scrollableRef?.current\n    if (!scrollable) return\n\n    const hasLeftScroll = scrollable.scrollLeft > 0\n    const hasRightScroll =\n      scrollable.scrollWidth - scrollable.clientWidth > scrollable.scrollLeft\n\n    setHasScroll({ left: hasLeftScroll, right: hasRightScroll })\n  }, [setHasScroll])\n\n  const scrollToTest = React.useCallback(\n    (direction: \"left\" | \"right\") => {\n      const element = scrollableRef?.current\n      const width = element?.clientWidth ?? 0\n\n      if (element && enableLegendSlider) {\n        element.scrollTo({\n          left:\n            direction === \"left\"\n              ? element.scrollLeft - width\n              : element.scrollLeft + width,\n          behavior: \"smooth\",\n        })\n        setTimeout(() => {\n          checkScroll()\n        }, 400)\n      }\n    },\n    [enableLegendSlider, checkScroll],\n  )\n\n  React.useEffect(() => {\n    const keyDownHandler = (key: string) => {\n      if (key === \"ArrowLeft\") {\n        scrollToTest(\"left\")\n      } else if (key === \"ArrowRight\") {\n        scrollToTest(\"right\")\n      }\n    }\n    if (isKeyDowned) {\n      keyDownHandler(isKeyDowned)\n      intervalRef.current = setInterval(() => {\n        keyDownHandler(isKeyDowned)\n      }, 300)\n    } else {\n      clearInterval(intervalRef.current as ReturnType<typeof setInterval>)\n    }\n    return () => clearInterval(intervalRef.current as ReturnType<typeof setInterval>)\n  }, [isKeyDowned, scrollToTest])\n\n  const keyDown = (e: KeyboardEvent) => {\n    e.stopPropagation()\n    if (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n      e.preventDefault()\n      setIsKeyDowned(e.key)\n    }\n  }\n  const keyUp = (e: KeyboardEvent) => {\n    e.stopPropagation()\n    setIsKeyDowned(null)\n  }\n\n  React.useEffect(() => {\n    const scrollable = scrollableRef?.current\n    if (enableLegendSlider) {\n      checkScroll()\n      scrollable?.addEventListener(\"keydown\", keyDown)\n      scrollable?.addEventListener(\"keyup\", keyUp)\n    }\n\n    return () => {\n      scrollable?.removeEventListener(\"keydown\", keyDown)\n      scrollable?.removeEventListener(\"keyup\", keyUp)\n    }\n  }, [checkScroll, enableLegendSlider])\n\n  return (\n    <ol\n      ref={ref}\n      className={cx(\"relative overflow-hidden\", className)}\n      {...other}\n    >\n      <div\n        ref={scrollableRef}\n        className={cx(\n          \"flex h-full\",\n          enableLegendSlider\n            ? hasScroll?.right || hasScroll?.left\n              ? \"snap-mandatory items-center overflow-auto pl-4 pr-12 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n              : \"\"\n            : \"flex-wrap\",\n        )}\n      >\n        {categories.map((category, index) => {\n          const barColor = barCategoryColors.get(category.name)\n          const lineColor = lineCategoryColors.get(category.name)\n          return (\n            <LegendItem\n              key={`item-${index}`}\n              name={category.name}\n              chartType={category.chartType}\n              onClick={onClickLegendItem}\n              activeLegend={activeLegend}\n              color={category.chartType === \"bar\" ? barColor! : lineColor!}\n            />\n          )\n        })}\n      </div>\n      {enableLegendSlider && (hasScroll?.right || hasScroll?.left) ? (\n        <>\n          <div\n            className={cx(\n              // base\n              \"absolute bottom-0 right-0 top-0 flex h-full items-center justify-center pr-1\",\n              // background color\n              \"bg-white dark:bg-gray-950\",\n            )}\n          >\n            <ScrollButton\n              icon={RiArrowLeftSLine}\n              onClick={() => {\n                setIsKeyDowned(null)\n                scrollToTest(\"left\")\n              }}\n              disabled={!hasScroll?.left}\n            />\n            <ScrollButton\n              icon={RiArrowRightSLine}\n              onClick={() => {\n                setIsKeyDowned(null)\n                scrollToTest(\"right\")\n              }}\n              disabled={!hasScroll?.right}\n            />\n          </div>\n        </>\n      ) : null}\n    </ol>\n  )\n})\n\nLegend.displayName = \"Legend\"\n\nconst ChartLegend = (\n  { payload }: any,\n  barCategoryColors: Map<string, AvailableChartColorsKeys>,\n  lineCategoryColors: Map<string, AvailableChartColorsKeys>,\n  setLegendHeight: React.Dispatch<React.SetStateAction<number>>,\n  activeLegend: string | undefined,\n  onClick?: (category: string, color: AvailableChartColorsKeys) => void,\n  enableLegendSlider?: boolean,\n  legendPosition?: \"left\" | \"center\" | \"right\",\n  barYAxisWidth?: number,\n  lineYAxisWidth?: number,\n) => {\n  const legendRef = React.useRef<HTMLDivElement>(null)\n\n  useOnWindowResize(() => {\n    const calculateHeight = (height: number | undefined) =>\n      height ? Number(height) + 15 : 60\n    setLegendHeight(calculateHeight(legendRef.current?.clientHeight))\n  })\n\n  const filteredPayload = payload.filter((item: any) => item.type !== \"none\")\n\n  const paddingLeft =\n    legendPosition === \"left\" && barYAxisWidth ? barYAxisWidth - 8 : 0\n  const paddingRight =\n    (legendPosition === \"right\" || legendPosition === undefined) &&\n    lineYAxisWidth\n      ? lineYAxisWidth - 8\n      : 52\n\n  return (\n    <div\n      style={{ paddingLeft: paddingLeft, paddingRight: paddingRight }}\n      ref={legendRef}\n      className={cx(\n        \"flex items-center\",\n        { \"justify-center\": legendPosition === \"center\" },\n        {\n          \"justify-start\": legendPosition === \"left\",\n        },\n        { \"justify-end\": legendPosition === \"right\" },\n      )}\n    >\n      <Legend\n        categories={filteredPayload.map((entry: any) => ({\n          name: entry.value,\n          chartType: entry.type === \"rect\" ? \"bar\" : entry.type,\n        }))}\n        barCategoryColors={barCategoryColors}\n        lineCategoryColors={lineCategoryColors}\n        onClickLegendItem={onClick}\n        activeLegend={activeLegend}\n        enableLegendSlider={enableLegendSlider}\n      />\n    </div>\n  )\n}\n\n//#region Tooltip\n\ntype TooltipProps = Pick<ChartTooltipProps, \"active\" | \"payload\" | \"label\">\n\ntype PayloadItem = {\n  category: string\n  value: number\n  index: string\n  barColor: AvailableChartColorsKeys\n  lineColor: AvailableChartColorsKeys\n  chartType: \"bar\" | \"line\"\n  type: string\n  payload: any\n}\n\ninterface ChartTooltipProps {\n  active: boolean | undefined\n  payload: PayloadItem[]\n  label: string\n  barValueFormatter?: (value: number) => string\n  lineValueFormatter?: (value: number) => string\n}\n\nconst ChartTooltip = ({\n  active,\n  payload,\n  label,\n  barValueFormatter = (value: number): string => value.toString(),\n  lineValueFormatter = (value: number): string => value.toString(),\n}: ChartTooltipProps) => {\n  if (active && payload && payload.length) {\n    const filteredPayload = payload.filter((item: any) => item.type !== \"none\")\n    return (\n      <div\n        className={cx(\n          // base\n          \"rounded-md border text-sm shadow-md\",\n          // border color\n          \"border-gray-200 dark:border-gray-800\",\n          // background color\n          \"bg-white dark:bg-gray-950\",\n        )}\n      >\n        <div className={cx(\"border-b border-inherit px-4 py-2\")}>\n          <p\n            className={cx(\n              // base\n              \"font-medium\",\n              // text color\n              \"text-gray-900 dark:text-gray-50\",\n            )}\n          >\n            {label}\n          </p>\n        </div>\n        <div className={cx(\"space-y-1 px-4 py-2\")}>\n          {filteredPayload.map(\n            ({ value, category, barColor, lineColor, chartType }, index) => (\n              <div\n                key={`id-${index}`}\n                className=\"flex items-center justify-between space-x-8\"\n              >\n                <div className=\"flex items-center space-x-2\">\n                  <div className=\"flex w-5 items-center justify-center\">\n                    <span\n                      aria-hidden=\"true\"\n                      className={cx(\n                        { \"size-2 rounded-xs\": chartType === \"bar\" },\n                        {\n                          \"h-[3px] w-3.5 shrink-0 rounded-full\":\n                            chartType === \"line\",\n                        },\n                        \"shrink-0\",\n                        getColorClassName(\n                          chartType === \"bar\" ? barColor : lineColor,\n                          \"bg\",\n                        ),\n                      )}\n                    />\n                  </div>\n                  <p\n                    className={cx(\n                      // base\n                      \"whitespace-nowrap text-right\",\n                      // text color\n                      \"text-gray-700 dark:text-gray-300\",\n                    )}\n                  >\n                    {category}\n                  </p>\n                </div>\n                <p\n                  className={cx(\n                    // base\n                    \"whitespace-nowrap text-right font-medium tabular-nums\",\n                    // text color\n                    \"text-gray-900 dark:text-gray-50\",\n                  )}\n                >\n                  {chartType === \"bar\"\n                    ? barValueFormatter(value)\n                    : lineValueFormatter(value)}\n                </p>\n              </div>\n            ),\n          )}\n        </div>\n      </div>\n    )\n  }\n  return null\n}\n\ninterface ActiveDot {\n  index?: number\n  dataKey?: string\n}\n\ntype BaseEventProps = {\n  eventType: \"category\" | \"bar\" | \"dot\"\n  categoryClicked: string\n  [key: string]: number | string\n}\n\ntype ComboChartEventProps = BaseEventProps | null | undefined\n\ntype ChartSeries = {\n  categories: string[]\n  colors?: AvailableChartColorsKeys[]\n  valueFormatter?: (value: number) => string\n  showYAxis?: boolean\n  yAxisWidth?: number\n  allowDecimals?: boolean\n  yAxisLabel?: string\n  autoMinValue?: boolean\n  minValue?: number\n  maxValue?: number\n}\n\ninterface ComboChartProps extends React.HTMLAttributes<HTMLDivElement> {\n  data: Record<string, any>[]\n  index: string\n  startEndOnly?: boolean\n  showXAxis?: boolean\n  xAxisLabel?: string\n  showGridLines?: boolean\n  intervalType?: \"preserveStartEnd\" | \"equidistantPreserveStart\"\n  showLegend?: boolean\n  showTooltip?: boolean\n  onValueChange?: (value: ComboChartEventProps) => void\n  enableLegendSlider?: boolean\n  legendPosition?: \"left\" | \"center\" | \"right\"\n  tickGap?: number\n  enableBiaxial?: boolean\n  tooltipCallback?: (tooltipCallbackContent: TooltipProps) => void\n  customTooltip?: React.ComponentType<TooltipProps>\n  barSeries: ChartSeries & {\n    type?: \"default\" | \"stacked\"\n  }\n  lineSeries?: ChartSeries & {\n    connectNulls?: boolean\n  }\n}\n\nconst ComboChart = React.forwardRef<HTMLDivElement, ComboChartProps>(\n  (props, forwardedRef) => {\n    const defaultSeries = {\n      categories: [],\n      colors: AvailableChartColors,\n      valueFormatter: (value: number) => value.toString(),\n      showYAxis: true,\n      yAxisWidth: 56,\n      yAxisLabel: undefined,\n      allowDecimals: true,\n      type: \"default\",\n      autoMinValue: false,\n      minValue: undefined,\n      maxValue: undefined,\n    }\n\n    const defaultBarSeries = defaultSeries\n    const defaultLineSeries = {\n      ...defaultSeries,\n      connectNulls: false,\n    }\n\n    const {\n      data = [],\n      index,\n      startEndOnly = false,\n      showXAxis = true,\n      showGridLines = true,\n      intervalType = \"equidistantPreserveStart\",\n      showTooltip = true,\n      showLegend = true,\n      legendPosition = \"right\",\n      enableLegendSlider = false,\n      onValueChange,\n      tickGap = 5,\n      xAxisLabel,\n      enableBiaxial = false,\n\n      barSeries = defaultBarSeries,\n      lineSeries = defaultLineSeries,\n      tooltipCallback,\n      customTooltip,\n\n      className,\n      ...other\n    } = props\n    const mergedBarSeries = { ...defaultBarSeries, ...barSeries }\n    const mergedLineSeries = { ...defaultLineSeries, ...lineSeries }\n\n    const CustomTooltip = customTooltip\n\n    const paddingValue =\n      (!showXAxis &&\n        !mergedBarSeries.showYAxis &&\n        enableBiaxial &&\n        !mergedLineSeries.showYAxis) ||\n      (startEndOnly &&\n        !mergedBarSeries.showYAxis &&\n        enableBiaxial &&\n        !mergedLineSeries.showYAxis)\n        ? 0\n        : 20\n    const [legendHeight, setLegendHeight] = React.useState(60)\n    const [activeDot, setActiveDot] = React.useState<ActiveDot | undefined>(\n      undefined,\n    )\n    const [activeLegend, setActiveLegend] = React.useState<string | undefined>(\n      undefined,\n    )\n\n    const prevActiveRef = React.useRef<boolean | undefined>(undefined)\n    const prevLabelRef = React.useRef<string | undefined>(undefined)\n\n    const barCategoryColors = constructCategoryColors(\n      mergedBarSeries.categories,\n      mergedBarSeries.colors ?? AvailableChartColors,\n    )\n    const lineCategoryColors = constructCategoryColors(\n      mergedLineSeries.categories,\n      mergedLineSeries.colors ?? AvailableChartColors,\n    )\n    const [activeBar, setActiveBar] = React.useState<any | undefined>(undefined)\n    const barYAxisDomain = getYAxisDomain(\n      mergedBarSeries.autoMinValue ?? false,\n      mergedBarSeries.minValue,\n      mergedBarSeries.maxValue,\n    )\n    const lineYAxisDomain = getYAxisDomain(\n      mergedLineSeries.autoMinValue ?? false,\n      mergedLineSeries.minValue,\n      mergedLineSeries.maxValue,\n    )\n    const hasOnValueChange = !!onValueChange\n    const stacked = barSeries.type === \"stacked\"\n\n    function onBarClick(data: any, _: any, event: React.MouseEvent) {\n      event.stopPropagation()\n      if (!onValueChange) return\n      if (deepEqual(activeBar, { ...data.payload, value: data.value })) {\n        setActiveLegend(undefined)\n        setActiveBar(undefined)\n        onValueChange?.(null)\n      } else {\n        setActiveLegend(data.tooltipPayload?.[0]?.dataKey)\n        setActiveBar({\n          ...data.payload,\n          value: data.value,\n        })\n        onValueChange?.({\n          eventType: \"bar\",\n          categoryClicked: data.tooltipPayload?.[0]?.dataKey,\n          ...data.payload,\n        })\n      }\n    }\n\n    function onDotClick(itemData: any, event: React.MouseEvent) {\n      event.stopPropagation()\n\n      if (!hasOnValueChange) return\n      if (\n        (itemData.index === activeDot?.index &&\n          itemData.dataKey === activeDot?.dataKey) ||\n        (hasOnlyOneValueForKey(data, itemData.dataKey) &&\n          activeLegend &&\n          activeLegend === itemData.dataKey)\n      ) {\n        setActiveLegend(undefined)\n        setActiveDot(undefined)\n        onValueChange?.(null)\n      } else {\n        setActiveBar(undefined)\n        setActiveLegend(itemData.dataKey)\n        setActiveDot({\n          index: itemData.index,\n          dataKey: itemData.dataKey,\n        })\n        onValueChange?.({\n          eventType: \"dot\",\n          categoryClicked: itemData.dataKey,\n          ...itemData.payload,\n        })\n      }\n    }\n\n    function onCategoryClick(dataKey: string) {\n      if (!hasOnValueChange) return\n\n      if (dataKey === activeLegend && !activeBar && !activeDot) {\n        setActiveLegend(undefined)\n        onValueChange?.(null)\n      } else if (\n        activeBar &&\n        activeBar.tooltipPayload?.[0]?.dataKey === dataKey\n      ) {\n        setActiveLegend(dataKey)\n        onValueChange?.({\n          eventType: \"category\",\n          categoryClicked: dataKey,\n        })\n      } else {\n        setActiveLegend(dataKey)\n        setActiveBar(undefined)\n        setActiveDot(undefined)\n        onValueChange?.({\n          eventType: \"category\",\n          categoryClicked: dataKey,\n        })\n      }\n    }\n\n    return (\n      <div\n        ref={forwardedRef}\n        className={cx(\"h-80 w-full\", className)}\n        tremor-id=\"tremor-raw\"\n        {...other}\n      >\n        <ResponsiveContainer>\n          <RechartsComposedChart\n            data={data}\n            onClick={\n              hasOnValueChange && (activeLegend || activeBar || activeDot)\n                ? () => {\n                    setActiveBar(undefined)\n                    setActiveDot(undefined)\n                    setActiveLegend(undefined)\n                    onValueChange?.(null)\n                  }\n                : undefined\n            }\n            margin={{\n              bottom: xAxisLabel ? 30 : undefined,\n              left: mergedBarSeries.yAxisLabel ? 20 : undefined,\n              right: mergedLineSeries.yAxisLabel ? 20 : undefined,\n              top: 5,\n            }}\n          >\n            {showGridLines ? (\n              <CartesianGrid\n                className={cx(\"stroke-gray-200 stroke-1 dark:stroke-gray-800\")}\n                horizontal={true}\n                vertical={false}\n              />\n            ) : null}\n            <XAxis\n              hide={!showXAxis}\n              tick={{\n                transform: \"translate(0, 6)\",\n              }}\n              fill=\"\"\n              stroke=\"\"\n              className={cx(\n                // base\n                \"mt-4 text-xs\",\n                // text fill\n                \"fill-gray-500 dark:fill-gray-500\",\n              )}\n              tickLine={false}\n              axisLine={false}\n              minTickGap={tickGap}\n              padding={{\n                left: paddingValue,\n                right: paddingValue,\n              }}\n              dataKey={index}\n              interval={startEndOnly ? \"preserveStartEnd\" : intervalType}\n              ticks={\n                startEndOnly\n                  ? [data[0][index], data[data.length - 1][index]]\n                  : undefined\n              }\n            >\n              {xAxisLabel && (\n                <Label\n                  position=\"insideBottom\"\n                  offset={-20}\n                  className=\"fill-gray-800 text-sm font-medium dark:fill-gray-200\"\n                >\n                  {xAxisLabel}\n                </Label>\n              )}\n            </XAxis>\n            <YAxis\n              yAxisId={enableBiaxial ? \"left\" : undefined}\n              width={mergedBarSeries.yAxisWidth}\n              hide={!mergedBarSeries.showYAxis}\n              axisLine={false}\n              tickLine={false}\n              fill=\"\"\n              stroke=\"\"\n              className={cx(\n                // base\n                \"text-xs\",\n                // text fill\n                \"fill-gray-500 dark:fill-gray-500\",\n              )}\n              tick={{\n                transform: \"translate(-3, 0)\",\n              }}\n              type=\"number\"\n              domain={barYAxisDomain as AxisDomain}\n              tickFormatter={mergedBarSeries.valueFormatter}\n              allowDecimals={mergedBarSeries.allowDecimals}\n            >\n              {mergedBarSeries.yAxisLabel && (\n                <Label\n                  position=\"insideLeft\"\n                  style={{ textAnchor: \"middle\" }}\n                  angle={-90}\n                  offset={-15}\n                  className=\"fill-gray-800 text-sm font-medium dark:fill-gray-200\"\n                >\n                  {mergedBarSeries.yAxisLabel}\n                </Label>\n              )}\n            </YAxis>\n\n            {enableBiaxial ? (\n              <YAxis\n                yAxisId=\"right\"\n                orientation=\"right\"\n                width={mergedLineSeries.yAxisWidth}\n                hide={!mergedLineSeries.showYAxis}\n                axisLine={false}\n                tickLine={false}\n                fill=\"\"\n                stroke=\"\"\n                className={cx(\n                  // base\n                  \"text-xs\",\n                  // text fill\n                  \"fill-gray-500 dark:fill-gray-500\",\n                )}\n                tick={{\n                  transform: \"translate(3, 0)\",\n                }}\n                type=\"number\"\n                domain={lineYAxisDomain as AxisDomain}\n                tickFormatter={mergedLineSeries.valueFormatter}\n                allowDecimals={mergedLineSeries.allowDecimals}\n              >\n                {mergedLineSeries.yAxisLabel && (\n                  <Label\n                    position=\"insideRight\"\n                    style={{ textAnchor: \"middle\" }}\n                    angle={-90}\n                    offset={-15}\n                    className=\"fill-gray-800 text-sm font-medium dark:fill-gray-200\"\n                  >\n                    {mergedLineSeries.yAxisLabel}\n                  </Label>\n                )}\n              </YAxis>\n            ) : null}\n\n            <Tooltip\n              wrapperStyle={{ outline: \"none\" }}\n              isAnimationActive={true}\n              animationDuration={100}\n              cursor={{ stroke: \"#d1d5db\", strokeWidth: 1 }}\n              offset={20}\n              position={{\n                y: 0,\n              }}\n              content={({ active, payload, label }) => {\n                const cleanPayload: TooltipProps[\"payload\"] = payload\n                  ? payload.map((item: any) => ({\n                      category: item.dataKey,\n                      value: item.value,\n                      index: item.payload[index],\n                      barColor: barCategoryColors.get(\n                        item.dataKey,\n                      ) as AvailableChartColorsKeys,\n                      lineColor: lineCategoryColors.get(\n                        item.dataKey,\n                      ) as AvailableChartColorsKeys,\n                      chartType: barCategoryColors.get(item.dataKey)\n                        ? \"bar\"\n                        : (\"line\" as PayloadItem[\"chartType\"]),\n                      type: item.type,\n                      payload: item.payload,\n                    }))\n                  : []\n\n                if (\n                  tooltipCallback &&\n                  (active !== prevActiveRef.current ||\n                    label !== prevLabelRef.current)\n                ) {\n                  tooltipCallback({ active, payload: cleanPayload, label })\n                  prevActiveRef.current = active\n                  prevLabelRef.current = label\n                }\n\n                return showTooltip && active ? (\n                  CustomTooltip ? (\n                    <CustomTooltip\n                      active={active}\n                      payload={cleanPayload}\n                      label={label}\n                    />\n                  ) : (\n                    <ChartTooltip\n                      active={active}\n                      payload={cleanPayload}\n                      label={label}\n                      barValueFormatter={mergedBarSeries.valueFormatter}\n                      lineValueFormatter={mergedLineSeries.valueFormatter}\n                    />\n                  )\n                ) : null\n              }}\n            />\n            {showLegend ? (\n              <RechartsLegend\n                verticalAlign=\"top\"\n                height={legendHeight}\n                content={({ payload }) =>\n                  ChartLegend(\n                    { payload },\n                    barCategoryColors,\n                    lineCategoryColors,\n                    setLegendHeight,\n                    activeLegend,\n                    hasOnValueChange\n                      ? (clickedLegendItem: string) =>\n                          onCategoryClick(clickedLegendItem)\n                      : undefined,\n                    enableLegendSlider,\n                    legendPosition,\n                    mergedBarSeries.yAxisWidth,\n                    mergedLineSeries.yAxisWidth,\n                  )\n                }\n              />\n            ) : null}\n            {mergedBarSeries.categories.map((category) => (\n              <Bar\n                yAxisId={enableBiaxial ? \"left\" : undefined}\n                className={cx(\n                  getColorClassName(\n                    barCategoryColors.get(category) as AvailableChartColorsKeys,\n                    \"fill\",\n                  ),\n                  onValueChange ? \"cursor-pointer\" : \"\",\n                )}\n                key={category}\n                name={category}\n                type=\"linear\"\n                dataKey={category}\n                stackId={stacked ? \"stack\" : undefined}\n                isAnimationActive={false}\n                fill=\"\"\n                shape={(props: any) =>\n                  renderShape(props, activeBar, activeLegend)\n                }\n                onClick={onBarClick}\n              />\n            ))}\n            {/* hidden lines to increase clickable target area */}\n            {onValueChange\n              ? mergedLineSeries.categories.map((category) => (\n                  <Line\n                    yAxisId={enableBiaxial ? \"right\" : undefined}\n                    className={cx(\"cursor-pointer\")}\n                    strokeOpacity={0}\n                    key={category}\n                    name={category}\n                    type=\"linear\"\n                    dataKey={category}\n                    stroke=\"transparent\"\n                    fill=\"transparent\"\n                    legendType=\"none\"\n                    tooltipType=\"none\"\n                    strokeWidth={12}\n                    connectNulls={mergedLineSeries.connectNulls}\n                    onClick={(props: any, event) => {\n                      event.stopPropagation()\n                      const { name } = props\n                      onCategoryClick(name)\n                    }}\n                  />\n                ))\n              : null}\n            {mergedLineSeries.categories.map((category) => (\n              <Line\n                yAxisId={enableBiaxial ? \"right\" : undefined}\n                className={cx(\n                  getColorClassName(\n                    lineCategoryColors.get(\n                      category,\n                    ) as AvailableChartColorsKeys,\n                    \"stroke\",\n                  ),\n                  hasOnValueChange && \"cursor-pointer\",\n                )}\n                strokeOpacity={\n                  activeDot || (activeLegend && activeLegend !== category)\n                    ? 0.3\n                    : 1\n                }\n                activeDot={(props: any) => {\n                  const {\n                    cx: cxCoord,\n                    cy: cyCoord,\n                    stroke,\n                    strokeLinecap,\n                    strokeLinejoin,\n                    strokeWidth,\n                    dataKey,\n                  } = props\n                  return (\n                    <Dot\n                      className={cx(\n                        \"stroke-white dark:stroke-gray-950\",\n                        onValueChange ? \"cursor-pointer\" : \"\",\n                        getColorClassName(\n                          lineCategoryColors.get(\n                            dataKey,\n                          ) as AvailableChartColorsKeys,\n                          \"fill\",\n                        ),\n                      )}\n                      cx={cxCoord}\n                      cy={cyCoord}\n                      r={5}\n                      fill=\"\"\n                      stroke={stroke}\n                      strokeLinecap={strokeLinecap}\n                      strokeLinejoin={strokeLinejoin}\n                      strokeWidth={strokeWidth}\n                      onClick={(_, event) => onDotClick(props, event)}\n                    />\n                  )\n                }}\n                dot={(props: any) => {\n                  const {\n                    stroke,\n                    strokeLinecap,\n                    strokeLinejoin,\n                    strokeWidth,\n                    cx: cxCoord,\n                    cy: cyCoord,\n                    dataKey,\n                    index,\n                  } = props\n\n                  if (\n                    (hasOnlyOneValueForKey(data, category) &&\n                      !(\n                        activeDot ||\n                        (activeLegend && activeLegend !== category)\n                      )) ||\n                    (activeDot?.index === index &&\n                      activeDot?.dataKey === category)\n                  ) {\n                    return (\n                      <Dot\n                        key={index}\n                        cx={cxCoord}\n                        cy={cyCoord}\n                        r={5}\n                        stroke={stroke}\n                        fill=\"\"\n                        strokeLinecap={strokeLinecap}\n                        strokeLinejoin={strokeLinejoin}\n                        strokeWidth={strokeWidth}\n                        className={cx(\n                          \"stroke-white dark:stroke-gray-950\",\n                          onValueChange ? \"cursor-pointer\" : \"\",\n                          getColorClassName(\n                            lineCategoryColors.get(\n                              dataKey,\n                            ) as AvailableChartColorsKeys,\n                            \"fill\",\n                          ),\n                        )}\n                      />\n                    )\n                  }\n                  return <React.Fragment key={index}></React.Fragment>\n                }}\n                key={`${category}-line-id`}\n                name={category}\n                type=\"linear\"\n                dataKey={category}\n                stroke=\"\"\n                strokeWidth={2}\n                strokeLinejoin=\"round\"\n                strokeLinecap=\"round\"\n                isAnimationActive={false}\n                connectNulls={mergedLineSeries.connectNulls}\n                onClick={(props: any, event) => {\n                  event.stopPropagation()\n                  const { name } = props\n                  onCategoryClick(name)\n                }}\n              />\n            ))}\n          </RechartsComposedChart>\n        </ResponsiveContainer>\n      </div>\n    )\n  },\n)\n\nComboChart.displayName = \"ComboChart\"\n\nexport { ComboChart, type ComboChartEventProps, type TooltipProps }\n","path":"src/components/vendor/tremor/components/ComboChart/ComboChart.tsx","target":"~/src/components/vendor/tremor/components/ComboChart/ComboChart.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.96b2515967c3f6fad23c3e74abd6a78d","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/ComboChart/ComboChart.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-96b2515967c3f6fad23c3e74abd6a78d","registryDependencies":[],"title":"resource.file.96b2515967c3f6fad23c3e74abd6a78d","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-9757ff8fc1f1e3c29087e671c2c0330a.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9757ff8fc1f1e3c29087e671c2c0330a","files":[{"content":"export type StreamConnectionState = 'idle' | 'connecting' | 'connected' | 'disconnected' | 'error';\n\nexport interface FramePacket {\n  image: ImageBitmap | null;\n  rawBlob?: Blob;\n  meta: Record<string, any>;\n  timestamp: number;\n}\n\nexport interface StreamClientOptions {\n  url: string;\n  binaryType?: 'blob' | 'arraybuffer';\n  autoReconnect?: boolean;\n  reconnectIntervalMs?: number;\n  maxReconnectAttempts?: number;\n  grabLatest?: boolean;\n  onFrame?: (packet: FramePacket) => void;\n  onError?: (err: Error) => void;\n  onStateChange?: (state: StreamConnectionState) => void;\n}\n","path":"references/metaform/components/business/industry/vision/src/runtime/types.ts","target":"~/references/metaform/components/business/industry/vision/src/runtime/types.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.9757ff8fc1f1e3c29087e671c2c0330a","contractRef":"components/business/industry/vision/src/runtime/types.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9757ff8fc1f1e3c29087e671c2c0330a","registryDependencies":[],"title":"resource.file.9757ff8fc1f1e3c29087e671c2c0330a","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-976b2ec747d6586ae072e70d8529b919.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.976b2ec747d6586ae072e70d8529b919","files":[{"content":"// Tremor focusRing [v0.0.1]\n\nexport const focusRing = [\n  // base\n  \"outline outline-offset-2 outline-0 focus-visible:outline-2\",\n  // outline color\n  \"outline-blue-500 dark:outline-blue-500\",\n]\n","path":"src/components/vendor/tremor/utils/focusRing.ts","target":"~/src/components/vendor/tremor/utils/focusRing.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.976b2ec747d6586ae072e70d8529b919","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/utils/focusRing.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-976b2ec747d6586ae072e70d8529b919","registryDependencies":[],"title":"resource.file.976b2ec747d6586ae072e70d8529b919","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-979df5a8937fae87d767f14a16e44a5b.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.979df5a8937fae87d767f14a16e44a5b","files":[{"content":"/* ==================================================================\n   First Piece Inspection Workbench Styles\n   @metaform/inspection-assets\n   Full design-system token integration & responsive UI styling\n================================================================== */\n@import './first-inspection-evidence.css';\n\n:root,\n.first-card,\n.first-page {\n  /* Surfaces and Canvas */\n  --first-bg: var(--color-background, var(--background, #f4f5f8));\n  --first-panel: var(--color-card, var(--card, #fff));\n  --first-panel-2: var(--color-surface-muted, var(--surface-muted, var(--secondary, #fafbfc)));\n  --first-panel-hover: var(--color-control-hover, var(--control-hover, #f3f4f6));\n  --first-line: var(--color-border, var(--border, #e5e7eb));\n  --first-line-2: var(--color-border-soft, var(--border-soft, #f3f4f6));\n\n  /* Typography Colors */\n  --first-t1: var(--color-foreground, var(--foreground, #111827));\n  --first-t2: var(--color-muted-foreground, var(--muted-foreground, #4b5563));\n  --first-t3: var(--text-secondary, #9ca3af);\n\n  /* Theme Brand Tokens (Respects platform active accent: cobalt, neutral, teal, etc.) */\n  --first-brand: var(--brand-accent, var(--color-brand, var(--primary, #2563eb)));\n  --first-brand-hover: var(--brand-accent-hover, var(--color-brand-hover, #1d4ed8));\n  --first-brand-active: var(--brand-accent-active, var(--color-brand-active, #1e40af));\n  --first-brand-soft: var(\n    --brand-accent-soft,\n    var(--selection, var(--accent, var(--color-brand-soft, #eff6ff)))\n  );\n  --first-brand-border: var(\n    --brand-accent-border,\n    var(--selection-border, var(--color-brand-border, #bfdbfe))\n  );\n  --first-brand-fg: var(\n    --brand-accent-foreground,\n    var(--primary-foreground, var(--color-brand-foreground, #fff))\n  );\n\n  /* Semantic Feedback */\n  --first-ok: var(--semantic-success, var(--color-success, #16a34a));\n  --first-ok-soft: var(--semantic-success-soft, var(--color-success-soft, #f0fdf4));\n  --first-ok-border: rgb(22 163 74 / 30%);\n  --first-ok-fg: var(--semantic-success-foreground, var(--color-success-foreground, #15803d));\n  --first-bad: var(--semantic-danger, var(--color-danger, #dc2626));\n  --first-bad-soft: var(--semantic-danger-soft, var(--color-danger-soft, #fef2f2));\n  --first-bad-border: rgb(220 38 38 / 30%);\n  --first-bad-fg: var(--semantic-danger-foreground, var(--color-danger-foreground, #b91c1c));\n  --first-warn: var(--semantic-warning, var(--color-warning, #d97706));\n  --first-warn-soft: var(--semantic-warning-soft, var(--color-warning-soft, #fffbeb));\n  --first-warn-border: rgb(217 119 6 / 30%);\n  --first-warn-fg: var(--semantic-warning-foreground, var(--color-warning-foreground, #92400e));\n\n  /* Component geometry */\n  --first-radius: var(--radius, 8px);\n  --first-radius-sm: calc(var(--first-radius) - 2px);\n  --first-radius-lg: calc(var(--first-radius) + 2px);\n}\n\n/* Page container (optional outer wrapper) */\n.first-page {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 16px;\n  font-family: inherit;\n  font-size: 13px;\n  color: var(--first-t1);\n  background: var(--first-bg);\n}\n\n.first-page *,\n.first-page *::before,\n.first-page *::after {\n  box-sizing: border-box;\n}\n\n/* Detail Navigation Bar */\n.inspection-detail-nav {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  padding: 10px 14px;\n  background: var(--first-panel);\n  border: 1px solid var(--first-line);\n  border-radius: var(--first-radius);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 3%);\n}\n\n.inspection-detail-back {\n  display: inline-flex;\n  gap: 4px;\n  align-items: center;\n  padding: 4px 8px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--first-brand);\n  cursor: pointer;\n  background: none;\n  border: 1px solid transparent;\n  border-radius: var(--first-radius-sm);\n  transition: all 0.15s ease;\n}\n\n.inspection-detail-back:hover {\n  background: var(--first-brand-soft);\n  border-color: var(--first-brand-border);\n}\n\n.inspection-detail-title {\n  flex: 1;\n  font-size: 13px;\n  color: var(--first-t1);\n}\n\n.inspection-detail-title b {\n  font-weight: 600;\n  color: var(--first-t1);\n}\n\n.inspection-detail-state {\n  padding: 2px 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--first-brand);\n  background: var(--first-brand-soft);\n  border: 1px solid var(--first-brand-border);\n  border-radius: 9999px;\n}\n\n/* Header summary card */\n.first-head {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  padding: 14px 16px;\n  background: var(--first-panel);\n  border: 1px solid var(--first-line);\n  border-radius: var(--first-radius-lg);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 3%);\n}\n\n.first-head-ic {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--first-brand-fg);\n  background: var(--first-brand);\n  border-radius: var(--first-radius);\n}\n\n.first-head-copy {\n  flex: 1;\n}\n\n.first-head-title {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--first-t1);\n}\n\n.first-head-sub {\n  margin-top: 2px;\n  font-size: 11px;\n  color: var(--first-t2);\n}\n\n/* Workbench root card */\n.first-card {\n  box-sizing: border-box;\n  overflow: hidden;\n  font-family: inherit;\n  font-size: 13px;\n  color: var(--first-t1);\n  background: var(--first-panel);\n  border: 1px solid var(--first-line);\n  border-radius: var(--first-radius-lg);\n  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 4%);\n}\n\n.first-card *,\n.first-card *::before,\n.first-card *::after {\n  box-sizing: border-box;\n}\n\n/* Card Header */\n.first-card-h {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  padding: 10px 14px;\n  background: var(--first-panel-2);\n  border-bottom: 1px solid var(--first-line);\n}\n\n.first-card-h b {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--first-t1);\n}\n\n.first-card-h > span:not(.first-card-tag) {\n  font-size: 11px;\n  color: var(--first-t2);\n}\n\n.first-card-h .first-card-tag {\n  display: inline-flex;\n  flex: 0 0 auto !important;\n  align-items: center;\n  width: fit-content !important;\n  padding: 2px 9px;\n  margin-left: auto;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: var(--first-brand);\n  white-space: nowrap;\n  background: var(--first-brand-soft);\n  border: 1px solid var(--first-brand-border);\n  border-radius: var(--first-radius-sm);\n}\n\n/* Mode switcher tabs (Piece vs Package) */\n.first-mode-tabs {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  padding: 10px 14px;\n  background: var(--first-panel-2);\n  border-bottom: 1px solid var(--first-line-2);\n}\n\n.first-mode-tab {\n  display: inline-flex;\n  gap: 7px;\n  align-items: center;\n  padding: 6px 14px;\n  font-family: inherit;\n  font-size: 11.5px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: var(--first-t2);\n  cursor: pointer;\n  outline: none;\n  background: var(--first-panel);\n  border: 1px solid var(--first-line);\n  border-radius: var(--first-radius-sm);\n  transition: all 0.15s ease;\n}\n\n.first-mode-tab:hover {\n  color: var(--first-brand);\n  background: var(--first-brand-soft);\n  border-color: var(--first-brand-border);\n}\n\n.first-mode-tab span {\n  padding: 1px 6px;\n  font-size: 10px;\n  font-weight: 500;\n  color: var(--first-t3);\n  background: var(--first-panel-2);\n  border-radius: 9999px;\n}\n\n.first-mode-tab.on {\n  color: var(--first-brand) !important;\n  background: var(--first-brand-soft) !important;\n  border-color: var(--first-brand) !important;\n  box-shadow: 0 0 0 1px var(--first-brand);\n}\n\n.first-mode-tab.on span {\n  font-weight: 600;\n  color: var(--first-brand);\n  background: var(--first-panel);\n}\n\n/* Progress Overview Bar */\n.piece-overview {\n  padding: 12px 14px 0;\n}\n\n.piece-overview-title {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  margin-bottom: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--first-t1);\n}\n\n.piece-overview-title span {\n  margin-left: auto;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--first-t2);\n}\n\n.piece-overview-bar {\n  display: flex;\n  height: 6px;\n  overflow: hidden;\n  background: var(--first-line-2);\n  border-radius: 9999px;\n}\n\n.piece-overview-bar i {\n  display: block;\n  height: 100%;\n  transition: width 0.2s ease;\n}\n\n.piece-overview-bar .ok {\n  background: var(--first-ok);\n}\n\n.piece-overview-bar .bad {\n  background: var(--first-bad);\n}\n\n/* Sample pill tabs navigation */\n.piece-nav {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  padding: 12px 14px;\n  overflow-x: auto;\n  border-bottom: 1px solid var(--first-line-2);\n}\n\n.piece-tab {\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  min-width: 108px;\n  padding: 7px 12px;\n  font-family: inherit;\n  line-height: 1.4;\n  color: var(--first-t1);\n  text-align: left;\n  cursor: pointer;\n  outline: none;\n  background: var(--first-panel);\n  border: 1px solid var(--first-line);\n  border-radius: var(--first-radius-sm);\n  transition: all 0.15s ease;\n}\n\n.piece-tab:hover {\n  border-color: var(--first-brand-border);\n}\n\n.piece-tab b {\n  font-size: 11.5px;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.piece-tab strong {\n  font-size: 11px;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.piece-tab.done,\n.piece-tab.ok {\n  background: var(--first-ok-soft);\n  border-color: var(--first-ok-border);\n}\n\n.piece-tab.done strong,\n.piece-tab.ok strong {\n  color: var(--first-ok-fg);\n}\n\n.piece-tab.bad {\n  background: var(--first-bad-soft);\n  border-color: var(--first-bad-border);\n}\n\n.piece-tab.bad strong {\n  color: var(--first-bad-fg);\n}\n\n.piece-tab.wait {\n  background: var(--first-panel-2);\n  border-color: var(--first-line);\n}\n\n.piece-tab.wait strong {\n  color: var(--first-t3);\n}\n\n/* Active tab highlight using system theme color! */\n.piece-tab.on {\n  border-color: var(--first-brand) !important;\n  box-shadow: 0 0 0 2px var(--first-brand-soft) !important;\n}\n\n.piece-tab.on.wait {\n  color: var(--first-brand) !important;\n  background: var(--first-brand-soft) !important;\n  border-color: var(--first-brand) !important;\n}\n\n.piece-tab.on.wait strong {\n  color: var(--first-brand) !important;\n}\n\n/* Add Sample Button */\n.piece-add {\n  display: inline-flex;\n  gap: 4px;\n  align-items: center;\n  justify-content: center;\n  min-width: 68px;\n  padding: 6px 10px;\n  font-family: inherit;\n  line-height: 1.4;\n  color: var(--first-t2);\n  white-space: nowrap;\n  cursor: pointer;\n  outline: none;\n  background: var(--first-panel);\n  border: 1px dashed var(--first-line);\n  border-radius: var(--first-radius-sm);\n  transition: all 0.15s ease;\n}\n\n.piece-add:hover {\n  color: var(--first-brand);\n  background: var(--first-brand-soft);\n  border-color: var(--first-brand);\n}\n\n.piece-add b {\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 1;\n}\n\n.piece-add span {\n  font-size: 11px;\n  font-weight: 600;\n}\n\n/* Work action toolbar */\n.piece-work-h {\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 14px 10px;\n}\n\n.piece-work-title-wrap {\n  flex: 0 0 auto;\n}\n\n.piece-work-h .title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--first-t1);\n}\n\n.piece-work-h .sub {\n  margin-top: 3px;\n  font-size: 11px;\n  color: var(--first-t2);\n}\n\n/* Header CTQ stat bar utilizing horizontal space */\n.piece-work-stat-bar-box {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n  min-width: 200px;\n  max-width: 280px;\n  padding: 6px 12px;\n  background: var(--first-panel);\n  border: 1px solid var(--first-line-2);\n  border-radius: var(--first-radius-sm);\n}\n\n.piece-stat-bar-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 11px;\n}\n\n.piece-stat-bar-label {\n  color: var(--first-t2);\n}\n\n.piece-stat-bar-label b {\n  font-weight: 700;\n  color: var(--first-t1);\n}\n\n.piece-stat-badge-ok {\n  font-size: 10.5px;\n  font-weight: 600;\n  color: var(--first-ok-fg);\n}\n\n.piece-stat-badge-bad {\n  font-size: 10.5px;\n  font-weight: 600;\n  color: var(--first-bad-fg);\n}\n\n.piece-stat-progress {\n  display: flex;\n  width: 100%;\n  height: 5px;\n  overflow: hidden;\n  background: var(--first-line-2);\n  border-radius: 3px;\n}\n\n.piece-stat-progress .fill.ok {\n  background: var(--first-ok);\n  transition: width 0.3s ease;\n}\n\n.piece-stat-progress .fill.bad {\n  background: var(--first-bad);\n  transition: width 0.3s ease;\n}\n\n.piece-work-actions {\n  display: flex;\n  flex: 0 0 auto;\n  gap: 8px;\n  align-items: center;\n}\n\n/* Standard Buttons */\n.btn {\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 14px;\n  font-family: inherit;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1.4;\n  color: var(--first-t1);\n  white-space: nowrap;\n  cursor: pointer;\n  outline: none;\n  background: var(--first-panel);\n  border: 1px solid var(--first-line);\n  border-radius: var(--first-radius-sm);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 4%);\n  transition: all 0.15s ease;\n}\n\n.btn:hover {\n  color: var(--first-brand);\n  background: var(--first-brand-soft);\n  border-color: var(--first-brand-border);\n}\n\n.btn:active {\n  transform: translateY(1px);\n}\n\n.btn.pri {\n  font-weight: 600;\n  color: var(--first-brand-fg) !important;\n  background: var(--first-brand) !important;\n  border-color: var(--first-brand) !important;\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);\n}\n\n.btn.pri:hover {\n  color: var(--first-brand-fg) !important;\n  background: var(--first-brand-hover) !important;\n  border-color: var(--first-brand-hover) !important;\n}\n\n.btn.pri:active {\n  background: var(--first-brand-active) !important;\n  border-color: var(--first-brand-active) !important;\n  transform: translateY(1px);\n}\n\n/* Voice correction alert block */\n.piece-whole-voice {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n  padding: 10px 14px;\n  margin: 0 14px 12px;\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--first-t1);\n  background: var(--first-brand-soft);\n  border: 1px solid var(--first-brand-border);\n  border-radius: var(--first-radius);\n}\n\n.voice-icon-box {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  margin-top: 1px;\n  color: var(--first-brand);\n  background: var(--first-panel);\n  border: 1px solid var(--first-brand-border);\n  border-radius: 50%;\n}\n\n.voice-header {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.voice-header b {\n  font-size: 12.5px;\n  font-weight: 700;\n  color: var(--first-brand);\n}\n\n.voice-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 6px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--first-brand);\n  background: rgb(37 99 235 / 12%);\n  border-radius: 4px;\n}\n\n.voice-text {\n  margin-top: 4px;\n  font-size: 12px;\n  font-style: italic;\n  line-height: 1.5;\n  color: var(--first-t1);\n}\n\n.piece-whole-voice .voice-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: center;\n  margin-top: 6px;\n  font-size: 11px;\n}\n\n.voice-tag-label {\n  font-weight: 500;\n  color: var(--first-t2);\n}\n\n.voice-tag-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 7px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--first-brand);\n  background: var(--first-panel);\n  border: 1px solid var(--first-brand-border);\n  border-radius: 4px;\n}\n\n.piece-whole-voice.recording {\n  color: var(--first-bad-fg);\n  background: var(--first-bad-soft);\n  border-color: var(--first-bad-border);\n}\n\n.piece-whole-voice .voice-copy {\n  flex: 1;\n  min-width: 0;\n}\n\n/* CTQ Data Table */\n.piece-table-wrap {\n  padding: 0 14px;\n  overflow-x: auto;\n  scrollbar-color: var(--first-line) transparent;\n  scrollbar-width: thin;\n}\n\n.piece-table-wrap::-webkit-scrollbar {\n  height: 6px;\n}\n\n.piece-table-wrap::-webkit-scrollbar-thumb {\n  background: var(--first-line);\n  border-radius: 3px;\n}\n\n.piece-table-wrap::-webkit-scrollbar-thumb:hover {\n  background: var(--first-t3);\n}\n\n.piece-table {\n  width: 100%;\n  min-width: 1040px;\n  font-size: 12px;\n  line-height: 1.5;\n  border-spacing: 0;\n  border-collapse: separate;\n}\n\n.piece-table th {\n  padding: 8px 12px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--first-t2);\n  text-align: left;\n  white-space: nowrap;\n  background: var(--first-panel-2);\n  border-top: 1px solid var(--first-line-2);\n  border-bottom: 1px solid var(--first-line);\n}\n\n.piece-table td {\n  padding: 10px 12px;\n  vertical-align: top;\n  color: var(--first-t1);\n  background: var(--first-panel);\n  border-bottom: 1px solid var(--first-line-2);\n}\n\n.piece-table tr:hover td {\n  background: var(--first-panel-2);\n}\n\n/* Sticky right columns for CTQ table: 判定 (col-sticky-judge) & 照片 (col-sticky-photo) */\n.piece-table th.col-sticky-judge,\n.piece-table td.col-sticky-judge {\n  position: sticky;\n  right: 85px;\n  z-index: 2;\n  box-shadow: -3px 0 6px -2px rgb(0 0 0 / 8%);\n}\n\n.piece-table th.col-sticky-photo,\n.piece-table td.col-sticky-photo {\n  position: sticky;\n  right: 0;\n  z-index: 2;\n}\n\n.piece-table th.col-sticky-judge,\n.piece-table th.col-sticky-photo {\n  background: var(--first-panel-2);\n}\n\n.piece-table td.col-sticky-judge,\n.piece-table td.col-sticky-photo {\n  background: var(--first-panel);\n}\n\n.piece-table tr:hover td.col-sticky-judge,\n.piece-table tr:hover td.col-sticky-photo {\n  background: var(--first-panel-2);\n}\n\n.piece-table tr:last-child td {\n  border-bottom: none;\n}\n\n.piece-table .category {\n  padding-top: 14px;\n  font-weight: 600;\n  color: var(--first-t1);\n  white-space: nowrap;\n}\n\n.piece-table .metric {\n  display: inline-block;\n  min-width: 140px;\n  padding-top: 4px;\n  font-weight: 600;\n  color: var(--first-t1);\n  white-space: nowrap;\n}\n\n.piece-table .spec {\n  padding-top: 14px;\n  font-weight: 500;\n  font-variant-numeric: tabular-nums;\n  color: var(--first-t1);\n  white-space: nowrap;\n}\n\n.piece-table .standard {\n  padding-top: 14px;\n  font-variant-numeric: tabular-nums;\n  color: var(--first-t2);\n  white-space: nowrap;\n}\n\n/* Table Form Controls */\n.piece-source {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  margin-top: 5px;\n  font-size: 11px;\n  line-height: 1.4;\n  color: var(--first-t3);\n  white-space: nowrap;\n}\n\n.piece-source .source-corrected {\n  font-weight: 500;\n  color: var(--first-brand);\n}\n\n.result-edit {\n  display: flex;\n  flex-wrap: nowrap;\n  gap: 6px;\n  align-items: center;\n  min-width: 220px;\n}\n\n.piece-input {\n  box-sizing: border-box;\n  width: 110px;\n  height: 28px;\n  padding: 4px 8px;\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--first-t1);\n  outline: none;\n  background: var(--first-panel);\n  border: 1px solid var(--first-line);\n  border-radius: var(--first-radius-sm);\n  transition: all 0.15s ease;\n}\n\n.piece-input:hover {\n  border-color: var(--first-brand-border);\n}\n\n.piece-input:focus {\n  border-color: var(--first-brand);\n  box-shadow: 0 0 0 2px var(--first-brand-soft);\n}\n\n.piece-input:disabled {\n  color: var(--first-t3);\n  cursor: not-allowed;\n  background: var(--first-panel-2);\n}\n\nselect.piece-input {\n  padding-right: 6px;\n  cursor: pointer;\n}\n\n/* Mic / Single item voice correction */\n.voice-correct {\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  font-family: inherit;\n  font-size: 13px;\n  color: var(--first-brand);\n  cursor: pointer;\n  outline: none;\n  background: var(--first-panel);\n  border: 1px solid var(--first-line);\n  border-radius: var(--first-radius-sm);\n  transition: all 0.15s ease;\n}\n\n.voice-correct:hover {\n  background: var(--first-brand-soft);\n  border-color: var(--first-brand);\n}\n\n.voice-correct.recording {\n  color: var(--first-bad-fg);\n  background: var(--first-bad-soft);\n  border-color: var(--first-bad-border);\n}\n\n/* Reject auto采集值 Button */\n.item-reject-btn {\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-shrink: 0;\n  gap: 4px;\n  align-items: center;\n  justify-content: center;\n  height: 28px;\n  padding: 0 9px;\n  font-family: inherit;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--first-t2);\n  white-space: nowrap;\n  cursor: pointer;\n  outline: none;\n  background: var(--first-panel);\n  border: 1px solid var(--first-line);\n  border-radius: var(--first-radius-sm);\n  transition: all 0.15s ease;\n}\n\n.item-reject-btn:hover {\n  color: var(--first-warn-fg);\n  background: var(--first-warn-soft);\n  border-color: var(--first-warn-border);\n}\n\n/* Manual Correction Yellow Note */\n.correction-note {\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 100%;\n  padding: 7px 10px;\n  margin-top: 6px;\n  font-size: 11px;\n  line-height: 1.45;\n  color: var(--first-warn-fg);\n  background: var(--first-warn-soft);\n  border: 1px solid var(--first-warn-border);\n  border-radius: var(--first-radius-sm);\n}\n\n.correction-note-head {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 11px;\n}\n\n.correction-head-left {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.correction-head-right {\n  font-size: 10.5px;\n  font-weight: 400;\n  color: var(--first-t3);\n}\n\n.correction-pill {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 6px;\n  font-size: 10.5px;\n  font-weight: 600;\n  color: var(--first-warn-fg);\n  background: rgb(217 119 6 / 15%);\n  border-radius: 4px;\n}\n\n.correction-orig {\n  font-size: 11px;\n  color: var(--first-warn-fg);\n}\n\n.correction-orig del {\n  margin-left: 2px;\n  color: var(--first-t3);\n}\n\n.correction-reason {\n  box-sizing: border-box;\n  width: 100%;\n  height: 26px;\n  padding: 3px 8px;\n  margin-top: 5px;\n  font-family: inherit;\n  font-size: 11px;\n  color: var(--first-t1);\n  outline: none;\n  background: var(--first-panel);\n  border: 1px solid var(--first-warn-border);\n  border-radius: 4px;\n  transition:\n    border-color 0.15s ease,\n    box-shadow 0.15s ease;\n}\n\n.correction-reason:focus {\n  border-color: var(--first-brand);\n  box-shadow: 0 0 0 2px var(--first-brand-soft);\n}\n\n/* CTQ Analysis & Deviation Column - Utilizing horizontal whitespace */\n.ctq-analysis-col {\n  padding: 10px 12px;\n  vertical-align: top;\n}\n\n.ctq-analysis {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  width: 100%;\n}\n\n.ctq-analysis.wait {\n  display: flex;\n  flex-direction: row;\n  gap: 6px;\n  align-items: center;\n  padding-top: 4px;\n  font-size: 11px;\n  color: var(--first-t3);\n}\n\n.ctq-analysis .analysis-dot {\n  flex-shrink: 0;\n  width: 6px;\n  height: 6px;\n  background: var(--first-t3);\n  border-radius: 50%;\n}\n\n.ctq-analysis.ok .analysis-dot {\n  background: var(--first-ok);\n  box-shadow: 0 0 0 2px var(--first-ok-soft);\n}\n\n.ctq-analysis.bad .analysis-dot {\n  background: var(--first-bad);\n  box-shadow: 0 0 0 2px var(--first-bad-soft);\n}\n\n.ctq-analysis-qual {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  padding-top: 4px;\n  font-size: 11.5px;\n  font-weight: 500;\n}\n\n.ctq-analysis-qual.ok {\n  color: var(--first-ok-fg);\n}\n\n.ctq-analysis-qual.bad {\n  color: var(--first-bad-fg);\n}\n\n.ctq-analysis-qual.wait {\n  color: var(--first-t3);\n}\n\n/* Mini Tolerance Gauge Track */\n.ctq-gauge-track {\n  position: relative;\n  width: 100%;\n  max-width: 220px;\n  height: 6px;\n  margin-top: 5px;\n  background: var(--first-line-2);\n  border: 1px solid var(--first-line);\n  border-radius: 4px;\n}\n\n.ctq-gauge-safe-zone {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  pointer-events: none;\n  background: color-mix(in srgb, var(--first-ok, #16a34a) 25%, transparent);\n  border-radius: 2px;\n}\n\n.ctq-gauge-target {\n  position: absolute;\n  top: -2px;\n  bottom: -2px;\n  width: 2px;\n  background: var(--first-t3);\n  border-radius: 1px;\n  transform: translateX(-50%);\n}\n\n.ctq-gauge-point {\n  position: absolute;\n  top: 50%;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  box-shadow: 0 1px 2px rgb(0 0 0 / 15%);\n  transform: translate(-50%, -50%);\n  transition: left 0.2s ease;\n}\n\n.ctq-gauge-point.ok {\n  background: var(--first-ok);\n  border: 2px solid #fff;\n}\n\n.ctq-gauge-point.bad {\n  background: var(--first-bad);\n  border: 2px solid #fff;\n  animation: pulse-danger 2s infinite ease-in-out;\n}\n\n@keyframes pulse-danger {\n  0%,\n  100% {\n    box-shadow: 0 0 0 0 rgb(220 38 38 / 40%);\n  }\n  50% {\n    box-shadow: 0 0 0 4px rgb(220 38 38 / 15%);\n  }\n}\n\n.ctq-gauge-meta {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 11px;\n  line-height: 1.3;\n}\n\n.ctq-diff-badge {\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  color: var(--first-t1);\n}\n\n.ctq-analysis.bad .ctq-diff-badge {\n  color: var(--first-bad-fg);\n}\n\n.ctq-status-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 5px;\n  font-size: 10.5px;\n  font-weight: 500;\n  white-space: nowrap;\n  border-radius: 3px;\n}\n\n.ctq-analysis.ok .ctq-status-tag {\n  color: var(--first-ok-fg);\n  background: var(--first-ok-soft);\n}\n\n.ctq-analysis.bad .ctq-status-tag {\n  color: var(--first-bad-fg);\n  background: var(--first-bad-soft);\n}\n\n/* CTQ Judgement status badges */\n.piece-judge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 3px 9px;\n  margin-top: 3px;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1.4;\n  white-space: nowrap;\n  border-radius: 6px;\n}\n\n.piece-judge.ok {\n  color: var(--first-ok-fg);\n  background: var(--first-ok-soft);\n  border: 1px solid var(--first-ok-border);\n}\n\n.piece-judge.bad {\n  color: var(--first-bad-fg);\n  background: var(--first-bad-soft);\n  border: 1px solid var(--first-bad-border);\n}\n\n.piece-judge.wait {\n  color: var(--first-t3);\n  background: var(--first-panel-2);\n  border: 1px solid var(--first-line);\n}\n","path":"references/metaform/components/business/industry/inspection/src/first-inspection.css","target":"~/references/metaform/components/business/industry/inspection/src/first-inspection.css","type":"registry:file"}],"meta":{"assetId":"resource.file.979df5a8937fae87d767f14a16e44a5b","contractRef":"components/business/industry/inspection/src/first-inspection.css","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-979df5a8937fae87d767f14a16e44a5b","registryDependencies":[],"title":"resource.file.979df5a8937fae87d767f14a16e44a5b","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-9828c43e30609abe2895da43d965766c.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9828c43e30609abe2895da43d965766c","files":[{"content":"import { ChevronRight } from 'lucide-react';\n\nimport { Badge } from '@metaform/design-system/components/ui/badge';\nimport { Button } from '@metaform/design-system/components/ui/button';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@metaform/design-system/components/ui/table';\n\nimport type { CtqItem, DefectClass } from './quality-standard-ctq-types';\n\nconst levelLabel = { critical: '关键', major: '主要', normal: '一般' } as const;\nconst levelVariant = { critical: 'danger', major: 'warning', normal: 'neutral' } as const;\n\nexport interface CtqStandardTableProps {\n  items: CtqItem[];\n  defectsById: ReadonlyMap<string, DefectClass>;\n  columns?: readonly CtqMetricColumn[];\n  selectedCtqId?: string;\n  extraColumn?: (item: CtqItem) => React.ReactNode;\n  onOpenDefect: (defectId: string, ctqId: string) => void;\n}\n\nexport type CtqMetricColumn =\n  | 'name'\n  | 'specification'\n  | 'lowerLimit'\n  | 'upperLimit'\n  | 'unit'\n  | 'inspectionMethod'\n  | 'frequency'\n  | 'severity';\n\nconst defaultColumns: readonly CtqMetricColumn[] = [\n  'name',\n  'specification',\n  'lowerLimit',\n  'upperLimit',\n  'unit',\n  'inspectionMethod',\n  'frequency',\n  'severity',\n];\n\nconst columnLabels: Record<CtqMetricColumn, string> = {\n  name: '指标',\n  specification: '规格',\n  lowerLimit: '下限',\n  upperLimit: '上限',\n  unit: '单位',\n  inspectionMethod: '方法',\n  frequency: '频率',\n  severity: '等级',\n};\n\nexport function CtqStandardTable({\n  items,\n  defectsById,\n  columns = defaultColumns,\n  selectedCtqId,\n  extraColumn,\n  onOpenDefect,\n}: CtqStandardTableProps) {\n  return (\n    <div\n      className=\"h-96 overflow-auto border-t border-border\"\n      data-asset=\"quality.ctq-standard-table\"\n    >\n      <Table>\n        <TableHeader className=\"sticky top-0 z-10 bg-background\">\n          <TableRow>\n            <TableHead className=\"w-14\">序号</TableHead>\n            <TableHead>类别</TableHead>\n            {columns.map((column) => (\n              <TableHead key={column}>{columnLabels[column]}</TableHead>\n            ))}\n            <TableHead>关联缺陷</TableHead>\n            {extraColumn && <TableHead>扩展</TableHead>}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {items.map((item, index) => (\n            <TableRow key={item.id} data-state={item.id === selectedCtqId ? 'selected' : undefined}>\n              <TableCell className=\"text-muted-foreground\">{index + 1}</TableCell>\n              <TableCell className=\"font-medium\">{item.category}</TableCell>\n              {columns.map((column) => (\n                <TableCell key={column} className=\"text-muted-foreground\">\n                  {column === 'name' && (\n                    <span className=\"font-medium text-foreground\">{item.name}</span>\n                  )}\n                  {column === 'specification' && item.specification}\n                  {column === 'lowerLimit' && (item.lowerLimit ?? '-')}\n                  {column === 'upperLimit' && (item.upperLimit ?? '-')}\n                  {column === 'unit' && (item.unit ?? '-')}\n                  {column === 'inspectionMethod' && item.method}\n                  {column === 'frequency' && item.frequency}\n                  {column === 'severity' && (\n                    <Badge variant={levelVariant[item.level]}>{levelLabel[item.level]}</Badge>\n                  )}\n                </TableCell>\n              ))}\n              <TableCell>\n                <div className=\"flex max-w-48 flex-wrap gap-1\">\n                  {item.relatedDefectIds.length === 0 && (\n                    <span className=\"text-muted-foreground\">-</span>\n                  )}\n                  {item.relatedDefectIds.map((id) => (\n                    <Button\n                      key={id}\n                      variant=\"ghost-neutral\"\n                      className=\"h-7 gap-1 px-2 text-xs\"\n                      onClick={() => onOpenDefect(id, item.id)}\n                    >\n                      {defectsById.get(id)?.name ?? id}\n                      <ChevronRight className=\"size-3.5\" aria-hidden=\"true\" />\n                    </Button>\n                  ))}\n                </div>\n              </TableCell>\n              {extraColumn && <TableCell>{extraColumn(item)}</TableCell>}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n","path":"references/metaform/components/business/quality/src/ctq-standard-table.tsx","target":"~/references/metaform/components/business/quality/src/ctq-standard-table.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9828c43e30609abe2895da43d965766c","contractRef":"components/business/quality/src/ctq-standard-table.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9828c43e30609abe2895da43d965766c","registryDependencies":[],"title":"resource.file.9828c43e30609abe2895da43d965766c","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-988ea60de435fbafa4c73475ebda6c26.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.988ea60de435fbafa4c73475ebda6c26","files":[{"content":"/* ==================================================================\n   QCVision Industrial Station Terminal Styles\n   @metaform/vision-assets - Industrial Multimodal Inspection Terminal\n================================================================== */\n\n.qcb {\n  --qcb-bg: var(--background, #f4f5f8);\n  --qcb-panel: var(--card, #fff);\n  --qcb-panel-2: var(--muted, #fafbfc);\n  --qcb-line: var(--border, #e7e9ef);\n  --qcb-line-2: color-mix(in srgb, var(--border, #e7e9ef) 60%, transparent);\n  --qcb-t1: var(--foreground, #1b1f27);\n  --qcb-t2: var(--muted-foreground, #5b6472);\n  --qcb-t3: color-mix(in srgb, var(--muted-foreground, #98a1af) 80%, transparent);\n  --qcb-brand: var(--primary, var(--action-primary, #006850));\n  --qcb-brand-soft: color-mix(in srgb, var(--primary, #006850) 10%, var(--card, #fff));\n  --qcb-ok: var(--semantic-success, #16a34a);\n  --qcb-font-mono: ui-monospace, sfmono-regular, 'SF Mono', menlo, consolas, monospace;\n\n  position: fixed;\n  inset: 0;\n  z-index: 300;\n  box-sizing: border-box;\n  display: none;\n  flex-direction: column;\n  font-size: 13px;\n  color: var(--qcb-t1);\n  background: var(--qcb-bg);\n}\n\n.qcb * {\n  box-sizing: border-box;\n}\n\n.qcb.on {\n  display: flex;\n}\n\n.qcb-top {\n  display: flex;\n  flex-shrink: 0;\n  gap: 10px;\n  align-items: center;\n  height: 50px;\n  padding: 0 14px;\n  background: var(--qcb-panel);\n  border-bottom: 1px solid var(--qcb-line);\n}\n\n.qcb-brand {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 13.5px;\n  font-weight: 700;\n  white-space: nowrap;\n}\n\n.qcb-brand i {\n  width: 9px;\n  height: 9px;\n  background: var(--qcb-brand);\n  border-radius: 50%;\n  box-shadow: 0 0 9px color-mix(in srgb, var(--qcb-brand) 55%, transparent);\n}\n\n.qcb-brand em {\n  font-size: 11.5px;\n  font-style: normal;\n  font-weight: 500;\n  color: var(--qcb-t3);\n}\n\n.qcb-grp {\n  display: flex;\n  flex-shrink: 0;\n  gap: 9px;\n  align-items: center;\n  min-width: max-content;\n  height: 32px;\n  padding: 3px 10px;\n  white-space: nowrap;\n  background: var(--qcb-panel-2);\n  border: 1px solid var(--qcb-line);\n  border-radius: var(--radius, 6px);\n}\n\n.qcb-grp > label {\n  font-size: 10px;\n  color: var(--qcb-t3);\n  letter-spacing: 2px;\n}\n\n.qcb-lamp {\n  display: inline-flex;\n  gap: 5px;\n  align-items: center;\n  font-family: var(--qcb-font-mono);\n  font-size: 11.5px;\n  color: var(--qcb-t2);\n  white-space: nowrap;\n}\n\n.qcb-lamp i {\n  width: 7px;\n  height: 7px;\n  background: var(--qcb-t3);\n  border-radius: 50%;\n}\n\n.qcb-lamp.on i {\n  background: var(--qcb-ok);\n  box-shadow: 0 0 7px rgb(22 163 74 / 70%);\n}\n\n.qcb-lamp.off i {\n  background: #dc2626;\n  box-shadow: 0 0 7px rgb(220 38 38 / 70%);\n}\n\n.qcb-meta {\n  display: inline-flex;\n  gap: 5px;\n  font-family: var(--qcb-font-mono);\n  font-size: 11.5px;\n  color: var(--qcb-t3);\n  white-space: nowrap;\n}\n\n.qcb-meta b {\n  color: var(--qcb-t1);\n}\n\n.qcb-top .spacer {\n  flex: 1;\n}\n\n.qcb-pill {\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n  height: 24px;\n  padding: 0 10px;\n  font-size: 11.5px;\n  font-weight: 600;\n  color: var(--qcb-t2);\n  white-space: nowrap;\n  background: var(--qcb-panel-2);\n  border: 1px solid var(--qcb-line);\n  border-radius: 20px;\n}\n\n.qcb-pill i {\n  width: 6px;\n  height: 6px;\n  background: currentcolor;\n  border-radius: 50%;\n}\n\n.qcb-pill.capturing {\n  color: #1d4ed8;\n  background: #eaf1fe;\n  border-color: #bbd1f6;\n}\n\n.qcb-pill.inspecting {\n  color: #b45309;\n  background: #fef4e6;\n  border-color: #f2d3a6;\n}\n\n.qcb-pill.done {\n  color: #15803d;\n  background: #e9f7ef;\n  border-color: #b7e3c8;\n}\n\n.qcb-btn {\n  display: inline-flex;\n  gap: 5px;\n  align-items: center;\n  height: 29px;\n  padding: 0 12px;\n  font-size: 12px;\n  color: var(--qcb-t2);\n  white-space: nowrap;\n  cursor: pointer;\n  background: var(--qcb-panel);\n  border: 1px solid var(--qcb-line);\n  border-radius: 7px;\n  transition: 0.15s;\n}\n\n.qcb-btn:hover:not(:disabled) {\n  color: var(--qcb-t1);\n  border-color: #c7ccd8;\n}\n\n.qcb-btn.active {\n  color: var(--qcb-brand);\n  background: var(--qcb-brand-soft);\n  border-color: color-mix(in srgb, var(--qcb-brand) 30%, transparent);\n}\n\n.qcb-btn svg {\n  width: 14px;\n  height: 14px;\n  stroke-width: 1.8;\n}\n\n.qcb-btn:disabled {\n  cursor: not-allowed;\n  opacity: 0.36;\n}\n\n.qcb-btn.pri {\n  font-weight: 600;\n  color: #fff;\n  background: var(--qcb-brand);\n  border-color: var(--qcb-brand);\n}\n\n.qcb-btn.pri:hover:not(:disabled) {\n  color: #fff;\n  background: color-mix(in srgb, var(--qcb-brand) 88%, black);\n}\n\n.qcb-btn.pri.qcb-pulse-hint {\n  animation: qcb-btn-pulse 2s infinite ease-in-out;\n}\n\n.qcb-btn.ok {\n  font-weight: 600;\n  color: #fff;\n  background: var(--qcb-ok);\n  border-color: var(--qcb-ok);\n}\n\n.qcb-btn.ok:hover:not(:disabled) {\n  color: #fff;\n  background: color-mix(in srgb, var(--qcb-ok) 88%, black);\n}\n\n.qcb-btn.ok.qcb-pulse-hint {\n  animation: qcb-btn-pulse-ok 2s infinite ease-in-out;\n}\n\n@keyframes qcb-btn-pulse {\n  0%,\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--qcb-brand) 45%, transparent);\n  }\n  50% {\n    box-shadow: 0 0 0 5px color-mix(in srgb, var(--qcb-brand) 15%, transparent);\n  }\n}\n\n@keyframes qcb-btn-pulse-ok {\n  0%,\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--qcb-ok) 45%, transparent);\n  }\n  50% {\n    box-shadow: 0 0 0 5px color-mix(in srgb, var(--qcb-ok) 15%, transparent);\n  }\n}\n\n.qcb-btn kbd {\n  padding: 1px 4px;\n  font-family: var(--qcb-font-mono);\n  font-size: 10px;\n  color: var(--qcb-t3);\n  background: var(--qcb-panel-2);\n  border: 1px solid var(--qcb-line);\n  border-radius: 3px;\n  box-shadow: 0 1px 0 rgb(0 0 0 / 8%);\n}\n\n.qcb-btn.pri kbd,\n.qcb-btn.ok kbd {\n  color: rgb(255 255 255 / 90%);\n  background: rgb(0 0 0 / 15%);\n  border-color: rgb(255 255 255 / 30%);\n  box-shadow: 0 1px 0 rgb(0 0 0 / 20%);\n}\n\n.qcb-bar {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  height: 30px;\n  overflow-x: auto;\n  font-size: 11.5px;\n  color: var(--qcb-t3);\n  white-space: nowrap;\n  background: var(--qcb-panel-2);\n  border-bottom: 1px solid var(--qcb-line);\n}\n\n.qcb-bar::-webkit-scrollbar {\n  display: none;\n}\n\n.qcb-bar span {\n  padding: 0 13px;\n  border-right: 1px solid var(--qcb-line-2);\n}\n\n.qcb-bar b {\n  font-family: var(--qcb-font-mono);\n  font-weight: 600;\n  color: var(--qcb-t1);\n}\n\n.qcb-vbar {\n  display: flex;\n  flex-shrink: 0;\n  gap: 9px;\n  align-items: center;\n  height: 34px;\n  padding: 0 14px;\n  overflow: hidden;\n  font-size: 11.5px;\n  color: var(--qcb-t2);\n  white-space: nowrap;\n  background: var(--qcb-panel-2);\n  border-bottom: 1px solid var(--qcb-line);\n}\n\n.qcb-vbar.rec {\n  color: #b91c1c;\n  background: #fdecec;\n  border-bottom-color: #f3bfbf;\n}\n\n.qcb-vbar .dot {\n  flex: none;\n  width: 8px;\n  height: 8px;\n  background: #dc2626;\n  border-radius: 50%;\n  animation: qcb-blink 1s infinite;\n}\n\n.qcb-vbar .hint {\n  color: var(--qcb-t3);\n}\n\n.qcb-vbar b {\n  color: var(--qcb-t1);\n}\n\n.qcb-vbar .sent {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-family: var(--qcb-font-mono);\n  color: var(--qcb-t1);\n}\n\n/* 主区 */\n.qcb-main {\n  display: grid;\n  flex: 1;\n  grid-template-columns: minmax(0, 1fr);\n  min-height: 0;\n  overflow: hidden;\n}\n\n.qcb-main.side-open {\n  grid-template-columns: minmax(0, 1fr) 350px;\n}\n\n.qcb-view {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n  min-height: 0;\n  padding: 14px;\n  overflow: hidden;\n  background: #e9edf3;\n}\n\n.qcb-viewport {\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n}\n\n.qcb-frame-frozen {\n  border-color: #d97706;\n  box-shadow:\n    0 0 0 1px rgb(217 119 6 / 35%) inset,\n    0 0 34px rgb(217 119 6 / 16%) inset;\n}\n\n.qcb-empty {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--qcb-font-mono);\n  font-size: 13px;\n  color: #5d6b80;\n  text-align: center;\n  pointer-events: none;\n}\n\n.qcb-empty svg {\n  width: 26px;\n  height: 26px;\n  stroke-width: 1.5;\n}\n\n.qcb-empty strong {\n  font-size: 14px;\n  color: var(--qcb-t2);\n}\n\n.qcb-empty span {\n  font-size: 11px;\n  color: var(--qcb-t3);\n}\n\n.qcb-hud {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 10;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  max-width: 70%;\n}\n\n.qcb-tag {\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n  padding: 3px 8px;\n  font-family: var(--qcb-font-mono);\n  font-size: 11px;\n  color: #dbe4f0;\n  background: rgb(10 15 22 / 78%);\n  border: 1px solid rgb(255 255 255 / 15%);\n  border-radius: 5px;\n}\n\n.qcb-tag.live i {\n  width: 7px;\n  height: 7px;\n  background: #ef4444;\n  border-radius: 50%;\n  animation: qcb-blink 1.2s infinite;\n}\n\n@keyframes qcb-blink {\n  50% {\n    opacity: 0.25;\n  }\n}\n\n.qcb-tag.ok {\n  color: #86efac;\n  background: rgb(6 44 20 / 72%);\n  border-color: rgb(34 197 94 / 55%);\n}\n\n.qcb-tag.ng {\n  color: #fca5a5;\n  background: rgb(69 10 10 / 72%);\n  border-color: rgb(239 68 68 / 50%);\n}\n\n.qcb-hud-br {\n  position: absolute;\n  right: 10px;\n  bottom: 10px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  align-items: flex-end;\n}\n\n.qcb-mini {\n  width: 200px;\n  overflow: hidden;\n  background: rgb(10 15 22 / 86%);\n  border: 1px solid #2b3646;\n  border-radius: 7px;\n}\n\n.qcb-mini .ttl {\n  display: flex;\n  justify-content: space-between;\n  padding: 4px 8px;\n  font-size: 10.5px;\n  color: #8a99b3;\n  border-bottom: 1px solid #2b3646;\n}\n\n.qcb-mini canvas {\n  display: block;\n  width: 100%;\n  height: 110px;\n  background: #000;\n}\n\n/* 右栏 */\n.qcb-side {\n  min-width: 0;\n  overflow-y: auto;\n  background: var(--qcb-panel);\n  border-left: 1px solid var(--qcb-line);\n}\n\n.qcb-side-head {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 52px;\n  padding: 10px 13px;\n  background: rgb(255 255 255 / 96%);\n  border-bottom: 1px solid var(--qcb-line);\n  backdrop-filter: blur(8px);\n}\n\n.qcb-side-head div {\n  display: grid;\n  gap: 2px;\n}\n\n.qcb-side-head strong {\n  font-size: 13px;\n}\n\n.qcb-side-head span {\n  font-size: 10.5px;\n  color: var(--qcb-t3);\n}\n\n.qcb-icon-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  color: var(--qcb-t2);\n  cursor: pointer;\n  background: var(--qcb-panel);\n  border: 1px solid var(--qcb-line);\n  border-radius: 7px;\n}\n\n.qcb-icon-btn:hover {\n  color: var(--qcb-t1);\n  background: var(--qcb-panel-2);\n}\n\n.qcb-icon-btn svg {\n  width: 15px;\n  height: 15px;\n}\n\n.qcb-card {\n  padding: 11px 13px;\n  border-bottom: 1px solid var(--qcb-line-2);\n}\n\n.qcb-card > h3 {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--qcb-t3);\n  text-transform: uppercase;\n  letter-spacing: 1.2px;\n}\n\n.qcb-card > h3 em {\n  font-style: normal;\n  font-weight: 500;\n  text-transform: none;\n  letter-spacing: 0;\n}\n\n.qcb-disclosure {\n  padding: 0;\n}\n\n.qcb-disclosure > summary {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 42px;\n  padding: 10px 13px;\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--qcb-t3);\n  text-transform: uppercase;\n  letter-spacing: 1.2px;\n  cursor: pointer;\n  list-style: none;\n}\n\n.qcb-disclosure > summary::-webkit-details-marker {\n  display: none;\n}\n\n.qcb-summary-meta {\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n  font-weight: 500;\n  text-transform: none;\n  letter-spacing: 0;\n}\n\n.qcb-summary-meta svg {\n  width: 14px;\n  height: 14px;\n  transition: transform 160ms ease;\n}\n\n.qcb-disclosure[open] .qcb-summary-meta svg {\n  transform: rotate(180deg);\n}\n\n.qcb-disclosure-body {\n  margin: 0 13px 10px;\n}\n\n.qcb-disclosure > .qcb-verdict.qcb-disclosure-body {\n  margin-bottom: 9px;\n}\n\n.qcb-kv {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 5px 10px;\n  font-size: 11.5px;\n}\n\n.qcb-kv dt {\n  color: var(--qcb-t3);\n  white-space: nowrap;\n}\n\n.qcb-kv dd {\n  font-family: var(--qcb-font-mono);\n  font-variant-numeric: tabular-nums;\n  color: var(--qcb-t1);\n  text-align: right;\n  word-break: break-all;\n}\n\n.qcb-danger {\n  color: #b91c1c !important;\n}\n\n.qcb-asr-box {\n  min-height: 52px;\n  padding: 9px 10px;\n  font-family: var(--qcb-font-mono);\n  font-size: 11.5px;\n  line-height: 1.55;\n  color: var(--qcb-t1);\n  background: var(--qcb-panel-2);\n  border: 1px solid var(--qcb-line);\n  border-radius: 7px;\n}\n\n.qcb-asr-meta {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 6px;\n  font-size: 10.5px;\n  color: var(--qcb-t3);\n}\n\n.qcb-asr-meta span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.qcb-asr-meta b {\n  flex: none;\n  color: var(--qcb-t2);\n}\n\n.qcb-kv dd em {\n  margin-left: 2px;\n  font-size: 10.5px;\n  font-style: normal;\n  color: var(--qcb-t3);\n}\n\n.qcb-result-list {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 9px 16px;\n  margin: 0;\n  font-size: 12px;\n}\n\n.qcb-result-list dt {\n  color: var(--qcb-t2);\n}\n\n.qcb-result-list dd {\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-end;\n  margin: 0;\n  font-family: var(--qcb-font-mono);\n  font-variant-numeric: tabular-nums;\n  color: var(--qcb-t1);\n  text-align: right;\n}\n\n.qcb-inline-review {\n  padding: 0;\n  font: inherit;\n  font-size: 10.5px;\n  color: var(--qcb-brand);\n  cursor: pointer;\n  background: none;\n  border: 0;\n}\n\n.qcb-inline-review:disabled {\n  cursor: not-allowed;\n  opacity: 0.35;\n}\n\n.qcb-verdict {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  margin-bottom: 9px;\n}\n\n.qcb-badge {\n  padding: 3px 13px;\n  font-family: var(--qcb-font-mono);\n  font-size: 19px;\n  font-weight: 800;\n  color: var(--qcb-t3);\n  letter-spacing: 1px;\n  background: var(--qcb-panel-2);\n  border: 1px solid var(--qcb-line);\n  border-radius: 6px;\n}\n\n.qcb-v-OK .qcb-badge {\n  color: #15803d;\n  background: #e9f7ef;\n  border-color: #b7e3c8;\n}\n\n.qcb-v-NG .qcb-badge {\n  color: #b91c1c;\n  background: #fdecec;\n  border-color: #f3bfbf;\n}\n\n.qcb-why {\n  font-size: 11px;\n  line-height: 1.55;\n  color: var(--qcb-t2);\n}\n\n.qcb-res {\n  width: 100%;\n  font-size: 11.5px;\n  border-collapse: collapse;\n}\n\n.qcb-res th {\n  padding: 5px 6px;\n  font-size: 10.5px;\n  font-weight: 500;\n  color: var(--qcb-t3);\n  text-align: left;\n  border-bottom: 1px solid var(--qcb-line);\n}\n\n.qcb-res td {\n  padding: 6px;\n  vertical-align: middle;\n  border-bottom: 1px solid var(--qcb-line-2);\n}\n\n.qcb-res tr.cur td {\n  background: #f7f9ff;\n}\n\n.qcb-res .mono {\n  font-family: var(--qcb-font-mono);\n  font-variant-numeric: tabular-nums;\n}\n\n.qcb-st {\n  padding: 1px 6px;\n  font-size: 10.5px;\n  color: var(--qcb-t3);\n  white-space: nowrap;\n  background: var(--qcb-panel-2);\n  border: 1px solid var(--qcb-line);\n  border-radius: 20px;\n}\n\n.qcb-st.ok {\n  color: #15803d;\n  background: #e9f7ef;\n  border-color: #b7e3c8;\n}\n\n.qcb-st.ng {\n  color: #b91c1c;\n  background: #fdecec;\n  border-color: #f3bfbf;\n}\n\n.qcb-st.cur {\n  color: #1d4ed8;\n  background: #eaf1fe;\n  border-color: #bbd1f6;\n}\n\n.qcb-vc {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  margin-left: 4px;\n  font-size: 10.5px;\n  color: var(--qcb-t3);\n  cursor: pointer;\n  background: var(--qcb-panel);\n  border: 1px solid var(--qcb-line);\n  border-radius: 5px;\n}\n\n.qcb-vc:hover:not(:disabled) {\n  color: #1d4ed8;\n  border-color: #bbd1f6;\n}\n\n.qcb-vc.rec {\n  color: #b91c1c;\n  background: #fdecec;\n  border-color: #f3bfbf;\n  animation: qcb-blink 1s infinite;\n}\n\n.qcb-btn:focus-visible,\n.qcb-vc:focus-visible,\n.qcb-icon-btn:focus-visible {\n  outline: 2px solid var(--qcb-brand);\n  outline-offset: 2px;\n}\n\n.qcb-log {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  max-height: 160px;\n  padding-right: 2px;\n  overflow-y: auto;\n}\n\n.qcb-log-row {\n  display: flex;\n  gap: 7px;\n  align-items: center;\n  padding: 5px 8px;\n  font-family: var(--qcb-font-mono);\n  font-size: 11px;\n  line-height: 1.4;\n  color: var(--qcb-t1);\n  background: var(--qcb-panel-2);\n  border: 1px solid var(--qcb-line-2);\n  border-radius: var(--radius, 6px);\n  transition: all 120ms ease;\n}\n\n.qcb-log-row:hover {\n  background: var(--qcb-panel);\n  border-color: var(--qcb-line);\n}\n\n.qcb-log-row.ng {\n  color: #b91c1c;\n  background: #fdecec;\n  border-color: #f3bfbf;\n}\n\n.qcb-log-row.ok {\n  border-left: 3px solid var(--qcb-ok, #16a34a);\n}\n\n.qcb-log-time {\n  flex-shrink: 0;\n  font-size: 10px;\n  font-weight: 500;\n  font-variant-numeric: tabular-nums;\n  color: var(--qcb-t3);\n}\n\n.qcb-log-action {\n  flex-shrink: 0;\n  font-weight: 600;\n  color: var(--qcb-t1);\n}\n\n.qcb-log-target {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 10.5px;\n  color: var(--qcb-t2);\n  white-space: nowrap;\n}\n\n.qcb-log-badge {\n  flex-shrink: 0;\n  padding: 1px 5px;\n  font-size: 9.5px;\n  font-weight: 700;\n  border-radius: 3px;\n}\n\n.qcb-log-badge.ok {\n  color: #15803d;\n  background: #e9f7ef;\n}\n\n.qcb-log-badge.ng {\n  color: #b91c1c;\n  background: #fdecec;\n}\n\n.qcb-log-empty {\n  padding: 12px 0;\n  font-size: 11px;\n  color: var(--qcb-t3);\n  text-align: center;\n}\n","path":"references/metaform/components/business/industry/vision/src/qcvision-station.css","target":"~/references/metaform/components/business/industry/vision/src/qcvision-station.css","type":"registry:file"}],"meta":{"assetId":"resource.file.988ea60de435fbafa4c73475ebda6c26","contractRef":"components/business/industry/vision/src/qcvision-station.css","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-988ea60de435fbafa4c73475ebda6c26","registryDependencies":[],"title":"resource.file.988ea60de435fbafa4c73475ebda6c26","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-98a31a8e34a7a2c72ddccd9b5ef8f3fc.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.98a31a8e34a7a2c72ddccd9b5ef8f3fc","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 pie chart with no separator\"\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 ChartPieSeparatorNone() {\n  return (\n    <Card className=\"flex flex-col\">\n      <CardHeader className=\"items-center pb-0\">\n        <CardTitle>Pie Chart - Separator None</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              stroke=\"0\"\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-separator-none.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-pie-separator-none.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.98a31a8e34a7a2c72ddccd9b5ef8f3fc","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-pie-separator-none.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-98a31a8e34a7a2c72ddccd9b5ef8f3fc","registryDependencies":[],"title":"resource.file.98a31a8e34a7a2c72ddccd9b5ef8f3fc","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-9a15c1c7316af78fa93fa6e08527a5b1.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9a15c1c7316af78fa93fa6e08527a5b1","files":[{"content":"import { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        \"cn-empty flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\n        \"cn-empty-header flex max-w-sm flex-col items-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  \"cn-empty-media flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"cn-empty-media-default\",\n        icon: \"cn-empty-media-icon\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn(\"cn-empty-title cn-font-heading\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        \"cn-empty-description text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"cn-empty-content flex w-full max-w-sm min-w-0 flex-col items-center text-balance\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n}\n","path":"src/components/vendor/shadcn/base/ui/empty.tsx","target":"~/src/components/vendor/shadcn/base/ui/empty.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9a15c1c7316af78fa93fa6e08527a5b1","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/empty.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9a15c1c7316af78fa93fa6e08527a5b1","registryDependencies":[],"title":"resource.file.9a15c1c7316af78fa93fa6e08527a5b1","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-9a705699e5cbb0796d374c7fb5063c55.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9a705699e5cbb0796d374c7fb5063c55","files":[{"content":"{\n  \"title\": \"排产只读查询表：源码 reference 场景与交互\",\n  \"originalScenario\": \"按宿主配置列展示排产批次、订单、产线、时间、班次和状态，回查批次详情。\",\n  \"usageBoundary\": \"以当前应用本体决定对象、属性、关系、单位和操作。以下原场景角色、Props 和展示聚合只解释参考范式，不是目标本体必建表；可整体参考、局部借鉴、组合或重写。布局相近不代表业务契约匹配，已有回调不代表真实服务已接通。\",\n  \"source\": {\n    \"implementation\": \"components/business/production/src/production-schedule-table.tsx\",\n    \"prototype\": \"可悦质量智能工作台 V42\",\n    \"prototypeRole\": \"整理已有 React 维护源；V42 函数用于场景对照，不宣称逐字搬运\",\n    \"prototypeSnapshotSha256\": \"06efbd09ff754e337ad6a6186a5af44ddc7d35a92b588d71d9fca4285b6ace22\",\n    \"origin\": [\n      {\n        \"symbol\": \"renderScheduleRows\",\n        \"startLine\": 4866,\n        \"endLine\": 4871,\n        \"sha256\": \"e6e9d06f1364c24694492ac1bb26fcaee3bdcc20aae49079f225bbb7c9e058e1\"\n      }\n    ],\n    \"evidence\": [\n      {\n        \"path\": \"components/business/production/src/production-schedule-table.tsx\",\n        \"symbols\": [\n          \"ProductionScheduleTable\"\n        ]\n      }\n    ],\n    \"interactionChanges\": [\n      \"整理现有 React 维护源，未更改表格行为\",\n      \"补齐 Catalog、预览、字段约定与宿主责任，不虚构内部搜索和列选择\",\n      \"表格标题显示已提供行数，空结果提供明确说明\",\n      \"行操作使用桌面常规尺寸和具体批次的可访问名称，保留batch:回调\",\n      \"列头标明scope，保留原有局部滚动并支持键盘聚焦\"\n    ]\n  },\n  \"preview\": {\n    \"entry\": \"preview/playground/owned-reference.tsx\",\n    \"status\": \"example\",\n    \"description\": \"仅本地示例状态与合成数据；不接企业 API、真实证据上传、权限服务或设备。\"\n  },\n  \"ontologyAlignment\": {\n    \"authority\": \"以当前应用本体决定对象、属性、关系、单位和操作。以下原场景角色、Props 和展示聚合只解释参考范式，不是目标本体必建表；可整体参考、局部借鉴、组合或重写。布局相近不代表业务契约匹配，已有回调不代表真实服务已接通。\",\n    \"applicability\": \"业务信息角色不是目标必建对象清单，可由当前多个对象投影而来。\",\n    \"objects\": [\n      {\n        \"role\": \"batch\",\n        \"meaning\": \"已排产或待排产的生产批次\"\n      },\n      {\n        \"role\": \"order\",\n        \"meaning\": \"批次来源订单\"\n      }\n    ],\n    \"relations\": [\n      \"生产批次来源于订单\",\n      \"生产批次具有排程安排\"\n    ],\n    \"mappingRequired\": [\n      \"按当前应用本体核对稳定标识、属性类型、单位和状态语义\",\n      \"核对关系方向、基数、查询范围及关联键\",\n      \"核对当前操作的授权、输入输出、失败和并发语义\",\n      \"明确修订生成及变更失效规则，保留未知业务部分\"\n    ],\n    \"gapsInOriginalComponent\": [\n      \"搜索、分页、排序、列配置界面和加载错误状态都由宿主完成\",\n      \"编辑排程、产能计算及批次/订单关联写入未实现\",\n      \"数量单位“片”和中文状态判断是原实现约定；适配前必须重写为当前单位和状态\"\n    ]\n  },\n  \"interaction\": {\n    \"summary\": \"排产只读查询表\",\n    \"summarySupport\": \"existing\",\n    \"existingCapabilities\": [\n      \"查看批次表\",\n      \"回查详情\",\n      \"表格标题显示已提供行数，空结果提供明确说明\",\n      \"行操作使用桌面常规尺寸和具体批次的可访问名称，保留batch:回调\",\n      \"列头标明scope，保留原有局部滚动并支持键盘聚焦\"\n    ],\n    \"steps\": [\n      {\n        \"id\": \"step-1\",\n        \"support\": \"existing\",\n        \"intent\": \"查看批次表\",\n        \"effect\": \"rows 顺序展示；columns 只控制可见性，没有内部列选择器。\"\n      },\n      {\n        \"id\": \"step-2\",\n        \"support\": \"existing\",\n        \"intent\": \"回查详情\",\n        \"effect\": \"点击查看发出带 batch: 前缀的字符串，宿主解析后导航。\"\n      },\n      {\n        \"id\": \"host-1\",\n        \"support\": \"host-extension\",\n        \"intent\": \"由宿主补充\",\n        \"effect\": \"搜索、分页、排序、列配置界面和加载错误状态都由宿主完成\"\n      },\n      {\n        \"id\": \"host-2\",\n        \"support\": \"host-extension\",\n        \"intent\": \"由宿主补充\",\n        \"effect\": \"编辑排程、产能计算及批次/订单关联写入未实现\"\n      },\n      {\n        \"id\": \"host-3\",\n        \"support\": \"host-extension\",\n        \"intent\": \"由宿主补充\",\n        \"effect\": \"数量单位“片”和中文状态判断是原实现约定；适配前必须重写为当前单位和状态\"\n      },\n      {\n        \"id\": \"ux-polish\",\n        \"support\": \"existing\",\n        \"intent\": \"识别当前记录和操作条件\",\n        \"effect\": \"表格标题显示已提供行数，空结果提供明确说明；行操作使用桌面常规尺寸和具体批次的可访问名称，保留batch:回调；列头标明scope，保留原有局部滚动并支持键盘聚焦。\"\n      }\n    ],\n    \"states\": [\n      \"有数据行与行数\",\n      \"空数组显示表头及明确空结果提示\"\n    ],\n    \"applicationStatesToDesign\": [\n      \"真实查询失败和重试恢复\",\n      \"权限变化、修订冲突、重复请求及保存失败\",\n      \"宿主保留选择、查询、草稿和返回定位\"\n    ]\n  },\n  \"adaptation\": {\n    \"preserve\": [\n      \"业务对象语义\",\n      \"原始事实与业务操作边界\",\n      \"任务/记录稳定标识与修订上下文\"\n    ],\n    \"variable\": [\n      \"布局和区域拆合\",\n      \"当前本体映射及数据投影\",\n      \"宿主操作绑定及补充交互\"\n    ],\n    \"exampleOnly\": [\n      \"预览数据、示例结果和合成证据\",\n      \"原型固定角色、状态、数量单位及处置政策\"\n    ]\n  },\n  \"pattern\": {\n    \"schemaVersion\": 1,\n    \"readingGuide\": \"先对照当前应用合同阅读业务语义和布局，再按源码顺序核对可参考部分；由 AI 判断可复用/需组合/无匹配，名称相似不直接决定采用。\",\n    \"business\": {\n      \"actor\": \"排程查阅人员\",\n      \"trigger\": \"需要查看生产批次、来源订单与排程安排\",\n      \"goal\": \"按宿主配置列展示排产批次、订单、产线、时间、班次和状态，回查批次详情。\",\n      \"workUnit\": \"一行排产批次投影\",\n      \"boundary\": \"以当前应用本体决定对象、属性、关系、单位和操作。以下原场景角色、Props 和展示聚合只解释参考范式，不是目标本体必建表；可整体参考、局部借鉴、组合或重写。布局相近不代表业务契约匹配，已有回调不代表真实服务已接通。\"\n    },\n    \"layout\": {\n      \"basis\": \"source-observed\",\n      \"summary\": \"排产只读查询表的信息顺序\",\n      \"desktopAscii\": \"+----------------------------------------------------------------------+\\n| 排产批次 / 共 N 条 |\\n| 批次 | 订单 | 产品 | 数量 | 产线 | 时间 | 班次 | 状态 | 详情 |\\n| A（首批） | ... | ... | ... | ... | ... | ... | ... | [查看] |\\n| 空集合：当前范围没有排程批次 |\\n+----------------------------------------------------------------------+\",\n      \"zones\": [\n        \"批次到订单的关系投影表\",\n        \"首批标记与排程状态\",\n        \"携带对象类型前缀的详情出口\"\n      ],\n      \"narrow\": {\n        \"basis\": \"source-observed\",\n        \"ascii\": \"+--------------------------------------+\\n| 保留列语义的横向滚动表              |\\n| 行内查看动作随表格滚动              |\\n+--------------------------------------+\",\n        \"description\": \"设计系统 Table 包裹横向滚动；没有自动卡片转换。\"\n      },\n      \"evidencePaths\": [\n        \"components/business/production/src/production-schedule-table.tsx\"\n      ],\n      \"interpretation\": \"图示说明当前实现的分区及顺序，实例数、尺寸、字段名均不成为目标要求。窄屏依据源码规则，浏览器验证另记验收报告。\",\n      \"desktopScope\": \"本轮仅优化桌面信息层级与操作体验，未新增手机或窄屏适配。\"\n    },\n    \"objectRequirements\": {\n      \"interpretation\": \"以当前应用本体决定对象、属性、关系、单位和操作。以下原场景角色、Props 和展示聚合只解释参考范式，不是目标本体必建表；可整体参考、局部借鉴、组合或重写。布局相近不代表业务契约匹配，已有回调不代表真实服务已接通。\",\n      \"core\": [\n        {\n          \"role\": \"batch\",\n          \"meaning\": \"已排产或待排产的生产批次\",\n          \"information\": \"稳定标识、产品、数量、产线、时间、班次与排程状态\",\n          \"requirementScope\": \"解释原参考场景所需信息；当前本体可以拆合投影，不要求新建同名对象。\"\n        },\n        {\n          \"role\": \"order\",\n          \"meaning\": \"批次来源订单\",\n          \"information\": \"关联订单标识；本表不会执行关联写入\",\n          \"requirementScope\": \"解释原参考场景所需信息；当前本体可以拆合投影，不要求新建同名对象。\"\n        }\n      ],\n      \"supporting\": [],\n      \"relations\": [\n        \"生产批次来源于订单\",\n        \"生产批次具有排程安排\"\n      ],\n      \"presentationOnly\": [\n        \"批次到订单的关系投影表\",\n        \"首批标记与排程状态\",\n        \"携带对象类型前缀的详情出口\"\n      ],\n      \"mappingQuestions\": [\n        \"按当前应用本体核对稳定标识、属性类型、单位和状态语义\",\n        \"核对关系方向、基数、查询范围及关联键\",\n        \"核对当前操作的授权、输入输出、失败和并发语义\",\n        \"明确修订生成及变更失效规则，保留未知业务部分\"\n      ]\n    },\n    \"dataProjection\": {\n      \"inputs\": [\n        \"rows: ProductionScheduleTableRow[]\",\n        \"columns:string[]（宿主配置可见列）\",\n        \"onOpen(id) 必需\"\n      ],\n      \"derived\": [\n        \"按 columns 决定渲染哪些列；详情列始终存在\",\n        \"quantity 本地化数字并固定追加“片”\",\n        \"status 等于“已排程”时显示成功色，其他状态使用警示色；首批显示标记\",\n        \"rows.length 是当前已提供记录数，不表示远端总量\",\n        \"空结果 colspan 按实际可见列数计算\"\n      ],\n      \"localUiState\": [],\n      \"outputs\": [\n        \"onOpen(`batch:${row.id}`)\"\n      ],\n      \"scope\": \"受控模型及持久化由宿主提供；数组、Card、布局分区和修订字符串不是目标本体。\"\n    },\n    \"interactionFlow\": {\n      \"ascii\": \"宿主提供 rows/columns -> 只读表格\\n点击行内查看 -> onOpen(batch:稳定标识) -> 宿主回查详情\",\n      \"existingStates\": [\n        \"有数据行与行数\",\n        \"空数组显示表头及明确空结果提示\"\n      ],\n      \"hostResponsibilities\": [\n        \"搜索、分页、排序、列配置界面和加载错误状态都由宿主完成\",\n        \"编辑排程、产能计算及批次/订单关联写入未实现\",\n        \"数量单位“片”和中文状态判断是原实现约定；适配前必须重写为当前单位和状态\"\n      ],\n      \"stateDistinction\": \"点击、选中、输入或发出命令不等于业务写入成功。宿主回传匹配对象与修订的状态才展示相应反馈。\"\n    },\n    \"composition\": {\n      \"parts\": [\n        \"批次到订单的关系投影表\",\n        \"首批标记与排程状态\",\n        \"携带对象类型前缀的详情出口\"\n      ],\n      \"sharedContext\": [\n        \"一行排产批次投影\",\n        \"来源的稳定标识及修订（如适用）\"\n      ],\n      \"coordination\": \"所有跨组件关系均为组合建议；单个组件不隐式推动其他组件状态。\",\n      \"with\": [\n        {\n          \"assetId\": \"production.sales-order-table\",\n          \"support\": \"adaptation-proposal\",\n          \"coordination\": \"建议由宿主按当前对象、来源和修订显式协调；本轮没有自动接线。\"\n        },\n        {\n          \"assetId\": \"quality.inspection-plan-workspace\",\n          \"support\": \"adaptation-proposal\",\n          \"coordination\": \"建议由宿主按当前对象、来源和修订显式协调；本轮没有自动接线。\"\n        }\n      ]\n    },\n    \"reuse\": {\n      \"wholeWhen\": [\n        \"按宿主配置列展示排产批次、订单、产线、时间、班次和状态，回查批次详情。\",\n        \"宿主能满足真实 Props、命令、状态和当前应用合同；candidate 可发现但不等于 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/production/src/production-schedule-table.tsx\",\n        \"symbols\": [\n          \"ProductionScheduleTable\"\n        ],\n        \"purpose\": \"先核对实际分区、门禁与事件出口；与 ASCII 和已有能力逐项对照。\"\n      }\n    ]\n  }\n}\n","path":"references/metaform/components/business/production/src/production-schedule-table.reference.json","target":"~/references/metaform/components/business/production/src/production-schedule-table.reference.json","type":"registry:file"}],"meta":{"assetId":"resource.file.9a705699e5cbb0796d374c7fb5063c55","contractRef":"components/business/production/src/production-schedule-table.reference.json","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9a705699e5cbb0796d374c7fb5063c55","registryDependencies":[],"title":"resource.file.9a705699e5cbb0796d374c7fb5063c55","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-9acc2ac78b8d44fb81eb128827d82cac.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9acc2ac78b8d44fb81eb128827d82cac","files":[{"content":"import { useCallback, useMemo, useState } from 'react';\n\nimport type { StationBackfillReview } from '@metaform/vision-assets';\n\nimport {\n  type InspectionStationBindingConfig,\n  applyStationBackfillToTask,\n  buildInspectionStationBinding,\n} from './station-binding';\nimport type { CTQItem, InspectionTask, Package, Piece } from './types';\n\nexport interface FirstPieceCoordinatorOptions {\n  createPiece: (index: number) => Piece;\n  createPackage: (index: number) => Package;\n  stationBinding: InspectionStationBindingConfig;\n}\n\nfunction judgeItem(item: CTQItem, value: string): CTQItem['judge'] {\n  if (item.unit === '-') return value === 'ok' ? 'ok' : value === 'bad' ? 'bad' : 'wait';\n\n  const numeric = Number.parseFloat(value);\n  const min = Number.parseFloat(item.min);\n  const max = Number.parseFloat(item.max);\n  if (!Number.isFinite(numeric)) return 'wait';\n  if (Number.isFinite(min) && numeric < min) return 'bad';\n  if (Number.isFinite(max) && numeric > max) return 'bad';\n  return 'ok';\n}\n\nfunction summarize(items: Array<{ judge: 'ok' | 'bad' | 'wait' }>): Piece['status'] {\n  if (items.some((item) => item.judge === 'bad')) return 'bad';\n  if (items.some((item) => item.judge === 'wait')) return 'wait';\n  return 'ok';\n}\n\nexport function useFirstPieceCoordinator(\n  initialTasks: InspectionTask[],\n  options: FirstPieceCoordinatorOptions,\n) {\n  const [tasks, setTasks] = useState<InspectionTask[]>(initialTasks);\n  const [activeTaskId, setActiveTaskId] = useState<string | undefined>(initialTasks[0]?.id);\n\n  const activeTask = tasks.find((task) => task.id === activeTaskId) ?? tasks[0];\n  const stationBinding = useMemo(\n    () => (activeTask ? buildInspectionStationBinding(activeTask, options.stationBinding) : null),\n    [activeTask, options.stationBinding],\n  );\n\n  const updateActiveTask = useCallback(\n    (update: (task: InspectionTask) => InspectionTask) => {\n      setTasks((current) =>\n        current.map((task) => (task.id === activeTaskId ? update(task) : task)),\n      );\n    },\n    [activeTaskId],\n  );\n\n  const switchTask = useCallback((taskId: string) => setActiveTaskId(taskId), []);\n  const startTask = useCallback(\n    (taskId: string) =>\n      setTasks((current) =>\n        current.map((task) => (task.id === taskId ? { ...task, status: 'doing' } : task)),\n      ),\n    [],\n  );\n  const prepareTask = useCallback(\n    (taskId: string) =>\n      setTasks((current) =>\n        current.map((task) => (task.id === taskId ? { ...task, prepared: true } : task)),\n      ),\n    [],\n  );\n\n  const selectPiece = useCallback(\n    (index: number) => updateActiveTask((task) => ({ ...task, activePieceIndex: index })),\n    [updateActiveTask],\n  );\n  const selectPackage = useCallback(\n    (index: number) => updateActiveTask((task) => ({ ...task, activePackageIndex: index })),\n    [updateActiveTask],\n  );\n  const switchMode = useCallback(\n    (mode: InspectionTask['activeMode']) =>\n      updateActiveTask((task) => ({ ...task, activeMode: mode })),\n    [updateActiveTask],\n  );\n\n  const addPiece = useCallback(() => {\n    updateActiveTask((task) => {\n      const pieces = [...task.pieces, options.createPiece(task.pieces.length + 1)];\n      return { ...task, pieces, activePieceIndex: pieces.length - 1 };\n    });\n  }, [options, updateActiveTask]);\n\n  const addPackage = useCallback(() => {\n    updateActiveTask((task) => {\n      const packages = [...task.packages, options.createPackage(task.packages.length + 1)];\n      return { ...task, packages, activePackageIndex: packages.length - 1 };\n    });\n  }, [options, updateActiveTask]);\n\n  const updateItemValue = useCallback(\n    (pieceIndex: number, itemId: string, value: string) => {\n      updateActiveTask((task) => {\n        const piece = task.pieces[pieceIndex];\n        if (!piece) return task;\n        const items = piece.items.map((item) =>\n          item.id === itemId ? { ...item, val: value, judge: judgeItem(item, value) } : item,\n        );\n        const pieces = [...task.pieces];\n        pieces[pieceIndex] = { ...piece, items, status: summarize(items) };\n        return { ...task, pieces };\n      });\n    },\n    [updateActiveTask],\n  );\n\n  const updateItemReason = useCallback(\n    (pieceIndex: number, itemId: string, reason: string) => {\n      updateActiveTask((task) => {\n        const piece = task.pieces[pieceIndex];\n        if (!piece) return task;\n        const items = piece.items.map((item) =>\n          item.id === itemId && item.review\n            ? { ...item, review: { ...item.review, reason } }\n            : item,\n        );\n        const pieces = [...task.pieces];\n        pieces[pieceIndex] = { ...piece, items };\n        return { ...task, pieces };\n      });\n    },\n    [updateActiveTask],\n  );\n\n  const voiceCorrectItem = useCallback(\n    (pieceIndex: number, itemId: string) => {\n      updateActiveTask((task) => {\n        const piece = task.pieces[pieceIndex];\n        if (!piece) return task;\n        const items = piece.items.map((item) =>\n          item.id === itemId\n            ? {\n                ...item,\n                origVal: item.origVal ?? item.val,\n                review: {\n                  status: 'corrected' as const,\n                  val: item.val,\n                  reason: '人工复测修正',\n                },\n              }\n            : item,\n        );\n        const pieces = [...task.pieces];\n        pieces[pieceIndex] = { ...piece, items, status: summarize(items) };\n        return { ...task, pieces };\n      });\n    },\n    [updateActiveTask],\n  );\n\n  const voiceCorrectWholePiece = useCallback(\n    (pieceIndex: number) => {\n      updateActiveTask((task) => {\n        const piece = task.pieces[pieceIndex];\n        if (!piece) return task;\n        const items = piece.items.map((item) =>\n          item.review\n            ? {\n                ...item,\n                review: { ...item.review, status: 'corrected' as const, val: item.val },\n              }\n            : item,\n        );\n        const pieces = [...task.pieces];\n        pieces[pieceIndex] = { ...piece, items, status: summarize(items) };\n        return { ...task, pieces };\n      });\n    },\n    [updateActiveTask],\n  );\n\n  const addPhoto = useCallback(\n    (pieceIndex: number, itemName?: string) => {\n      updateActiveTask((task) => {\n        const piece = task.pieces[pieceIndex];\n        if (!piece) return task;\n        const targetName = itemName ?? '整片照片';\n        const photos = piece.photos.some((photo) => photo.name === targetName)\n          ? piece.photos.map((photo) =>\n              photo.name === targetName ? { ...photo, count: photo.count + 1 } : photo,\n            )\n          : [...piece.photos, { name: targetName, count: 1 }];\n        const items = piece.items.map((item) =>\n          item.name === itemName ? { ...item, photosCount: item.photosCount + 1 } : item,\n        );\n        const pieces = [...task.pieces];\n        pieces[pieceIndex] = { ...piece, items, photos };\n        return { ...task, pieces };\n      });\n    },\n    [updateActiveTask],\n  );\n\n  const confirmPiece = useCallback(\n    (pieceIndex: number) =>\n      updateActiveTask((task) => {\n        const pieces = [...task.pieces];\n        const piece = pieces[pieceIndex];\n        if (!piece) return task;\n        pieces[pieceIndex] = { ...piece, done: true };\n        const nextIndex = pieces.findIndex((candidate) => !candidate.done);\n        return { ...task, pieces, activePieceIndex: nextIndex < 0 ? pieceIndex : nextIndex };\n      }),\n    [updateActiveTask],\n  );\n\n  const confirmPackage = useCallback(\n    (packageIndex: number) =>\n      updateActiveTask((task) => {\n        const packages = [...task.packages];\n        const packageItem = packages[packageIndex];\n        if (!packageItem) return task;\n        packages[packageIndex] = { ...packageItem, done: true };\n        return { ...task, packages };\n      }),\n    [updateActiveTask],\n  );\n\n  const submitInspection = useCallback(\n    () => updateActiveTask((task) => ({ ...task, status: 'done' })),\n    [updateActiveTask],\n  );\n\n  const backfillFromStation = useCallback(\n    (results: Record<string, string>, reviews: Record<string, StationBackfillReview>) =>\n      updateActiveTask((task) =>\n        applyStationBackfillToTask(task, results, reviews, options.stationBinding),\n      ),\n    [options.stationBinding, updateActiveTask],\n  );\n\n  return {\n    tasks,\n    activeTaskId,\n    activeTask,\n    stationBinding,\n    switchTask,\n    startTask,\n    prepareTask,\n    selectPiece,\n    selectPackage,\n    switchMode,\n    addPiece,\n    addPackage,\n    updateItemValue,\n    updateItemReason,\n    voiceCorrectItem,\n    voiceCorrectWholePiece,\n    addPhoto,\n    confirmPiece,\n    confirmPackage,\n    submitInspection,\n    backfillFromStation,\n  };\n}\n","path":"references/metaform/components/business/industry/inspection/src/coordinator.ts","target":"~/references/metaform/components/business/industry/inspection/src/coordinator.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.9acc2ac78b8d44fb81eb128827d82cac","contractRef":"components/business/industry/inspection/src/coordinator.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9acc2ac78b8d44fb81eb128827d82cac","registryDependencies":[],"title":"resource.file.9acc2ac78b8d44fb81eb128827d82cac","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-9aeeea2ea4e83bba364e89176bea3238.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9aeeea2ea4e83bba364e89176bea3238","files":[{"content":"import * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30\",\n        \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n        \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","path":"src/components/vendor/shadcn/new-york-v4/ui/input.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/input.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9aeeea2ea4e83bba364e89176bea3238","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/input.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9aeeea2ea4e83bba364e89176bea3238","registryDependencies":[],"title":"resource.file.9aeeea2ea4e83bba364e89176bea3238","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-9bd487a87de48a1eea500492a2e056aa.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9bd487a87de48a1eea500492a2e056aa","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 custom label\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186, mobile: 80 },\n  { month: \"February\", desktop: 305, mobile: 200 },\n  { month: \"March\", desktop: 237, mobile: 120 },\n  { month: \"April\", desktop: 73, mobile: 190 },\n  { month: \"May\", desktop: 209, mobile: 130 },\n  { month: \"June\", desktop: 214, mobile: 140 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"var(--chart-2)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartRadarLabelCustom() {\n  return (\n    <Card>\n      <CardHeader className=\"items-center pb-4\">\n        <CardTitle>Radar Chart - Custom Label</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\n            data={chartData}\n            margin={{\n              top: 10,\n              right: 10,\n              bottom: 10,\n              left: 10,\n            }}\n          >\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent indicator=\"line\" />}\n            />\n            <PolarAngleAxis\n              dataKey=\"month\"\n              tick={({ x, y, textAnchor, index, ...props }) => {\n                const data = chartData[index]\n                const yValue = typeof y === \"number\" ? y : 0\n\n                return (\n                  <text\n                    x={x}\n                    y={yValue + (index === 0 ? -10 : 0)}\n                    textAnchor={textAnchor}\n                    fontSize={13}\n                    fontWeight={500}\n                    {...props}\n                  >\n                    <tspan>{data.desktop}</tspan>\n                    <tspan className=\"fill-muted-foreground\">/</tspan>\n                    <tspan>{data.mobile}</tspan>\n                    <tspan\n                      x={x}\n                      dy={\"1rem\"}\n                      fontSize={12}\n                      className=\"fill-muted-foreground\"\n                    >\n                      {data.month}\n                    </tspan>\n                  </text>\n                )\n              }}\n            />\n\n            <PolarGrid />\n            <Radar\n              dataKey=\"desktop\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.6}\n            />\n            <Radar dataKey=\"mobile\" fill=\"var(--color-mobile)\" />\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-label-custom.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-radar-label-custom.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9bd487a87de48a1eea500492a2e056aa","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-radar-label-custom.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9bd487a87de48a1eea500492a2e056aa","registryDependencies":[],"title":"resource.file.9bd487a87de48a1eea500492a2e056aa","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-9c36248079d89840ddb4bf997d07e04d.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9c36248079d89840ddb4bf997d07e04d","files":[{"content":"\"use client\"\n\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\"\n\nfunction Collapsible({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n","path":"src/components/vendor/shadcn/radix/ui/collapsible.tsx","target":"~/src/components/vendor/shadcn/radix/ui/collapsible.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.9c36248079d89840ddb4bf997d07e04d","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/collapsible.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9c36248079d89840ddb4bf997d07e04d","registryDependencies":[],"title":"resource.file.9c36248079d89840ddb4bf997d07e04d","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/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":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9c867e4a8af235bc23b527beba0443e0","registryDependencies":[],"title":"resource.file.9c867e4a8af235bc23b527beba0443e0","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/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":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9cd18f9ed6a47dfbdcfc0db54592474a","registryDependencies":[],"title":"resource.file.9cd18f9ed6a47dfbdcfc0db54592474a","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/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":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-9cdb964fcb178a3f4be356cf03f7240d","registryDependencies":[],"title":"resource.file.9cdb964fcb178a3f4be356cf03f7240d","type":"registry:block"}