@james_sww/metaform-asset-distribution 0.1.6 → 0.1.7

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-91b6c344e59fb18f9d9a43f4ac15c2ec","registryDependencies":[],"title":"resource.file.91b6c344e59fb18f9d9a43f4ac15c2ec","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-91e7c7b18a4cc1c00206b79e3a875721","registryDependencies":[],"title":"resource.file.91e7c7b18a4cc1c00206b79e3a875721","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-91f65ded749b71eec77d14c7b72e6e01","registryDependencies":[],"title":"resource.file.91f65ded749b71eec77d14c7b72e6e01","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-92734d6dc96c5b03a206672067ed6ad7","registryDependencies":[],"title":"resource.file.92734d6dc96c5b03a206672067ed6ad7","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-92ccd9fbf8bc9e36c99bac8fe45034e4","registryDependencies":[],"title":"resource.file.92ccd9fbf8bc9e36c99bac8fe45034e4","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-937ad49406c560ed1c2450f48fb63104","registryDependencies":[],"title":"resource.file.937ad49406c560ed1c2450f48fb63104","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-93db91ccd566c942db3a063bf76da6ec","registryDependencies":[],"title":"resource.file.93db91ccd566c942db3a063bf76da6ec","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/r/resource-file-9430a9ca807c43595d60467233e00208.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.9430a9ca807c43595d60467233e00208","files":[{"content":"export type QcPageId = 'arrangement' | 'basis' | 'permit' | 'execution' | 'evidence' | 'control' | 'retest' | 'records' | 'analysis';\nexport type QcRegionId = `QC-${string}`;\nexport const QC_PROTOTYPE = {\n  title: '可悦质量智能工作台 V42 · QC',\n  sha256: '06efbd09ff754e337ad6a6186a5af44ddc7d35a92b588d71d9fca4285b6ace22',\n};\nexport const QC_PAGES: readonly { id: QcPageId; title: string; phase: string }[] = [\n  { id: 'arrangement', title: '确认待检安排', phase: '检验准备' },\n  { id: 'basis', title: '核对检验依据', phase: '检验准备' },\n  { id: 'permit', title: '确认开检条件', phase: '检验准备' },\n  { id: 'execution', title: '执行质量检测任务', phase: '当班检验' },\n  { id: 'evidence', title: '完善检验结果与证据', phase: '当班检验' },\n  { id: 'control', title: '跟进现场控制', phase: '异常与复检' },\n  { id: 'retest', title: '执行异常复检', phase: '异常与复检' },\n  { id: 'records', title: '核对检验记录', phase: '记录与分析' },\n  { id: 'analysis', title: '分析当班质量', phase: '记录与分析' },\n];\n\nconst definitions: readonly [QcPageId, string, string, string, string][] = [\n  ['arrangement','本班待检安排','arrangement','QcArrangementList','qcArrangementHTML'],\n  ['arrangement','智能核查与建议','review','QcArrangementReview','qcArrangementHTML'],\n  ['arrangement','继续准备 1/3','flow','QcHandoff','qcPrepStepFooterHTML'],\n  ['basis','待核对任务','taskSelect','QcBasisTaskSelection','qcBasisPageHTML'],\n  ['basis','智能核查与建议','basisReview','QcBasisReview','qcBasisPageHTML'],\n  ['basis','继续准备 2/3','flow','QcHandoff','qcPrepStepFooterHTML'],\n  ['permit','选择待开检任务','taskSelect','QcPermitTaskSelection','qcConditionsPageHTML'],\n  ['permit','现场条件与开检许可核查','conditions','QcPermitReview','qcConditionsPageHTML'],\n  ['permit','继续准备 3/3','flow','QcHandoff','qcPrepStepFooterHTML'],\n  ['execution','我的检测任务','focusObject','QcExecutionTasks','qcExecutionPageHTML'],\n  ['execution','工作衔接','focusFlow','QcHandoff','qcFocusStepFooterHTML'],\n  ['evidence','智能核查与建议','focusObject','QcEvidenceGaps','qcEvidencePageHTML'],\n  ['evidence','工作衔接','focusFlow','QcHandoff','qcFocusStepFooterHTML'],\n  ['control','相关业务记录','focusObject','QcAnomalyRecords','qcFocusPageHTML'],\n  ['control','智能核查与建议','focusReview','QcControlReview','qcFocusReviewHTML'],\n  ['control','本步处理','focusAction','QcControlActions','qcFocusPageHTML'],\n  ['control','工作衔接','focusFlow','QcHandoff','qcFocusStepFooterHTML'],\n  ['retest','我的复检任务','retestTasks','QcRetestTaskSelection','qcRetestPageHTML'],\n  ['retest','原异常与复检要求','retestBasis','QcRetestBasis','qcRetestPageHTML'],\n  ['retest','逐包复检与证据','retestExecute','QcRetestExecution','qcRetestPageHTML'],\n  ['retest','工作衔接','focusFlow','QcHandoff','qcFocusStepFooterHTML'],\n  ['records','本班已提交记录','recordSummary','QcSubmittedRecordSummary','qcRecordPageHTML'],\n  ['records','逐任务核对与回查','recordAudit','QcRecordAudit','qcRecordPageHTML'],\n  ['records','工作衔接','focusFlow','QcHandoff','qcFocusStepFooterHTML'],\n  ['analysis','分析范围与任务进度','analysisScope','QcShiftScope','qcShiftAnalysisPageHTML'],\n  ['analysis','智能关注与建议','analysisSignals','QcShiftSignals','qcShiftAnalysisPageHTML'],\n  ['analysis','检验与异常明细','analysisDetails','QcShiftDetails','qcShiftAnalysisPageHTML'],\n  ['analysis','工作衔接','focusFlow','QcHandoff','qcFocusStepFooterHTML'],\n];\nexport const qcConcernAssetId = (name: string) => `quality.${name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()}`;\nexport const QC_REGIONS = definitions.map(([page, title, regionKey, exportName, prototypeSymbol], index) => ({\n  id: `QC-${String(index + 1).padStart(2, '0')}` as QcRegionId,\n  page, title, regionKey, exportName, prototypeSymbol,\n  phase: QC_PAGES.find(x => x.id === page)!.phase,\n  kind: exportName === 'QcHandoff' ? 'handoff' as const : 'business' as const,\n  concernId: exportName === 'QcHandoff' ? `quality.qc-handoff-${page}` : qcConcernAssetId(exportName),\n}));\nexport const getQcPage = (page: QcPageId) => QC_REGIONS.filter(x => x.page === page);\n","path":"references/metaform/components/business/quality/src/concerns/coverage.ts","target":"~/references/metaform/components/business/quality/src/concerns/coverage.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.9430a9ca807c43595d60467233e00208","contractRef":"components/business/quality/src/concerns/coverage.ts","maturity":"candidate","releaseDigest":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-9430a9ca807c43595d60467233e00208","registryDependencies":[],"title":"resource.file.9430a9ca807c43595d60467233e00208","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-947119e505579579530d80bf84d1d0fa","registryDependencies":[],"title":"resource.file.947119e505579579530d80bf84d1d0fa","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-948d2a48eb1beacf64d56c691633d246","registryDependencies":[],"title":"resource.file.948d2a48eb1beacf64d56c691633d246","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/r/resource-file-94b01f129505dabbe7567879eaee9416.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.94b01f129505dabbe7567879eaee9416","files":[{"content":"\"use client\"\nimport { CheckIcon as __MetaformCheckIcon, ChevronRightIcon as __MetaformChevronRightIcon } from \"lucide-react\";\n\n\nimport * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\nimport {\n  composeRenderProps,\n  Header as HeaderPrimitive,\n  MenuItem as MenuItemPrimitive,\n  Menu as MenuPrimitive,\n  MenuSection as MenuSectionPrimitive,\n  MenuTrigger as MenuTriggerPrimitive,\n  Popover as PopoverPrimitive,\n  Separator as SeparatorPrimitive,\n  SubmenuTrigger as SubmenuTriggerPrimitive,\n  type MenuItemProps as MenuItemPrimitiveProps,\n  type MenuSectionProps as MenuSectionPrimitiveProps,\n} from \"react-aria-components\"\n\n\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof MenuTriggerPrimitive>) {\n  return <MenuTriggerPrimitive data-slot=\"dropdown-menu-trigger\" {...props} />\n}\n\nfunction DropdownMenu({\n  \"data-slot\": dataSlot = \"dropdown-menu-content\",\n  placement = \"bottom start\",\n  offset = 4,\n  crossOffset = 0,\n  className,\n  children,\n  ...props\n}: Omit<\n  React.ComponentProps<typeof MenuPrimitive<object>>,\n  \"children\" | \"className\"\n> &\n  Pick<\n    React.ComponentProps<typeof PopoverPrimitive>,\n    \"placement\" | \"offset\" | \"crossOffset\"\n  > & {\n    \"data-slot\"?: string\n    className?: string\n    children?: React.ReactNode\n  }) {\n  return (\n    <PopoverPrimitive\n      data-slot={dataSlot}\n      placement={placement}\n      offset={offset}\n      crossOffset={crossOffset}\n      className={cn(\n        \"cn-dropdown-menu-content-aria cn-menu-target cn-menu-translucent cn-menu-translucent-aria z-50 w-(--trigger-width) origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto outline-none data-exiting:overflow-hidden\",\n        className\n      )}\n    >\n      <MenuPrimitive\n        className=\"max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden\"\n        {...props}\n      >\n        {children}\n      </MenuPrimitive>\n    </PopoverPrimitive>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: Omit<MenuSectionPrimitiveProps<object>, \"children\"> & {\n  children?: React.ReactNode\n}) {\n  return <MenuSectionPrimitive data-slot=\"dropdown-menu-group\" {...props} />\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof HeaderPrimitive> & {\n  inset?: boolean\n}) {\n  return (\n    <HeaderPrimitive\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\"cn-dropdown-menu-label\", className)}\n      {...props}\n    />\n  )\n}\n\nconst dropdownMenuItemVariants = cva(\n  \"group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      selectionMode: {\n        none: \"cn-dropdown-menu-item\",\n        single: \"cn-dropdown-menu-radio-item\",\n        multiple: \"cn-dropdown-menu-checkbox-item\",\n      },\n    },\n  }\n)\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  children,\n  ...props\n}: MenuItemPrimitiveProps<object> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <MenuItemPrimitive\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      textValue={typeof children === \"string\" ? children : props.textValue}\n      className={composeRenderProps(className, (className, { selectionMode }) =>\n        cn(dropdownMenuItemVariants({ selectionMode }), className)\n      )}\n      {...props}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isSelected, selectionMode }) => (\n          <>\n            {selectionMode !== \"none\" ? (\n              <span\n                className=\"cn-dropdown-menu-item-indicator pointer-events-none\"\n                data-slot={\n                  selectionMode === \"single\"\n                    ? \"dropdown-menu-radio-item-indicator\"\n                    : \"dropdown-menu-checkbox-item-indicator\"\n                }\n              >\n                {isSelected ? (\n                  <__MetaformCheckIcon\n                    \n                    \n                    \n                    \n                    \n                  />\n                ) : null}\n              </span>\n            ) : null}\n            {children}\n          </>\n        )\n      )}\n    </MenuItemPrimitive>\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof SubmenuTriggerPrimitive>) {\n  return <SubmenuTriggerPrimitive data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: MenuItemPrimitiveProps<object> & {\n  inset?: boolean\n}) {\n  return (\n    <MenuItemPrimitive\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      textValue={typeof children === \"string\" ? children : props.textValue}\n      className={cn(\n        \"cn-dropdown-menu-sub-trigger flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          {children}\n          <__MetaformChevronRightIcon\n            \n            \n            \n            \n            \n            className=\"cn-rtl-flip ml-auto\"\n          />\n        </>\n      ))}\n    </MenuItemPrimitive>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  placement = \"end top\",\n  crossOffset = -3,\n  offset = 0,\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenu>) {\n  return (\n    <DropdownMenu\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"cn-dropdown-menu-sub-content-aria cn-menu-target cn-menu-translucent w-auto\",\n        className\n      )}\n      placement={placement}\n      crossOffset={crossOffset}\n      offset={offset}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive>) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"cn-dropdown-menu-separator\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\"cn-dropdown-menu-shortcut\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenuTrigger,\n  DropdownMenu,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n","path":"src/components/vendor/shadcn/aria/ui/dropdown-menu.tsx","target":"~/src/components/vendor/shadcn/aria/ui/dropdown-menu.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.94b01f129505dabbe7567879eaee9416","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/dropdown-menu.tsx","maturity":"candidate","releaseDigest":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-94b01f129505dabbe7567879eaee9416","registryDependencies":[],"title":"resource.file.94b01f129505dabbe7567879eaee9416","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-9560776f771679ca4067aa76474856a8","registryDependencies":[],"title":"resource.file.9560776f771679ca4067aa76474856a8","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-956b78fd44ecff3e99e4dfcb046b73cf","registryDependencies":[],"title":"resource.file.956b78fd44ecff3e99e4dfcb046b73cf","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/r/resource-file-95d074fac5d2d99161cfad76baea53b1.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.95d074fac5d2d99161cfad76baea53b1","files":[{"content":"{\n  \"title\": \"检验准备 / 核对检验依据 / 待核对任务：标准关注项与归属下钻\",\n  \"originalScenario\": \"质量领域 / 质检子领域 / basis\",\n  \"usageBoundary\": \"主区域、归属下钻和交互契约组成关注项。按当前应用本体映射，不将原型产品、人员、状态或演示规则当成目标应用默认业务。\",\n  \"source\": {\n    \"implementation\": \"components/business/quality/src/concerns/entries/qc-basis-task-selection.tsx\",\n    \"prototype\": \"可悦质量智能工作台 V42 · QC\",\n    \"prototypeSnapshotSha256\": \"06efbd09ff754e337ad6a6186a5af44ddc7d35a92b588d71d9fca4285b6ace22\",\n    \"regions\": [\n      {\n        \"regionId\": \"QC-04\",\n        \"page\": \"basis\",\n        \"title\": \"待核对任务\",\n        \"regionKey\": \"taskSelect\",\n        \"prototypeSymbol\": \"qcBasisPageHTML\"\n      }\n    ],\n    \"interactionChanges\": [\n      \"保留原型信息结构、字段、动作、状态与归属下钻；只统一语义 token 和桌面呈现\",\n      \"全局变量改为受控 props、稳定对象/样本引用和语义事件\",\n      \"原型示例数据仅位于 preview；真实查询、权限、设备、AI、持久化由宿主绑定\",\n      \"业务下钻使用独立完整视图与对象路径；说明、填写和确认单独使用弹窗，不以统一弹窗替代业务流转\"\n    ],\n    \"evidence\": [\n      {\n        \"path\": \"components/business/quality/src/concerns/entries/qc-basis-task-selection.tsx\",\n        \"sha256\": \"cab933b70060aadc28279738557ba42f7bf59e2d4f475fe8d933458e97820123\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/preparation.tsx\",\n        \"sha256\": \"67c950c9f12875597911c716b64b01883dd8a6f77562c686938abb84e347caa1\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/context.ts\",\n        \"sha256\": \"05c59a277488da19d116bd622418184c3790580f9bc989b79e76e16ada7af485\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/details.tsx\",\n        \"sha256\": \"1a41c05ca3de98053f52542d73eedb75f70c5c00bf8c25cd3763cc2cff8b8b33\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/details-types.ts\",\n        \"sha256\": \"7282e297c7d1991f2b9d515cf41d396b60c1c510b17721f404207a44adb4aa51\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/concern-content.tsx\",\n        \"sha256\": \"32d018b6203432bf17488b05e246631d7a091b9261c353bb823684b74b5a8000\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/disposal-detail.tsx\",\n        \"sha256\": \"bbb20895aecd877e6567b5557dacf47542de3527a2be4ade1563ad58d651a4a5\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/capture-workbench.tsx\",\n        \"sha256\": \"24ec01c7584b8735dd028edee7ad560f9d0f7b0ad98f31e62d5060ba8b604130\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/drilldown-view.tsx\",\n        \"sha256\": \"f5de64de44956ee4f22e020d679db313a06d5bbf3c89f618d22f78a3c018677b\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/task-detail.tsx\",\n        \"sha256\": \"a36630c8c58b3143e1208e037bf19f093e5c1c2d27079cd145f4d459541aa96b\"\n      }\n    ]\n  },\n  \"preview\": {\n    \"entry\": \"preview/playground/owned-qc-concerns.tsx\",\n    \"url\": \"/?preview=qc-concerns&page=basis&region=QC-04\",\n    \"status\": \"example\",\n    \"description\": \"原型 V42 结构及示例快照的独立区域和页面组合预览；不代表目标应用默认数据或真实服务。\",\n    \"mock\": {\n      \"entry\": \"preview/mocks/quality/qc-concerns/index.ts\",\n      \"states\": \"preview/mocks/quality/qc-concerns/scenarios.ts\",\n      \"registry\": \"preview/mocks/quality/qc-concerns/registry.ts\",\n      \"defaults\": \"preview/mocks/quality/qc-concerns/defaults.ts\",\n      \"mode\": \"minimal-examples\",\n      \"boundary\": \"仅用于预览，组件不内置默认业务数据；采用时按当前应用本体绑定真实数据。\"\n    }\n  },\n  \"ontologyAlignment\": {\n    \"authority\": \"当前应用本体是唯一业务定义来源\",\n    \"objects\": [\n      {\n        \"role\": \"current-work-object\",\n        \"meaning\": \"当前任务、核查或记录的稳定身份及适用版本\"\n      }\n    ],\n    \"relations\": [\n      \"当前工作对象关联来源、结果和证据\"\n    ],\n    \"mappingRequired\": [\n      \"核对对象角色、稳定标识、版本、关系方向与查询范围\",\n      \"按当前业务规则提供检查项、授权和动作结果\",\n      \"明确证据要求及空态，保留未知信息\"\n    ],\n    \"gapsInOriginalComponent\": [\n      \"真实查询、持久化、权限与并发由宿主实现\",\n      \"媒体和对话服务由宿主提供；示例图库不构成检验凭据\"\n    ]\n  },\n  \"interaction\": {\n    \"summary\": \"待核对任务\",\n    \"steps\": [\n      {\n        \"id\": \"select-context\",\n        \"support\": \"existing\",\n        \"intent\": \"确定当前对象\",\n        \"effect\": \"宿主提供匹配对象与版本的受控数据。\"\n      },\n      {\n        \"id\": \"drilldown\",\n        \"support\": \"existing\",\n        \"intent\": \"查看所属来源和详情\",\n        \"effect\": \"组件发出语义事件；组合示例提供实际详情、二次下钻和返回。\"\n      },\n      {\n        \"id\": \"host\",\n        \"support\": \"host-extension\",\n        \"intent\": \"接入真实服务\",\n        \"effect\": \"由目标应用提供查询、授权、持久化和适用业务规则。\"\n      }\n    ],\n    \"states\": [\n      \"由对应 TypeScript Props 声明的展示与业务动作状态\"\n    ],\n    \"applicationStatesToDesign\": [\n      \"真实服务失败、并发冲突及重试\",\n      \"宿主路由与跨会话草稿恢复\"\n    ]\n  },\n  \"pattern\": {\n    \"schemaVersion\": 1,\n    \"business\": {\n      \"actor\": \"质检执行或核查人员\",\n      \"trigger\": \"核对检验依据\",\n      \"goal\": \"待核对任务\",\n      \"workUnit\": \"宿主提供的当前业务对象与来源上下文\",\n      \"boundary\": \"建议、确认、检验结果、现场控制及授权放行分别表达。\"\n    },\n    \"layout\": {\n      \"basis\": \"source-observed\",\n      \"summary\": \"保持原型区域内的信息顺序与操作关系；不以统一列表代替不同业务结构。\",\n      \"desktopAscii\": \"+------------------------------------------------------------+\\n| 本人任务数与确认数 |\\n| 任务选择卡：类型 / 任务号 / 批次 / 核对或异议状态 |\\n+------------------------------------------------------------+\",\n      \"zones\": [\n        \"本人任务数与确认数\",\n        \"任务选择卡：类型 / 任务号 / 批次 / 核对或异议状态\"\n      ],\n      \"narrow\": {\n        \"basis\": \"not-designed\",\n        \"description\": \"Desktop only, as requested. No narrow or mobile layout is provided.\"\n      },\n      \"evidencePaths\": [\n        \"components/business/quality/src/concerns/entries/qc-basis-task-selection.tsx\",\n        \"components/business/quality/src/concerns/preparation.tsx\"\n      ]\n    },\n    \"objectRequirements\": {\n      \"interpretation\": \"信息角色不是目标应用必建对象表。\",\n      \"core\": [\n        {\n          \"role\": \"current-work-object\",\n          \"meaning\": \"当前对象身份、版本、范围和业务事实\"\n        }\n      ],\n      \"supporting\": [\n        {\n          \"role\": \"source\",\n          \"meaning\": \"按关注项所需提供标准、任务、异常、结果或证据的稳定引用\"\n        }\n      ],\n      \"relations\": [\n        \"工作对象关联可回查来源\"\n      ],\n      \"mappingQuestions\": [\n        \"数据与当前选中对象是否一致\",\n        \"是否具备当前动作能力及适用规则\"\n      ]\n    },\n    \"dataProjection\": {\n      \"inputs\": [\n        \"以入口 ComponentProps 及实际实现声明为准；完整保留本区域字段，不以通用描述替代结构化事实。\"\n      ],\n      \"derived\": [\n        \"只从当前受控数据派生显示与禁用条件\"\n      ],\n      \"localUiState\": [\n        \"图库选中项（存在图库时）\"\n      ],\n      \"outputs\": [\n        \"见实际 Props 中的 commands 或 on* 事件；点击不代表真实保存成功\"\n      ]\n    },\n    \"interactionFlow\": {\n      \"ascii\": \"当前对象 -> 主区域 -> 归属下钻 -> 二次来源 -> 返回来源关注项\\n业务动作 -> 宿主反馈 -> 展示当前对象结果\",\n      \"existingStates\": [\n        \"按源码处理 ready/loading/empty/error/forbidden 或对应只读展示\",\n        \"有写入动作时区分失败、阻断与宿主确认结果\"\n      ],\n      \"hostResponsibilities\": [\n        \"真实查询、规则校验、权限及持久化\",\n        \"路由、查询和草稿保存协调\"\n      ],\n      \"stateDistinction\": \"演示本地成功不代表企业服务或法定质量结论。\"\n    },\n    \"composition\": {\n      \"parts\": [\n        \"QcBasisTaskSelection\",\n        \"QcTaskDetail\",\n        \"QcStandardDetail\",\n        \"QcEvidenceDetail\",\n        \"QcAnomalyDetail\",\n        \"QcRelatedRecordDetail\",\n        \"QcDisposalDetail\",\n        \"QcCaptureWorkbench\",\n        \"QcDrilldownView\"\n      ],\n      \"sharedContext\": [\n        \"QcObjectRef\",\n        \"QcReturnPoint\"\n      ],\n      \"coordination\": \"组件不隐式推进其他业务状态；预览是本地显式协调示例。\",\n      \"with\": [\n        {\n          \"assetId\": \"quality.inspection-task-workspace\",\n          \"support\": \"adaptation-proposal\",\n          \"coordination\": \"仅在对象和动作合同匹配时组合。\"\n        }\n      ]\n    },\n    \"reuse\": {\n      \"wholeWhen\": [\n        \"当前关注项职责及真实受控 Props 匹配。\"\n      ],\n      \"parts\": [\n        \"主区域、来源回查或受控交互可局部参考。\"\n      ],\n      \"adaptWhen\": [\n        \"按当前对象与规则适配；外观可以采用，不能复制演示政策。\"\n      ],\n      \"avoidWhen\": [\n        \"需要内置企业 API、自动质量放行、现场隔离确认或固定原型规则。\"\n      ]\n    },\n    \"sourceReadingOrder\": [\n      {\n        \"path\": \"components/business/quality/src/concerns/entries/qc-basis-task-selection.tsx\",\n        \"purpose\": \"独立公开入口及真实 Props\",\n        \"symbols\": [\n          \"QcBasisTaskSelection\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/preparation.tsx\",\n        \"purpose\": \"关注项业务内容与门禁\",\n        \"symbols\": [\n          \"QcBasisTaskSelection\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/context.ts\",\n        \"purpose\": \"对象、修订及返回上下文\",\n        \"symbols\": [\n          \"QcObjectRef\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/details.tsx\",\n        \"purpose\": \"实际共享详情呈现\",\n        \"symbols\": [\n          \"QcTaskDetail\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/details-types.ts\",\n        \"purpose\": \"共享详情的数据要求\",\n        \"symbols\": [\n          \"QcDetailLink\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/guidance.ts\",\n        \"purpose\": \"Concern purpose, inputs, outcomes and boundaries.\",\n        \"symbols\": [\n          \"QcConcernGuidance\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/concern-content.tsx\",\n        \"purpose\": \"字段完整的事实、核查和表格呈现\",\n        \"symbols\": [\n          \"QcCheck\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/disposal-detail.tsx\",\n        \"purpose\": \"处置事实、原因核查、说明及授权双签\",\n        \"symbols\": [\n          \"QcDisposalCase\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/capture-workbench.tsx\",\n        \"purpose\": \"逐步采集、人工修正和样本完成事件\",\n        \"symbols\": [\n          \"QcCaptureGroup\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/drilldown-view.tsx\",\n        \"symbols\": [\n          \"QcDrilldownView\"\n        ],\n        \"purpose\": \"完整业务视图、来源路径、面包屑与逐级返回；填写/确认独立弹窗\"\n      }\n    ]\n  }\n}\n","path":"references/metaform/components/business/quality/src/concerns/entries/qc-basis-task-selection.reference.json","target":"~/references/metaform/components/business/quality/src/concerns/entries/qc-basis-task-selection.reference.json","type":"registry:file"}],"meta":{"assetId":"resource.file.95d074fac5d2d99161cfad76baea53b1","contractRef":"components/business/quality/src/concerns/entries/qc-basis-task-selection.reference.json","maturity":"candidate","releaseDigest":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-95d074fac5d2d99161cfad76baea53b1","registryDependencies":[],"title":"resource.file.95d074fac5d2d99161cfad76baea53b1","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/r/resource-file-960ce999ca667947de90b3889064058f.json

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

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-96b2515967c3f6fad23c3e74abd6a78d","registryDependencies":[],"title":"resource.file.96b2515967c3f6fad23c3e74abd6a78d","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/r/resource-file-974d7022c67a3e1eb5f22cb1b992f9dd.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.974d7022c67a3e1eb5f22cb1b992f9dd","files":[{"content":"{\n  \"title\": \"当班检验 / 执行质量检测任务 / 工作衔接：标准关注项与归属下钻\",\n  \"originalScenario\": \"质量领域 / 质检子领域 / execution\",\n  \"usageBoundary\": \"主区域、归属下钻和交互契约组成关注项。按当前应用本体映射，不将原型产品、人员、状态或演示规则当成目标应用默认业务。\",\n  \"source\": {\n    \"implementation\": \"components/business/quality/src/concerns/entries/qc-handoff-execution.tsx\",\n    \"prototype\": \"可悦质量智能工作台 V42 · QC\",\n    \"prototypeSnapshotSha256\": \"06efbd09ff754e337ad6a6186a5af44ddc7d35a92b588d71d9fca4285b6ace22\",\n    \"regions\": [\n      {\n        \"regionId\": \"QC-11\",\n        \"page\": \"execution\",\n        \"title\": \"工作衔接\",\n        \"regionKey\": \"focusFlow\",\n        \"prototypeSymbol\": \"qcFocusStepFooterHTML\"\n      }\n    ],\n    \"interactionChanges\": [\n      \"保留原型信息结构、字段、动作、状态与归属下钻；只统一语义 token 和桌面呈现\",\n      \"全局变量改为受控 props、稳定对象/样本引用和语义事件\",\n      \"原型示例数据仅位于 preview；真实查询、权限、设备、AI、持久化由宿主绑定\",\n      \"业务下钻使用独立完整视图与对象路径；说明、填写和确认单独使用弹窗，不以统一弹窗替代业务流转\"\n    ],\n    \"evidence\": [\n      {\n        \"path\": \"components/business/quality/src/concerns/entries/qc-handoff-execution.tsx\",\n        \"sha256\": \"d1a65ce16fa157f682ff29dd1b45a2d9839e318b7ad9f7c432a69668e160e555\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/handoff.tsx\",\n        \"sha256\": \"1018f2d20b44b67d4098a9fe2108bcd96e77389d44335762817b70cdd345bb98\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/context.ts\",\n        \"sha256\": \"05c59a277488da19d116bd622418184c3790580f9bc989b79e76e16ada7af485\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/details.tsx\",\n        \"sha256\": \"1a41c05ca3de98053f52542d73eedb75f70c5c00bf8c25cd3763cc2cff8b8b33\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/details-types.ts\",\n        \"sha256\": \"7282e297c7d1991f2b9d515cf41d396b60c1c510b17721f404207a44adb4aa51\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/concern-content.tsx\",\n        \"sha256\": \"32d018b6203432bf17488b05e246631d7a091b9261c353bb823684b74b5a8000\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/disposal-detail.tsx\",\n        \"sha256\": \"bbb20895aecd877e6567b5557dacf47542de3527a2be4ade1563ad58d651a4a5\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/capture-workbench.tsx\",\n        \"sha256\": \"24ec01c7584b8735dd028edee7ad560f9d0f7b0ad98f31e62d5060ba8b604130\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/drilldown-view.tsx\",\n        \"sha256\": \"f5de64de44956ee4f22e020d679db313a06d5bbf3c89f618d22f78a3c018677b\"\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/task-detail.tsx\",\n        \"sha256\": \"a36630c8c58b3143e1208e037bf19f093e5c1c2d27079cd145f4d459541aa96b\"\n      }\n    ]\n  },\n  \"preview\": {\n    \"entry\": \"preview/playground/owned-qc-concerns.tsx\",\n    \"url\": \"/?preview=qc-concerns&page=execution&region=QC-11\",\n    \"status\": \"example\",\n    \"description\": \"原型 V42 结构及示例快照的独立区域和页面组合预览；不代表目标应用默认数据或真实服务。\",\n    \"mock\": {\n      \"entry\": \"preview/mocks/quality/qc-concerns/index.ts\",\n      \"states\": \"preview/mocks/quality/qc-concerns/scenarios.ts\",\n      \"registry\": \"preview/mocks/quality/qc-concerns/registry.ts\",\n      \"defaults\": \"preview/mocks/quality/qc-concerns/defaults.ts\",\n      \"mode\": \"minimal-examples\",\n      \"boundary\": \"仅用于预览，组件不内置默认业务数据；采用时按当前应用本体绑定真实数据。\"\n    }\n  },\n  \"ontologyAlignment\": {\n    \"authority\": \"当前应用本体是唯一业务定义来源\",\n    \"objects\": [\n      {\n        \"role\": \"current-work-object\",\n        \"meaning\": \"当前任务、核查或记录的稳定身份及适用版本\"\n      }\n    ],\n    \"relations\": [\n      \"当前工作对象关联来源、结果和证据\"\n    ],\n    \"mappingRequired\": [\n      \"核对对象角色、稳定标识、版本、关系方向与查询范围\",\n      \"按当前业务规则提供检查项、授权和动作结果\",\n      \"明确证据要求及空态，保留未知信息\"\n    ],\n    \"gapsInOriginalComponent\": [\n      \"真实查询、持久化、权限与并发由宿主实现\",\n      \"媒体和对话服务由宿主提供；示例图库不构成检验凭据\"\n    ]\n  },\n  \"interaction\": {\n    \"summary\": \"继续准备 1/3\",\n    \"steps\": [\n      {\n        \"id\": \"select-context\",\n        \"support\": \"existing\",\n        \"intent\": \"确定当前对象\",\n        \"effect\": \"宿主提供匹配对象与版本的受控数据。\"\n      },\n      {\n        \"id\": \"drilldown\",\n        \"support\": \"existing\",\n        \"intent\": \"查看所属来源和详情\",\n        \"effect\": \"组件发出语义事件；组合示例提供实际详情、二次下钻和返回。\"\n      },\n      {\n        \"id\": \"host\",\n        \"support\": \"host-extension\",\n        \"intent\": \"接入真实服务\",\n        \"effect\": \"由目标应用提供查询、授权、持久化和适用业务规则。\"\n      }\n    ],\n    \"states\": [\n      \"由对应 TypeScript Props 声明的展示与业务动作状态\"\n    ],\n    \"applicationStatesToDesign\": [\n      \"真实服务失败、并发冲突及重试\",\n      \"宿主路由与跨会话草稿恢复\"\n    ]\n  },\n  \"pattern\": {\n    \"schemaVersion\": 1,\n    \"business\": {\n      \"actor\": \"质检执行或核查人员\",\n      \"trigger\": \"执行质量检测任务\",\n      \"goal\": \"工作衔接\",\n      \"workUnit\": \"宿主提供的当前业务对象与来源上下文\",\n      \"boundary\": \"建议、确认、检验结果、现场控制及授权放行分别表达。\"\n    },\n    \"layout\": {\n      \"basis\": \"source-observed\",\n      \"summary\": \"保持原型区域内的信息顺序与操作关系；不以统一列表代替不同业务结构。\",\n      \"desktopAscii\": \"+------------------------------------------------------------+\\n| 当前/上一步与下一步的双列衔接 |\\n| 本步状态、结果说明、前后导航；开始质检须当前许可有效 |\\n+------------------------------------------------------------+\",\n      \"zones\": [\n        \"当前/上一步与下一步的双列衔接\",\n        \"本步状态、结果说明、前后导航；开始质检须当前许可有效\"\n      ],\n      \"narrow\": {\n        \"basis\": \"not-designed\",\n        \"description\": \"Desktop only, as requested. No narrow or mobile layout is provided.\"\n      },\n      \"evidencePaths\": [\n        \"components/business/quality/src/concerns/entries/qc-handoff-execution.tsx\",\n        \"components/business/quality/src/concerns/handoff.tsx\"\n      ]\n    },\n    \"objectRequirements\": {\n      \"interpretation\": \"信息角色不是目标应用必建对象表。\",\n      \"core\": [\n        {\n          \"role\": \"current-work-object\",\n          \"meaning\": \"当前对象身份、版本、范围和业务事实\"\n        }\n      ],\n      \"supporting\": [\n        {\n          \"role\": \"source\",\n          \"meaning\": \"按关注项所需提供标准、任务、异常、结果或证据的稳定引用\"\n        }\n      ],\n      \"relations\": [\n        \"工作对象关联可回查来源\"\n      ],\n      \"mappingQuestions\": [\n        \"数据与当前选中对象是否一致\",\n        \"是否具备当前动作能力及适用规则\"\n      ]\n    },\n    \"dataProjection\": {\n      \"inputs\": [\n        \"以入口 ComponentProps 及实际实现声明为准；完整保留本区域字段，不以通用描述替代结构化事实。\"\n      ],\n      \"derived\": [\n        \"只从当前受控数据派生显示与禁用条件\"\n      ],\n      \"localUiState\": [\n        \"图库选中项（存在图库时）\"\n      ],\n      \"outputs\": [\n        \"见实际 Props 中的 commands 或 on* 事件；点击不代表真实保存成功\"\n      ]\n    },\n    \"interactionFlow\": {\n      \"ascii\": \"当前对象 -> 主区域 -> 归属下钻 -> 二次来源 -> 返回来源关注项\\n业务动作 -> 宿主反馈 -> 展示当前对象结果\",\n      \"existingStates\": [\n        \"按源码处理 ready/loading/empty/error/forbidden 或对应只读展示\",\n        \"有写入动作时区分失败、阻断与宿主确认结果\"\n      ],\n      \"hostResponsibilities\": [\n        \"真实查询、规则校验、权限及持久化\",\n        \"路由、查询和草稿保存协调\"\n      ],\n      \"stateDistinction\": \"演示本地成功不代表企业服务或法定质量结论。\"\n    },\n    \"composition\": {\n      \"parts\": [\n        \"QcHandoff\",\n        \"QcTaskDetail\",\n        \"QcStandardDetail\",\n        \"QcEvidenceDetail\",\n        \"QcAnomalyDetail\",\n        \"QcRelatedRecordDetail\",\n        \"QcDisposalDetail\",\n        \"QcCaptureWorkbench\",\n        \"QcDrilldownView\"\n      ],\n      \"sharedContext\": [\n        \"QcObjectRef\",\n        \"QcReturnPoint\"\n      ],\n      \"coordination\": \"组件不隐式推进其他业务状态；预览是本地显式协调示例。\",\n      \"with\": [\n        {\n          \"assetId\": \"quality.inspection-task-workspace\",\n          \"support\": \"adaptation-proposal\",\n          \"coordination\": \"仅在对象和动作合同匹配时组合。\"\n        }\n      ]\n    },\n    \"reuse\": {\n      \"wholeWhen\": [\n        \"当前关注项职责及真实受控 Props 匹配。\"\n      ],\n      \"parts\": [\n        \"主区域、来源回查或受控交互可局部参考。\"\n      ],\n      \"adaptWhen\": [\n        \"按当前对象与规则适配；外观可以采用，不能复制演示政策。\"\n      ],\n      \"avoidWhen\": [\n        \"需要内置企业 API、自动质量放行、现场隔离确认或固定原型规则。\"\n      ]\n    },\n    \"sourceReadingOrder\": [\n      {\n        \"path\": \"components/business/quality/src/concerns/entries/qc-handoff-execution.tsx\",\n        \"purpose\": \"独立公开入口及真实 Props\",\n        \"symbols\": [\n          \"QcHandoff\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/handoff.tsx\",\n        \"purpose\": \"关注项业务内容与门禁\",\n        \"symbols\": [\n          \"QcHandoff\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/context.ts\",\n        \"purpose\": \"对象、修订及返回上下文\",\n        \"symbols\": [\n          \"QcObjectRef\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/details.tsx\",\n        \"purpose\": \"实际共享详情呈现\",\n        \"symbols\": [\n          \"QcTaskDetail\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/details-types.ts\",\n        \"purpose\": \"共享详情的数据要求\",\n        \"symbols\": [\n          \"QcDetailLink\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/guidance.ts\",\n        \"purpose\": \"Concern purpose, inputs, outcomes and boundaries.\",\n        \"symbols\": [\n          \"QcConcernGuidance\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/concern-content.tsx\",\n        \"purpose\": \"字段完整的事实、核查和表格呈现\",\n        \"symbols\": [\n          \"QcCheck\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/disposal-detail.tsx\",\n        \"purpose\": \"处置事实、原因核查、说明及授权双签\",\n        \"symbols\": [\n          \"QcDisposalCase\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/capture-workbench.tsx\",\n        \"purpose\": \"逐步采集、人工修正和样本完成事件\",\n        \"symbols\": [\n          \"QcCaptureGroup\"\n        ]\n      },\n      {\n        \"path\": \"components/business/quality/src/concerns/details/drilldown-view.tsx\",\n        \"symbols\": [\n          \"QcDrilldownView\"\n        ],\n        \"purpose\": \"完整业务视图、来源路径、面包屑与逐级返回；填写/确认独立弹窗\"\n      }\n    ]\n  }\n}\n","path":"references/metaform/components/business/quality/src/concerns/entries/qc-handoff-execution.reference.json","target":"~/references/metaform/components/business/quality/src/concerns/entries/qc-handoff-execution.reference.json","type":"registry:file"}],"meta":{"assetId":"resource.file.974d7022c67a3e1eb5f22cb1b992f9dd","contractRef":"components/business/quality/src/concerns/entries/qc-handoff-execution.reference.json","maturity":"candidate","releaseDigest":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-974d7022c67a3e1eb5f22cb1b992f9dd","registryDependencies":[],"title":"resource.file.974d7022c67a3e1eb5f22cb1b992f9dd","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-9757ff8fc1f1e3c29087e671c2c0330a","registryDependencies":[],"title":"resource.file.9757ff8fc1f1e3c29087e671c2c0330a","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-976b2ec747d6586ae072e70d8529b919","registryDependencies":[],"title":"resource.file.976b2ec747d6586ae072e70d8529b919","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-979df5a8937fae87d767f14a16e44a5b","registryDependencies":[],"title":"resource.file.979df5a8937fae87d767f14a16e44a5b","type":"registry:block"}

package/registry/3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f/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":"3440d7096663cdf928a3206e59100b7365df9078e48aeaa9cd65781e7bd1266f","version":"0.1.0"},"name":"resource-file-9828c43e30609abe2895da43d965766c","registryDependencies":[],"title":"resource.file.9828c43e30609abe2895da43d965766c","type":"registry:block"}