@james_sww/metaform-asset-distribution 0.1.3 → 0.1.4

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-7e9c60ee517ce35fb2baab9beaadf6cb.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.7e9c60ee517ce35fb2baab9beaadf6cb","files":[{"content":"// Tremor AreaChart [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  Area,\n  CartesianGrid,\n  Dot,\n  Label,\n  Line,\n  AreaChart as RechartsAreaChart,\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 Legend\n\ninterface LegendItemProps {\n  name: string\n  color: AvailableChartColorsKeys\n  onClick?: (name: string, color: AvailableChartColorsKeys) => void\n  activeLegend?: string\n}\n\nconst LegendItem = ({\n  name,\n  color,\n  onClick,\n  activeLegend,\n}: LegendItemProps) => {\n  const hasOnValueChange = !!onClick\n  return (\n    <li\n      className={cx(\n        // base\n        \"group inline-flex flex-nowrap items-center gap-1.5 rounded-sm px-2 py-1 whitespace-nowrap 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          \"h-[3px] w-3.5 shrink-0 rounded-full\",\n          getColorClassName(color, \"bg\"),\n          activeLegend && activeLegend !== name ? \"opacity-40\" : \"opacity-100\",\n        )}\n        aria-hidden={true}\n      />\n      <p\n        className={cx(\n          // base\n          \"truncate text-xs whitespace-nowrap\",\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: string[]\n  colors?: AvailableChartColorsKeys[]\n  onClickLegendItem?: (category: string, color: string) => 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    colors = AvailableChartColors,\n    className,\n    onClickLegendItem,\n    activeLegend,\n    enableLegendSlider = false,\n    ...other\n  } = props\n  const scrollableRef = React.useRef<HTMLInputElement>(null)\n  const scrollButtonsRef = React.useRef<HTMLDivElement>(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 scrollButtons = scrollButtonsRef?.current\n      const scrollButtonsWith = scrollButtons?.clientWidth ?? 0\n      const width = element?.clientWidth ?? 0\n\n      if (element && enableLegendSlider) {\n        element.scrollTo({\n          left:\n            direction === \"left\"\n              ? element.scrollLeft - width + scrollButtonsWith\n              : element.scrollLeft + width - scrollButtonsWith,\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        tabIndex={0}\n        className={cx(\n          \"flex h-full\",\n          enableLegendSlider\n            ? hasScroll?.right || hasScroll?.left\n              ? \"snap-mandatory items-center overflow-auto pr-12 pl-4 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n              : \"\"\n            : \"flex-wrap\",\n        )}\n      >\n        {categories.map((category, index) => (\n          <LegendItem\n            key={`item-${index}`}\n            name={category}\n            color={colors[index] as AvailableChartColorsKeys}\n            onClick={onClickLegendItem}\n            activeLegend={activeLegend}\n          />\n        ))}\n      </div>\n      {enableLegendSlider && (hasScroll?.right || hasScroll?.left) ? (\n        <>\n          <div\n            className={cx(\n              // base\n              \"absolute top-0 right-0 bottom-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  categoryColors: Map<string, AvailableChartColorsKeys>,\n  setLegendHeight: React.Dispatch<React.SetStateAction<number>>,\n  activeLegend: string | undefined,\n  onClick?: (category: string, color: string) => void,\n  enableLegendSlider?: boolean,\n  legendPosition?: \"left\" | \"center\" | \"right\",\n  yAxisWidth?: 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 legendPayload = payload.filter((item: any) => item.type !== \"none\")\n\n  const paddingLeft =\n    legendPosition === \"left\" && yAxisWidth ? yAxisWidth - 8 : 0\n\n  return (\n    <div\n      ref={legendRef}\n      style={{ paddingLeft: paddingLeft }}\n      className={cx(\n        \"flex items-center\",\n        { \"justify-center\": legendPosition === \"center\" },\n        { \"justify-start\": legendPosition === \"left\" },\n        { \"justify-end\": legendPosition === \"right\" },\n      )}\n    >\n      <Legend\n        categories={legendPayload.map((entry: any) => entry.value)}\n        colors={legendPayload.map((entry: any) =>\n          categoryColors.get(entry.value),\n        )}\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  color: AvailableChartColorsKeys\n  type?: string\n  payload: any\n}\n\ninterface ChartTooltipProps {\n  active: boolean | undefined\n  payload: PayloadItem[]\n  label: string\n  valueFormatter: (value: number) => string\n}\n\nconst ChartTooltip = ({\n  active,\n  payload,\n  label,\n  valueFormatter,\n}: ChartTooltipProps) => {\n  if (active && payload && payload.length) {\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          {payload.map(({ value, category, color }, 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                <span\n                  aria-hidden=\"true\"\n                  className={cx(\n                    \"h-[3px] w-3.5 shrink-0 rounded-full\",\n                    getColorClassName(color, \"bg\"),\n                  )}\n                />\n                <p\n                  className={cx(\n                    // base\n                    \"text-right whitespace-nowrap\",\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                  \"text-right font-medium whitespace-nowrap tabular-nums\",\n                  // text color\n                  \"text-gray-900 dark:text-gray-50\",\n                )}\n              >\n                {valueFormatter(value)}\n              </p>\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n  return null\n}\n\n//#region AreaChart\n\ninterface ActiveDot {\n  index?: number\n  dataKey?: string\n}\n\ntype BaseEventProps = {\n  eventType: \"dot\" | \"category\"\n  categoryClicked: string\n  [key: string]: number | string\n}\n\ntype AreaChartEventProps = BaseEventProps | null | undefined\n\ninterface AreaChartProps extends React.HTMLAttributes<HTMLDivElement> {\n  data: Record<string, any>[]\n  index: string\n  categories: string[]\n  colors?: AvailableChartColorsKeys[]\n  valueFormatter?: (value: number) => string\n  startEndOnly?: boolean\n  showXAxis?: boolean\n  showYAxis?: boolean\n  showGridLines?: boolean\n  yAxisWidth?: number\n  intervalType?: \"preserveStartEnd\" | \"equidistantPreserveStart\"\n  showTooltip?: boolean\n  showLegend?: boolean\n  autoMinValue?: boolean\n  minValue?: number\n  maxValue?: number\n  allowDecimals?: boolean\n  onValueChange?: (value: AreaChartEventProps) => void\n  enableLegendSlider?: boolean\n  tickGap?: number\n  connectNulls?: boolean\n  xAxisLabel?: string\n  yAxisLabel?: string\n  type?: \"default\" | \"stacked\" | \"percent\"\n  legendPosition?: \"left\" | \"center\" | \"right\"\n  fill?: \"gradient\" | \"solid\" | \"none\"\n  tooltipCallback?: (tooltipCallbackContent: TooltipProps) => void\n  customTooltip?: React.ComponentType<TooltipProps>\n}\n\nconst AreaChart = React.forwardRef<HTMLDivElement, AreaChartProps>(\n  (props, ref) => {\n    const {\n      data = [],\n      categories = [],\n      index,\n      colors = AvailableChartColors,\n      valueFormatter = (value: number) => value.toString(),\n      startEndOnly = false,\n      showXAxis = true,\n      showYAxis = true,\n      showGridLines = true,\n      yAxisWidth = 56,\n      intervalType = \"equidistantPreserveStart\",\n      showTooltip = true,\n      showLegend = true,\n      autoMinValue = false,\n      minValue,\n      maxValue,\n      allowDecimals = true,\n      connectNulls = false,\n      className,\n      onValueChange,\n      enableLegendSlider = false,\n      tickGap = 5,\n      xAxisLabel,\n      yAxisLabel,\n      type = \"default\",\n      legendPosition = \"right\",\n      fill = \"gradient\",\n      tooltipCallback,\n      customTooltip,\n      ...other\n    } = props\n    const CustomTooltip = customTooltip\n    const paddingValue =\n      (!showXAxis && !showYAxis) || (startEndOnly && !showYAxis) ? 0 : 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    const categoryColors = constructCategoryColors(categories, colors)\n\n    const yAxisDomain = getYAxisDomain(autoMinValue, minValue, maxValue)\n    const hasOnValueChange = !!onValueChange\n    const stacked = type === \"stacked\" || type === \"percent\"\n    const areaId = React.useId()\n\n    const prevActiveRef = React.useRef<boolean | undefined>(undefined)\n    const prevLabelRef = React.useRef<string | undefined>(undefined)\n\n    const getFillContent = ({\n      fillType,\n      activeDot,\n      activeLegend,\n      category,\n    }: {\n      fillType: AreaChartProps[\"fill\"]\n      activeDot: ActiveDot | undefined\n      activeLegend: string | undefined\n      category: string\n    }) => {\n      const stopOpacity =\n        activeDot || (activeLegend && activeLegend !== category) ? 0.1 : 0.3\n\n      switch (fillType) {\n        case \"none\":\n          return <stop stopColor=\"currentColor\" stopOpacity={0} />\n        case \"gradient\":\n          return (\n            <>\n              <stop\n                offset=\"5%\"\n                stopColor=\"currentColor\"\n                stopOpacity={stopOpacity}\n              />\n              <stop offset=\"95%\" stopColor=\"currentColor\" stopOpacity={0} />\n            </>\n          )\n        case \"solid\":\n        default:\n          return <stop stopColor=\"currentColor\" stopOpacity={stopOpacity} />\n      }\n    }\n\n    function valueToPercent(value: number) {\n      return `${(value * 100).toFixed(0)}%`\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        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      if (\n        (dataKey === activeLegend && !activeDot) ||\n        (hasOnlyOneValueForKey(data, dataKey) &&\n          activeDot &&\n          activeDot.dataKey === dataKey)\n      ) {\n        setActiveLegend(undefined)\n        onValueChange?.(null)\n      } else {\n        setActiveLegend(dataKey)\n        onValueChange?.({\n          eventType: \"category\",\n          categoryClicked: dataKey,\n        })\n      }\n      setActiveDot(undefined)\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cx(\"h-80 w-full\", className)}\n        tremor-id=\"tremor-raw\"\n        {...other}\n      >\n        <ResponsiveContainer>\n          <RechartsAreaChart\n            data={data}\n            onClick={\n              hasOnValueChange && (activeLegend || activeDot)\n                ? () => {\n                    setActiveDot(undefined)\n                    setActiveLegend(undefined)\n                    onValueChange?.(null)\n                  }\n                : undefined\n            }\n            margin={{\n              bottom: xAxisLabel ? 30 : undefined,\n              left: yAxisLabel ? 20 : undefined,\n              right: yAxisLabel ? 5 : undefined,\n              top: 5,\n            }}\n            stackOffset={type === \"percent\" ? \"expand\" : undefined}\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              padding={{ left: paddingValue, right: paddingValue }}\n              hide={!showXAxis}\n              dataKey={index}\n              interval={startEndOnly ? \"preserveStartEnd\" : intervalType}\n              tick={{ transform: \"translate(0, 6)\" }}\n              ticks={\n                startEndOnly\n                  ? [data[0][index], data[data.length - 1][index]]\n                  : undefined\n              }\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              tickLine={false}\n              axisLine={false}\n              minTickGap={tickGap}\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              width={yAxisWidth}\n              hide={!showYAxis}\n              axisLine={false}\n              tickLine={false}\n              type=\"number\"\n              domain={yAxisDomain as AxisDomain}\n              tick={{ transform: \"translate(-3, 0)\" }}\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              tickFormatter={\n                type === \"percent\" ? valueToPercent : valueFormatter\n              }\n              allowDecimals={allowDecimals}\n            >\n              {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                  {yAxisLabel}\n                </Label>\n              )}\n            </YAxis>\n            <Tooltip\n              wrapperStyle={{ outline: \"none\" }}\n              isAnimationActive={true}\n              animationDuration={100}\n              cursor={{ stroke: \"#d1d5db\", strokeWidth: 1 }}\n              offset={20}\n              position={{ y: 0 }}\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                      color: categoryColors.get(\n                        item.dataKey,\n                      ) as AvailableChartColorsKeys,\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                      valueFormatter={valueFormatter}\n                    />\n                  )\n                ) : null\n              }}\n            />\n\n            {showLegend ? (\n              <RechartsLegend\n                verticalAlign=\"top\"\n                height={legendHeight}\n                content={({ payload }) =>\n                  ChartLegend(\n                    { payload },\n                    categoryColors,\n                    setLegendHeight,\n                    activeLegend,\n                    hasOnValueChange\n                      ? (clickedLegendItem: string) =>\n                          onCategoryClick(clickedLegendItem)\n                      : undefined,\n                    enableLegendSlider,\n                    legendPosition,\n                    yAxisWidth,\n                  )\n                }\n              />\n            ) : null}\n            {categories.map((category) => {\n              const categoryId = `${areaId}-${category.replace(/[^a-zA-Z0-9]/g, \"\")}`\n              return (\n                <React.Fragment key={category}>\n                  <defs key={category}>\n                    <linearGradient\n                      key={category}\n                      className={cx(\n                        getColorClassName(\n                          categoryColors.get(\n                            category,\n                          ) as AvailableChartColorsKeys,\n                          \"text\",\n                        ),\n                      )}\n                      id={categoryId}\n                      x1=\"0\"\n                      y1=\"0\"\n                      x2=\"0\"\n                      y2=\"1\"\n                    >\n                      {getFillContent({\n                        fillType: fill,\n                        activeDot: activeDot,\n                        activeLegend: activeLegend,\n                        category: category,\n                      })}\n                    </linearGradient>\n                  </defs>\n                  <Area\n                    className={cx(\n                      getColorClassName(\n                        categoryColors.get(\n                          category,\n                        ) as AvailableChartColorsKeys,\n                        \"stroke\",\n                      ),\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                              categoryColors.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                                categoryColors.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}\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={connectNulls}\n                    stackId={stacked ? \"stack\" : undefined}\n                    fill={`url(#${categoryId})`}\n                  />\n                </React.Fragment>\n              )\n            })}\n            {/* hidden lines to increase clickable target area */}\n            {onValueChange\n              ? categories.map((category) => (\n                  <Line\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={connectNulls}\n                    onClick={(props: any, event) => {\n                      event.stopPropagation()\n                      const { name } = props\n                      onCategoryClick(name)\n                    }}\n                  />\n                ))\n              : null}\n          </RechartsAreaChart>\n        </ResponsiveContainer>\n      </div>\n    )\n  },\n)\n\nAreaChart.displayName = \"AreaChart\"\n\nexport { AreaChart, type AreaChartEventProps, type TooltipProps }\n","path":"src/components/vendor/tremor/components/AreaChart/AreaChart.tsx","target":"~/src/components/vendor/tremor/components/AreaChart/AreaChart.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.7e9c60ee517ce35fb2baab9beaadf6cb","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/AreaChart/AreaChart.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-7e9c60ee517ce35fb2baab9beaadf6cb","registryDependencies":[],"title":"resource.file.7e9c60ee517ce35fb2baab9beaadf6cb","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-7ef75d8d34c9a952892f305c273ccd95.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.7ef75d8d34c9a952892f305c273ccd95","files":[{"content":"import * as React from 'react';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\n\nimport { cn } from '@metaform/design-system/lib/utils';\n\nconst badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'bg-action text-action-foreground [a&]:hover:bg-action-hover',\n        secondary: 'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',\n        destructive:\n          'bg-destructive text-destructive-foreground focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90',\n        outline:\n          'border-border text-foreground [a&]:hover:bg-control-hover [a&]:hover:text-foreground',\n        ghost: '[a&]:hover:bg-control-hover [a&]:hover:text-foreground',\n        link: 'text-brand underline-offset-4 [a&]:hover:text-brand-hover [a&]:hover:underline',\n        success: 'bg-success-soft text-success-foreground',\n        warning: 'bg-warning-soft text-warning-foreground',\n        danger: 'bg-danger-soft text-danger-foreground',\n        neutral: 'bg-secondary text-secondary-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : 'span';\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n","path":"references/metaform/vendor/design-system/src/components/ui/badge.tsx","target":"~/references/metaform/vendor/design-system/src/components/ui/badge.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.7ef75d8d34c9a952892f305c273ccd95","contractRef":"vendor/design-system/src/components/ui/badge.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-7ef75d8d34c9a952892f305c273ccd95","registryDependencies":[],"title":"resource.file.7ef75d8d34c9a952892f305c273ccd95","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-7f09b25d6e9e672efe7108635e37d1bf.json

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

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-7fb3f16dafaa805b21164996b869e9d6.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.7fb3f16dafaa805b21164996b869e9d6","files":[{"content":"import type { ReactNode } from \"react\";\n\nimport { ChevronRight } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport interface QueryModeOption<TId extends string = string> {\n  id: TId;\n  title: string;\n  description: string;\n  icon?: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface QueryModeSelectorProps<TId extends string = string> {\n  ariaLabel?: string;\n  value: TId;\n  options: readonly QueryModeOption<TId>[];\n  onValueChange: (value: TId) => void;\n  className?: string;\n  variant?: 'brand' | 'neutral';\n  'data-slot'?: string;\n}\n\n/**\n * 通用查询模式选择卡片组 (QueryModeSelector / QueryModeCardGroup)\n * 支持智能推荐、目录查找等多模式卡片切换，适用于所有带 AI / 意图分流的 SOP 页面。\n */\nexport function QueryModeSelector<TId extends string>({\n  ariaLabel = '查询模式选择',\n  value,\n  options,\n  onValueChange,\n  className,\n  variant = 'brand',\n  'data-slot': dataSlot = 'query-mode-selector',\n}: QueryModeSelectorProps<TId>) {\n  const colsClass =\n    options.length === 1\n      ? 'grid-cols-1'\n      : options.length === 2\n        ? 'grid-cols-1 sm:grid-cols-2'\n        : options.length === 3\n          ? 'grid-cols-1 md:grid-cols-3'\n          : options.length === 4\n            ? 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4'\n            : 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3';\n\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      className={cn('@container grid gap-3', colsClass, className)}\n      data-slot={dataSlot}\n      data-asset=\"common.query-mode-selector\"\n    >\n      {options.map((option) => {\n        const selected = option.id === value;\n        return (\n          <button\n            key={option.id}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={selected}\n            disabled={option.disabled}\n            className={cn(\n              'group relative flex min-h-16 min-w-0 items-center gap-3.5 rounded-xl border p-3.5 text-left transition-all duration-200 cursor-pointer active:scale-[0.99]',\n              selected\n                ? variant === 'brand'\n                  ? 'border-brand bg-brand-soft/40 shadow-xs ring-1 ring-brand/30'\n                  : 'border-foreground/80 bg-muted/60 text-foreground shadow-2xs ring-1 ring-border/60'\n                : 'border-border/80 bg-card hover:border-border hover:bg-muted/30 hover:-translate-y-0.5 hover:shadow-xs',\n              option.disabled && 'cursor-not-allowed opacity-50',\n            )}\n            onClick={() => onValueChange(option.id)}\n          >\n            {option.icon && (\n              <span\n                className={cn(\n                  'flex size-9 shrink-0 items-center justify-center rounded-lg transition-all duration-200 group-hover:scale-105',\n                  selected\n                    ? variant === 'brand'\n                      ? 'bg-brand text-white shadow-2xs'\n                      : 'border border-border bg-card text-foreground shadow-2xs'\n                    : 'border border-border/80 bg-muted/60 text-muted-foreground group-hover:text-foreground',\n                )}\n              >\n                {option.icon}\n              </span>\n            )}\n            <span className=\"min-w-0 flex-1\">\n              <span className=\"block text-xs font-bold leading-snug text-foreground\">\n                {option.title}\n              </span>\n              <span className=\"mt-0.5 block text-[11.5px] text-muted-foreground leading-normal line-clamp-2\">\n                {option.description}\n              </span>\n            </span>\n            <ChevronRight\n              className={cn(\n                'size-4 shrink-0 transition-transform duration-200 group-hover:translate-x-1',\n                selected\n                  ? variant === 'brand'\n                    ? 'text-brand'\n                    : 'text-foreground'\n                  : 'text-muted-foreground/60',\n              )}\n              aria-hidden=\"true\"\n            />\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\n// 别名导出，确保语义对齐\nexport { QueryModeSelector as QueryModeCardGroup };\n","path":"src/components/common/query-mode-selector.tsx","target":"~/src/components/common/query-mode-selector.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.7fb3f16dafaa805b21164996b869e9d6","contractRef":"components/common/src/query-mode-selector.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-7fb3f16dafaa805b21164996b869e9d6","registryDependencies":[],"title":"resource.file.7fb3f16dafaa805b21164996b869e9d6","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-81a9af73616553df18569bd2bd1afed6.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.81a9af73616553df18569bd2bd1afed6","files":[{"content":"// Tremor useOnWindowResize [v0.0.2]\n\nimport * as React from \"react\"\n\nexport const useOnWindowResize = (handler: () => void) => {\n  React.useEffect(() => {\n    const handleResize = () => {\n      handler()\n    }\n    handleResize()\n    window.addEventListener(\"resize\", handleResize)\n\n    return () => window.removeEventListener(\"resize\", handleResize)\n  }, [handler])\n}\n","path":"src/components/vendor/tremor/hooks/useOnWindowResize.ts","target":"~/src/components/vendor/tremor/hooks/useOnWindowResize.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.81a9af73616553df18569bd2bd1afed6","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/hooks/useOnWindowResize.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-81a9af73616553df18569bd2bd1afed6","registryDependencies":[],"title":"resource.file.81a9af73616553df18569bd2bd1afed6","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-83170af386d68d4cdde3a4a85521336b.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.83170af386d68d4cdde3a4a85521336b","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport {\n  DialogTrigger,\n  Heading,\n  Popover as PopoverPrimitive,\n  type DialogTriggerProps,\n  type PopoverProps as PopoverPrimitiveProps,\n} from \"react-aria-components\"\n\nfunction PopoverTrigger({ children, ...props }: DialogTriggerProps) {\n  return (\n    <DialogTrigger data-slot=\"popover-trigger\" {...props}>\n      {children}\n    </DialogTrigger>\n  )\n}\n\nfunction Popover({\n  className,\n  placement = \"bottom\",\n  offset = 4,\n  crossOffset = 0,\n  ...props\n}: Omit<PopoverPrimitiveProps, \"className\"> & {\n  className?: string\n}) {\n  return (\n    <PopoverPrimitive\n      data-slot=\"popover-content\"\n      placement={placement}\n      offset={offset}\n      crossOffset={crossOffset}\n      className={cn(\n        \"cn-popover-content-aria z-50 w-72 origin-(--trigger-anchor-point) outline-hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"cn-popover-header\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof Heading>) {\n  return (\n    <Heading\n      data-slot=\"popover-title\"\n      className={cn(\"cn-popover-title\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-description\"\n      className={cn(\"cn-popover-description\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Popover,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n}\n","path":"src/components/vendor/shadcn/aria/ui/popover.tsx","target":"~/src/components/vendor/shadcn/aria/ui/popover.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.83170af386d68d4cdde3a4a85521336b","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/popover.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-83170af386d68d4cdde3a4a85521336b","registryDependencies":[],"title":"resource.file.83170af386d68d4cdde3a4a85521336b","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-83c9eb999c9c78e60a22ae5a248c03de.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.83c9eb999c9c78e60a22ae5a248c03de","files":[{"content":"import * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\n\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\"cn-card group/card flex flex-col\", className)}\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        \"cn-card-header group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\",\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(\"cn-card-title cn-font-heading\", 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(\"cn-card-description\", 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        \"cn-card-action 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(\"cn-card-content\", 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(\"cn-card-footer flex items-center\", 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/base/ui/card.tsx","target":"~/src/components/vendor/shadcn/base/ui/card.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.83c9eb999c9c78e60a22ae5a248c03de","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/card.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-83c9eb999c9c78e60a22ae5a248c03de","registryDependencies":[],"title":"resource.file.83c9eb999c9c78e60a22ae5a248c03de","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-83e98cd293dd4dd4398f5618224c5931.json

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

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-846b19f7b160f92c9458ac2787ffc253.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.846b19f7b160f92c9458ac2787ffc253","files":[{"content":"{\n  \"title\": \"视觉质检工位终端：源码 reference 场景与交互\",\n  \"originalScenario\": \"在视觉质检工位按检测组采集、冻结、确认或重拍结果，展示叠加标注、服务状态和测量复核，完成后将汇总测量值交回宿主。\",\n  \"usageBoundary\": \"直接阅读真实实现及相关类型作为 reference，再依据当前应用本体参考、组合或改写。源码中的原业务名词、Props、聚合结构、状态枚举和固定文案不自动成为目标本体；组件与页面区域不要求一一对应。能力表仅说明已有界面或回调，不承诺真实业务已接通。\",\n  \"source\": {\n    \"implementation\": \"components/business/industry/vision/src/qcvision-station-terminal.tsx\",\n    \"provenanceStatus\": \"以当前维护源码为核对依据；未另行认定原型来源或完整还原程度\",\n    \"scope\": \"在视觉质检工位按检测组采集、冻结、确认或重拍结果，展示叠加标注、服务状态和测量复核，完成后将汇总测量值交回宿主。\",\n    \"evidence\": [\n      {\n        \"path\": \"components/business/industry/vision/src/qcvision-station-terminal.tsx\",\n        \"symbols\": [\n          \"QcVisionStationTerminal\",\n          \"handleBackfill\",\n          \"markReview\"\n        ]\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/types.ts\",\n        \"symbols\": [\n          \"QcVisionStationTerminalProps\",\n          \"QcVisionDemoAdapter\"\n        ]\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/use-qcvision-station.ts\",\n        \"symbols\": [\n          \"useQcVisionStation\",\n          \"demoAdapter\"\n        ]\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/station-measurements.ts\",\n        \"symbols\": [\n          \"resolveStationMeasurements\"\n        ]\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/qcvision-api-client.ts\",\n        \"symbols\": [\n          \"QcVisionApiClient\",\n          \"buildQcVisionEndpoints\"\n        ]\n      }\n    ]\n  },\n  \"preview\": {\n    \"entry\": \"preview/playground/owned-industry.tsx\",\n    \"status\": \"example\",\n    \"description\": \"本地预览使用示例状态和回调，只用于理解界面；不构成当前业务映射或真实设备、服务验证。\"\n  },\n  \"ontologyAlignment\": {\n    \"authority\": \"当前应用本体的对象、属性、关系、状态、单位与操作为依据；源码本身作为 reference，不能从组件数据模型反推目标本体。\",\n    \"applicability\": \"以下角色仅解释原参考场景，不是待创建的对象清单。按当前本体映射，可拆分、组合、改写或不采用。\",\n    \"objects\": [\n      {\n        \"role\": \"stationSession\",\n        \"meaning\": \"工位采集会话\"\n      },\n      {\n        \"role\": \"sampleContext\",\n        \"meaning\": \"当前受检对象与生产上下文\"\n      },\n      {\n        \"role\": \"measurement\",\n        \"meaning\": \"服务返回的指标测量与人工复核\"\n      },\n      {\n        \"role\": \"capture\",\n        \"meaning\": \"帧及算法结果\"\n      }\n    ],\n    \"relations\": [\n      \"采集会话关联受检上下文\",\n      \"测量关联检测组和采集结果\"\n    ],\n    \"mappingRequired\": [\n      \"核对当前对象、属性及实例的稳定标识与采用版本\",\n      \"核对属性类型、单位、枚举和空值含义\",\n      \"核对关系标识、方向、基数、查询范围和关联键\",\n      \"核对本体操作的输入输出、权限、失败、并发与重复请求语义\",\n      \"确定受控展示状态与真实业务状态的转换，保留未确定部分\"\n    ],\n    \"gapsInOriginalComponent\": [\n      \"不包含相机、量具、算法、语音识别或标定后端；前端连接代码不等于设备已接通\",\n      \"测量使用名称作键并按总长/长度、总宽/宽度回退，重名可能覆盖且不能替代目标属性 ID\",\n      \"无算法值时可回退 item.val，应用须区分旧值、采集失败和新证据\",\n      \"回填回调为 void，没有业务持久化成功确认协议\",\n      \"硬件灯及演示状态不能作为真实在线证据；Catalog 的 onStepChange / onVoiceCorrect 和槽位不是当前 Props\"\n    ]\n  },\n  \"interaction\": {\n    \"summary\": \"视觉质检工位终端\",\n    \"summarySupport\": \"existing\",\n    \"existingCapabilities\": [\n      \"按检测组采集、确认、重拍和完成回填\",\n      \"演示适配器与 live 服务连接模式\",\n      \"帧、算法、会话和语音消息接收代码\",\n      \"叠加图层、侧栏与相机、污点、标定设置界面\",\n      \"总长与总宽的人工复核标记\",\n      \"onBackfill 返回测量字典与复核字典\"\n    ],\n    \"steps\": [\n      {\n        \"id\": \"step-1\",\n        \"support\": \"existing\",\n        \"intent\": \"打开工位并开始采集\",\n        \"effect\": \"isOpen 后 idle 会自动尝试 start；live 使用 HTTP / WebSocket，演示模式依赖 demoAdapter。\"\n      },\n      {\n        \"id\": \"step-2\",\n        \"support\": \"existing\",\n        \"intent\": \"拍摄、确认本组或重拍\",\n        \"effect\": \"capture / confirm / cancel 调用服务或演示适配器；本地记录已确认步骤并推进组。\"\n      },\n      {\n        \"id\": \"step-3\",\n        \"support\": \"existing\",\n        \"intent\": \"复核测量值\",\n        \"effect\": \"markReview 为总长、总宽写入固定复核说明；不是任意指标的手动数值编辑器。\"\n      },\n      {\n        \"id\": \"step-4\",\n        \"support\": \"existing\",\n        \"intent\": \"完成并回填\",\n        \"effect\": \"所有步骤确认后允许 handleBackfill，onBackfill 以指标名称为键回传值和 reviews；随后停止会话并关闭。\"\n      },\n      {\n        \"id\": \"step-5\",\n        \"support\": \"host-extension\",\n        \"intent\": \"写入真实检验记录\",\n        \"effect\": \"回填不是业务提交；宿主必须校验样本、指标稳定键、单位、版本、授权与重复请求。\"\n      }\n    ],\n    \"states\": [\n      \"idle\",\n      \"capturing\",\n      \"inspecting\",\n      \"continuous（会话类型）\",\n      \"done（本地步骤汇总）\",\n      \"busy / error\",\n      \"demo / live\",\n      \"stream connectionState\"\n    ],\n    \"applicationStatesToDesign\": [\n      \"当前查询或操作未绑定时的待接入状态\",\n      \"真实授权、失败恢复与上下文失效处理\",\n      \"目标本体要求而原实现缺少的状态和门禁\"\n    ]\n  },\n  \"adaptation\": {\n    \"preserve\": [\n      \"业务对象语义\",\n      \"原始数据、判定与业务操作的边界\",\n      \"关键交互及其真实源码依据\"\n    ],\n    \"variable\": [\n      \"当前本体映射\",\n      \"属性与关联投影\",\n      \"布局、区域拆合与视觉细节\",\n      \"宿主回调绑定和补充状态\"\n    ],\n    \"exampleOnly\": [\n      \"预览中的实例、计数和固定业务值\",\n      \"演示适配器和本地操作结果\",\n      \"未经当前本体确认的原组件命名和默认文案\"\n    ]\n  },\n  \"pattern\": {\n    \"schemaVersion\": 1,\n    \"readingGuide\": \"先结合当前应用本体阅读业务目的、ASCII 布局和对象角色，判断整体、局部或组合参考价值；再按 sourceReadingOrder 直接读取源码。界面相似不是采用充分条件，没有近乎同名的组件也允许参考其中一部分。\",\n    \"business\": {\n      \"actor\": \"工位操作员或现场检验员\",\n      \"trigger\": \"在选定样本上下文中打开采集终端\",\n      \"goal\": \"在视觉质检工位按检测组采集、冻结、确认或重拍结果，展示叠加标注、服务状态和测量复核，完成后将汇总测量值交回宿主。\",\n      \"workUnit\": \"一个工位会话中的检测组\",\n      \"boundary\": \"直接阅读真实实现及相关类型作为 reference，再依据当前应用本体参考、组合或改写。源码中的原业务名词、Props、聚合结构、状态枚举和固定文案不自动成为目标本体；组件与页面区域不要求一一对应。能力表仅说明已有界面或回调，不承诺真实业务已接通。\"\n    },\n    \"layout\": {\n      \"basis\": \"source-observed\",\n      \"summary\": \"context-and-actions / group-progress / viewport / runtime-sidebar\",\n      \"desktopAscii\": \"+--------------------------------------------------------------------+\\n| 模态终端: 对象/SKU/批次 | 设备灯 / 服务状态                        |\\n| [开始] [抓拍] [确认组] [重拍] [语音] [设置] [回填] [关闭]          |\\n| 检测组步骤条 / 当前步骤                                            |\\n| 语音或服务消息条                                                   |\\n| 主画面: 帧 + 算法叠加 + HUD | 可关闭的实时信息侧栏                 |\\n|                             | 会话/判定/语音/测量/日志             |\\n+--------------------------------------------------------------------+\",\n      \"zones\": [\n        \"context-and-actions\",\n        \"group-progress\",\n        \"viewport\",\n        \"runtime-sidebar\"\n      ],\n      \"narrow\": {\n        \"basis\": \"source-observed\",\n        \"ascii\": \"+--------------------------------------------------------------------+\\n| 上下分行的上下文与操作条                                           |\\n| 步骤条与服务消息                                                   |\\n| 主画面                                                             |\\n| 实时信息侧栏（下移，可关闭）                                       |\\n+--------------------------------------------------------------------+\",\n        \"description\": \"按源码已有规则概括；图中附加建议仍待实现，未做本轮浏览器响应式验收。\"\n      },\n      \"evidencePaths\": [\n        \"components/business/industry/vision/src/qcvision-station-terminal.tsx\",\n        \"components/business/industry/vision/src/qcvision-station.css\",\n        \"components/business/industry/vision/src/qcvision-station-responsive.css\"\n      ],\n      \"interpretation\": \"ASCII 概括实际分区与信息顺序，不固定尺寸、数据量、字段或页面区域；问号表示可选入口，括号注明条件。\"\n    },\n    \"objectRequirements\": {\n      \"interpretation\": \"以下是原范式所需的业务信息角色，不是目标本体对象表或必建清单。当前应用本体决定对象、关系、属性、单位、版本及操作；展示聚合可由现有多个对象投影而来。\",\n      \"core\": [\n        {\n          \"role\": \"stationSession\",\n          \"meaning\": \"工位采集会话\",\n          \"information\": \"会话状态、采集/确认能力和错误\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        },\n        {\n          \"role\": \"measurement\",\n          \"meaning\": \"服务返回的指标测量与人工复核\",\n          \"information\": \"检测组指标、测量值与复核记录\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        },\n        {\n          \"role\": \"sampleContext\",\n          \"meaning\": \"当前受检对象与生产上下文\",\n          \"information\": \"本次测量所属的受检上下文\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        }\n      ],\n      \"supporting\": [\n        {\n          \"role\": \"capture\",\n          \"meaning\": \"帧及算法结果\",\n          \"requirementScope\": \"按当前任务需要决定是否采用；不自动新建同名对象。\"\n        }\n      ],\n      \"relations\": [\n        \"采集会话关联受检上下文\",\n        \"测量关联检测组和采集结果\"\n      ],\n      \"presentationOnly\": [\n        \"context-and-actions\",\n        \"group-progress\",\n        \"viewport\",\n        \"runtime-sidebar\",\n        \"currentStepIndex、confirmedSteps、reviews、sideOpen、settingsDialog、logs\"\n      ],\n      \"mappingQuestions\": [\n        \"工位会话与当前受检上下文\",\n        \"帧与算法结果对应关系\",\n        \"指标稳定键、单位、版本和采集来源\"\n      ]\n    },\n    \"dataProjection\": {\n      \"inputs\": [\n        \"pipelineGroups、hardwareLamps、production 和连接配置\",\n        \"服务帧、算法结果、会话状态、语音消息；或显式 demoAdapter\"\n      ],\n      \"derived\": [\n        \"当前检测组、确认组数和本轮完成标记\",\n        \"currentResultValues：当前组算法值投影；最终回填由累计缓存与原输入合成\",\n        \"画面宽高比\"\n      ],\n      \"localUiState\": [\n        \"currentStepIndex、confirmedSteps、measuredValues（跨组确认值缓存）、reviews、sideOpen、settingsDialog、logs\"\n      ],\n      \"outputs\": [\n        \"onBackfill(results, reviews)\",\n        \"onClose；live 服务会话及配置请求\"\n      ],\n      \"scope\": \"仅解释当前源码的数据流；查询、持久化及授权均须按当前本体操作另行核对，空数组不等于未知业务计数。\"\n    },\n    \"interactionFlow\": {\n      \"ascii\": \"打开 -> 尝试开始会话 -> 抓拍 -> 等待算法结果\\n确认当前组 -> 缓存值并推进；重拍 -> 丢弃当前结果\\n全部组确认 -> onBackfill -> 宿主处理业务写入\",\n      \"existingStates\": [\n        \"idle\",\n        \"capturing\",\n        \"inspecting\",\n        \"continuous（会话类型）\",\n        \"done（本地步骤汇总）\",\n        \"busy / error\",\n        \"demo / live\",\n        \"stream connectionState\"\n      ],\n      \"hostResponsibilities\": [\n        \"回填不是业务提交；宿主必须校验样本、指标稳定键、单位、版本、授权与重复请求。\"\n      ],\n      \"stateDistinction\": \"界面选择、展开、忙态不自动等于业务状态迁移；回调已触发不证明写入成功。静态展示项没有输出命令。\"\n    },\n    \"composition\": {\n      \"parts\": [\n        \"实时画面与运行信息分栏\",\n        \"逐检测组确认与重拍\",\n        \"采集结果和复核信息分离\"\n      ],\n      \"with\": [\n        {\n          \"assetId\": \"industry.vision-stream-viewport\",\n          \"support\": \"source-composed\",\n          \"coordination\": \"源码实际嵌入帧与叠加视口；终端管理采集，视口只负责画面。\"\n        },\n        {\n          \"assetId\": \"industry.first-piece-inspection-workbench\",\n          \"support\": \"adaptation-proposal\",\n          \"coordination\": \"由宿主协调弹窗与当前样本；回填字典再映射为当前本体测量明细。\"\n        }\n      ],\n      \"sharedContext\": [\n        \"工位会话与当前受检上下文\",\n        \"帧与算法结果对应关系\",\n        \"指标稳定键、单位、版本和采集来源\"\n      ],\n      \"coordination\": \"source-composed 表示可在实际源码中定位的父子采用关系（可能由对方作为父组件）；adaptation-proposal 是可选组合建议，尚无自动接线。由页面协调器按当前本体传递稳定上下文、数据与动作。\"\n    },\n    \"reuse\": {\n      \"wholeWhen\": [\n        \"已有匹配的 QCVision 服务协议或显式演示适配器，目标确实需要逐组采集、复核和回填。\",\n        \"仍须核对真实 Props、必需回调、metadata.selection 的采用/排除条件、版本和依赖；参考价值不代表 CLI 可安装。\"\n      ],\n      \"parts\": [\n        \"实时画面与运行信息分栏\",\n        \"逐检测组确认与重拍\",\n        \"采集结果和复核信息分离\"\n      ],\n      \"adaptWhen\": [\n        \"其他采集服务可参考主画面侧栏和步骤确认，但需要改写协议适配、名称键回填及会话控制。\"\n      ],\n      \"avoidWhen\": [\n        \"仅需手工表单，或要求前端本身提供算法/量具驱动时不适合整体采用。\"\n      ],\n      \"decision\": \"先说明哪些业务语义和信息组织相近，再列采用部分、改写部分、缺口和源码依据；最终可复用/需组合/无匹配由 AI 对照当前合同判断，不由名称或相似度阈值直接决定。\"\n    },\n    \"sourceReadingOrder\": [\n      {\n        \"path\": \"components/business/industry/vision/src/qcvision-station-terminal.tsx\",\n        \"symbols\": [],\n        \"purpose\": \"先看真实渲染分区、受控输入和事件出口，与 ASCII 对照；不要从图示推断额外能力。\"\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/types.ts\",\n        \"symbols\": [\n          \"QcVisionStationTerminalProps\",\n          \"QcVisionDemoAdapter\"\n        ],\n        \"purpose\": \"核对真实类型、回调、数据处理及边界。\"\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/use-qcvision-station.ts\",\n        \"symbols\": [\n          \"useQcVisionStation\",\n          \"demoAdapter\"\n        ],\n        \"purpose\": \"核对真实类型、回调、数据处理及边界。\"\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/station-measurements.ts\",\n        \"symbols\": [\n          \"resolveStationMeasurements\"\n        ],\n        \"purpose\": \"核对真实类型、回调、数据处理及边界。\"\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/qcvision-api-client.ts\",\n        \"symbols\": [\n          \"QcVisionApiClient\",\n          \"buildQcVisionEndpoints\"\n        ],\n        \"purpose\": \"核对真实类型、回调、数据处理及边界。\"\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/qcvision-station.css\",\n        \"symbols\": [\n          \".qcb-main\",\n          \".qcb-side\"\n        ],\n        \"purpose\": \"主画面与侧栏布局\"\n      },\n      {\n        \"path\": \"components/business/industry/vision/src/qcvision-station-responsive.css\",\n        \"symbols\": [\n          \"@media\"\n        ],\n        \"purpose\": \"实际窄屏重排规则\"\n      }\n    ]\n  }\n}\n","path":"references/metaform/components/business/industry/vision/src/qcvision-station-terminal.reference.json","target":"~/references/metaform/components/business/industry/vision/src/qcvision-station-terminal.reference.json","type":"registry:file"}],"meta":{"assetId":"resource.file.846b19f7b160f92c9458ac2787ffc253","contractRef":"components/business/industry/vision/src/qcvision-station-terminal.reference.json","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-846b19f7b160f92c9458ac2787ffc253","registryDependencies":[],"title":"resource.file.846b19f7b160f92c9458ac2787ffc253","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-855cd96281bba53054b204d466e73c11.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.855cd96281bba53054b204d466e73c11","files":[{"content":"// Tremor Select [v1.0.0]\n\nimport React from \"react\"\nimport * as SelectPrimitives from \"@radix-ui/react-select\"\nimport {\n  RiArrowDownSLine,\n  RiArrowUpSLine,\n  RiCheckLine,\n  RiExpandUpDownLine,\n} from \"@remixicon/react\"\n\nimport { cx } from \"../../utils/cx\"\nimport { focusInput } from \"../../utils/focusInput\"\nimport { hasErrorInput } from \"../../utils/hasErrorInput\"\n\nconst Select = SelectPrimitives.Root\nSelect.displayName = \"Select\"\n\nconst SelectGroup = SelectPrimitives.Group\nSelectGroup.displayName = \"SelectGroup\"\n\nconst SelectValue = SelectPrimitives.Value\nSelectValue.displayName = \"SelectValue\"\n\nconst selectTriggerStyles = [\n  cx(\n    // base\n    \"group/trigger flex w-full select-none items-center justify-between gap-2 truncate rounded-md border px-3 py-2 shadow-xs outline-hidden transition sm:text-sm\",\n    // border color\n    \"border-gray-300 dark:border-gray-800\",\n    // text color\n    \"text-gray-900 dark:text-gray-50\",\n    // placeholder\n    \"data-placeholder:text-gray-500 dark:data-placeholder:text-gray-500\",\n    // background color\n    \"bg-white dark:bg-gray-950\",\n    // hover\n    \"hover:bg-gray-50 dark:hover:bg-gray-950/50\",\n    // disabled\n    \"data-disabled:bg-gray-100 data-disabled:text-gray-400\",\n    \"dark:data-disabled:border-gray-700 dark:data-disabled:bg-gray-800 dark:data-disabled:text-gray-500\",\n    focusInput,\n    // invalid (optional)\n    // \"dark:aria-invalid:ring-red-400/20 aria-invalid:ring-2 aria-invalid:ring-red-200 aria-invalid:border-red-500 invalid:ring-2 invalid:ring-red-200 invalid:border-red-500\"\n  ),\n]\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitives.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitives.Trigger> & {\n    hasError?: boolean\n  }\n>(({ className, hasError, children, ...props }, forwardedRef) => {\n  return (\n    <SelectPrimitives.Trigger\n      ref={forwardedRef}\n      className={cx(\n        selectTriggerStyles,\n        hasError ? hasErrorInput : \"\",\n        className,\n      )}\n      tremor-id=\"tremor-raw\"\n      {...props}\n    >\n      <span className=\"truncate\">{children}</span>\n      <SelectPrimitives.Icon asChild>\n        <RiExpandUpDownLine\n          className={cx(\n            // base\n            \"size-4 shrink-0\",\n            // text color\n            \"text-gray-400 dark:text-gray-600\",\n            // disabled\n            \"group-data-disabled/trigger:text-gray-300 dark:group-data-disabled/trigger:text-gray-600\",\n          )}\n        />\n      </SelectPrimitives.Icon>\n    </SelectPrimitives.Trigger>\n  )\n})\n\nSelectTrigger.displayName = \"SelectTrigger\"\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitives.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitives.ScrollUpButton>\n>(({ className, ...props }, forwardedRef) => (\n  <SelectPrimitives.ScrollUpButton\n    ref={forwardedRef}\n    className={cx(\n      \"flex cursor-default items-center justify-center py-1\",\n      className,\n    )}\n    {...props}\n  >\n    <RiArrowUpSLine className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n  </SelectPrimitives.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitives.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitives.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitives.ScrollDownButton>\n>(({ className, ...props }, forwardedRef) => (\n  <SelectPrimitives.ScrollDownButton\n    ref={forwardedRef}\n    className={cx(\n      \"flex cursor-default items-center justify-center py-1\",\n      className,\n    )}\n    {...props}\n  >\n    <RiArrowDownSLine className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n  </SelectPrimitives.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitives.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitives.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitives.Content>\n>(\n  (\n    {\n      className,\n      position = \"popper\",\n      children,\n      sideOffset = 8,\n      collisionPadding = 10,\n      ...props\n    },\n    forwardedRef,\n  ) => (\n    <SelectPrimitives.Portal>\n      <SelectPrimitives.Content\n        ref={forwardedRef}\n        className={cx(\n          // base\n          \"relative z-50 overflow-hidden rounded-md border shadow-xl shadow-black/[2.5%]\",\n          // widths\n          \"min-w-[calc(var(--radix-select-trigger-width)-2px)] max-w-[95vw]\",\n          // heights\n          \"max-h-(--radix-select-content-available-height)\",\n          // background color\n          \"bg-white dark:bg-gray-950\",\n          // text color\n          \"text-gray-900 dark:text-gray-50\",\n          // border color\n          \"border-gray-200 dark:border-gray-800\",\n          // transition\n          \"will-change-[transform,opacity]\",\n          // \"data-[state=open]:animate-slide-down-and-fade\",\n          \"data-[state=closed]:animate-hide\",\n          \"data-[side=bottom]:animate-slide-down-and-fade data-[side=left]:animate-slide-left-and-fade data-[side=right]:animate-slide-right-and-fade data-[side=top]:animate-slide-up-and-fade\",\n          className,\n        )}\n        sideOffset={sideOffset}\n        position={position}\n        collisionPadding={collisionPadding}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitives.Viewport\n          className={cx(\n            \"p-1\",\n            position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[calc(var(--radix-select-trigger-width))]\",\n          )}\n        >\n          {children}\n        </SelectPrimitives.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitives.Content>\n    </SelectPrimitives.Portal>\n  ),\n)\n\nSelectContent.displayName = \"SelectContent\"\n\nconst SelectGroupLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitives.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitives.Label>\n>(({ className, ...props }, forwardedRef) => (\n  <SelectPrimitives.Label\n    ref={forwardedRef}\n    className={cx(\n      // base\n      \"px-3 py-2 text-xs font-medium tracking-wide\",\n      // text color\n      \"text-gray-500 dark:text-gray-500\",\n      className,\n    )}\n    {...props}\n  />\n))\n\nSelectGroupLabel.displayName = \"SelectGroupLabel\"\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitives.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitives.Item>\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <SelectPrimitives.Item\n      ref={forwardedRef}\n      className={cx(\n        // base\n        \"grid cursor-pointer grid-cols-[1fr_20px] gap-x-2 rounded-sm px-3 py-2 outline-hidden transition-colors data-[state=checked]:font-semibold sm:text-sm\",\n        // text color\n        \"text-gray-900 dark:text-gray-50\",\n        // disabled\n        \"data-disabled:pointer-events-none data-disabled:text-gray-400 data-disabled:hover:bg-none dark:data-disabled:text-gray-600\",\n        // focus\n        \"focus-visible:bg-gray-100 dark:focus-visible:bg-gray-900\",\n        // hover\n        \"hover:bg-gray-100 dark:hover:bg-gray-900\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitives.ItemText className=\"flex-1 truncate\">\n        {children}\n      </SelectPrimitives.ItemText>\n      <SelectPrimitives.ItemIndicator>\n        <RiCheckLine\n          className=\"size-5 shrink-0 text-gray-800 dark:text-gray-200\"\n          aria-hidden=\"true\"\n        />\n      </SelectPrimitives.ItemIndicator>\n    </SelectPrimitives.Item>\n  )\n})\n\nSelectItem.displayName = \"SelectItem\"\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitives.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitives.Separator>\n>(({ className, ...props }, forwardedRef) => (\n  <SelectPrimitives.Separator\n    ref={forwardedRef}\n    className={cx(\n      // base\n      \"-mx-1 my-1 h-px\",\n      // background color\n      \"bg-gray-300 dark:bg-gray-700\",\n      className,\n    )}\n    {...props}\n  />\n))\n\nSelectSeparator.displayName = \"SelectSeparator\"\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectGroupLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n","path":"src/components/vendor/tremor/components/Select/Select.tsx","target":"~/src/components/vendor/tremor/components/Select/Select.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.855cd96281bba53054b204d466e73c11","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/Select/Select.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-855cd96281bba53054b204d466e73c11","registryDependencies":[],"title":"resource.file.855cd96281bba53054b204d466e73c11","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-85fe1c99aaca942b17cac401e3a35dab.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.85fe1c99aaca942b17cac401e3a35dab","files":[{"content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\nimport { Slot } from \"radix-ui\"\n\nconst 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  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof markerVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot.Root : \"div\"\n\n  return (\n    <Comp\n      data-slot=\"marker\"\n      data-variant={variant}\n      className={cn(markerVariants({ variant, className }))}\n      {...props}\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/radix/ui/marker.tsx","target":"~/src/components/vendor/shadcn/radix/ui/marker.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.85fe1c99aaca942b17cac401e3a35dab","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/marker.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-85fe1c99aaca942b17cac401e3a35dab","registryDependencies":[],"title":"resource.file.85fe1c99aaca942b17cac401e3a35dab","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-86701544d23d231dec42468e114d446d.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.86701544d23d231dec42468e114d446d","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { LabelList, RadialBar, RadialBarChart } 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 radial chart with a label\"\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 ChartRadialLabel() {\n  return (\n    <Card className=\"flex flex-col\">\n      <CardHeader className=\"items-center pb-0\">\n        <CardTitle>Radial Chart - Label</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          <RadialBarChart\n            data={chartData}\n            startAngle={-90}\n            endAngle={380}\n            innerRadius={30}\n            outerRadius={110}\n          >\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent hideLabel nameKey=\"browser\" />}\n            />\n            <RadialBar dataKey=\"visitors\" background>\n              <LabelList\n                position=\"insideStart\"\n                dataKey=\"browser\"\n                className=\"fill-white capitalize mix-blend-luminosity\"\n                fontSize={11}\n              />\n            </RadialBar>\n          </RadialBarChart>\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-radial-label.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-radial-label.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.86701544d23d231dec42468e114d446d","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-radial-label.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-86701544d23d231dec42468e114d446d","registryDependencies":[],"title":"resource.file.86701544d23d231dec42468e114d446d","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-87da11560bbc726c6ea363b6b581c47a.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.87da11560bbc726c6ea363b6b581c47a","files":[{"content":"import type { ReactNode } from 'react';\n\nimport { Info, PackageCheck } from 'lucide-react';\n\nimport { Badge } from '@metaform/design-system/components/ui/badge';\nimport { cn } from '@metaform/design-system/lib/utils';\n\nimport type { BatchSamplingPlan, ShiftSamplingAllocation } from './inspection-plan-types';\n\nexport interface SampleProgressData {\n  required: number;\n  inspected: number;\n  passed: number;\n  failed: number;\n  acceptanceNumber: number;\n  passRateThreshold: number;\n}\n\nexport interface SamplingPlanProps {\n  plan: BatchSamplingPlan;\n  batchId?: string;\n  quantity?: number;\n  currentShiftId?: string;\n  inspectionItemCount?: number;\n  intensified?: boolean;\n  sampleProgress?: SampleProgressData;\n}\n\nconst factBadgeClass = 'rounded-md px-2 py-0.5 text-xs font-normal tabular-nums border';\n\nexport function SamplingPlan({\n  plan,\n  batchId,\n  quantity,\n  currentShiftId,\n  inspectionItemCount,\n  intensified,\n  sampleProgress,\n}: SamplingPlanProps) {\n  const currentShift = plan.shifts.find((shift) => shift.id === currentShiftId);\n\n  return (\n    <section\n      className=\"rounded-lg bg-muted/40 p-3 text-xs\"\n      data-asset=\"quality.sampling-plan\"\n      aria-label={batchId ? `${batchId} 抽检方案` : '抽检方案'}\n    >\n      <div className=\"flex flex-wrap items-baseline justify-between gap-2\">\n        <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n          <span className=\"font-semibold text-foreground\">\n            抽检方案{batchId ? ` · 所属批次 ${batchId}` : ''}\n          </span>\n          {quantity !== undefined && (\n            <span className=\"text-xs text-muted-foreground tabular-nums\">\n              ({quantity.toLocaleString()} 片{intensified ? ' · 首批' : ''} · 排班{' '}\n              {plan.shifts.length} 班)\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-1.5 text-xs\">\n          {currentShift && (\n            <Badge\n              variant=\"outline\"\n              className={cn(\n                factBadgeClass,\n                'border-brand/30 bg-brand-soft/60 text-brand font-medium',\n              )}\n            >\n              <span>{currentShift.name}抽 </span>\n              <strong className=\"font-semibold text-brand\">{currentShift.sampleSize} 片</strong>\n            </Badge>\n          )}\n          <Badge\n            variant=\"outline\"\n            className={cn(factBadgeClass, 'border-border/60 bg-card text-foreground')}\n          >\n            <span>批次共 </span>\n            <strong className=\"font-semibold text-foreground\">{plan.batchSampleSize} 片</strong>\n          </Badge>\n          <Badge variant=\"warning\" className={cn(factBadgeClass, 'border-warning/20')}>\n            <span>合格率 ≥ </span>\n            <strong className=\"font-semibold\">{plan.passRateThreshold}%</strong>\n          </Badge>\n          <Badge variant=\"danger\" className={cn(factBadgeClass, 'border-danger/20')}>\n            <span>关键项 </span>\n            <strong className=\"font-semibold\">Ac {plan.criticalAcceptanceNumber}</strong>\n          </Badge>\n          <Badge\n            variant=\"outline\"\n            className={cn(factBadgeClass, 'border-border/60 bg-card text-foreground')}\n          >\n            <span>主要项 </span>\n            <strong className=\"font-semibold\">\n              Ac {plan.acceptanceNumber} / Re {plan.rejectionNumber}\n            </strong>\n          </Badge>\n          {inspectionItemCount !== undefined && (\n            <Badge\n              variant=\"outline\"\n              className={cn(factBadgeClass, 'border-border/60 bg-card text-foreground')}\n            >\n              <span>检测 </span>\n              <strong className=\"font-semibold text-foreground\">{inspectionItemCount} 项</strong>\n            </Badge>\n          )}\n          {intensified && (\n            <Badge\n              variant=\"outline\"\n              className={cn(\n                factBadgeClass,\n                'border-brand/30 bg-brand-soft/60 text-brand font-semibold',\n              )}\n            >\n              首批加严\n            </Badge>\n          )}\n        </div>\n      </div>\n\n      <div className=\"mt-2.5 space-y-1\">\n        <div\n          className=\"hidden items-center gap-2 px-3 py-1 text-[11px] font-medium text-muted-foreground md:grid md:grid-cols-[minmax(6.5rem,1.2fr)_minmax(6.5rem,1.2fr)_minmax(5.5rem,1fr)_minmax(5rem,1fr)_minmax(4rem,0.8fr)_minmax(7rem,1.5fr)]\"\n          aria-hidden=\"true\"\n        >\n          <div>班次</div>\n          <div>时间</div>\n          <div>该班产量</div>\n          <div>本班抽检</div>\n          <div>点位</div>\n          <div className=\"text-right\">每点抽样</div>\n        </div>\n        <div className=\"space-y-1\">\n          {plan.shifts.map((shift) => {\n            const current = shift.id === currentShiftId;\n            return <ShiftRow key={shift.id} shift={shift} current={current} />;\n          })}\n        </div>\n      </div>\n\n      <div className=\"mt-2.5 flex items-start gap-1.5 border-t border-border/40 pt-2 text-xs leading-relaxed text-muted-foreground\">\n        <Info className=\"mt-0.5 size-3.5 shrink-0 text-muted-foreground/70\" aria-hidden=\"true\" />\n        <p>\n          批次内分布：前段{' '}\n          <strong className=\"font-semibold text-foreground\">{plan.pointDistribution.front}</strong>{' '}\n          / 中段{' '}\n          <strong className=\"font-semibold text-foreground\">{plan.pointDistribution.middle}</strong>{' '}\n          / 末段{' '}\n          <strong className=\"font-semibold text-foreground\">{plan.pointDistribution.tail}</strong>{' '}\n          片 · <span className=\"text-foreground/80\">关键项检出 1 片即判不合格</span>\n        </p>\n      </div>\n\n      {sampleProgress && <SamplingProgress progress={sampleProgress} />}\n    </section>\n  );\n}\n\nfunction ShiftRow({ shift, current }: { shift: ShiftSamplingAllocation; current: boolean }) {\n  return (\n    <div\n      className={cn(\n        'grid grid-cols-2 gap-x-3 gap-y-1.5 rounded-md bg-card/90 px-3 py-1.5 text-xs tabular-nums transition-colors',\n        'sm:grid-cols-3',\n        'md:grid-cols-[minmax(6.5rem,1.2fr)_minmax(6.5rem,1.2fr)_minmax(5.5rem,1fr)_minmax(5rem,1fr)_minmax(4rem,0.8fr)_minmax(7rem,1.5fr)] md:items-center md:gap-2',\n        current ? 'border border-brand/30 bg-brand-soft/30' : 'border border-border/40',\n      )}\n    >\n      <div className=\"col-span-2 flex min-w-0 items-center gap-1.5 font-medium text-foreground sm:col-span-3 md:col-span-1\">\n        <span className=\"truncate\">{shift.name}</span>\n        {current && (\n          <span className=\"inline-flex shrink-0 items-center rounded bg-brand px-1.5 py-0.5 text-[10px] font-medium leading-none text-primary-foreground\">\n            我的班次\n          </span>\n        )}\n      </div>\n      <ShiftValue label=\"时间\" muted>\n        {shift.timeRange}\n      </ShiftValue>\n      <ShiftValue label=\"产量\" muted>\n        {shift.quantity.toLocaleString()} 片\n      </ShiftValue>\n      <ShiftValue label=\"抽检\" className=\"font-semibold text-brand\">\n        {shift.sampleSize} 片\n      </ShiftValue>\n      <ShiftValue label=\"点位\" muted>\n        {shift.pointCount} 点\n      </ShiftValue>\n      <ShiftValue\n        label=\"每点抽样\"\n        className=\"col-span-2 text-foreground sm:col-span-3 md:col-span-1 md:text-right\"\n      >\n        {shift.perPoint.join(' / ')}\n      </ShiftValue>\n    </div>\n  );\n}\n\nfunction ShiftValue({\n  label,\n  className,\n  muted = false,\n  children,\n}: {\n  label: string;\n  className?: string;\n  muted?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <div className={cn('min-w-0 truncate', muted && 'text-muted-foreground', className)}>\n      <span className=\"mr-1.5 text-muted-foreground md:hidden\">{label}</span>\n      <span>{children}</span>\n    </div>\n  );\n}\n\nexport function SamplingProgress({ progress }: { progress: SampleProgressData }) {\n  const { required, inspected, passed, failed, acceptanceNumber, passRateThreshold } = progress;\n\n  const waiting = Math.max(0, required - inspected);\n  const inspectedPct = required > 0 ? Math.round((inspected / required) * 100) : 0;\n  const passRate = inspected > 0 ? Math.round((passed / inspected) * 1000) / 10 : 0;\n  const isFull = inspected >= required;\n\n  // Verdict evaluation\n  const isRejectedByFailed = failed > acceptanceNumber;\n  const isRejectedByRate = passRate < passRateThreshold;\n  const isFailed = isFull && (isRejectedByFailed || isRejectedByRate);\n  const isPassed = isFull && !isFailed;\n\n  let verdictTone: 'success' | 'danger' | 'warning' = 'warning';\n  let verdictText = `检测进行中：已检 ${inspected}/${required} 片`;\n\n  if (isPassed) {\n    verdictTone = 'success';\n    verdictText = `✓ 抽样达标：不合格 ${failed} 片 ≤ Ac ${acceptanceNumber}，合格率 ${passRate}% ≥ ${passRateThreshold}%`;\n  } else if (isFailed) {\n    verdictTone = 'danger';\n    if (isRejectedByFailed) {\n      verdictText = `✕ 不合格 ${failed} 片 > Ac ${acceptanceNumber}，整批拒收`;\n    } else {\n      verdictText = `✕ 合格率 ${passRate}% < 门槛 ${passRateThreshold}%，整批拒收`;\n    }\n  }\n\n  // Generate sample units array (up to max 125 units to prevent layout blowout)\n  const unitCount = Math.min(required, 125);\n  const units = Array.from({ length: unitCount }, (_, i) => {\n    if (i < inspected) {\n      return { id: i + 1, status: i < failed ? 'failed' : 'passed' } as const;\n    }\n    return { id: i + 1, status: 'waiting' } as const;\n  });\n\n  return (\n    <div\n      className=\"mt-3.5 border-t border-dashed border-border/80 pt-3\"\n      data-asset=\"quality.sampling-progress\"\n    >\n      <div className=\"flex items-center gap-1.5 text-xs font-semibold text-foreground\">\n        <PackageCheck className=\"size-4 shrink-0 text-brand\" aria-hidden=\"true\" />\n        <span>抽样执行进度（本班）</span>\n      </div>\n\n      {/* 绿/红比例柱状条 */}\n      <div className=\"mt-2.5 flex h-2 w-full overflow-hidden rounded-full bg-muted\">\n        <div\n          className=\"h-full bg-success transition-all duration-300\"\n          style={{ width: `${(passed / Math.max(required, 1)) * 100}%` }}\n        />\n        <div\n          className=\"h-full bg-danger transition-all duration-300\"\n          style={{ width: `${(failed / Math.max(required, 1)) * 100}%` }}\n        />\n      </div>\n\n      {/* 颗粒方块阵列 */}\n      <div className=\"mt-2.5 flex flex-wrap gap-1\">\n        {units.map(({ id, status }) => (\n          <span\n            key={id}\n            className={cn(\n              'size-2.5 shrink-0 rounded-xs border transition-colors',\n              status === 'passed' && 'border-success bg-success',\n              status === 'failed' && 'border-danger bg-danger',\n              status === 'waiting' && 'border-border/60 bg-muted/60',\n            )}\n            title={`第 ${id} 片: ${\n              status === 'passed' ? '合格' : status === 'failed' ? '不合格' : '待检'\n            }`}\n          />\n        ))}\n      </div>\n\n      {/* 数据指标汇总行 */}\n      <div className=\"mt-2.5 flex flex-wrap items-center gap-x-3.5 gap-y-1 text-xs text-muted-foreground tabular-nums\">\n        <span>\n          应抽 <strong className=\"font-semibold text-foreground\">{required}</strong> 片\n        </span>\n        <span>\n          已检 <strong className=\"font-semibold text-foreground\">{inspected}</strong> 片 (\n          {inspectedPct}%)\n        </span>\n        <span>\n          合格 <strong className=\"font-semibold text-success\">{passed}</strong>\n        </span>\n        <span>\n          不合格{' '}\n          <strong className={cn('font-semibold', failed > 0 ? 'text-danger' : 'text-foreground')}>\n            {failed}\n          </strong>\n        </span>\n        <span>\n          待检 <strong className=\"font-semibold text-foreground\">{waiting}</strong>\n        </span>\n        <span>\n          合格率 <strong className=\"font-semibold text-foreground\">{passRate}%</strong> (门槛 ≥\n          {passRateThreshold}%)\n        </span>\n        <span>\n          主要项{' '}\n          <strong className=\"font-semibold text-foreground\">\n            Ac {acceptanceNumber} / Re {acceptanceNumber + 1}\n          </strong>\n        </span>\n      </div>\n\n      {/* 判定结论条 */}\n      <div\n        className={cn(\n          'mt-2.5 flex items-center gap-2 rounded-md border px-3 py-2 text-xs font-semibold',\n          verdictTone === 'success' &&\n            'border-success/30 bg-success-soft/70 text-success-foreground',\n          verdictTone === 'danger' && 'border-danger/30 bg-danger-soft/70 text-danger-foreground',\n          verdictTone === 'warning' &&\n            'border-warning/30 bg-warning-soft/70 text-warning-foreground',\n        )}\n      >\n        <span>{verdictText}</span>\n      </div>\n    </div>\n  );\n}\n","path":"references/metaform/components/business/quality/src/sampling-plan.tsx","target":"~/references/metaform/components/business/quality/src/sampling-plan.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.87da11560bbc726c6ea363b6b581c47a","contractRef":"components/business/quality/src/sampling-plan.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-87da11560bbc726c6ea363b6b581c47a","registryDependencies":[],"title":"resource.file.87da11560bbc726c6ea363b6b581c47a","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-889746cb16eda2dec7800b4c07b65f1f.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.889746cb16eda2dec7800b4c07b65f1f","files":[{"content":"{\n  \"title\": \"缺陷批次追溯：源码 reference 场景与交互\",\n  \"originalScenario\": \"从缺陷批次查询结果进入批次档案，联合查看生产、原料、工艺、人员、设备、质量证据和历史追溯记录。\",\n  \"usageBoundary\": \"直接阅读真实实现及相关类型作为 reference，再依据当前应用本体参考、组合或改写。源码中的原业务名词、Props、聚合结构、状态枚举和固定文案不自动成为目标本体；组件与页面区域不要求一一对应。能力表仅说明已有界面或回调，不承诺真实业务已接通。\",\n  \"source\": {\n    \"implementation\": \"components/business/quality/src/batch-trace/batch-trace-workspace.tsx\",\n    \"provenanceStatus\": \"以当前维护源码为核对依据；未另行认定原型来源或完整还原程度\",\n    \"scope\": \"从缺陷批次查询结果进入批次档案，联合查看生产、原料、工艺、人员、设备、质量证据和历史追溯记录。\",\n    \"evidence\": [\n      {\n        \"path\": \"components/business/quality/src/batch-trace/batch-trace-workspace.tsx\",\n        \"symbols\": [\n          \"BatchTraceWorkspace\",\n          \"historyCategory\",\n          \"openInspectionRecord\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/batch-trace/batch-trace-types.ts\",\n        \"symbols\": [\n          \"BatchTraceWorkspaceModel\",\n          \"BatchTraceWorkspaceCommands\"\n        ]\n      }\n    ]\n  },\n  \"preview\": {\n    \"entry\": \"preview/playground/owned-quality.tsx\",\n    \"status\": \"example\",\n    \"description\": \"本地预览使用示例状态和回调，只用于理解界面；不构成当前业务映射或真实设备、服务验证。\"\n  },\n  \"ontologyAlignment\": {\n    \"authority\": \"当前应用本体的对象、属性、关系、状态、单位与操作为依据；源码本身作为 reference，不能从组件数据模型反推目标本体。\",\n    \"applicability\": \"以下角色仅解释原参考场景，不是待创建的对象清单。按当前本体映射，可拆分、组合、改写或不采用。\",\n    \"objects\": [\n      {\n        \"role\": \"batch\",\n        \"meaning\": \"追溯中心批次\"\n      },\n      {\n        \"role\": \"traceLink\",\n        \"meaning\": \"与批次有关的生产和上游记录\"\n      },\n      {\n        \"role\": \"evidence\",\n        \"meaning\": \"检测证据与追溯结论\"\n      }\n    ],\n    \"relations\": [\n      \"批次关联上游记录\",\n      \"批次关联检测记录与历史追溯\"\n    ],\n    \"mappingRequired\": [\n      \"核对当前对象、属性及实例的稳定标识与采用版本\",\n      \"核对属性类型、单位、枚举和空值含义\",\n      \"核对关系标识、方向、基数、查询范围和关联键\",\n      \"核对本体操作的输入输出、权限、失败、并发与重复请求语义\",\n      \"确定受控展示状态与真实业务状态的转换，保留未确定部分\"\n    ],\n    \"gapsInOriginalComponent\": [\n      \"缺陷分类、片数单位和阶段四文案固定，需核对当前业务\",\n      \"各分区为展示用 cells 元组，不是本体表结构或关系查询引擎\",\n      \"结论由宿主提供，不会自动根因分析\"\n    ]\n  },\n  \"interaction\": {\n    \"summary\": \"缺陷批次追溯\",\n    \"summarySupport\": \"existing\",\n    \"existingCapabilities\": [\n      \"受控关键词查询与缺陷分类回调\",\n      \"查询结果进入详情和返回列表回调\",\n      \"生产主数据与六类关联分区展示\",\n      \"详情内历史缺陷分类本地筛选\",\n      \"加载、空、失败与无权查看状态展示及重试回调\"\n    ],\n    \"steps\": [\n      {\n        \"id\": \"step-1\",\n        \"support\": \"existing\",\n        \"intent\": \"查询缺陷批次\",\n        \"effect\": \"setQueryText、setDefectCategory、search 交给宿主查询；组件不推导企业关联。\"\n      },\n      {\n        \"id\": \"step-2\",\n        \"support\": \"existing\",\n        \"intent\": \"进入批次档案并返回结果\",\n        \"effect\": \"openBatch / closeDetail 控制详情；详情由 selectedDetail 提供。\"\n      },\n      {\n        \"id\": \"step-3\",\n        \"support\": \"existing\",\n        \"intent\": \"筛选历史追溯记录\",\n        \"effect\": \"historyCategory 在组件内过滤当前详情的 history；不发起新查询。\"\n      },\n      {\n        \"id\": \"step-4\",\n        \"support\": \"existing\",\n        \"intent\": \"打开关联检测记录\",\n        \"effect\": \"openInspectionRecord 传递 taskId，由宿主定位实际记录。\"\n      },\n      {\n        \"id\": \"step-5\",\n        \"support\": \"host-extension\",\n        \"intent\": \"导出或处置批次\",\n        \"effect\": \"源码没有导出、审批或隔离写操作；需要当前本体对应操作和权限。\"\n      }\n    ],\n    \"states\": [\n      \"loading\",\n      \"ready\",\n      \"empty\",\n      \"error\",\n      \"forbidden\",\n      \"detailOpen\",\n      \"历史分类选择\"\n    ],\n    \"applicationStatesToDesign\": [\n      \"当前查询或操作未绑定时的待接入状态\",\n      \"真实授权、失败恢复与上下文失效处理\",\n      \"目标本体要求而原实现缺少的状态和门禁\"\n    ]\n  },\n  \"adaptation\": {\n    \"preserve\": [\n      \"业务对象语义\",\n      \"原始数据、判定与业务操作的边界\",\n      \"关键交互及其真实源码依据\"\n    ],\n    \"variable\": [\n      \"当前本体映射\",\n      \"属性与关联投影\",\n      \"布局、区域拆合与视觉细节\",\n      \"宿主回调绑定和补充状态\"\n    ],\n    \"exampleOnly\": [\n      \"预览中的实例、计数和固定业务值\",\n      \"演示适配器和本地操作结果\",\n      \"未经当前本体确认的原组件命名和默认文案\"\n    ]\n  },\n  \"pattern\": {\n    \"schemaVersion\": 1,\n    \"readingGuide\": \"先结合当前应用本体阅读业务目的、ASCII 布局和对象角色，判断整体、局部或组合参考价值；再按 sourceReadingOrder 直接读取源码。界面相似不是采用充分条件，没有近乎同名的组件也允许参考其中一部分。\",\n    \"business\": {\n      \"actor\": \"追溯人员或质量人员\",\n      \"trigger\": \"从缺陷批次发起查询\",\n      \"goal\": \"从缺陷批次查询结果进入批次档案，联合查看生产、原料、工艺、人员、设备、质量证据和历史追溯记录。\",\n      \"workUnit\": \"一个查询范围及其中一个批次档案\",\n      \"boundary\": \"直接阅读真实实现及相关类型作为 reference，再依据当前应用本体参考、组合或改写。源码中的原业务名词、Props、聚合结构、状态枚举和固定文案不自动成为目标本体；组件与页面区域不要求一一对应。能力表仅说明已有界面或回调，不承诺真实业务已接通。\"\n    },\n    \"layout\": {\n      \"basis\": \"source-observed\",\n      \"summary\": \"query / results-or-detail / relation-sections / history\",\n      \"desktopAscii\": \"+--------------------------------------------------------------------+\\n| 标题 / 岗位说明                                                    |\\n| 查询态: [结果批次数 | 关键项批次 | 不合格片数]                     |\\n| 关键词 [输入] [查询]   缺陷分类 [选择]                             |\\n| 结果卡片 A                | 结果卡片 B                             |\\n| ---------------- 选择批次后切换为详情 ----------------             |\\n| [返回查询结果]                                                     |\\n| 批次异常摘要 / 状态 / 关联任务                                     |\\n| 批次 -> 生产 -> 原料 -> 工艺 -> 人员 -> 设备（输入节点）           |\\n| 生产主数据                         [打开检测记录]                  |\\n| 原料表                   | 工艺表                                  |\\n| 人员表                   | 设备表                                  |\\n| 质量证据 / 追溯结论                                                |\\n| 历史缺陷分类 [选择] / 历史记录表                                   |\\n+--------------------------------------------------------------------+\",\n      \"zones\": [\n        \"query\",\n        \"results-or-detail\",\n        \"relation-sections\",\n        \"history\"\n      ],\n      \"narrow\": {\n        \"basis\": \"source-observed\",\n        \"ascii\": \"+--------------------------------------------------------------------+\\n| 查询或详情单列                                                     |\\n| 关系节点纵向排列                                                   |\\n| 关联分区逐块向下阅读                                               |\\n| 宽表保留滚动                                                       |\\n+--------------------------------------------------------------------+\",\n        \"description\": \"按源码已有规则概括；图中附加建议仍待实现，未做本轮浏览器响应式验收。\"\n      },\n      \"evidencePaths\": [\n        \"components/business/quality/src/batch-trace/batch-trace-workspace.tsx\"\n      ],\n      \"interpretation\": \"ASCII 概括实际分区与信息顺序，不固定尺寸、数据量、字段或页面区域；问号表示可选入口，括号注明条件。\"\n    },\n    \"objectRequirements\": {\n      \"interpretation\": \"以下是原范式所需的业务信息角色，不是目标本体对象表或必建清单。当前应用本体决定对象、关系、属性、单位、版本及操作；展示聚合可由现有多个对象投影而来。\",\n      \"core\": [\n        {\n          \"role\": \"batch\",\n          \"meaning\": \"追溯中心批次\",\n          \"information\": \"批次标识、产品说明、缺陷和结果摘要\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        },\n        {\n          \"role\": \"traceLink\",\n          \"meaning\": \"与批次有关的生产和上游记录\",\n          \"information\": \"生产、原料、工艺、人员和设备的关联记录\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        }\n      ],\n      \"supporting\": [\n        {\n          \"role\": \"evidence\",\n          \"meaning\": \"检测证据与追溯结论\",\n          \"requirementScope\": \"按当前任务需要决定是否采用；不自动新建同名对象。\"\n        }\n      ],\n      \"relations\": [\n        \"批次关联上游记录\",\n        \"批次关联检测记录与历史追溯\"\n      ],\n      \"presentationOnly\": [\n        \"query\",\n        \"results-or-detail\",\n        \"relation-sections\",\n        \"history\",\n        \"历史类型筛选 historyCategory\"\n      ],\n      \"mappingQuestions\": [\n        \"批次稳定标识与关联记录版本\",\n        \"查询条件和返回位置\",\n        \"检测任务标识与只读/编辑模式\"\n      ]\n    },\n    \"dataProjection\": {\n      \"inputs\": [\n        \"受控查询文字、缺陷类型和结果集合\",\n        \"宿主选择的批次详情、关联节点、分区记录和结论\"\n      ],\n      \"derived\": [\n        \"当前结果的关键批次数、不合格数量\",\n        \"已提供历史记录按本地类型筛选\"\n      ],\n      \"localUiState\": [\n        \"历史类型筛选 historyCategory\"\n      ],\n      \"outputs\": [\n        \"查询条件变化、查询、打开批次、关闭详情、打开检测记录、重试\"\n      ],\n      \"scope\": \"仅解释当前源码的数据流；查询、持久化及授权均须按当前本体操作另行核对，空数组不等于未知业务计数。\"\n    },\n    \"interactionFlow\": {\n      \"ascii\": \"输入条件 -> search 回调 -> 宿主返回查询结果\\n打开批次 -> openBatch 回调 -> 宿主提供详情\\n历史分类 -> 本地过滤；返回 -> closeDetail 回调\",\n      \"existingStates\": [\n        \"loading\",\n        \"ready\",\n        \"empty\",\n        \"error\",\n        \"forbidden\",\n        \"detailOpen\",\n        \"历史分类选择\"\n      ],\n      \"hostResponsibilities\": [\n        \"源码没有导出、审批或隔离写操作；需要当前本体对应操作和权限。\"\n      ],\n      \"stateDistinction\": \"界面选择、展开、忙态不自动等于业务状态迁移；回调已触发不证明写入成功。静态展示项没有输出命令。\"\n    },\n    \"composition\": {\n      \"parts\": [\n        \"查询结果卡片与档案下钻\",\n        \"多种业务关联分区的组织\",\n        \"历史记录的局部筛选\"\n      ],\n      \"with\": [\n        {\n          \"assetId\": \"quality.inspection-evidence-workspace\",\n          \"support\": \"adaptation-proposal\",\n          \"coordination\": \"由宿主以 taskId 定位执行记录；证据工作台是录入参考，不能直接当作只读历史详情。\"\n        }\n      ],\n      \"sharedContext\": [\n        \"批次稳定标识与关联记录版本\",\n        \"查询条件和返回位置\",\n        \"检测任务标识与只读/编辑模式\"\n      ],\n      \"coordination\": \"source-composed 表示可在实际源码中定位的父子采用关系（可能由对方作为父组件）；adaptation-proposal 是可选组合建议，尚无自动接线。由页面协调器按当前本体传递稳定上下文、数据与动作。\"\n    },\n    \"reuse\": {\n      \"wholeWhen\": [\n        \"当前需求围绕一个缺陷批次联合查阅多类关联证据，查询与详情由宿主提供。\",\n        \"仍须核对真实 Props、必需回调、metadata.selection 的采用/排除条件、版本和依赖；参考价值不代表 CLI 可安装。\"\n      ],\n      \"parts\": [\n        \"查询结果卡片与档案下钻\",\n        \"多种业务关联分区的组织\",\n        \"历史记录的局部筛选\"\n      ],\n      \"adaptWhen\": [\n        \"其他追溯领域可参考查询下钻及多关联分区；必须重写分类、单位、关联投影和结论文案。\"\n      ],\n      \"avoidWhen\": [\n        \"需要编辑处置、归因算法或审批流时，不能因界面有结论区就判为已覆盖。\"\n      ],\n      \"decision\": \"先说明哪些业务语义和信息组织相近，再列采用部分、改写部分、缺口和源码依据；最终可复用/需组合/无匹配由 AI 对照当前合同判断，不由名称或相似度阈值直接决定。\"\n    },\n    \"sourceReadingOrder\": [\n      {\n        \"path\": \"components/business/quality/src/batch-trace/batch-trace-workspace.tsx\",\n        \"symbols\": [],\n        \"purpose\": \"先看真实渲染分区、受控输入和事件出口，与 ASCII 对照；不要从图示推断额外能力。\"\n      },\n      {\n        \"path\": \"components/business/quality/src/batch-trace/batch-trace-types.ts\",\n        \"symbols\": [\n          \"BatchTraceWorkspaceModel\",\n          \"BatchTraceWorkspaceCommands\"\n        ],\n        \"purpose\": \"核对真实类型、回调、数据处理及边界。\"\n      },\n      {\n        \"path\": \"components/business/quality/src/batch-trace/batch-trace-selector.tsx\",\n        \"symbols\": [\n          \"BatchTraceSelector\"\n        ],\n        \"purpose\": \"结果卡片与下钻入口\"\n      },\n      {\n        \"path\": \"components/business/quality/src/batch-trace/batch-trace-relation-chain.tsx\",\n        \"symbols\": [\n          \"BatchTraceRelationChain\"\n        ],\n        \"purpose\": \"关系节点的排列与响应式\"\n      }\n    ]\n  }\n}\n","path":"references/metaform/components/business/quality/src/batch-trace/batch-trace-workspace.reference.json","target":"~/references/metaform/components/business/quality/src/batch-trace/batch-trace-workspace.reference.json","type":"registry:file"}],"meta":{"assetId":"resource.file.889746cb16eda2dec7800b4c07b65f1f","contractRef":"components/business/quality/src/batch-trace/batch-trace-workspace.reference.json","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-889746cb16eda2dec7800b4c07b65f1f","registryDependencies":[],"title":"resource.file.889746cb16eda2dec7800b4c07b65f1f","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-889a5e5032775da6e0088714748d592f.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.889a5e5032775da6e0088714748d592f","files":[{"content":"// Tremor Table [v1.0.0]\n\nimport React from \"react\"\n\nimport { cx } from \"../../utils/cx\"\n\nconst TableRoot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, forwardedRef) => (\n  <div\n    ref={forwardedRef}\n    // Activate if table is used in a float environment\n    // className=\"flow-root\"\n  >\n    <div\n      // make table scrollable on mobile\n      className={cx(\"w-full overflow-auto whitespace-nowrap\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  </div>\n))\n\nTableRoot.displayName = \"TableRoot\"\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.TableHTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, forwardedRef) => (\n  <table\n    ref={forwardedRef}\n    tremor-id=\"tremor-raw\"\n    className={cx(\n      // base\n      \"w-full caption-bottom border-b\",\n      // border color\n      \"border-gray-200 dark:border-gray-800\",\n      className,\n    )}\n    {...props}\n  />\n))\n\nTable.displayName = \"Table\"\n\nconst TableHead = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, forwardedRef) => (\n  <thead ref={forwardedRef} className={cx(className)} {...props} />\n))\n\nTableHead.displayName = \"TableHead\"\n\nconst TableHeaderCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, forwardedRef) => (\n  <th\n    ref={forwardedRef}\n    className={cx(\n      // base\n      \"border-b px-4 py-3.5 text-left text-sm font-semibold\",\n      // text color\n      \"text-gray-900 dark:text-gray-50\",\n      // border color\n      \"border-gray-200 dark:border-gray-800\",\n      className,\n    )}\n    {...props}\n  />\n))\n\nTableHeaderCell.displayName = \"TableHeaderCell\"\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, forwardedRef) => (\n  <tbody\n    ref={forwardedRef}\n    className={cx(\n      // base\n      \"divide-y\",\n      // divide color\n      \"divide-gray-200 dark:divide-gray-800\",\n      className,\n    )}\n    {...props}\n  />\n))\n\nTableBody.displayName = \"TableBody\"\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, forwardedRef) => (\n  <tr\n    ref={forwardedRef}\n    className={cx(\n      \"[&_td:last-child]:pr-4 [&_th:last-child]:pr-4\",\n      \"[&_td:first-child]:pl-4 [&_th:first-child]:pl-4\",\n      className,\n    )}\n    {...props}\n  />\n))\n\nTableRow.displayName = \"TableRow\"\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, forwardedRef) => (\n  <td\n    ref={forwardedRef}\n    className={cx(\n      // base\n      \"p-4 text-sm\",\n      // text color\n      \"text-gray-600 dark:text-gray-400\",\n      className,\n    )}\n    {...props}\n  />\n))\n\nTableCell.displayName = \"TableCell\"\n\nconst TableFoot = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <tfoot\n      ref={forwardedRef}\n      className={cx(\n        // base\n        \"border-t text-left font-medium\",\n        // text color\n        \"text-gray-900 dark:text-gray-50\",\n        // border color\n        \"border-gray-200 dark:border-gray-800\",\n        className,\n      )}\n      {...props}\n    />\n  )\n})\n\nTableFoot.displayName = \"TableFoot\"\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, forwardedRef) => (\n  <caption\n    ref={forwardedRef}\n    className={cx(\n      // base\n      \"mt-3 px-3 text-center text-sm\",\n      // text color\n      \"text-gray-500 dark:text-gray-500\",\n      className,\n    )}\n    {...props}\n  />\n))\n\nTableCaption.displayName = \"TableCaption\"\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFoot,\n  TableHead,\n  TableHeaderCell,\n  TableRoot,\n  TableRow,\n}\n","path":"src/components/vendor/tremor/components/Table/Table.tsx","target":"~/src/components/vendor/tremor/components/Table/Table.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.889a5e5032775da6e0088714748d592f","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/Table/Table.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-889a5e5032775da6e0088714748d592f","registryDependencies":[],"title":"resource.file.889a5e5032775da6e0088714748d592f","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-895ed8de592968a2188f948962d2bbef.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.895ed8de592968a2188f948962d2bbef","files":[{"content":"\"use client\"\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\nimport { cn } from \"../../lib/utils\"\n\nfunction TooltipProvider({\n  delay = 0,\n  ...props\n}: TooltipPrimitive.Provider.Props) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delay}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            \"cn-tooltip-content cn-tooltip-content-logical z-50 w-fit max-w-xs origin-(--transform-origin) bg-foreground text-background\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"cn-tooltip-arrow cn-tooltip-arrow-logical z-50 bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","path":"src/components/vendor/shadcn/base/ui/tooltip.tsx","target":"~/src/components/vendor/shadcn/base/ui/tooltip.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.895ed8de592968a2188f948962d2bbef","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/tooltip.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-895ed8de592968a2188f948962d2bbef","registryDependencies":[],"title":"resource.file.895ed8de592968a2188f948962d2bbef","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-897cfe0b8129b5879fb0649946643f9e.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.897cfe0b8129b5879fb0649946643f9e","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { Bar, BarChart, CartesianGrid, Rectangle, XAxis } from \"recharts\"\nimport type { BarShapeProps } from \"recharts/types/cartesian/Bar\"\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 bar chart with an active bar\"\n\nconst chartData = [\n  { browser: \"chrome\", visitors: 187, fill: \"var(--color-chrome)\" },\n  { browser: \"safari\", visitors: 200, fill: \"var(--color-safari)\" },\n  { browser: \"firefox\", visitors: 275, fill: \"var(--color-firefox)\" },\n  { browser: \"edge\", visitors: 173, fill: \"var(--color-edge)\" },\n  { browser: \"other\", visitors: 90, fill: \"var(--color-other)\" },\n]\n\nconst chartConfig = {\n  visitors: {\n    label: \"Visitors\",\n  },\n  chrome: {\n    label: \"Chrome\",\n    color: \"var(--chart-1)\",\n  },\n  safari: {\n    label: \"Safari\",\n    color: \"var(--chart-2)\",\n  },\n  firefox: {\n    label: \"Firefox\",\n    color: \"var(--chart-3)\",\n  },\n  edge: {\n    label: \"Edge\",\n    color: \"var(--chart-4)\",\n  },\n  other: {\n    label: \"Other\",\n    color: \"var(--chart-5)\",\n  },\n} satisfies ChartConfig\n\nconst ACTIVE_INDEX = 2\n\nexport function ChartBarActive() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Bar Chart - Active</CardTitle>\n        <CardDescription>January - June 2024</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <BarChart accessibilityLayer data={chartData}>\n            <CartesianGrid vertical={false} />\n            <XAxis\n              dataKey=\"browser\"\n              tickLine={false}\n              tickMargin={10}\n              axisLine={false}\n              tickFormatter={(value) =>\n                chartConfig[value as keyof typeof chartConfig]?.label\n              }\n            />\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent hideLabel />}\n            />\n            <Bar\n              dataKey=\"visitors\"\n              strokeWidth={2}\n              radius={8}\n              shape={({ index, ...props }: BarShapeProps) =>\n                index === ACTIVE_INDEX ? (\n                  <Rectangle\n                    {...props}\n                    fillOpacity={0.8}\n                    stroke={props.payload.fill}\n                    strokeDasharray={4}\n                    strokeDashoffset={4}\n                  />\n                ) : (\n                  <Rectangle {...props} />\n                )\n              }\n            />\n          </BarChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col items-start gap-2 text-sm\">\n        <div className=\"flex 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-bar-active.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-bar-active.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.897cfe0b8129b5879fb0649946643f9e","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-bar-active.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-897cfe0b8129b5879fb0649946643f9e","registryDependencies":[],"title":"resource.file.897cfe0b8129b5879fb0649946643f9e","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-8984d43da6a7e8c3696849f887673651.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8984d43da6a7e8c3696849f887673651","files":[{"content":"// Tremor cx [v0.0.0]\n\nimport clsx, { type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cx(...args: ClassValue[]) {\n  return twMerge(clsx(...args))\n}\n","path":"src/components/vendor/tremor/utils/cx.ts","target":"~/src/components/vendor/tremor/utils/cx.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.8984d43da6a7e8c3696849f887673651","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/utils/cx.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8984d43da6a7e8c3696849f887673651","registryDependencies":[],"title":"resource.file.8984d43da6a7e8c3696849f887673651","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-89cd5f6be9e646419eb2e559022ceede.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.89cd5f6be9e646419eb2e559022ceede","files":[{"content":"import { useId, useState } from \"react\";\n\nimport {\n  ArrowLeft,\n  ClipboardList,\n  Factory,\n  FlaskConical,\n  History,\n  Package,\n  RotateCcw,\n  Search,\n  Settings2,\n  ShieldAlert,\n  Users,\n} from \"lucide-react\";\n\nimport { Badge } from \"@metaform/design-system/components/ui/badge\";\nimport { Button } from \"@metaform/design-system/components/ui/button\";\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@metaform/design-system/components/ui/card\";\nimport {\n  Empty,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyTitle,\n} from \"@metaform/design-system/components/ui/empty\";\nimport { Input } from \"@metaform/design-system/components/ui/input\";\n\nimport { TraceSectionTable } from \"../trace-section-table\";\nimport { BatchTraceRelationChain } from \"./batch-trace-relation-chain\";\nimport { BatchTraceSelector } from \"./batch-trace-selector\";\nimport type {\n  BatchTraceDefectCategory,\n  BatchTraceWorkspaceProps,\n} from \"./batch-trace-types\";\n\nconst categories: BatchTraceDefectCategory[] = [\n  \"all\",\n  \"封合\",\n  \"尺寸\",\n  \"外观\",\n  \"卫生安全\",\n  \"结构\",\n];\nconst sectionPairClass = \"grid min-w-0 gap-4 @4xl:grid-cols-2\";\nconst stateCopy = {\n  loading: [\"正在查询批次档案\", \"正在关联生产、质量与上游记录。\"],\n  empty: [\"未找到批次档案\", \"调整批次号、SKU 或缺陷类型后重新查询。\"],\n  error: [\"批次查询失败\", \"请重试以重新获取批次档案。\"],\n  forbidden: [\"无权查看批次档案\", \"请联系管理员开通批次追溯权限。\"],\n} as const;\n\nfunction CategoryFilters({\n  label,\n  selected,\n  onSelect,\n}: {\n  label: string;\n  selected: BatchTraceDefectCategory;\n  onSelect(value: BatchTraceDefectCategory): void;\n}) {\n  return (\n    <div\n      role=\"group\"\n      aria-label={label}\n      className=\"flex flex-wrap items-center gap-1\"\n    >\n      <span className=\"mr-2 text-xs text-muted-foreground\">缺陷类型</span>\n      {categories.map((category) => (\n        <Button\n          key={category}\n          variant=\"ghost-neutral\"\n          aria-pressed={selected === category}\n          className={\n            selected === category\n              ? \"bg-muted font-semibold text-foreground\"\n              : \"\"\n          }\n          onClick={() => onSelect(category)}\n        >\n          {category === \"all\" ? \"全部\" : category}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\nexport function BatchTraceWorkspace({\n  model,\n  commands,\n  slots,\n}: BatchTraceWorkspaceProps) {\n  const titleId = useId();\n  const [historyCategory, setHistoryCategory] =\n    useState<BatchTraceDefectCategory>(\"all\");\n  const detail = model.detailOpen ? model.selectedDetail : undefined;\n  const state =\n    model.state === \"ready\" &&\n    (model.detailOpen ? !detail : model.results.length === 0)\n      ? \"empty\"\n      : model.state;\n  const historyRows =\n    detail?.history.filter(\n      (row) =>\n        historyCategory === \"all\" || row.defectCategory === historyCategory,\n    ) ?? [];\n  let criticalCount = 0;\n  let failedCount = 0;\n  for (const result of model.results) {\n    if (result.severity === \"关键\") criticalCount++;\n    failedCount += result.failedCount;\n  }\n\n  const surface = (\n    <section\n      aria-labelledby={titleId}\n      className=\"@container min-w-0 space-y-4 text-foreground tabular-nums\"\n    >\n      <header className=\"flex flex-wrap items-center justify-between gap-3 py-3\">\n        <div>\n          <h2 id={titleId} className=\"text-lg font-semibold\">\n            缺陷批次追溯工作台\n          </h2>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            {model.roleLabel} · 从批次查看生产、质量与上游关系\n          </p>\n        </div>\n        {slots?.headerExtra}\n      </header>\n\n      {model.detailOpen ? (\n        <Button variant=\"outline\" onClick={commands.closeDetail}>\n          <ArrowLeft className=\"size-4\" aria-hidden=\"true\" />\n          返回查询结果\n        </Button>\n      ) : (\n        <>\n          <dl className=\"grid grid-cols-1 divide-y divide-border rounded-lg border border-border bg-card @sm:grid-cols-3 @sm:divide-x @sm:divide-y-0\">\n            {[\n              [\n                \"当前结果批次\",\n                state === \"ready\" ? `${model.results.length} 批` : \"—\",\n              ],\n              [\"关键项批次\", state === \"ready\" ? `${criticalCount} 批` : \"—\"],\n              [\"不合格片数\", state === \"ready\" ? `${failedCount} 片` : \"—\"],\n            ].map(([label, value]) => (\n              <div key={label} className=\"px-4 py-3\">\n                <dt className=\"text-xs text-muted-foreground\">{label}</dt>\n                <dd className=\"mt-1 text-xl font-semibold\">{value}</dd>\n              </div>\n            ))}\n          </dl>\n          {state !== \"forbidden\" ? (\n            <Card className=\"shadow-none\">\n              <CardContent className=\"space-y-3\">\n                <form\n                  role=\"search\"\n                  aria-label=\"查询批次档案\"\n                  className=\"flex flex-wrap gap-2\"\n                  onSubmit={(event) => {\n                    event.preventDefault();\n                    commands.search(model.queryText);\n                  }}\n                >\n                  <Input\n                    aria-label=\"批次查询\"\n                    placeholder=\"输入批次号、SKU 或检测任务\"\n                    className=\"min-w-0 flex-1 basis-56\"\n                    value={model.queryText}\n                    onChange={(event) =>\n                      commands.setQueryText(event.target.value)\n                    }\n                  />\n                  <Button type=\"submit\" disabled={state === \"loading\"}>\n                    <Search className=\"size-4\" aria-hidden=\"true\" />\n                    查询批次\n                  </Button>\n                </form>\n                <CategoryFilters\n                  label=\"当前批次缺陷类型\"\n                  selected={model.defectCategory}\n                  onSelect={commands.setDefectCategory}\n                />\n              </CardContent>\n            </Card>\n          ) : null}\n        </>\n      )}\n\n      {state !== \"ready\" ? (\n        <Card className=\"shadow-none\" data-testid={`batch-trace-${state}`}>\n          <Empty\n            role={state === \"error\" ? \"alert\" : \"status\"}\n            aria-busy={state === \"loading\"}\n          >\n            <EmptyHeader>\n              <EmptyTitle>{stateCopy[state][0]}</EmptyTitle>\n              <EmptyDescription>\n                {state === \"error\"\n                  ? (model.errorMessage ?? stateCopy.error[1])\n                  : stateCopy[state][1]}\n              </EmptyDescription>\n            </EmptyHeader>\n            {state === \"error\" ? (\n              <Button onClick={commands.retry}>\n                <RotateCcw className=\"size-4\" aria-hidden=\"true\" />\n                重试\n              </Button>\n            ) : null}\n          </Empty>\n        </Card>\n      ) : detail ? (\n        <>\n          <Card\n            className=\"border-danger/30 bg-danger-soft shadow-none\"\n            role=\"status\"\n          >\n            <CardContent className=\"flex items-start gap-3\">\n              <ShieldAlert\n                className=\"mt-0.5 size-5 shrink-0 text-danger-foreground\"\n                aria-hidden=\"true\"\n              />\n              <div className=\"min-w-0 space-y-2\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <h3 className=\"break-words text-sm font-semibold\">\n                    <span className=\"font-mono\">{detail.batchId}</span> ·{\" \"}\n                    {detail.skuName}\n                  </h3>\n                  <Badge\n                    variant={detail.severity === \"关键\" ? \"danger\" : \"warning\"}\n                  >\n                    {detail.severity}项不合格\n                  </Badge>\n                  <Badge variant=\"neutral\">{detail.status}</Badge>\n                </div>\n                <p className=\"text-sm\">{detail.reason}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  关联检测任务{\" \"}\n                  <span className=\"font-mono\">{detail.taskId}</span>\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n          <BatchTraceRelationChain nodes={detail.relationNodes} />\n          <Card className=\"shadow-none\">\n            <CardHeader className=\"border-b border-border\">\n              <CardTitle className=\"flex items-center gap-2\">\n                <Factory\n                  className=\"size-4 text-foreground/70\"\n                  aria-hidden=\"true\"\n                />\n                生产主数据 · 批次档案\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <dl className=\"grid grid-cols-1 gap-4 @sm:grid-cols-2 @3xl:grid-cols-4\">\n                {detail.masterFields.map((field) => (\n                  <div key={field.id} className=\"min-w-0\">\n                    <dt className=\"text-xs text-muted-foreground\">\n                      {field.label}\n                    </dt>\n                    <dd className=\"mt-1 break-words text-sm font-medium\">\n                      {field.value}\n                    </dd>\n                  </div>\n                ))}\n              </dl>\n              <div className=\"flex flex-wrap justify-end gap-2\">\n                <Button\n                  variant=\"outline\"\n                  onClick={() => commands.openInspectionRecord(detail.taskId)}\n                >\n                  <ClipboardList className=\"size-4\" aria-hidden=\"true\" />\n                  打开阶段四检测记录\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n          <div className={sectionPairClass}>\n            <TraceSectionTable\n              icon={Package}\n              title=\"原料批次关联\"\n              description=\"投料批次 / 供应商 / 状态\"\n              columns={[\"原料\", \"原料批次\", \"供应商\", \"入厂日期\"]}\n              rows={detail.materials}\n            />\n            <TraceSectionTable\n              icon={FlaskConical}\n              title=\"工艺参数与异常窗口\"\n              description=\"工艺记录 / 参数 / 异常\"\n              columns={[\n                \"记录类型\",\n                \"记录编号\",\n                \"时间 / 位置\",\n                \"关键参数\",\n                \"异常 / 结论\",\n              ]}\n              rows={detail.processRecords}\n            />\n          </div>\n          <div className={sectionPairClass}>\n            <TraceSectionTable\n              icon={Users}\n              title=\"人员关联\"\n              description=\"谁在什么环节负责\"\n              columns={[\"角色\", \"人员\", \"关联范围\", \"作业时段 / 任务\"]}\n              rows={detail.people}\n            />\n            <TraceSectionTable\n              icon={Settings2}\n              title=\"设备关联\"\n              description=\"设备 / 工位 / 采集记录\"\n              columns={[\"设备类型\", \"设备编号\", \"功能\", \"关联数据\"]}\n              rows={detail.equipment}\n            />\n          </div>\n          <div className=\"min-w-0 space-y-3\">\n            <TraceSectionTable\n              icon={ClipboardList}\n              title=\"质量证据与追溯结论\"\n              description=\"检测结果 / 隔离记录 / 追溯日志\"\n              columns={[\"追溯节点\", \"编号\", \"内容\"]}\n              rows={detail.evidence}\n            />\n            <p className=\"rounded-md border border-border bg-muted/30 px-4 py-3 text-sm\">\n              <span className=\"font-semibold\">结论：</span>\n              {detail.conclusion}\n            </p>\n            {detail.traceResponseTime ? (\n              <p className=\"text-xs text-muted-foreground\">\n                追溯响应时间：{detail.traceResponseTime}\n              </p>\n            ) : null}\n          </div>\n          <section\n            aria-label=\"历史不合格追溯记录\"\n            className=\"min-w-0 space-y-3\"\n          >\n            <CategoryFilters\n              label=\"历史缺陷类型\"\n              selected={historyCategory}\n              onSelect={setHistoryCategory}\n            />\n            <TraceSectionTable\n              icon={History}\n              title=\"历史不合格追溯记录\"\n              description={`共 ${historyRows.length} 条 / 全部 ${detail.history.length} 条`}\n              columns={[\n                \"批次\",\n                \"日期\",\n                \"SKU\",\n                \"缺陷\",\n                \"不合格\",\n                \"原料批次\",\n                \"工艺记录\",\n                \"责任人员\",\n                \"设备记录\",\n                \"检测记录\",\n                \"响应时间\",\n              ]}\n              rows={historyRows}\n            />\n            {historyRows.length === 0 ? (\n              <p role=\"status\" className=\"text-sm text-muted-foreground\">\n                暂无该类型历史记录\n              </p>\n            ) : null}\n          </section>\n          {slots?.detailExtra?.(detail)}\n        </>\n      ) : (\n        <BatchTraceSelector\n          results={model.results}\n          openBatch={commands.openBatch}\n        />\n      )}\n      {slots?.footerExtra}\n    </section>\n  );\n\n  return surface;\n}\n","path":"references/metaform/components/business/quality/src/batch-trace/batch-trace-workspace.tsx","target":"~/references/metaform/components/business/quality/src/batch-trace/batch-trace-workspace.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.89cd5f6be9e646419eb2e559022ceede","contractRef":"components/business/quality/src/batch-trace/batch-trace-workspace.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-89cd5f6be9e646419eb2e559022ceede","registryDependencies":[],"title":"resource.file.89cd5f6be9e646419eb2e559022ceede","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-89fe3bdc6452ef49d2ae2d5105d69dda.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.89fe3bdc6452ef49d2ae2d5105d69dda","files":[{"content":"\"use client\"\n\nimport { Bar, BarChart, XAxis } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\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 stacked bar chart with a legend\"\n\nconst chartData = [\n  { date: \"2024-07-15\", running: 450, swimming: 300 },\n  { date: \"2024-07-16\", running: 380, swimming: 420 },\n  { date: \"2024-07-17\", running: 520, swimming: 120 },\n  { date: \"2024-07-18\", running: 140, swimming: 550 },\n  { date: \"2024-07-19\", running: 600, swimming: 350 },\n  { date: \"2024-07-20\", running: 480, swimming: 400 },\n]\n\nconst chartConfig = {\n  running: {\n    label: \"Running\",\n    color: \"var(--chart-1)\",\n  },\n  swimming: {\n    label: \"Swimming\",\n    color: \"var(--chart-2)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartTooltipFormatter() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Tooltip - Formatter</CardTitle>\n        <CardDescription>Tooltip with custom formatter .</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <BarChart accessibilityLayer data={chartData}>\n            <XAxis\n              dataKey=\"date\"\n              tickLine={false}\n              tickMargin={10}\n              axisLine={false}\n              tickFormatter={(value) => {\n                return new Date(value).toLocaleDateString(\"en-US\", {\n                  weekday: \"short\",\n                })\n              }}\n            />\n            <Bar\n              dataKey=\"running\"\n              stackId=\"a\"\n              fill=\"var(--color-running)\"\n              radius={[0, 0, 4, 4]}\n            />\n            <Bar\n              dataKey=\"swimming\"\n              stackId=\"a\"\n              fill=\"var(--color-swimming)\"\n              radius={[4, 4, 0, 0]}\n            />\n            <ChartTooltip\n              content={\n                <ChartTooltipContent\n                  hideLabel\n                  formatter={(value, name) => (\n                    <div className=\"flex min-w-[130px] items-center text-xs text-muted-foreground\">\n                      {chartConfig[name as keyof typeof chartConfig]?.label ||\n                        name}\n                      <div className=\"ml-auto flex items-baseline gap-0.5 font-mono font-medium text-foreground tabular-nums\">\n                        {value}\n                        <span className=\"font-normal text-muted-foreground\">\n                          kcal\n                        </span>\n                      </div>\n                    </div>\n                  )}\n                />\n              }\n              cursor={false}\n              defaultIndex={1}\n            />\n          </BarChart>\n        </ChartContainer>\n      </CardContent>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-tooltip-formatter.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-tooltip-formatter.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.89fe3bdc6452ef49d2ae2d5105d69dda","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-tooltip-formatter.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-89fe3bdc6452ef49d2ae2d5105d69dda","registryDependencies":[],"title":"resource.file.89fe3bdc6452ef49d2ae2d5105d69dda","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-8b049a29fbe399422d407b74c69619d6.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8b049a29fbe399422d407b74c69619d6","files":[{"content":"import type { ComponentProps } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport function Skeleton({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn('animate-pulse rounded-md bg-muted/60', className)}\n      {...props}\n    />\n  );\n}\n","path":"src/components/ui/skeleton.tsx","target":"~/src/components/ui/skeleton.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.8b049a29fbe399422d407b74c69619d6","contractRef":"vendor/design-system/src/components/ui/skeleton.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8b049a29fbe399422d407b74c69619d6","registryDependencies":[],"title":"resource.file.8b049a29fbe399422d407b74c69619d6","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-8bc2043958e00316ab71e8d4c9a78a12.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8bc2043958e00316ab71e8d4c9a78a12","files":[{"content":"export type VerdictKind = 'hold' | 'rework' | 'concess' | 'down' | 'scrap' | 'pass';\n\nexport interface VerdictOption {\n  key: VerdictKind;\n  label: string;\n  badge: string;\n  icon: string;\n  description: string;\n  badgeClass: string;\n  activeClass: string;\n  bg?: string;\n  color?: string;\n}\n\nexport const VERDICT_OPTIONS: Record<VerdictKind, VerdictOption> = {\n  hold: {\n    key: 'hold',\n    label: '隔离待复检',\n    badge: '隔离',\n    icon: '⏸',\n    description: '暂停放行并整批封存，组织技术攻关或加倍复测确认。',\n    badgeClass: 'border-brand/30 bg-brand-soft/80 text-brand',\n    activeClass: 'border-brand bg-brand-soft/80 text-brand ring-1 ring-brand/40 shadow-xs',\n  },\n  rework: {\n    key: 'rework',\n    label: '返工处理',\n    badge: '返工',\n    icon: '🔧',\n    description: '返工重新加工或分选挑拣，返工后必须按首批规程复检合格。',\n    badgeClass: 'border-brand/30 bg-brand-soft text-brand',\n    activeClass:\n      'border-brand bg-brand-soft text-brand ring-1 ring-brand/40 shadow-xs',\n  },\n  concess: {\n    key: 'concess',\n    label: '让步接收',\n    badge: '让步',\n    icon: '🔸',\n    description: '轻微偏差不影响最终功能，经质量与客户书面签字后特许放行。',\n    badgeClass: 'border-warning/30 bg-warning-soft text-warning-foreground',\n    activeClass:\n      'border-warning bg-warning-soft text-warning-foreground ring-1 ring-warning/40 shadow-xs',\n  },\n  down: {\n    key: 'down',\n    label: '降级销售',\n    badge: '降级',\n    icon: '⬇',\n    description: '不满足正品等级但达到副牌质量，调整包装标识降级分销。',\n    badgeClass: 'border-brand-support/30 bg-brand-support-soft text-brand-support-strong',\n    activeClass:\n      'border-brand-support bg-brand-support-soft text-brand-support-strong ring-1 ring-brand-support/40 shadow-xs',\n  },\n  scrap: {\n    key: 'scrap',\n    label: '整批报废',\n    badge: '报废',\n    icon: '⛔',\n    description: '关键项严重不合格或超出让步阈值，全批销毁并启动 8D 整改。',\n    badgeClass: 'border-destructive/30 bg-destructive/10 text-destructive',\n    activeClass:\n      'border-destructive bg-destructive/10 text-destructive ring-1 ring-destructive/40 shadow-xs',\n  },\n  pass: {\n    key: 'pass',\n    label: '合格放行',\n    badge: '合格',\n    icon: '✓',\n    description: '抽样达标，全部指标符合生效质量标准，正常放行入库。',\n    badgeClass: 'border-success/30 bg-success/10 text-success',\n    activeClass: 'border-success bg-success/10 text-success ring-1 ring-success/40 shadow-xs',\n  },\n};\n\nexport interface DisposalHistoryRecord {\n  id: string;\n  date: string;\n  sku: string;\n  defect: string;\n  badCount: number;\n  rate: string;\n  verdict: VerdictKind;\n  note: string;\n  qaSign: string;\n  prodSign: string;\n  closedAt: string;\n  verificationResult: string;\n  // 可选扩展属性\n  batchId?: string;\n  quantity?: string;\n  badItem?: string;\n  badRate?: string;\n  resolvedAt?: string;\n  similarity?: string;\n  rootCause?: string;\n  firstBatch?: boolean;\n}\n","path":"references/metaform/components/business/quality/src/disposal-history-types.ts","target":"~/references/metaform/components/business/quality/src/disposal-history-types.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.8bc2043958e00316ab71e8d4c9a78a12","contractRef":"components/business/quality/src/disposal-history-types.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8bc2043958e00316ab71e8d4c9a78a12","registryDependencies":[],"title":"resource.file.8bc2043958e00316ab71e8d4c9a78a12","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-8c326bf44bff77851e20a70d8ce31328.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8c326bf44bff77851e20a70d8ce31328","files":[{"content":"import { Card, CardContent } from '@metaform/design-system/components/ui/card';\n\nimport type { InspectionPlanAggregate } from './inspection-plan-types';\n\nfunction Metric({ label, value, detail }: { label: string; value: string; detail: string }) {\n  return (\n    <Card className=\"shadow-none\">\n      <CardContent className=\"py-3\">\n        <div className=\"text-xs text-muted-foreground\">{label}</div>\n        <div className=\"mt-1 text-xl font-semibold text-foreground\">{value}</div>\n        <div className=\"mt-0.5 text-xs text-muted-foreground\">{detail}</div>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function InspectionPlanSummary({ aggregate }: { aggregate: InspectionPlanAggregate }) {\n  const scheduled = aggregate.batches.filter(\n    (batch) => batch.scheduleStatus === 'scheduled',\n  ).length;\n  const waiting = aggregate.batches.length - scheduled;\n  return (\n    <div className=\"grid grid-cols-3 gap-3\" data-asset=\"common.metric-group\">\n      <Metric label=\"本周批次\" value={`${aggregate.batches.length} 个`} detail={aggregate.period} />\n      <Metric label=\"已排程\" value={`${scheduled} 个`} detail=\"已生成质检安排\" />\n      <Metric label=\"待排程\" value={`${waiting} 个`} detail=\"需确认班次与抽样\" />\n    </div>\n  );\n}\n","path":"references/metaform/components/business/quality/src/inspection-plan-summary.tsx","target":"~/references/metaform/components/business/quality/src/inspection-plan-summary.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.8c326bf44bff77851e20a70d8ce31328","contractRef":"components/business/quality/src/inspection-plan-summary.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8c326bf44bff77851e20a70d8ce31328","registryDependencies":[],"title":"resource.file.8c326bf44bff77851e20a70d8ce31328","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-8c70a1548e8ed8a2969d2c73185e11a3.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8c70a1548e8ed8a2969d2c73185e11a3","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { Bar, BarChart, CartesianGrid, LabelList, XAxis, YAxis } 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 bar 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-2)\",\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"var(--chart-2)\",\n  },\n  label: {\n    color: \"var(--background)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartBarLabelCustom() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Bar Chart - Custom Label</CardTitle>\n        <CardDescription>January - June 2024</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <BarChart\n            accessibilityLayer\n            data={chartData}\n            layout=\"vertical\"\n            margin={{\n              right: 16,\n            }}\n          >\n            <CartesianGrid horizontal={false} />\n            <YAxis\n              dataKey=\"month\"\n              type=\"category\"\n              tickLine={false}\n              tickMargin={10}\n              axisLine={false}\n              tickFormatter={(value) => value.slice(0, 3)}\n              hide\n            />\n            <XAxis dataKey=\"desktop\" type=\"number\" hide />\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent indicator=\"line\" />}\n            />\n            <Bar dataKey=\"desktop\" fill=\"var(--color-desktop)\" radius={4}>\n              <LabelList\n                dataKey=\"month\"\n                position=\"insideLeft\"\n                offset={8}\n                className=\"fill-(--color-label)\"\n                fontSize={12}\n              />\n              <LabelList\n                dataKey=\"desktop\"\n                position=\"right\"\n                offset={8}\n                className=\"fill-foreground\"\n                fontSize={12}\n              />\n            </Bar>\n          </BarChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col items-start gap-2 text-sm\">\n        <div className=\"flex 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-bar-label-custom.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-bar-label-custom.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.8c70a1548e8ed8a2969d2c73185e11a3","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-bar-label-custom.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8c70a1548e8ed8a2969d2c73185e11a3","registryDependencies":[],"title":"resource.file.8c70a1548e8ed8a2969d2c73185e11a3","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-8d0ad3a83853c2d514da69a01c53ff43.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8d0ad3a83853c2d514da69a01c53ff43","files":[{"content":"\"use client\"\n\nimport { cn } from \"../../lib/utils\"\nimport {\n  Popover as PopoverPrimitive,\n  PreviewTrigger as PreviewTriggerPrimitive,\n  type PopoverProps as PopoverPrimitiveProps,\n  type PreviewTriggerProps,\n} from \"react-aria-components\"\n\nfunction HoverCardTrigger({ children, ...props }: PreviewTriggerProps) {\n  return (\n    <PreviewTriggerPrimitive data-slot=\"hover-card-trigger\" {...props}>\n      {children}\n    </PreviewTriggerPrimitive>\n  )\n}\n\nfunction HoverCard({\n  className,\n  placement = \"bottom\",\n  offset = 4,\n  crossOffset = 0,\n  ...props\n}: Omit<PopoverPrimitiveProps, \"className\"> & {\n  className?: string\n}) {\n  return (\n    <PopoverPrimitive\n      data-slot=\"hover-card-content\"\n      placement={placement}\n      offset={offset}\n      crossOffset={crossOffset}\n      className={cn(\n        \"cn-hover-card-content-aria z-50 origin-(--trigger-anchor-point) outline-hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { HoverCard, HoverCardTrigger }\n","path":"src/components/vendor/shadcn/aria/ui/hover-card.tsx","target":"~/src/components/vendor/shadcn/aria/ui/hover-card.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.8d0ad3a83853c2d514da69a01c53ff43","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/hover-card.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8d0ad3a83853c2d514da69a01c53ff43","registryDependencies":[],"title":"resource.file.8d0ad3a83853c2d514da69a01c53ff43","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-8e75077823b410c64e90328b99c5d93a.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8e75077823b410c64e90328b99c5d93a","files":[{"content":"\"use client\"\n\nimport { Bar, BarChart, XAxis } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\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 stacked bar chart with a legend\"\nexport const iframeHeight = \"600px\"\nexport const containerClassName =\n  \"[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh\"\n\nconst chartData = [\n  { date: \"2024-07-15\", running: 450, swimming: 300 },\n  { date: \"2024-07-16\", running: 380, swimming: 420 },\n  { date: \"2024-07-17\", running: 520, swimming: 120 },\n  { date: \"2024-07-18\", running: 140, swimming: 550 },\n  { date: \"2024-07-19\", running: 600, swimming: 350 },\n  { date: \"2024-07-20\", running: 480, swimming: 400 },\n]\n\nconst chartConfig = {\n  running: {\n    label: \"Running\",\n    color: \"var(--chart-1)\",\n  },\n  swimming: {\n    label: \"Swimming\",\n    color: \"var(--chart-2)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartTooltipDefault() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Tooltip - Default</CardTitle>\n        <CardDescription>\n          Default tooltip with ChartTooltipContent.\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <BarChart accessibilityLayer data={chartData}>\n            <XAxis\n              dataKey=\"date\"\n              tickLine={false}\n              tickMargin={10}\n              axisLine={false}\n              tickFormatter={(value) => {\n                return new Date(value).toLocaleDateString(\"en-US\", {\n                  weekday: \"short\",\n                })\n              }}\n            />\n            <Bar\n              dataKey=\"running\"\n              stackId=\"a\"\n              fill=\"var(--color-running)\"\n              radius={[0, 0, 4, 4]}\n            />\n            <Bar\n              dataKey=\"swimming\"\n              stackId=\"a\"\n              fill=\"var(--color-swimming)\"\n              radius={[4, 4, 0, 0]}\n            />\n            <ChartTooltip\n              content={<ChartTooltipContent />}\n              cursor={false}\n              defaultIndex={1}\n            />\n          </BarChart>\n        </ChartContainer>\n      </CardContent>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-tooltip-default.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-tooltip-default.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.8e75077823b410c64e90328b99c5d93a","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-tooltip-default.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8e75077823b410c64e90328b99c5d93a","registryDependencies":[],"title":"resource.file.8e75077823b410c64e90328b99c5d93a","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-8ea90af408fe048823aa847b2853c895.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8ea90af408fe048823aa847b2853c895","files":[{"content":"import type { ComponentProps } from 'react';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { cn } from '@metaform/design-system/lib/utils';\n\nfunction Empty({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        'flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn('flex max-w-sm flex-col items-center gap-2 text-center', className)}\n      {...props}\n    />\n  );\n}\n\nconst emptyMediaVariants = cva(\n  'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nfunction EmptyMedia({\n  className,\n  variant = 'default',\n  ...props\n}: 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 }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn('text-lg font-medium tracking-tight', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyDescription({ className, ...props }: ComponentProps<'p'>) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        'text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-brand',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyContent({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        'flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };\n","path":"references/metaform/vendor/design-system/src/components/ui/empty.tsx","target":"~/references/metaform/vendor/design-system/src/components/ui/empty.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.8ea90af408fe048823aa847b2853c895","contractRef":"vendor/design-system/src/components/ui/empty.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8ea90af408fe048823aa847b2853c895","registryDependencies":[],"title":"resource.file.8ea90af408fe048823aa847b2853c895","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-8ef73fcc2c33175df26f9d5b8fafa746.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8ef73fcc2c33175df26f9d5b8fafa746","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { LabelList, 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 a label list\"\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 ChartPieLabelList() {\n  return (\n    <Card className=\"flex flex-col\">\n      <CardHeader className=\"items-center pb-0\">\n        <CardTitle>Pie Chart - Label List</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] [&_.recharts-text]:fill-background\"\n        >\n          <PieChart>\n            <ChartTooltip\n              content={<ChartTooltipContent nameKey=\"visitors\" hideLabel />}\n            />\n            <Pie data={chartData} dataKey=\"visitors\">\n              <LabelList\n                dataKey=\"browser\"\n                className=\"fill-background\"\n                stroke=\"none\"\n                fontSize={12}\n                formatter={(value) =>\n                  chartConfig[value as keyof typeof chartConfig]?.label\n                }\n              />\n            </Pie>\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-label-list.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-pie-label-list.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.8ef73fcc2c33175df26f9d5b8fafa746","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-pie-label-list.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8ef73fcc2c33175df26f9d5b8fafa746","registryDependencies":[],"title":"resource.file.8ef73fcc2c33175df26f9d5b8fafa746","type":"registry:block"}