@james_sww/metaform-asset-distribution 0.1.3 → 0.1.4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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