@james_sww/metaform-asset-distribution 0.1.2 → 0.1.4

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"}

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

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.8fdb75c3da6a5a0c86c3193d025cf6f8","files":[{"content":"{\n  \"title\": \"检验计划审阅与排程：源码 reference 场景与交互\",\n  \"originalScenario\": \"审阅已提供的生产批次计划、适用标准和抽样分配，切换计划与标准对照视图，发出批次排程并展示失败重试反馈。\",\n  \"usageBoundary\": \"直接阅读真实实现及相关类型作为 reference，再依据当前应用本体参考、组合或改写。源码中的原业务名词、Props、聚合结构、状态枚举和固定文案不自动成为目标本体；组件与页面区域不要求一一对应。能力表仅说明已有界面或回调，不承诺真实业务已接通。\",\n  \"source\": {\n    \"implementation\": \"components/business/quality/src/inspection-plan-workspace.tsx\",\n    \"provenanceStatus\": \"以当前维护源码为核对依据；未另行认定原型来源或完整还原程度\",\n    \"scope\": \"审阅已提供的生产批次计划、适用标准和抽样分配，切换计划与标准对照视图，发出批次排程并展示失败重试反馈。\",\n    \"evidence\": [\n      {\n        \"path\": \"components/business/quality/src/inspection-plan-workspace.tsx\",\n        \"symbols\": [\n          \"InspectionPlanWorkspace\",\n          \"normalizedProps\",\n          \"flow\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/production-batch-plan-table.tsx\",\n        \"symbols\": [\n          \"ProductionBatchPlanTable\",\n          \"pendingBatchId\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/inspection-plan-asset-contract.ts\",\n        \"symbols\": [\n          \"InspectionPlanWorkspaceCommands\"\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\": \"plan\",\n        \"meaning\": \"带版本与周期的计划上下文\"\n      },\n      {\n        \"role\": \"batch\",\n        \"meaning\": \"被排程的生产批次\"\n      },\n      {\n        \"role\": \"sampling\",\n        \"meaning\": \"批次抽样与班次点位分配\"\n      },\n      {\n        \"role\": \"standardVersion\",\n        \"meaning\": \"批次采用的标准版本\"\n      }\n    ],\n    \"relations\": [\n      \"计划组织批次\",\n      \"批次采用标准及抽样安排\"\n    ],\n    \"mappingRequired\": [\n      \"核对当前对象、属性及实例的稳定标识与采用版本\",\n      \"核对属性类型、单位、枚举和空值含义\",\n      \"核对关系标识、方向、基数、查询范围和关联键\",\n      \"核对本体操作的输入输出、权限、失败、并发与重复请求语义\",\n      \"确定受控展示状态与真实业务状态的转换，保留未确定部分\"\n    ],\n    \"gapsInOriginalComponent\": [\n      \"没有完整计划 CRUD、抽样算法或任务下发服务\",\n      \"固定片数单位、阶段一及今日任务文案需依当前业务调整\",\n      \"没有统一 loading / forbidden 页面分支\"\n    ]\n  },\n  \"interaction\": {\n    \"summary\": \"检验计划审阅与排程\",\n    \"summarySupport\": \"existing\",\n    \"existingCapabilities\": [\n      \"model / commands 或 aggregate 回调接口\",\n      \"批次汇总、计划与标准视图切换\",\n      \"受控展开抽样方案、标准跳转\",\n      \"排程回调、处理中禁用和失败重试/关闭\"\n    ],\n    \"steps\": [\n      {\n        \"id\": \"step-1\",\n        \"support\": \"existing\",\n        \"intent\": \"切换计划与标准视图\",\n        \"effect\": \"changeView / onViewChange 改变受控 activeView。\"\n      },\n      {\n        \"id\": \"step-2\",\n        \"support\": \"existing\",\n        \"intent\": \"展开抽样并查看标准\",\n        \"effect\": \"toggleSampling / openStandard 由宿主管理，组件只展示输入分配。\"\n      },\n      {\n        \"id\": \"step-3\",\n        \"support\": \"existing\",\n        \"intent\": \"请求批次排程并处理失败\",\n        \"effect\": \"scheduleBatch 传 batchId；pendingBatchId 存在时禁用排程；retrySchedule / dismissFailure 发出动作。\"\n      },\n      {\n        \"id\": \"step-4\",\n        \"support\": \"host-extension\",\n        \"intent\": \"创建计划或自动生成抽样任务\",\n        \"effect\": \"页面底部 flow 是说明链路，不是执行引擎；生成、下发、增删改、下载需宿主业务操作。\"\n      }\n    ],\n    \"states\": [\n      \"plan / standards\",\n      \"expandedBatchId\",\n      \"pendingBatchId\",\n      \"commandFailure\",\n      \"scheduled / waiting 展示\"\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\": \"plan-summary / command-feedback / view-tabs / batch-table / flow-explanation\",\n      \"desktopAscii\": \"+--------------------------------------------------------------------+\\n| 计划批次汇总                                                       |\\n| 排程失败反馈（有失败时） [重试] [关闭]                             |\\n| 检验计划工作台 / 周期 / 版本                                       |\\n| [生产计划] [批次关联标准]                                          |\\n| 计划视图: 批次 | SKU | 计划时间/量 | 标准 | 状态 | [排程]          |\\n|           可展开: 抽样阈值 / 班次 / 点位分配                       |\\n| 标准视图: 批次与标准版本对照表（切换显示）                         |\\n| 生成链路说明: 生产计划 -> 标准 -> 抽样 -> 下发（说明图）           |\\n| footerActions（可选扩展）                                          |\\n+--------------------------------------------------------------------+\",\n      \"zones\": [\n        \"plan-summary\",\n        \"command-feedback\",\n        \"view-tabs\",\n        \"batch-table\",\n        \"flow-explanation\"\n      ],\n      \"narrow\": {\n        \"basis\": \"source-observed\",\n        \"ascii\": \"+--------------------------------------------------------------------+\\n| 表格容器可滚动                                                     |\\n| 固定 max-height 表区保留                                           |\\n| 摘要固定三列，底部链路仍横排                                       |\\n+--------------------------------------------------------------------+\",\n        \"description\": \"仅概括源码已有规则；改写建议单列，未做本轮浏览器响应式验收。\",\n        \"adaptationNotes\": [\n          \"建议窄屏重排摘要与底部链路，目标应用另行实现和验证。\"\n        ]\n      },\n      \"evidencePaths\": [\n        \"components/business/quality/src/inspection-plan-workspace.tsx\"\n      ],\n      \"interpretation\": \"ASCII 概括实际分区与信息顺序，不固定尺寸、数据量、字段或页面区域；问号表示可选入口，括号注明条件。\"\n    },\n    \"objectRequirements\": {\n      \"interpretation\": \"以下是原范式所需的业务信息角色，不是目标本体对象表或必建清单。当前应用本体决定对象、关系、属性、单位、版本及操作；展示聚合可由现有多个对象投影而来。\",\n      \"core\": [\n        {\n          \"role\": \"plan\",\n          \"meaning\": \"带版本与周期的计划上下文\",\n          \"information\": \"计划标识、版本和周期\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        },\n        {\n          \"role\": \"batch\",\n          \"meaning\": \"被排程的生产批次\",\n          \"information\": \"批次及排程状态\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        },\n        {\n          \"role\": \"sampling\",\n          \"meaning\": \"批次抽样与班次点位分配\",\n          \"information\": \"已提供的批次抽样与班次分配\",\n          \"requirementScope\": \"解释原范式的核心语义角色；当前应用按本体映射，可由多个对象承载或合并投影。\"\n        }\n      ],\n      \"supporting\": [\n        {\n          \"role\": \"standardVersion\",\n          \"meaning\": \"批次采用的标准版本\",\n          \"requirementScope\": \"按当前任务需要决定是否采用；不自动新建同名对象。\"\n        }\n      ],\n      \"relations\": [\n        \"计划组织批次\",\n        \"批次采用标准及抽样安排\"\n      ],\n      \"presentationOnly\": [\n        \"plan-summary\",\n        \"command-feedback\",\n        \"view-tabs\",\n        \"batch-table\",\n        \"flow-explanation\"\n      ],\n      \"mappingQuestions\": [\n        \"计划标识与版本\",\n        \"批次及标准采用版本\",\n        \"排程操作身份与失败类型\"\n      ]\n    },\n    \"dataProjection\": {\n      \"inputs\": [\n        \"aggregate.batches 与其标准、抽样数据\",\n        \"activeView、expandedBatchId、pendingBatchId、commandFailure\"\n      ],\n      \"derived\": [\n        \"汇总区由输入计划计算展示指标\"\n      ],\n      \"localUiState\": [],\n      \"outputs\": [\n        \"视图切换、展开抽样、打开标准、排程、重试与关闭反馈\"\n      ],\n      \"scope\": \"仅解释当前源码的数据流；查询、持久化及授权均须按当前本体操作另行核对，空数组不等于未知业务计数。\"\n    },\n    \"interactionFlow\": {\n      \"ascii\": \"宿主提供计划 -> 审阅批次/标准/抽样\\n请求排程 -> 宿主处理中 -> 成功更新或失败反馈\\n页面链路说明本身不会生成计划或下发任务\",\n      \"existingStates\": [\n        \"plan / standards\",\n        \"expandedBatchId\",\n        \"pendingBatchId\",\n        \"commandFailure\",\n        \"scheduled / waiting 展示\"\n      ],\n      \"hostResponsibilities\": [\n        \"页面底部 flow 是说明链路，不是执行引擎；生成、下发、增删改、下载需宿主业务操作。\"\n      ],\n      \"stateDistinction\": \"界面选择、展开、忙态不自动等于业务状态迁移；回调已触发不证明写入成功。静态展示项没有输出命令。\"\n    },\n    \"composition\": {\n      \"parts\": [\n        \"带版本的计划审阅组织\",\n        \"批次表与按行抽样展开\",\n        \"查询视图和操作反馈分离\"\n      ],\n      \"with\": [\n        {\n          \"assetId\": \"quality.batch-standard-binding\",\n          \"support\": \"source-composed\",\n          \"coordination\": \"standards 视图实际使用该对照表。\"\n        },\n        {\n          \"assetId\": \"quality.inspection-task-workspace\",\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        \"目标已有计划聚合、抽样分配及排程操作，需求是审阅和发出受控命令。\",\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/inspection-plan-workspace.tsx\",\n        \"symbols\": [],\n        \"purpose\": \"先看真实渲染分区、受控输入和事件出口，与 ASCII 对照；不要从图示推断额外能力。\"\n      },\n      {\n        \"path\": \"components/business/quality/src/production-batch-plan-table.tsx\",\n        \"symbols\": [\n          \"ProductionBatchPlanTable\",\n          \"pendingBatchId\"\n        ],\n        \"purpose\": \"核对真实类型、回调、数据处理及边界。\"\n      },\n      {\n        \"path\": \"components/business/quality/src/inspection-plan-asset-contract.ts\",\n        \"symbols\": [\n          \"InspectionPlanWorkspaceCommands\"\n        ],\n        \"purpose\": \"核对真实类型、回调、数据处理及边界。\"\n      },\n      {\n        \"path\": \"components/business/quality/src/inspection-plan-types.ts\",\n        \"symbols\": [\n          \"InspectionPlanAggregate\",\n          \"ProductionBatch\"\n        ],\n        \"purpose\": \"计划、批次、标准与抽样输入契约\"\n      },\n      {\n        \"path\": \"components/business/quality/src/inspection-plan-summary.tsx\",\n        \"symbols\": [\n          \"InspectionPlanSummary\"\n        ],\n        \"purpose\": \"汇总派生值及固定三列布局\"\n      }\n    ]\n  }\n}\n","path":"references/metaform/components/business/quality/src/inspection-plan-workspace.reference.json","target":"~/references/metaform/components/business/quality/src/inspection-plan-workspace.reference.json","type":"registry:file"}],"meta":{"assetId":"resource.file.8fdb75c3da6a5a0c86c3193d025cf6f8","contractRef":"components/business/quality/src/inspection-plan-workspace.reference.json","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-8fdb75c3da6a5a0c86c3193d025cf6f8","registryDependencies":[],"title":"resource.file.8fdb75c3da6a5a0c86c3193d025cf6f8","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-90b79237b5272ce414e11d7f2c222676.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.90b79237b5272ce414e11d7f2c222676","files":[{"content":"import type { ReactNode } from 'react';\n\nimport type { BatchSamplingPlan } from './inspection-plan-types';\n\nexport type InspectionTaskStatus = 'todo' | 'doing' | 'done';\nexport interface InspectionTask {\n  id: string;\n  type: string;\n  batchId: string;\n  skuName: string;\n  quantity: number;\n  dueAt: string;\n  standardId: string;\n  standardVersion: string;\n  firstBatch: boolean;\n  intensified: boolean;\n  status: InspectionTaskStatus;\n  assignee?: string;\n  currentShiftId?: string;\n  standardCtqCount: number;\n  inspectionItemCount: number;\n  samplingPlan: BatchSamplingPlan;\n  requirements: { label: string; value: string }[];\n}\nexport interface InspectionTaskAggregate {\n  id: string;\n  version: number;\n  date: string;\n  inspectorName?: string;\n  intensifiedBatchCount?: number;\n  tasks: InspectionTask[];\n  metrics: { total: number; unclaimed: number; inProgress: number };\n}\nexport interface InspectionTaskWorkspaceSlots {\n  headerExtra?: ReactNode | ((aggregate: InspectionTaskAggregate) => ReactNode);\n  taskExtra?: (task: InspectionTask) => ReactNode;\n}\nexport interface InspectionTaskWorkspaceProps {\n  aggregate: InspectionTaskAggregate;\n  expandedTaskIds: string[];\n  pendingTaskId?: string;\n  commandFailure?: { taskId: string; message: string; operation?: 'claim' | 'openExecution' };\n  slots?: InspectionTaskWorkspaceSlots;\n  onToggleRequirements: (taskId: string) => void;\n  onOpenStandard: (id: string, version: string) => void;\n  onClaimTask: (taskId: string) => void;\n  onRetryClaim: () => void;\n  onDismissFailure: () => void;\n  onOpenExecution: (taskId: string) => void;\n}\n","path":"references/metaform/components/business/quality/src/inspection-task-types.ts","target":"~/references/metaform/components/business/quality/src/inspection-task-types.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.90b79237b5272ce414e11d7f2c222676","contractRef":"components/business/quality/src/inspection-task-types.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-90b79237b5272ce414e11d7f2c222676","registryDependencies":[],"title":"resource.file.90b79237b5272ce414e11d7f2c222676","type":"registry:block"}

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

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.91b6c344e59fb18f9d9a43f4ac15c2ec","files":[{"content":"import React from 'react';\n\nimport './first-inspection-entry.css';\nimport type { CTQItem, InspectionTask, Package, Piece } from './types';\n\nfunction renderToleranceAnalysis(item: CTQItem) {\n  // Qualitative items (appearance, defects, heat seal integrity)\n  if (item.unit === '-' || item.min === '-' || item.max === '-') {\n    if (item.val === 'wait' || item.judge === 'wait') {\n      return (\n        <div className=\"ctq-analysis wait\">\n          <span className=\"analysis-dot\" />\n          <span className=\"analysis-text\">待目视 / AI分析</span>\n        </div>\n      );\n    }\n    if (item.judge === 'ok' || item.val === 'ok') {\n      let desc = '符合标准要求 · 优';\n      if (item.name.includes('污点') || item.name.includes('黑点')) {\n        desc = '未检出异色缺陷 · 正常';\n      } else if (\n        item.name.includes('异物') ||\n        item.name.includes('破损') ||\n        item.name.includes('褶皱')\n      ) {\n        desc = '外观完整无破损 · 优';\n      } else if (item.name.includes('封合')) {\n        desc = '热力压纹连续达标 · 优';\n      }\n      return (\n        <div className=\"ctq-analysis-qual ok\">\n          <span className=\"analysis-dot\" />\n          <span>{desc}</span>\n        </div>\n      );\n    }\n    return (\n      <div className=\"ctq-analysis-qual bad\">\n        <span className=\"analysis-dot\" />\n        <span>发现缺陷 · 待现场处置</span>\n      </div>\n    );\n  }\n\n  // Non-standard multi-dim formats like \"80×40\"\n  if (item.target.includes('×') || item.val.includes('×')) {\n    const isOk = item.judge === 'ok';\n    return (\n      <div className={`ctq-analysis-qual ${isOk ? 'ok' : 'bad'}`}>\n        <span className=\"analysis-dot\" />\n        <span>{isOk ? '双向尺寸吻合基准 · 优' : '护翼外形超公差'}</span>\n      </div>\n    );\n  }\n\n  // Numerical metrics\n  const numVal = parseFloat(item.val);\n  const minVal = parseFloat(item.min);\n  const maxVal = parseFloat(item.max);\n  const numTarget = parseFloat(item.target.replace(/[^\\d.-]/g, ''));\n\n  if (isNaN(numVal)) {\n    return (\n      <div className=\"ctq-analysis wait\">\n        <span className=\"analysis-dot\" />\n        <span className=\"analysis-text\">待设备采集数值</span>\n      </div>\n    );\n  }\n\n  const hasTarget = !isNaN(numTarget);\n  const diff = hasTarget ? +(numVal - numTarget).toFixed(2) : 0;\n  const diffSign = diff > 0 ? `+${diff}` : `${diff}`;\n  const isOutOfRange = (!isNaN(minVal) && numVal < minVal) || (!isNaN(maxVal) && numVal > maxVal);\n\n  // Calculate gauge position: 0% at minVal, 100% at maxVal\n  let gaugePos = 50;\n  let isSevereOutOfRange = false;\n  if (!isNaN(minVal) && !isNaN(maxVal) && maxVal > minVal) {\n    const range = maxVal - minVal;\n    // Map min to 20%, max to 80% to allow out-of-bounds to visually show at ends\n    const pct = ((numVal - minVal) / range) * 60 + 20;\n    // 严格限制在 [8%, 92%] 安全区间，防止圆点和光晕溢出穿透轨道边缘\n    gaugePos = Math.max(8, Math.min(92, pct));\n    if (numVal < minVal - range * 1.5 || numVal > maxVal + range * 1.5) {\n      isSevereOutOfRange = true;\n    }\n  } else if (!isNaN(maxVal) && minVal === 0) {\n    gaugePos = Math.max(8, Math.min(92, (numVal / maxVal) * 80));\n    if (numVal > maxVal * 2) {\n      isSevereOutOfRange = true;\n    }\n  }\n\n  let statusText = '公差受控';\n  if (isOutOfRange) {\n    if (!isNaN(minVal) && numVal < minVal) {\n      statusText = `${isSevereOutOfRange ? '◀ 严重偏低' : '◀ 偏低'} ${(minVal - numVal).toFixed(2)}${item.unit}`;\n    } else if (!isNaN(maxVal) && numVal > maxVal) {\n      statusText = `${isSevereOutOfRange ? '▶ 严重偏高' : '▶ 偏高'} ${(numVal - maxVal).toFixed(2)}${item.unit}`;\n    }\n  } else if (diff === 0) {\n    statusText = '精准居中';\n  } else {\n    statusText = '公差受控';\n  }\n\n  return (\n    <div className={`ctq-analysis ${isOutOfRange ? 'bad' : 'ok'}`}>\n      <div className=\"ctq-gauge-track\">\n        {/* 公差合格安全区区间带 (20% ~ 80%) */}\n        <div\n          className=\"ctq-gauge-safe-zone\"\n          style={{ left: '20%', width: '60%' }}\n          title=\"标准合格公差带\"\n        />\n        <div\n          className=\"ctq-gauge-target\"\n          style={{ left: '50%' }}\n          title={`基准目标: ${item.target}`}\n        />\n        <div\n          className={`ctq-gauge-point ${isOutOfRange ? 'bad' : 'ok'}`}\n          style={{ left: `${gaugePos}%` }}\n          title={`实测值: ${numVal}${item.unit}`}\n        />\n      </div>\n      <div className=\"ctq-gauge-meta\">\n        <span className=\"ctq-diff-badge\">\n          Δ {diffSign} {item.unit}\n        </span>\n        <span className=\"ctq-status-tag\">{statusText}</span>\n      </div>\n    </div>\n  );\n}\n\nexport interface FirstPieceInspectionWorkbenchProps {\n  task: InspectionTask;\n  copy: FirstPieceInspectionWorkbenchCopy;\n  onBackToList?: () => void;\n  onOpenStationModal: () => void;\n  onSelectPiece: (index: number) => void;\n  onSelectPackage: (index: number) => void;\n  onSwitchMode: (mode: 'piece' | 'pack') => void;\n  onAddPiece: () => void;\n  onAddPackage: () => void;\n  onUpdateItemValue: (pieceIndex: number, itemId: string, val: string) => void;\n  onUpdatePackageItemValue: (packageIndex: number, itemId: string, val: string) => void;\n  onUpdateItemReason: (pieceIndex: number, itemId: string, reason: string) => void;\n  onVoiceCorrectItem: (pieceIndex: number, itemId: string) => void;\n  onVoiceCorrectWholePiece: (pieceIndex: number) => void;\n  onRejectAuto?: (pieceIndex: number, itemId: string) => void;\n  onAddPhoto: (pieceIndex: number, itemName?: string) => void;\n  onAddPackagePhoto: (packageIndex: number, itemName?: string) => void;\n  onConfirmPiece: (pieceIndex: number) => void;\n  onConfirmPackage: (packageIndex: number) => void;\n  onSubmitInspection: () => void;\n  isSubmitting?: boolean;\n}\n\nexport interface FirstPieceInspectionWorkbenchCopy {\n  title: string;\n  subtitle: string;\n  criticalLabel: string;\n  pieceModeLabel: string;\n  packageModeLabel: string;\n  submitLabel: string;\n  blockedLabel: string;\n  readyLabel: string;\n}\n\nexport const FirstPieceInspectionWorkbench: React.FC<FirstPieceInspectionWorkbenchProps> = ({\n  task,\n  copy,\n  onOpenStationModal,\n  onSelectPiece,\n  onSelectPackage,\n  onSwitchMode,\n  onAddPiece,\n  onAddPackage,\n  onUpdateItemValue,\n  onUpdatePackageItemValue,\n  onUpdateItemReason,\n  onVoiceCorrectItem,\n  onVoiceCorrectWholePiece,\n  onRejectAuto,\n  onAddPhoto,\n  onAddPackagePhoto,\n  onConfirmPiece,\n  onConfirmPackage,\n  onSubmitInspection,\n  isSubmitting = false,\n}) => {\n  const labels = copy;\n  const currentPiece: Piece = task.pieces[task.activePieceIndex] || task.pieces[0];\n  const currentPackage: Package = task.packages[task.activePackageIndex] || task.packages[0];\n\n  const pieceCompletedCount = task.pieces.filter((p) => p.done).length;\n  const pieceTotalCount = task.pieces.length;\n  const pieceBadCount = task.pieces.filter((p) => p.status === 'bad').length;\n  const pieceOkCount = task.pieces.filter((p) => p.status === 'ok').length;\n\n  const packageCompletedCount = task.packages.filter((p) => p.done).length;\n  const packageTotalCount = task.packages.length;\n  const packageBadCount = task.packages.filter((p) => p.status === 'bad').length;\n\n  // 逐片指标统计\n  const okItems = currentPiece.items.filter((i) => i.judge === 'ok').length;\n  const badItems = currentPiece.items.filter((i) => i.judge === 'bad').length;\n  const waitItems = currentPiece.items.filter((i) => i.judge === 'wait').length;\n\n  // 逐包指标统计\n  const pkgOkItems = currentPackage.items.filter((i) => i.judge === 'ok').length;\n  const pkgBadItems = currentPackage.items.filter((i) => i.judge === 'bad').length;\n  const pkgWaitItems = currentPackage.items.filter((i) => i.judge === 'wait').length;\n\n  const hasBad = pieceBadCount > 0 || packageBadCount > 0;\n  const allComplete =\n    pieceCompletedCount === pieceTotalCount && packageCompletedCount === packageTotalCount;\n\n  return (\n    <div className=\"first-card\">\n      <div className=\"first-card-h\">\n        <b>{labels.title}</b>\n        <span>{labels.subtitle}</span>\n        <span className=\"first-card-tag\">{labels.criticalLabel}</span>\n      </div>\n\n      {/* 模式切换 (按片 / 按包) */}\n      <div className=\"first-mode-tabs\">\n        <button\n          type=\"button\"\n          className={`first-mode-tab ${task.activeMode === 'piece' ? 'on' : ''}`}\n          onClick={() => onSwitchMode('piece')}\n        >\n          {labels.pieceModeLabel}{' '}\n          <span>\n            {pieceCompletedCount}/{pieceTotalCount}\n          </span>\n        </button>\n        <button\n          type=\"button\"\n          className={`first-mode-tab ${task.activeMode === 'pack' ? 'on' : ''}`}\n          onClick={() => onSwitchMode('pack')}\n        >\n          {labels.packageModeLabel}{' '}\n          <span>\n            {packageCompletedCount}/{packageTotalCount}\n          </span>\n        </button>\n      </div>\n\n      {task.activeMode === 'piece' ? (\n        /* =================== 逐片检验面板 =================== */\n        <>\n          {/* 逐片进度条 */}\n          <div className=\"piece-overview\">\n            <div className=\"piece-overview-title\">\n              🔬 逐片检验 · 共 {pieceTotalCount} 片\n              <span>\n                已完成 {pieceCompletedCount}/{pieceTotalCount}\n              </span>\n            </div>\n            <div className=\"piece-overview-bar\">\n              <i className=\"ok\" style={{ width: `${(pieceOkCount / pieceTotalCount) * 100}%` }} />\n              <i className=\"bad\" style={{ width: `${(pieceBadCount / pieceTotalCount) * 100}%` }} />\n            </div>\n          </div>\n\n          {/* 逐片药丸导航 */}\n          <div className=\"piece-nav\">\n            {task.pieces.map((piece, idx) => {\n              const isSelected = idx === task.activePieceIndex;\n              const stateCls = piece.done ? (piece.status === 'bad' ? 'bad' : 'done') : 'wait';\n              const label = piece.done\n                ? piece.status === 'bad'\n                  ? '不合格'\n                  : '合格'\n                : isSelected\n                  ? '检验中'\n                  : '待检';\n\n              return (\n                <button\n                  type=\"button\"\n                  key={piece.index}\n                  className={`piece-tab ${stateCls} ${isSelected ? 'on' : ''}`}\n                  onClick={() => onSelectPiece(idx)}\n                >\n                  <b>第 {piece.index} 片</b>\n                  <strong>{label}</strong>\n                </button>\n              );\n            })}\n            <button\n              type=\"button\"\n              className=\"piece-add\"\n              onClick={onAddPiece}\n              title=\"增加一片检测样品\"\n            >\n              <b>＋</b>\n              <span>添加</span>\n            </button>\n          </div>\n\n          {/* 片操作栏 */}\n          <div className=\"piece-work-h\">\n            <div className=\"piece-work-title-wrap\">\n              <div className=\"title\">\n                第 {currentPiece.index} 片 · {currentPiece.items.length} 项全检\n              </div>\n              <div className=\"sub\">\n                已检 {okItems + badItems} 项 · 合格 {okItems} · 不合格 {badItems} · 待检测{' '}\n                {waitItems}\n              </div>\n            </div>\n\n            {/* 利用横向空白：首件达标率与公差态势 */}\n            <div className=\"piece-work-stat-bar-box\">\n              <div className=\"piece-stat-bar-header\">\n                <span className=\"piece-stat-bar-label\">\n                  CTQ 合格率{' '}\n                  <b>{Math.round((okItems / (currentPiece.items.length || 1)) * 100)}%</b>\n                </span>\n                {badItems > 0 ? (\n                  <span className=\"piece-stat-badge-bad\">存在 {badItems} 项超差</span>\n                ) : (\n                  <span className=\"piece-stat-badge-ok\">全项受控</span>\n                )}\n              </div>\n              <div className=\"piece-stat-progress\">\n                <div\n                  className=\"fill ok\"\n                  style={{ width: `${(okItems / (currentPiece.items.length || 1)) * 100}%` }}\n                />\n                <div\n                  className=\"fill bad\"\n                  style={{ width: `${(badItems / (currentPiece.items.length || 1)) * 100}%` }}\n                />\n              </div>\n            </div>\n\n            <div className=\"piece-work-actions\">\n              <button\n                type=\"button\"\n                className=\"btn\"\n                onClick={() => onVoiceCorrectWholePiece(task.activePieceIndex)}\n              >\n                🎤 整片语音修正\n              </button>\n              <button type=\"button\" className=\"btn pri\" onClick={onOpenStationModal}>\n                设备自动检测\n              </button>\n            </div>\n          </div>\n\n          {/* 整片语音修正提示气泡 */}\n          {currentPiece.voiceTranscript && (\n            <div className=\"piece-whole-voice\">\n              <div className=\"voice-icon-box\">\n                <svg\n                  className=\"size-4\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  aria-hidden=\"true\"\n                >\n                  <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n                  <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n                  <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n                </svg>\n              </div>\n              <div className=\"voice-copy\">\n                <div className=\"voice-header\">\n                  <b>整片语音已识别</b>\n                  <span className=\"voice-badge\">智能解析回填</span>\n                </div>\n                <div className=\"voice-text\">“{currentPiece.voiceTranscript}”</div>\n                {currentPiece.voiceChanged && currentPiece.voiceChanged.length > 0 && (\n                  <div className=\"voice-tags\">\n                    <span className=\"voice-tag-label\">已联动更新：</span>\n                    {currentPiece.voiceChanged.map((tag) => (\n                      <span key={tag} className=\"voice-tag-item\">\n                        {tag}\n                      </span>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n\n          {/* CTQ 表格 */}\n          <div className=\"piece-table-wrap\">\n            <table className=\"piece-table\">\n              <thead>\n                <tr>\n                  <th style={{ width: '80px', minWidth: '80px' }}>类别</th>\n                  <th style={{ width: '160px', minWidth: '160px' }}>检验项目</th>\n                  <th style={{ width: '100px', minWidth: '95px' }}>规格值</th>\n                  <th style={{ width: '120px', minWidth: '115px' }}>标准范围</th>\n                  <th style={{ minWidth: '260px' }}>检测结果</th>\n                  <th style={{ minWidth: '210px' }}>偏差与公差带</th>\n                  <th\n                    className=\"col-sticky-judge\"\n                    style={{ width: '75px', minWidth: '75px', textAlign: 'center' }}\n                  >\n                    判定\n                  </th>\n                  <th\n                    className=\"col-sticky-photo\"\n                    style={{ width: '85px', minWidth: '85px', textAlign: 'center' }}\n                  >\n                    照片\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {currentPiece.items.map((item) => {\n                  const isCorrected = !!item.review;\n\n                  return (\n                    <tr key={item.id}>\n                      <td className=\"category\">{item.category}</td>\n                      <td>\n                        <span className=\"metric\">{item.name}</span>\n                      </td>\n                      <td className=\"spec\">\n                        {item.target.includes(item.unit) || item.unit === '-'\n                          ? item.target\n                          : `${item.target} ${item.unit}`}\n                      </td>\n                      <td className=\"standard\">\n                        {item.min !== '-' && item.max !== '-'\n                          ? `${item.min}—${item.max} ${item.unit !== '-' ? item.unit : ''}`\n                          : item.target}\n                      </td>\n                      <td>\n                        <div className=\"result-edit\">\n                          {item.unit === '-' ? (\n                            <select\n                              className=\"piece-input\"\n                              value={item.val || 'wait'}\n                              onChange={(e) =>\n                                onUpdateItemValue(task.activePieceIndex, item.id, e.target.value)\n                              }\n                            >\n                              <option value=\"wait\">待检测</option>\n                              <option value=\"ok\">无缺陷</option>\n                              <option value=\"bad\">发现缺陷</option>\n                            </select>\n                          ) : (\n                            <input\n                              className=\"piece-input\"\n                              value={item.val}\n                              placeholder=\"待设备采集\"\n                              onChange={(e) =>\n                                onUpdateItemValue(task.activePieceIndex, item.id, e.target.value)\n                              }\n                            />\n                          )}\n                          <button\n                            type=\"button\"\n                            className=\"voice-correct\"\n                            title=\"语音修改结果并说明原因\"\n                            onClick={() => onVoiceCorrectItem(task.activePieceIndex, item.id)}\n                          >\n                            <svg\n                              className=\"size-3.5\"\n                              viewBox=\"0 0 24 24\"\n                              fill=\"none\"\n                              stroke=\"currentColor\"\n                              strokeWidth=\"2\"\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                              aria-hidden=\"true\"\n                            >\n                              <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n                              <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n                              <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n                            </svg>\n                          </button>\n                          {item.source.includes('自动') || item.source.includes('回填') ? (\n                            <button\n                              type=\"button\"\n                              className=\"item-reject-btn\"\n                              title=\"不采纳智能采集值，转为人工复核\"\n                              onClick={() => onRejectAuto?.(task.activePieceIndex, item.id)}\n                            >\n                              <svg\n                                className=\"size-3\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                strokeWidth=\"2\"\n                                strokeLinecap=\"round\"\n                                strokeLinejoin=\"round\"\n                                aria-hidden=\"true\"\n                              >\n                                <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n                                <path d=\"M3 3v5h5\" />\n                              </svg>\n                              不采纳\n                            </button>\n                          ) : null}\n                        </div>\n\n                        <div className=\"piece-source\">\n                          <svg\n                            className=\"size-3 shrink-0 text-muted-foreground\"\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"2\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                            aria-hidden=\"true\"\n                          >\n                            <circle cx=\"12\" cy=\"12\" r=\"3\" />\n                            <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0 2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\" />\n                          </svg>\n                          <span>{item.source}</span>\n                          {isCorrected && <span className=\"source-corrected\">· 已人工修正</span>}\n                        </div>\n\n                        {isCorrected && (\n                          <div className=\"correction-note\">\n                            <div className=\"correction-note-head\">\n                              <div className=\"correction-head-left\">\n                                <span className=\"correction-pill\">人工修正</span>\n                                <span className=\"correction-orig\">\n                                  原设备值 <del>{item.origVal || '—'}</del>\n                                </span>\n                              </div>\n                              <span className=\"correction-head-right\">已现场复测</span>\n                            </div>\n                            <input\n                              className=\"correction-reason\"\n                              value={item.review?.reason || ''}\n                              placeholder=\"说明修改原因（例如：产品拉伸结构阻力超标导致折痕偏宽，已现场复测）\"\n                              onChange={(e) =>\n                                onUpdateItemReason(task.activePieceIndex, item.id, e.target.value)\n                              }\n                            />\n                          </div>\n                        )}\n                      </td>\n                      <td className=\"ctq-analysis-col\">{renderToleranceAnalysis(item)}</td>\n                      <td className=\"col-sticky-judge\" style={{ textAlign: 'center' }}>\n                        <span className={`piece-judge ${item.judge}`}>\n                          {item.judge === 'ok' ? '合格' : item.judge === 'bad' ? '不合格' : '待检'}\n                        </span>\n                      </td>\n                      <td className=\"col-sticky-photo\" style={{ textAlign: 'center' }}>\n                        <button\n                          type=\"button\"\n                          className=\"piece-photo row\"\n                          onClick={() => onAddPhoto(task.activePieceIndex, item.name)}\n                        >\n                          📷 {item.photosCount > 0 ? `${item.photosCount}张` : '拍照'}\n                        </button>\n                      </td>\n                    </tr>\n                  );\n                })}\n              </tbody>\n            </table>\n          </div>\n\n          {/* 本片照片存证 */}\n          <div className=\"photo-evidence\">\n            <div className=\"photo-evidence-copy\">\n              <b>📷 本片照片证据</b>\n              <span>\n                {currentPiece.photos.reduce((acc, p) => acc + p.count, 0)} 张 · 结论确认前留证\n              </span>\n            </div>\n            <div className=\"photo-evidence-list\">\n              {currentPiece.photos.map((photo) => (\n                <span key={photo.name} className=\"photo-evidence-thumb\">\n                  <i>\n                    <svg\n                      className=\"size-3.5\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      aria-hidden=\"true\"\n                    >\n                      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\" />\n                      <circle cx=\"9\" cy=\"9\" r=\"2\" />\n                      <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" />\n                    </svg>\n                  </i>\n                  <em>{photo.name}</em>\n                  <small>{photo.count}张</small>\n                </span>\n              ))}\n            </div>\n            <button\n              type=\"button\"\n              className=\"evidence-add\"\n              onClick={() => onAddPhoto(task.activePieceIndex)}\n            >\n              ＋ 添加照片\n            </button>\n          </div>\n\n          {/* 本片结论底栏 */}\n          <div className=\"piece-foot\">\n            <div className=\"summary\">\n              <span className={`piece-result ${currentPiece.status}`}>\n                本片结论：\n                {currentPiece.status === 'ok'\n                  ? '合格'\n                  : currentPiece.status === 'bad'\n                    ? '不合格'\n                    : '待确认'}\n              </span>\n              <span>\n                {okItems} 项合格 · {badItems} 项不合格 · {waitItems} 项待检\n              </span>\n            </div>\n            <button\n              type=\"button\"\n              className=\"btn pri\"\n              onClick={() => onConfirmPiece(task.activePieceIndex)}\n            >\n              确认本片结论\n            </button>\n          </div>\n        </>\n      ) : (\n        /* =================== 逐包检验面板 =================== */\n        <>\n          <div className=\"piece-overview\">\n            <div className=\"piece-overview-title\">\n              📦 逐包检验 · 共 {packageTotalCount} 包\n              <span>\n                已完成 {packageCompletedCount}/{packageTotalCount}\n              </span>\n            </div>\n            <div className=\"piece-overview-bar\">\n              <i\n                className=\"ok\"\n                style={{\n                  width: `${((packageCompletedCount - packageBadCount) / packageTotalCount) * 100}%`,\n                }}\n              />\n              <i\n                className=\"bad\"\n                style={{ width: `${(packageBadCount / packageTotalCount) * 100}%` }}\n              />\n            </div>\n          </div>\n\n          <div className=\"piece-nav\">\n            {task.packages.map((pkg, idx) => {\n              const isSelected = idx === task.activePackageIndex;\n              const stateCls = pkg.done ? (pkg.status === 'bad' ? 'bad' : 'done') : 'wait';\n              const label = pkg.done\n                ? pkg.status === 'bad'\n                  ? '不合格'\n                  : '合格'\n                : isSelected\n                  ? '检验中'\n                  : '待检';\n\n              return (\n                <button\n                  type=\"button\"\n                  key={pkg.index}\n                  className={`piece-tab ${stateCls} ${isSelected ? 'on' : ''}`}\n                  onClick={() => onSelectPackage(idx)}\n                >\n                  <b>第 {pkg.index} 包</b>\n                  <strong>{label}</strong>\n                </button>\n              );\n            })}\n            <button\n              type=\"button\"\n              className=\"piece-add\"\n              onClick={onAddPackage}\n              title=\"增加一包检测样品\"\n            >\n              <b>＋</b>\n              <span>添加</span>\n            </button>\n          </div>\n\n          <div className=\"piece-work-h\">\n            <div className=\"piece-work-title-wrap\">\n              <div className=\"title\">\n                第 {currentPackage.index} 包 · {currentPackage.items.length} 项包装检查\n              </div>\n              <div className=\"sub\">\n                已检 {pkgOkItems + pkgBadItems} 项 · 合格 {pkgOkItems} · 不合格 {pkgBadItems} · 待检{' '}\n                {pkgWaitItems}\n              </div>\n            </div>\n\n            {/* 利用横向空白：逐包合格率态势 */}\n            <div className=\"piece-work-stat-bar-box\">\n              <div className=\"piece-stat-bar-header\">\n                <span className=\"piece-stat-bar-label\">\n                  包装合格率{' '}\n                  <b>{Math.round((pkgOkItems / (currentPackage.items.length || 1)) * 100)}%</b>\n                </span>\n                {pkgBadItems > 0 ? (\n                  <span className=\"piece-stat-badge-bad\">存在 {pkgBadItems} 项不合格</span>\n                ) : (\n                  <span className=\"piece-stat-badge-ok\">全部符合</span>\n                )}\n              </div>\n              <div className=\"piece-stat-progress\">\n                <div\n                  className=\"fill ok\"\n                  style={{ width: `${(pkgOkItems / (currentPackage.items.length || 1)) * 100}%` }}\n                />\n                <div\n                  className=\"fill bad\"\n                  style={{ width: `${(pkgBadItems / (currentPackage.items.length || 1)) * 100}%` }}\n                />\n              </div>\n            </div>\n\n            <div className=\"piece-work-actions\">\n              <button type=\"button\" className=\"btn pri\" onClick={onOpenStationModal}>\n                设备检测包装\n              </button>\n            </div>\n          </div>\n\n          <div className=\"piece-table-wrap\">\n            <table className=\"piece-table\">\n              <thead>\n                <tr>\n                  <th style={{ width: '80px', minWidth: '80px' }}>类别</th>\n                  <th style={{ width: '160px', minWidth: '160px' }}>检查项目</th>\n                  <th style={{ minWidth: '200px' }}>标准要求</th>\n                  <th style={{ width: '160px', minWidth: '150px' }}>检测方式与来源</th>\n                  <th style={{ width: '130px', minWidth: '120px' }}>检测结果</th>\n                  <th\n                    className=\"col-sticky-judge\"\n                    style={{ width: '80px', minWidth: '80px', textAlign: 'center' }}\n                  >\n                    判定\n                  </th>\n                  <th\n                    className=\"col-sticky-photo\"\n                    style={{ width: '85px', minWidth: '85px', textAlign: 'center' }}\n                  >\n                    照片\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {currentPackage.items.map((item) => (\n                  <tr key={item.id}>\n                    <td className=\"category\">{item.category}</td>\n                    <td>\n                      <span className=\"metric\">{item.name}</span>\n                    </td>\n                    <td className=\"standard\">{item.standard}</td>\n                    <td>\n                      <div>{item.method}</div>\n                      <div className=\"piece-source\">设备检测后人工确认</div>\n                    </td>\n                    <td>\n                      <select\n                        className=\"piece-input\"\n                        value={item.val}\n                        onChange={(e) =>\n                          onUpdatePackageItemValue(task.activePackageIndex, item.id, e.target.value)\n                        }\n                      >\n                        <option value=\"wait\">待检</option>\n                        <option value=\"ok\">符合</option>\n                        <option value=\"bad\">不符合</option>\n                      </select>\n                    </td>\n                    <td className=\"col-sticky-judge\" style={{ textAlign: 'center' }}>\n                      <span className={`piece-judge ${item.judge}`}>\n                        {item.judge === 'ok' ? '合格' : item.judge === 'bad' ? '不合格' : '待检'}\n                      </span>\n                    </td>\n                    <td className=\"col-sticky-photo\" style={{ textAlign: 'center' }}>\n                      <button\n                        type=\"button\"\n                        className=\"piece-photo row\"\n                        onClick={() => onAddPackagePhoto(task.activePackageIndex, item.name)}\n                      >\n                        📷 {item.photosCount > 0 ? `${item.photosCount}张` : '拍照'}\n                      </button>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n\n          <div className=\"photo-evidence\">\n            <div className=\"photo-evidence-copy\">\n              <b>📷 本包照片证据</b>\n              <span>\n                {currentPackage.photos.reduce((acc, p) => acc + p.count, 0)} 张 · 结论确认前留证\n              </span>\n            </div>\n            <div className=\"photo-evidence-list\">\n              {currentPackage.photos.map((photo) => (\n                <span key={photo.name} className=\"photo-evidence-thumb\">\n                  <i>\n                    <svg\n                      className=\"size-3.5\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      aria-hidden=\"true\"\n                    >\n                      <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\" />\n                      <circle cx=\"9\" cy=\"9\" r=\"2\" />\n                      <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" />\n                    </svg>\n                  </i>\n                  <em>{photo.name}</em>\n                  <small>{photo.count}张</small>\n                </span>\n              ))}\n            </div>\n            <button\n              type=\"button\"\n              className=\"evidence-add\"\n              onClick={() => onAddPackagePhoto(task.activePackageIndex)}\n            >\n              ＋ 添加照片\n            </button>\n          </div>\n\n          <div className=\"piece-foot\">\n            <div className=\"summary\">\n              <span className={`piece-result ${currentPackage.status}`}>\n                本包结论：\n                {currentPackage.status === 'ok'\n                  ? '合格'\n                  : currentPackage.status === 'bad'\n                    ? '不合格'\n                    : '待确认'}\n              </span>\n              <span>\n                {pkgOkItems} 项合格 · {pkgBadItems} 项不合格 · {pkgWaitItems} 项待检\n              </span>\n            </div>\n            <button\n              type=\"button\"\n              className=\"btn pri\"\n              onClick={() => onConfirmPackage(task.activePackageIndex)}\n            >\n              确认本包结论\n            </button>\n          </div>\n        </>\n      )}\n\n      {/* 6. 首件综合结论与处置底栏 */}\n      <div className=\"first-final\">\n        <div className=\"copy\">\n          <b>{hasBad ? labels.blockedLabel : allComplete ? labels.readyLabel : '首件检验进行中'}</b>\n          <span>\n            {hasBad\n              ? `单片不合格 ${pieceBadCount} 片 · 包装不合格 ${packageBadCount} 包；请调整后重新执行对应检验。`\n              : `按片 ${pieceCompletedCount}/${pieceTotalCount} · 按包 ${packageCompletedCount}/${packageTotalCount} · 两类检验全部合格后方可量产`}\n          </span>\n        </div>\n        <button\n          type=\"button\"\n          className=\"btn pri\"\n          onClick={onSubmitInspection}\n          disabled={isSubmitting}\n          aria-busy={isSubmitting}\n        >\n          {labels.submitLabel}\n        </button>\n      </div>\n    </div>\n  );\n};\n","path":"references/metaform/components/business/industry/inspection/src/first-piece-inspection-workbench.tsx","target":"~/references/metaform/components/business/industry/inspection/src/first-piece-inspection-workbench.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.91b6c344e59fb18f9d9a43f4ac15c2ec","contractRef":"components/business/industry/inspection/src/first-piece-inspection-workbench.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-91b6c344e59fb18f9d9a43f4ac15c2ec","registryDependencies":[],"title":"resource.file.91b6c344e59fb18f9d9a43f4ac15c2ec","type":"registry:block"}