@james_sww/metaform-asset-distribution 0.1.3 → 0.1.4

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4d30620dddcc9c0a0e74253ac9884748.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4d30620dddcc9c0a0e74253ac9884748","files":[{"content":"import React, { useEffect, useState } from 'react';\n\nimport {\n  AlertTriangle,\n  ArrowRight,\n  CheckCircle2,\n  ChevronRight,\n  ExternalLink,\n  FileCheck,\n  FileText,\n  ShieldAlert,\n  Sparkles,\n  UserCheck,\n} from 'lucide-react';\n\nimport { Badge } from '@metaform/design-system/components/ui/badge';\nimport { Button } from '@metaform/design-system/components/ui/button';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from '@metaform/design-system/components/ui/card';\nimport {\n  Field,\n  FieldDescription,\n  FieldGroup,\n  FieldLabel,\n} from '@metaform/design-system/components/ui/field';\nimport { Textarea } from '@metaform/design-system/components/ui/textarea';\n\nimport {\n  type DisposalBatch,\n  type DisposalDefaults,\n  type DisposalHistoryRecord,\n  VERDICT_OPTIONS,\n  type VerdictKind,\n} from './disposal-types';\n\nexport interface BatchDisposalWorkbenchProps {\n  activeRole?: 'qc' | 'qa' | 'prod' | 'all';\n  batches?: DisposalBatch[];\n  defaults?: DisposalDefaults;\n  qaSignerName?: string;\n  prodSignerName?: string;\n  reusedHistoryRecord?: DisposalHistoryRecord | null;\n  onNavigateToExecutionTask?: (taskId: string) => void;\n  onDisposalCompleted?: (\n    batchId: string,\n    verdict: VerdictKind,\n    note: string,\n    signatures: { qa?: string; prod?: string },\n  ) => void;\n}\n\nexport function BatchDisposalWorkbench({\n  activeRole = 'qc',\n  batches: propBatches,\n  defaults,\n  qaSignerName = '质量主管 · 张琳',\n  prodSignerName = '生产主管 · 黄强',\n  reusedHistoryRecord,\n  onNavigateToExecutionTask,\n  onDisposalCompleted,\n}: BatchDisposalWorkbenchProps) {\n  const [batches, setBatches] = useState<DisposalBatch[]>(() => propBatches ?? []);\n\n  useEffect(() => {\n    if (propBatches) {\n      setBatches(propBatches);\n    }\n  }, [propBatches]);\n\n  const [selectedBatchId, setSelectedBatchId] = useState<string>(() => propBatches?.[0]?.id ?? '');\n  const [selectedVerdicts, setSelectedVerdicts] = useState<Record<string, VerdictKind>>(\n    () => defaults?.selectedVerdicts ?? {},\n  );\n  const [disposalNotes, setDisposalNotes] = useState<Record<string, string>>(\n    () => defaults?.disposalNotes ?? {},\n  );\n  const [signatures, setSignatures] = useState<Record<string, { qa?: string; prod?: string }>>(\n    () => defaults?.signatures ?? {},\n  );\n  const [noticeMessage, setNoticeMessage] = useState<string | null>(null);\n\n  // 监听复用历史记录，自动带入到当前批次中\n  useEffect(() => {\n    if (reusedHistoryRecord && selectedBatchId) {\n      setSelectedVerdicts((prev) => ({\n        ...prev,\n        [selectedBatchId]: reusedHistoryRecord.verdict,\n      }));\n      setDisposalNotes((prev) => ({\n        ...prev,\n        [selectedBatchId]: `【参考历史批次 ${reusedHistoryRecord.id} 方案】${reusedHistoryRecord.note}`,\n      }));\n    }\n  }, [reusedHistoryRecord, selectedBatchId]);\n\n  const showToast = (msg: string) => {\n    setNoticeMessage(msg);\n    setTimeout(() => setNoticeMessage(null), 3500);\n  };\n\n  const pendingBatches = batches.filter((b) => b.status === 'pending');\n  const currentBatch = batches.find((b) => b.id === selectedBatchId) ?? pendingBatches[0];\n\n  if (!currentBatch) {\n    return (\n      <div className=\"flex h-96 flex-col items-center justify-center p-8 text-center text-muted-foreground\">\n        <CheckCircle2 className=\"size-12 text-success mb-2\" />\n        <p className=\"text-base font-medium text-foreground\">当前没有待处置的不合格批次</p>\n        <p className=\"text-xs text-muted-foreground mt-1\">所有检测异常已完成双签处置并归档入库。</p>\n      </div>\n    );\n  }\n\n  const currentVerdict = selectedVerdicts[currentBatch.id] ?? currentBatch.suggestedVerdict;\n  const currentNote = disposalNotes[currentBatch.id] ?? currentBatch.note;\n  const currentSign = signatures[currentBatch.id] ?? {};\n  const isQaSigned = Boolean(currentSign.qa);\n  const isProdSigned = Boolean(currentSign.prod);\n  const isBothSigned = isQaSigned && isProdSigned;\n  const isReadyToClose = isBothSigned && currentNote.trim().length > 0;\n\n  // 处置方法切换（方法变更时清空双签以保证安全）\n  const handleSelectVerdict = (verdictKey: VerdictKind) => {\n    setSelectedVerdicts((prev) => ({ ...prev, [currentBatch.id]: verdictKey }));\n    setSignatures((prev) => ({\n      ...prev,\n      [currentBatch.id]: {},\n    }));\n    showToast(`处置方式已变更为【${VERDICT_OPTIONS[verdictKey].label}】，请重新进行双方签名确认`);\n  };\n\n  // 签字操作（感知当前角色权限）\n  const handleSign = (roleType: 'qa' | 'prod') => {\n    if (activeRole !== 'all' && activeRole !== roleType) {\n      const needed = roleType === 'qa' ? '质量主管' : '生产主管';\n      showToast(\n        `当前协同视角为【${activeRole === 'qc' ? '质检员' : activeRole === 'qa' ? '质量主管' : '生产主管'}】，请切换到【${needed}】或【全部成员】完成此项签字`,\n      );\n      return;\n    }\n\n    const signerName = roleType === 'qa' ? qaSignerName : prodSignerName;\n\n    setSignatures((prev) => ({\n      ...prev,\n      [currentBatch.id]: {\n        ...prev[currentBatch.id],\n        [roleType]: signerName,\n      },\n    }));\n\n    showToast(`${signerName} 签字确认成功`);\n  };\n\n  // 提交并关闭异常\n  const handleSubmitVerdict = () => {\n    if (!isReadyToClose) return;\n\n    setBatches((prev) =>\n      prev.map((b) =>\n        b.id === currentBatch.id\n          ? {\n              ...b,\n              status: 'resolved',\n              resolvedAt: '刚刚',\n              qaSign: currentSign.qa,\n              prodSign: currentSign.prod,\n            }\n          : b,\n      ),\n    );\n\n    onDisposalCompleted?.(currentBatch.id, currentVerdict, currentNote, currentSign);\n    showToast(`批次 ${currentBatch.id} 处置完成并已关闭异常，档案已归档！`);\n\n    // 自动切到下一个待处置批次\n    const remaining = batches.filter((b) => b.id !== currentBatch.id && b.status === 'pending');\n    if (remaining.length > 0) {\n      setSelectedBatchId(remaining[0].id);\n    }\n  };\n\n  const selectedVerdictConfig = VERDICT_OPTIONS[currentVerdict];\n  const suggestedVerdictConfig = VERDICT_OPTIONS[currentBatch.suggestedVerdict];\n\n  return (\n    <div\n      className=\"space-y-4 text-foreground animate-in fade-in-50 duration-200\"\n      data-asset=\"quality.batch-disposal-workbench\"\n    >\n      {/* 顶部轻提示 Toast */}\n      {noticeMessage && (\n        <div className=\"fixed top-14 right-6 z-50 flex items-center gap-2 rounded-lg border border-brand/30 bg-card px-4 py-2.5 text-xs font-medium text-foreground shadow-xl animate-in slide-in-from-top-2\">\n          <Sparkles className=\"size-4 text-brand\" />\n          <span>{noticeMessage}</span>\n        </div>\n      )}\n\n      {/* 1. 头部概览卡片 */}\n      <div className=\"flex flex-wrap items-center justify-between gap-3 rounded-xl border border-brand/20 bg-brand-soft/40 p-3.5 shadow-2xs\">\n        <div className=\"flex items-center gap-3\">\n          <div className=\"flex size-9 shrink-0 items-center justify-center rounded-lg bg-brand text-primary-foreground font-bold shadow-xs\">\n            处\n          </div>\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-sm font-bold text-foreground\">不合格品处置协同工作台</span>\n              <Badge\n                variant=\"outline\"\n                className=\"border-brand/30 bg-background text-brand text-[11px]\"\n              >\n                {pendingBatches.length} 批待闭环\n              </Badge>\n            </div>\n            <p className=\"mt-0.5 text-xs text-muted-foreground\">\n              严格执行质量三不原则（不接收、不制造、不流出）；质量主管与生产主管会签确认后关闭异常。\n            </p>\n          </div>\n        </div>\n\n        <div className=\"text-xs text-muted-foreground\">\n          当前协同视角：\n          <span className=\"font-semibold text-foreground ml-1\">\n            {activeRole === 'qa'\n              ? '质量主管 · 张琳'\n              : activeRole === 'prod'\n                ? '生产主管 · 黄强'\n                : activeRole === 'all'\n                  ? '全局主管协同'\n                  : '质检员 · 陈丽'}\n          </span>\n        </div>\n      </div>\n\n      {/* 2. 四步流转指示器 */}\n      <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-4\">\n        <div className=\"flex items-center gap-2.5 rounded-lg border border-brand/40 bg-brand-soft/50 p-2.5\">\n          <span className=\"flex size-6 shrink-0 items-center justify-center rounded-full bg-brand text-[11px] font-bold text-primary-foreground\">\n            1\n          </span>\n          <div className=\"min-w-0\">\n            <div className=\"text-xs font-semibold text-foreground\">确认异常</div>\n            <div className=\"text-[10.5px] text-muted-foreground truncate\">检测证据与影响范围</div>\n          </div>\n        </div>\n\n        <div\n          className={`flex items-center gap-2.5 rounded-lg border p-2.5 transition-colors ${\n            currentVerdict\n              ? 'border-brand/40 bg-brand-soft/50 text-foreground'\n              : 'border-border bg-card text-muted-foreground'\n          }`}\n        >\n          <span\n            className={`flex size-6 shrink-0 items-center justify-center rounded-full text-[11px] font-bold ${\n              currentVerdict ? 'bg-brand text-primary-foreground' : 'bg-muted text-muted-foreground'\n            }`}\n          >\n            2\n          </span>\n          <div className=\"min-w-0\">\n            <div className=\"text-xs font-semibold\">选择方法</div>\n            <div className=\"text-[10.5px] text-muted-foreground truncate\">明确产品处置方式</div>\n          </div>\n        </div>\n\n        <div\n          className={`flex items-center gap-2.5 rounded-lg border p-2.5 transition-colors ${\n            isBothSigned\n              ? 'border-success/40 bg-success/10 text-foreground'\n              : 'border-border bg-card text-muted-foreground'\n          }`}\n        >\n          <span\n            className={`flex size-6 shrink-0 items-center justify-center rounded-full text-[11px] font-bold ${\n              isBothSigned ? 'bg-success text-white' : 'bg-muted text-muted-foreground'\n            }`}\n          >\n            3\n          </span>\n          <div className=\"min-w-0\">\n            <div className=\"text-xs font-semibold\">双方签字</div>\n            <div className=\"text-[10.5px] text-muted-foreground truncate\">质量与生产共同确认</div>\n          </div>\n        </div>\n\n        <div\n          className={`flex items-center gap-2.5 rounded-lg border p-2.5 transition-colors ${\n            currentBatch.status === 'resolved'\n              ? 'border-success/40 bg-success/10 text-foreground'\n              : 'border-border bg-card text-muted-foreground'\n          }`}\n        >\n          <span\n            className={`flex size-6 shrink-0 items-center justify-center rounded-full text-[11px] font-bold ${\n              currentBatch.status === 'resolved'\n                ? 'bg-success text-white'\n                : 'bg-muted text-muted-foreground'\n            }`}\n          >\n            4\n          </span>\n          <div className=\"min-w-0\">\n            <div className=\"text-xs font-semibold\">关闭异常</div>\n            <div className=\"text-[10.5px] text-muted-foreground truncate\">生成记录并安排后续</div>\n          </div>\n        </div>\n      </div>\n\n      {/* 3. 待处置批次选择器 */}\n      <Card className=\"border-border bg-card shadow-xs\">\n        <CardHeader className=\"py-3 px-4 border-b border-border\">\n          <CardTitle className=\"text-xs font-semibold flex items-center justify-between text-muted-foreground\">\n            <span>待处置批次（选择一个异常继续处理）</span>\n            <span>共 {pendingBatches.length} 批需要决策</span>\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"p-3\">\n          <div className=\"grid grid-cols-1 gap-2.5 sm:grid-cols-2 lg:grid-cols-4\">\n            {batches.map((batch) => {\n              const isSelected = batch.id === currentBatch.id;\n              const hasKeyBad = batch.keyBad > 0;\n              return (\n                <button\n                  key={batch.id}\n                  type=\"button\"\n                  onClick={() => setSelectedBatchId(batch.id)}\n                  className={`flex flex-col rounded-xl border p-3 text-left transition-all cursor-pointer ${\n                    isSelected\n                      ? 'border-brand bg-brand-soft/70 shadow-xs ring-1 ring-brand/40'\n                      : 'border-border bg-card hover:border-brand/40 hover:bg-muted/40'\n                  }`}\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-xs font-bold text-foreground flex items-center gap-1.5\">\n                      {batch.id}\n                      {batch.firstBatch && (\n                        <span className=\"rounded bg-brand/10 px-1 py-0.2 text-[10px] font-semibold text-brand\">\n                          首批\n                        </span>\n                      )}\n                    </span>\n                    <Badge\n                      variant=\"outline\"\n                      className={`text-[10px] font-semibold ${\n                        batch.status === 'resolved'\n                          ? 'border-success/30 bg-success/10 text-success'\n                          : 'border-danger/30 bg-danger/10 text-danger'\n                      }`}\n                    >\n                      {batch.status === 'resolved' ? '已处置' : '待处置'}\n                    </Badge>\n                  </div>\n\n                  <div className=\"mt-1 text-[11px] text-muted-foreground\">\n                    {batch.sku} · {batch.quantity}\n                  </div>\n\n                  <div className=\"mt-2 flex items-center gap-1 text-[11px]\">\n                    <span className=\"text-muted-foreground\">抽检 {batch.sampled}</span>\n                    <span className=\"text-muted-foreground\">·</span>\n                    <span\n                      className={\n                        hasKeyBad ? 'font-bold text-danger' : 'font-semibold text-amber-600'\n                      }\n                    >\n                      不合格 {batch.bad} 片\n                    </span>\n                    {hasKeyBad && (\n                      <span className=\"text-[10px] text-danger font-medium\">\n                        （关键 {batch.keyBad}）\n                      </span>\n                    )}\n                  </div>\n                </button>\n              );\n            })}\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* 4. 当前选中批次的异常明细与系统智能建议 */}\n      <Card className=\"border-border bg-card shadow-xs\">\n        <CardHeader className=\"py-3 px-4 border-b border-border flex flex-row items-center justify-between\">\n          <div>\n            <div className=\"text-xs font-bold text-foreground flex items-center gap-2\">\n              <span>\n                {currentBatch.id} · {currentBatch.sku}\n              </span>\n              <span className=\"text-[11px] font-normal text-muted-foreground\">\n                {currentBatch.quantity} · 抽检 {currentBatch.sampled} 片 · 不合格 {currentBatch.bad}{' '}\n                片 ({((currentBatch.bad / currentBatch.sampled) * 100).toFixed(1)}%)\n                {currentBatch.keyBad > 0 && ` · 关键项 ${currentBatch.keyBad} 片`}\n              </span>\n            </div>\n          </div>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"text-xs gap-1 h-7 border-border hover:bg-muted\"\n            onClick={() => onNavigateToExecutionTask?.(currentBatch.taskId)}\n          >\n            <FileText className=\"size-3\" />\n            查看检测记录\n          </Button>\n        </CardHeader>\n        <CardContent className=\"p-4 space-y-3\">\n          {/* 异常指标与证据表格 */}\n          <div className=\"overflow-x-auto rounded-lg border border-border\">\n            <table className=\"w-full text-left text-sm\">\n              <thead className=\"border-b border-border bg-muted/40 text-muted-foreground\">\n                <tr className=\"h-11\">\n                  <th className=\"px-4 py-3 font-semibold text-left\">异常指标</th>\n                  <th className=\"px-4 py-3 font-semibold text-left\">不合格数量</th>\n                  <th className=\"px-4 py-3 font-semibold text-left\">严重等级</th>\n                  <th className=\"px-4 py-3 font-semibold text-left\">检测证据</th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-border\">\n                {currentBatch.details.map((detail, idx) => (\n                  <tr key={`${detail.name}-${idx}`} className=\"hover:bg-muted/30\">\n                    <td className=\"px-4 py-3 font-semibold text-foreground\">{detail.name}</td>\n                    <td className=\"px-4 py-3 text-muted-foreground\">{detail.count} 片</td>\n                    <td className=\"px-4 py-3\">\n                      <span\n                        className={`inline-flex items-center rounded px-2 py-0.5 text-xs font-semibold border ${\n                          detail.level === '关键'\n                            ? 'border-destructive/30 bg-destructive/10 text-destructive'\n                            : 'border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-400'\n                        }`}\n                      >\n                        {detail.level}\n                      </span>\n                    </td>\n                    <td className=\"px-4 py-3 text-muted-foreground\">{detail.evidence}</td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n\n          {/* 系统智能建议卡片 */}\n          <div className=\"flex items-start gap-3 rounded-xl border border-brand/25 bg-brand-soft/30 p-3 shadow-2xs\">\n            <span className=\"flex size-7 shrink-0 items-center justify-center rounded-lg bg-brand text-primary-foreground font-bold text-xs shadow-xs\">\n              AI\n            </span>\n            <div className=\"min-w-0 flex-1 text-xs\">\n              <div className=\"flex items-center gap-2\">\n                <span className=\"font-bold text-foreground\">\n                  系统推荐处置方案：【{suggestedVerdictConfig.label}】\n                </span>\n                <Badge\n                  variant=\"outline\"\n                  className=\"border-brand/25 bg-brand-soft/60 text-brand text-[10px]\"\n                >\n                  根据历史相似 8D 案例文档匹配\n                </Badge>\n              </div>\n              <div className=\"mt-1 text-muted-foreground leading-relaxed\">\n                {currentBatch.suggestReason}\n              </div>\n            </div>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"text-xs h-7 shrink-0 border-brand/30 text-brand hover:bg-brand-soft/60\"\n              onClick={() => handleSelectVerdict(currentBatch.suggestedVerdict)}\n            >\n              采纳此建议\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* 5. 处置方法与双方共同确认 */}\n      <Card className=\"border-border bg-card shadow-xs\">\n        <CardHeader className=\"py-3 px-4 border-b border-border\">\n          <CardTitle className=\"text-xs font-semibold flex items-center justify-between text-muted-foreground\">\n            <span>处置方法与共同确认（方法变更后需要重新签字）</span>\n            <span className=\"text-[11px] text-brand\">质量与生产双签合规闭环</span>\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"p-4 space-y-4\">\n          {/* 五种处置方式快捷按钮 */}\n          <div>\n            <div className=\"mb-2 text-xs font-medium text-muted-foreground\">选择处置方案：</div>\n            <div className=\"grid grid-cols-2 gap-2 sm:grid-cols-5\">\n              {(['hold', 'rework', 'concess', 'down', 'scrap'] as VerdictKind[]).map((key) => {\n                const opt = VERDICT_OPTIONS[key];\n                const isSelected = currentVerdict === key;\n                return (\n                  <button\n                    key={key}\n                    type=\"button\"\n                    onClick={() => handleSelectVerdict(key)}\n                    className={`flex items-center justify-center gap-1.5 rounded-lg border py-2 px-3 text-xs font-semibold transition-all cursor-pointer ${\n                      isSelected\n                        ? opt.activeClass\n                        : 'border-border bg-muted/40 text-muted-foreground hover:bg-muted hover:text-foreground'\n                    }`}\n                  >\n                    <span>{opt.icon}</span>\n                    <span>{opt.label}</span>\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          {/* 处置说明输入框 (采用标准 FieldGroup / Field / FieldLabel / FieldDescription 组件) */}\n          <FieldGroup>\n            <Field className=\"space-y-1.5\">\n              <div className=\"flex items-center justify-between\">\n                <FieldLabel\n                  htmlFor=\"disposal-note\"\n                  className=\"text-xs font-semibold text-foreground\"\n                >\n                  处置说明与复检要求\n                </FieldLabel>\n                <FieldDescription className=\"text-[11px] text-muted-foreground font-normal\">\n                  请详述处置范围、现场执行方法和后续复检要求\n                </FieldDescription>\n              </div>\n              <Textarea\n                id=\"disposal-note\"\n                rows={3}\n                value={currentNote}\n                onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => {\n                  const val = e.target.value;\n                  setDisposalNotes((prev) => ({ ...prev, [currentBatch.id]: val }));\n                }}\n                className=\"w-full text-xs placeholder:text-muted-foreground focus-visible:ring-brand leading-relaxed bg-muted/20\"\n                placeholder=\"说明处置范围、执行方法和后续复检要求...\"\n              />\n            </Field>\n          </FieldGroup>\n\n          {/* 双主管会签确认标题 */}\n          <div className=\"text-xs font-semibold text-foreground pt-1\">\n            双主管会签确认（点击签名卡片即可完成电子签名）：\n          </div>\n\n          {/* 双方签名卡片 */}\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            {/* 质量主管确认卡片 */}\n            <div\n              className={`flex items-center justify-between rounded-xl border p-3.5 transition-all ${\n                isQaSigned\n                  ? 'border-success/40 bg-success/5 shadow-2xs'\n                  : 'border-border/80 bg-card hover:border-brand/40 shadow-2xs'\n              }`}\n            >\n              <div className=\"flex items-center gap-3\">\n                <div\n                  className={`flex size-8 shrink-0 items-center justify-center rounded-lg text-xs font-bold shadow-2xs ${\n                    isQaSigned\n                      ? 'bg-success text-white'\n                      : 'bg-brand-soft text-brand border border-brand/20'\n                  }`}\n                >\n                  {isQaSigned ? '✓' : '质'}\n                </div>\n                <div>\n                  <div className=\"text-xs font-bold text-foreground\">\n                    质量主管核准\n                    <span className=\"text-[11px] text-muted-foreground font-normal ml-1\">\n                      （确认质量标准与让步风险）\n                    </span>\n                  </div>\n                  <div className=\"text-[11px] text-muted-foreground mt-0.5\">\n                    {isQaSigned\n                      ? `${currentSign.qa} · 已完成电子签名`\n                      : '待签：核准缺陷等级与隔离复检方案'}\n                  </div>\n                </div>\n              </div>\n\n              {isQaSigned ? (\n                <Badge\n                  variant=\"outline\"\n                  className=\"border-success/40 bg-success/20 text-success text-xs font-semibold\"\n                >\n                  已确认\n                </Badge>\n              ) : (\n                <Button\n                  size=\"sm\"\n                  className=\"bg-brand text-primary-foreground hover:bg-brand/90 text-sm h-9 px-3 gap-1.5 shadow-xs cursor-pointer\"\n                  onClick={() => handleSign('qa')}\n                >\n                  ✍ 点击签署\n                </Button>\n              )}\n            </div>\n\n            {/* 生产主管确认卡片 */}\n            <div\n              className={`flex items-center justify-between rounded-xl border p-3.5 transition-all ${\n                isProdSigned\n                  ? 'border-success/40 bg-success/5 shadow-2xs'\n                  : 'border-border/80 bg-card hover:border-brand/40 shadow-2xs'\n              }`}\n            >\n              <div className=\"flex items-center gap-3\">\n                <div\n                  className={`flex size-8 shrink-0 items-center justify-center rounded-lg text-xs font-bold shadow-2xs ${\n                    isProdSigned\n                      ? 'bg-success text-white'\n                      : 'bg-brand-soft text-brand border border-brand/20'\n                  }`}\n                >\n                  {isProdSigned ? '✓' : '产'}\n                </div>\n                <div>\n                  <div className=\"text-xs font-bold text-foreground\">\n                    生产主管核准\n                    <span className=\"text-[11px] text-muted-foreground font-normal ml-1\">\n                      （确认隔离实物与返工排程）\n                    </span>\n                  </div>\n                  <div className=\"text-[11px] text-muted-foreground mt-0.5\">\n                    {isProdSigned\n                      ? `${currentSign.prod} · 已完成电子签名`\n                      : '待签：确认隔离实物数量与现场整改责任人'}\n                  </div>\n                </div>\n              </div>\n\n              {isProdSigned ? (\n                <Badge\n                  variant=\"outline\"\n                  className=\"border-success/40 bg-success/20 text-success text-xs font-semibold\"\n                >\n                  已确认\n                </Badge>\n              ) : (\n                <Button\n                  size=\"sm\"\n                  className=\"bg-brand text-primary-foreground hover:bg-brand/90 text-sm h-9 px-3 gap-1.5 shadow-xs cursor-pointer\"\n                  onClick={() => handleSign('prod')}\n                >\n                  ✍ 点击签署\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {/* 底部确认与关闭操作栏 */}\n          <div className=\"flex flex-wrap items-center justify-between gap-3 border-t border-border pt-4\">\n            <div className=\"text-xs\">\n              <span className=\"text-muted-foreground\">当前选择：</span>\n              <span className=\"font-bold text-foreground mr-2\">\n                {selectedVerdictConfig.icon} {selectedVerdictConfig.label}\n              </span>\n              <span className=\"text-[11px] text-muted-foreground\">\n                {isBothSigned\n                  ? '双方已确认签字，可以关闭异常并生成处置记录。'\n                  : '还需完成处置说明和双方签字。'}\n              </span>\n            </div>\n\n            <Button\n              className=\"bg-brand text-primary-foreground hover:bg-brand/90 gap-1.5 shadow-sm\"\n              disabled={!isReadyToClose}\n              onClick={handleSubmitVerdict}\n            >\n              <FileCheck className=\"size-4\" />\n              确认处置并关闭异常\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n","path":"references/metaform/components/business/industry/inspection/src/batch-disposal-workbench.tsx","target":"~/references/metaform/components/business/industry/inspection/src/batch-disposal-workbench.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.4d30620dddcc9c0a0e74253ac9884748","contractRef":"components/business/industry/inspection/src/batch-disposal-workbench.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4d30620dddcc9c0a0e74253ac9884748","registryDependencies":[],"title":"resource.file.4d30620dddcc9c0a0e74253ac9884748","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4d5ed560d6cfef0bcb835646a9094e2d.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4d5ed560d6cfef0bcb835646a9094e2d","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { ScrollArea as ScrollAreaPrimitive } from \"radix-ui\"\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-full bg-border\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n","path":"src/components/vendor/shadcn/new-york-v4/ui/scroll-area.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/scroll-area.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.4d5ed560d6cfef0bcb835646a9094e2d","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/scroll-area.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4d5ed560d6cfef0bcb835646a9094e2d","registryDependencies":[],"title":"resource.file.4d5ed560d6cfef0bcb835646a9094e2d","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4d9f59895f2ee7060f1748ff21349c1e.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4d9f59895f2ee7060f1748ff21349c1e","files":[{"content":"import type { FramePacket, StreamClientOptions, StreamConnectionState } from './types';\n\nexport class WebSocketFrameClient {\n  private ws: WebSocket | null = null;\n  private state: StreamConnectionState = 'idle';\n  private reconnectAttempts = 0;\n  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;\n  private pendingBlob: Blob | null = null;\n  private pendingFrame: { blob: Blob; meta: Record<string, any> } | null = null;\n  private isProcessing = false;\n  private lastBitmap: ImageBitmap | null = null;\n  private disposed = false;\n\n  constructor(private readonly options: StreamClientOptions) {}\n\n  public connect(): void {\n    if (this.disposed || this.ws) return;\n\n    this.setState('connecting');\n    try {\n      this.ws = new WebSocket(this.options.url);\n      this.ws.binaryType = this.options.binaryType || 'blob';\n\n      this.ws.onopen = () => {\n        this.reconnectAttempts = 0;\n        this.setState('connected');\n      };\n\n      this.ws.onclose = () => {\n        this.ws = null;\n        this.setState('disconnected');\n        this.scheduleReconnect();\n      };\n\n      this.ws.onerror = (_ev) => {\n        const err = new Error(`WebSocket error on ${this.options.url}`);\n        this.options.onError?.(err);\n        this.setState('error');\n      };\n\n      this.ws.onmessage = (ev: MessageEvent) => {\n        this.handleMessage(ev);\n      };\n    } catch (err) {\n      this.setState('error');\n      this.options.onError?.(err instanceof Error ? err : new Error(String(err)));\n      this.scheduleReconnect();\n    }\n  }\n\n  private handleMessage(ev: MessageEvent): void {\n    if (ev.data instanceof Blob) {\n      // QCVision sends each frame as Blob followed by its JSON metadata.\n      this.pendingBlob = ev.data;\n      return;\n    }\n\n    if (typeof ev.data === 'string') {\n      try {\n        const meta = JSON.parse(ev.data);\n        if (meta.ping) return;\n        // 如果有暂存的 Blob，与该 meta 组合\n        if (this.pendingBlob) {\n          const blob = this.pendingBlob;\n          this.pendingBlob = null;\n          if (this.options.grabLatest && this.isProcessing) {\n            this.pendingFrame = { blob, meta };\n          } else {\n            void this.processBlob(blob, meta);\n          }\n        }\n      } catch {\n        // ignore malformed metadata\n      }\n    }\n  }\n\n  private async processBlob(blob: Blob, meta: Record<string, any> = {}): Promise<void> {\n    this.isProcessing = true;\n    try {\n      if (typeof createImageBitmap === 'function') {\n        const bmp = await createImageBitmap(blob);\n        if (this.disposed) {\n          bmp.close();\n          return;\n        }\n\n        // 释放上一帧位图显存，防止高频内存泄漏\n        if (this.lastBitmap) {\n          this.lastBitmap.close();\n        }\n        this.lastBitmap = bmp;\n\n        const packet: FramePacket = {\n          image: bmp,\n          rawBlob: blob,\n          meta,\n          timestamp: Date.now(),\n        };\n        this.options.onFrame?.(packet);\n      } else {\n        const packet: FramePacket = {\n          image: null,\n          rawBlob: blob,\n          meta,\n          timestamp: Date.now(),\n        };\n        this.options.onFrame?.(packet);\n      }\n    } catch (_err) {\n      // frame decode error, drop frame\n    } finally {\n      this.isProcessing = false;\n      // If decoding fell behind, consume the latest complete Blob + metadata pair.\n      if (this.pendingFrame && !this.disposed) {\n        const nextFrame = this.pendingFrame;\n        this.pendingFrame = null;\n        void this.processBlob(nextFrame.blob, nextFrame.meta);\n      }\n    }\n  }\n\n  private setState(state: StreamConnectionState): void {\n    if (this.state === state) return;\n    this.state = state;\n    this.options.onStateChange?.(state);\n  }\n\n  private scheduleReconnect(): void {\n    if (this.disposed) return;\n    if (this.options.autoReconnect === false) return;\n\n    const maxAttempts = this.options.maxReconnectAttempts ?? 10;\n    if (this.reconnectAttempts >= maxAttempts) return;\n\n    this.reconnectAttempts++;\n    const interval =\n      (this.options.reconnectIntervalMs ?? 1500) * Math.min(this.reconnectAttempts, 4);\n\n    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);\n    this.reconnectTimer = setTimeout(() => {\n      this.connect();\n    }, interval);\n  }\n\n  public disconnect(): void {\n    this.disposed = true;\n    if (this.reconnectTimer) {\n      clearTimeout(this.reconnectTimer);\n      this.reconnectTimer = null;\n    }\n    if (this.ws) {\n      this.ws.onclose = null;\n      this.ws.onerror = null;\n      this.ws.onmessage = null;\n      this.ws.close();\n      this.ws = null;\n    }\n    if (this.lastBitmap) {\n      this.lastBitmap.close();\n      this.lastBitmap = null;\n    }\n    this.pendingBlob = null;\n    this.pendingFrame = null;\n    this.setState('disconnected');\n  }\n\n  public getState(): StreamConnectionState {\n    return this.state;\n  }\n}\n","path":"references/metaform/components/business/industry/vision/src/runtime/websocket-frame-client.ts","target":"~/references/metaform/components/business/industry/vision/src/runtime/websocket-frame-client.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.4d9f59895f2ee7060f1748ff21349c1e","contractRef":"components/business/industry/vision/src/runtime/websocket-frame-client.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4d9f59895f2ee7060f1748ff21349c1e","registryDependencies":[],"title":"resource.file.4d9f59895f2ee7060f1748ff21349c1e","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4da7d38ab74d0654a768f85d230f4814.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4da7d38ab74d0654a768f85d230f4814","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\nfunction BubbleGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"bubble-group\"\n      className={cn(\"cn-bubble-group flex min-w-0 flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nconst bubbleVariants = cva(\n  \"cn-bubble group/bubble relative flex w-fit min-w-0 flex-col\",\n  {\n    variants: {\n      variant: {\n        default: \"cn-bubble-variant-default\",\n        secondary: \"cn-bubble-variant-secondary\",\n        muted: \"cn-bubble-variant-muted\",\n        tinted: \"cn-bubble-variant-tinted\",\n        outline: \"cn-bubble-variant-outline\",\n        ghost: \"cn-bubble-variant-ghost\",\n        destructive: \"cn-bubble-variant-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Bubble({\n  variant = \"default\",\n  align = \"start\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof bubbleVariants> & {\n    align?: \"start\" | \"end\"\n  }) {\n  return (\n    <div\n      data-slot=\"bubble\"\n      data-variant={variant}\n      data-align={align}\n      className={cn(bubbleVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction BubbleContent({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"cn-bubble-content w-fit max-w-full min-w-0 overflow-hidden wrap-break-word [button]:text-left [button,a]:transition-colors\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"bubble-content\",\n    },\n  })\n}\n\nconst bubbleReactionsVariants = cva(\n  \"cn-bubble-reactions absolute z-10 flex w-fit items-center justify-center\",\n  {\n    variants: {\n      side: {\n        top: \"cn-bubble-reactions-side-top\",\n        bottom: \"cn-bubble-reactions-side-bottom\",\n      },\n      align: {\n        start: \"cn-bubble-reactions-align-start\",\n        end: \"cn-bubble-reactions-align-end\",\n      },\n    },\n    defaultVariants: {\n      side: \"bottom\",\n      align: \"end\",\n    },\n  }\n)\n\nfunction BubbleReactions({\n  side = \"bottom\",\n  align = \"end\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  align?: \"start\" | \"end\"\n  side?: \"top\" | \"bottom\"\n}) {\n  return (\n    <div\n      data-slot=\"bubble-reactions\"\n      data-align={align}\n      data-side={side}\n      className={cn(bubbleReactionsVariants({ side, align }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { BubbleGroup, Bubble, BubbleContent, BubbleReactions }\n","path":"src/components/vendor/shadcn/base/ui/bubble.tsx","target":"~/src/components/vendor/shadcn/base/ui/bubble.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.4da7d38ab74d0654a768f85d230f4814","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/bubble.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4da7d38ab74d0654a768f85d230f4814","registryDependencies":[],"title":"resource.file.4da7d38ab74d0654a768f85d230f4814","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4df4c418bdafef34073d7e3a75f5b89a.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4df4c418bdafef34073d7e3a75f5b89a","files":[{"content":"import type { ReactNode } from 'react';\n\nexport type CtqLevel = 'critical' | 'major' | 'normal';\n\nexport interface CtqItem {\n  id: string;\n  category: string;\n  name: string;\n  specification: string;\n  lowerLimit?: string;\n  upperLimit?: string;\n  unit?: string;\n  method: string;\n  frequency: string;\n  level: CtqLevel;\n  relatedDefectIds: string[];\n  defects?: Array<{ id: string; name: string; severity: CtqLevel }>;\n  provenance?: { standardId: string; standardVersion: string; relation: string };\n}\n\nexport interface DefectClass {\n  id: string;\n  name: string;\n  category: string;\n  severity: CtqLevel;\n  description: string;\n  relatedCtqIds: string[];\n  provenance?: { ontologyId: string; ontologyVersion: string; relation?: string };\n}\n\nexport interface StandardRecommendation {\n  id: string;\n  title: string;\n  rationale: string;\n  status: 'pending' | 'accepted' | 'revision-requested';\n}\n\nexport interface StandardImage {\n  id: string;\n  label: string;\n  uri: string;\n}\n\nexport interface CustomerRequirement {\n  id: string;\n  customerCode: string;\n  requirement: string;\n  note?: string;\n}\n\nexport interface QualityStandardSnapshot {\n  standardId: string;\n  skuId: string;\n  skuName: string;\n  skuCode: string;\n  standardVersion: string;\n  ctqs: CtqItem[];\n  defects: DefectClass[];\n  recommendations: StandardRecommendation[];\n  images?: StandardImage[];\n  customerRequirements?: CustomerRequirement[];\n  productName?: string;\n  standardStatus?: string;\n  provenance?: {\n    ontologyId: string;\n    ontologyVersion: string;\n    standardId: string;\n    standardVersion: string;\n  };\n  source?: { ontologyId: string; ontologyVersion: string };\n  fieldSources?: Record<string, { object: string; path: string; versionField?: string }>;\n}\n\nexport interface QualityStandardWorkspaceSlots {\n  headerExtra?: ReactNode | ((snapshot: QualityStandardSnapshot) => ReactNode);\n  skuMetadataExtra?: ReactNode;\n  summaryExtra?: ReactNode;\n  ctqExtraColumns?: (item: CtqItem) => ReactNode;\n  defectMedia?: (defect: DefectClass) => ReactNode;\n  detailExtraTab?: ReactNode;\n  recommendationActions?: (recommendation: StandardRecommendation) => ReactNode;\n  footerExtra?: ReactNode;\n}\n\nexport interface QualityStandardCtqWorkspaceProps {\n  snapshots: QualityStandardSnapshot[];\n  selectedSkuId: string;\n  state?: 'loading' | 'ready' | 'empty' | 'forbidden' | 'error';\n  errorMessage?: string;\n  busyRecommendationId?: string;\n  busySkuId?: string;\n  slots?: QualityStandardWorkspaceSlots;\n  onSelectSku: (skuId: string) => void;\n  onAcceptRecommendation: (recommendationId: string) => void;\n  onRequestRevision: (recommendationId: string) => void;\n  onRetry?: () => void;\n}\n","path":"references/metaform/components/business/quality/src/quality-standard-ctq-types.ts","target":"~/references/metaform/components/business/quality/src/quality-standard-ctq-types.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.4df4c418bdafef34073d7e3a75f5b89a","contractRef":"components/business/quality/src/quality-standard-ctq-types.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4df4c418bdafef34073d7e3a75f5b89a","registryDependencies":[],"title":"resource.file.4df4c418bdafef34073d7e3a75f5b89a","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4e7437aef0ca11fa8d8052aa29a0124a.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4e7437aef0ca11fa8d8052aa29a0124a","files":[{"content":"import * as React from 'react';\n\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\nimport { cn } from '@metaform/design-system/lib/utils';\n\nfunction Switch({\n  className,\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        'peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-action data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-action-foreground dark:data-[state=unchecked]:bg-foreground',\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n","path":"references/metaform/vendor/design-system/src/components/ui/switch.tsx","target":"~/references/metaform/vendor/design-system/src/components/ui/switch.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.4e7437aef0ca11fa8d8052aa29a0124a","contractRef":"vendor/design-system/src/components/ui/switch.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4e7437aef0ca11fa8d8052aa29a0124a","registryDependencies":[],"title":"resource.file.4e7437aef0ca11fa8d8052aa29a0124a","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4eb6cad60f9b3c55325eb1521e58da40.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4eb6cad60f9b3c55325eb1521e58da40","files":[{"content":"import type { PipelineGroup, VisionInspectResult } from './types';\n\nfunction normalized(value: string | number | undefined): string | undefined {\n  if (value === undefined) return undefined;\n  return typeof value === 'number' ? String(Number(value.toFixed(4))) : value;\n}\n\nexport function resolveStationMeasurements(\n  group: PipelineGroup,\n  result: VisionInspectResult | null,\n): Record<string, string> {\n  const values: Record<string, string> = {};\n  const object = result?.objects?.[0];\n\n  for (const item of group.items) {\n    let value = normalized(result?.measurements?.[item.name]);\n    if (value === undefined && /总长|长度/.test(item.name)) {\n      value = normalized(object?.size_mm?.length);\n    }\n    if (value === undefined && /总宽|宽度/.test(item.name)) {\n      value = normalized(object?.size_mm?.width);\n    }\n    values[item.name] = value ?? item.val;\n  }\n\n  return values;\n}\n","path":"references/metaform/components/business/industry/vision/src/station-measurements.ts","target":"~/references/metaform/components/business/industry/vision/src/station-measurements.ts","type":"registry:file"}],"meta":{"assetId":"resource.file.4eb6cad60f9b3c55325eb1521e58da40","contractRef":"components/business/industry/vision/src/station-measurements.ts","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4eb6cad60f9b3c55325eb1521e58da40","registryDependencies":[],"title":"resource.file.4eb6cad60f9b3c55325eb1521e58da40","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4ec2156d751e3f1c7bd91a7953f44048.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4ec2156d751e3f1c7bd91a7953f44048","files":[{"content":"\"use client\"\n\nimport { TrendingUp } from \"lucide-react\"\nimport { Area, AreaChart, CartesianGrid, XAxis } 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 linear area chart\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186 },\n  { month: \"February\", desktop: 305 },\n  { month: \"March\", desktop: 237 },\n  { month: \"April\", desktop: 73 },\n  { month: \"May\", desktop: 209 },\n  { month: \"June\", desktop: 214 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartAreaLinear() {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Area Chart - Linear</CardTitle>\n        <CardDescription>\n          Showing total visitors for the last 6 months\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer config={chartConfig}>\n          <AreaChart\n            accessibilityLayer\n            data={chartData}\n            margin={{\n              left: 12,\n              right: 12,\n            }}\n          >\n            <CartesianGrid vertical={false} />\n            <XAxis\n              dataKey=\"month\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              tickFormatter={(value) => value.slice(0, 3)}\n            />\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent indicator=\"dot\" hideLabel />}\n            />\n            <Area\n              dataKey=\"desktop\"\n              type=\"linear\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.4}\n              stroke=\"var(--color-desktop)\"\n            />\n          </AreaChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter>\n        <div className=\"flex w-full items-start gap-2 text-sm\">\n          <div className=\"grid gap-2\">\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          </div>\n        </div>\n      </CardFooter>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-area-linear.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-area-linear.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.4ec2156d751e3f1c7bd91a7953f44048","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-area-linear.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4ec2156d751e3f1c7bd91a7953f44048","registryDependencies":[],"title":"resource.file.4ec2156d751e3f1c7bd91a7953f44048","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4ec312a285d651f121d381914420204e.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4ec312a285d651f121d381914420204e","files":[{"content":"import { Button } from '@metaform/design-system/components/ui/button';\n\nexport function RelationFocus({ label, onClear }: { label: string; onClear: () => void }) {\n  return (\n    <div\n      className=\"flex min-h-12 items-center gap-2 border-t border-border bg-brand-soft px-4 py-1 text-xs\"\n      data-asset=\"quality.relation-focus\"\n    >\n      <span className=\"flex-1\">{label}</span>\n      <Button variant=\"ghost-neutral\" onClick={onClear}>\n        清除筛选\n      </Button>\n    </div>\n  );\n}\n","path":"references/metaform/components/business/quality/src/relation-focus.tsx","target":"~/references/metaform/components/business/quality/src/relation-focus.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.4ec312a285d651f121d381914420204e","contractRef":"components/business/quality/src/relation-focus.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4ec312a285d651f121d381914420204e","registryDependencies":[],"title":"resource.file.4ec312a285d651f121d381914420204e","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4edbc145facf97071a9ac7f8486a96aa.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4edbc145facf97071a9ac7f8486a96aa","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        \"fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-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          \"group/drawer-content fixed z-50 flex h-auto flex-col bg-background\",\n          \"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=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n          \"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=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n          \"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=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          \"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=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted 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        \"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left\",\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(\"mt-auto flex flex-col gap-2 p-4\", 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(\"font-semibold text-foreground\", 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(\"text-sm text-muted-foreground\", 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/new-york-v4/ui/drawer.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/drawer.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.4edbc145facf97071a9ac7f8486a96aa","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/drawer.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4edbc145facf97071a9ac7f8486a96aa","registryDependencies":[],"title":"resource.file.4edbc145facf97071a9ac7f8486a96aa","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4eff2daa0be06d8b37afe8c1f2a6cd3f.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4eff2daa0be06d8b37afe8c1f2a6cd3f","files":[{"content":"// Tremor Divider [v1.0.0]\n\nimport React from \"react\"\n\nimport { cx } from \"../../utils/cx\"\n\ntype DividerProps = React.ComponentPropsWithoutRef<\"div\">\n\nconst Divider = React.forwardRef<HTMLDivElement, DividerProps>(\n  ({ className, children, ...props }, forwardedRef) => (\n    <div\n      ref={forwardedRef}\n      className={cx(\n        // base\n        \"mx-auto my-6 flex w-full items-center justify-between gap-3 text-sm\",\n        // text color\n        \"text-gray-500 dark:text-gray-500\",\n        className,\n      )}\n      tremor-id=\"tremor-raw\"\n      {...props}\n    >\n      {children ? (\n        <>\n          <div\n            className={cx(\n              // base\n              \"h-[1px] w-full\",\n              // background color\n              \"bg-gray-200 dark:bg-gray-800\",\n            )}\n          />\n          <div className=\"whitespace-nowrap text-inherit\">{children}</div>\n          <div\n            className={cx(\n              // base\n              \"h-[1px] w-full\",\n              // background color\n              \"bg-gray-200 dark:bg-gray-800\",\n            )}\n          />\n        </>\n      ) : (\n        <div\n          className={cx(\n            // base\n            \"h-[1px] w-full\",\n            // background color\n            \"bg-gray-200 dark:bg-gray-800\",\n          )}\n        />\n      )}\n    </div>\n  ),\n)\n\nDivider.displayName = \"Divider\"\n\nexport { Divider }\n","path":"src/components/vendor/tremor/components/Divider/Divider.tsx","target":"~/src/components/vendor/tremor/components/Divider/Divider.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.4eff2daa0be06d8b37afe8c1f2a6cd3f","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/Divider/Divider.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4eff2daa0be06d8b37afe8c1f2a6cd3f","registryDependencies":[],"title":"resource.file.4eff2daa0be06d8b37afe8c1f2a6cd3f","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-4fef9e0091d1e4682871bd560658da2b.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.4fef9e0091d1e4682871bd560658da2b","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        \"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\",\n        className\n      )}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"h-full w-full flex-1 bg-primary transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  )\n}\n\nexport { Progress }\n","path":"src/components/vendor/shadcn/new-york-v4/ui/progress.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/progress.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.4fef9e0091d1e4682871bd560658da2b","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/progress.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-4fef9e0091d1e4682871bd560658da2b","registryDependencies":[],"title":"resource.file.4fef9e0091d1e4682871bd560658da2b","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-50074d0acffa5bdceee4593f5d860f79.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.50074d0acffa5bdceee4593f5d860f79","files":[{"content":"\"use client\"\n\nimport { ArrowDownFromLine, ArrowUpFromLine, 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  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\n\nexport const description = \"A radar chart with icons\"\n\nconst chartData = [\n  { month: \"January\", desktop: 186, mobile: 80 },\n  { month: \"February\", desktop: 305, mobile: 200 },\n  { month: \"March\", desktop: 237, mobile: 120 },\n  { month: \"April\", desktop: 73, mobile: 190 },\n  { month: \"May\", desktop: 209, mobile: 130 },\n  { month: \"June\", desktop: 214, mobile: 140 },\n]\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n    icon: ArrowDownFromLine,\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"var(--chart-2)\",\n    icon: ArrowUpFromLine,\n  },\n} satisfies ChartConfig\n\nexport function ChartRadarIcons() {\n  return (\n    <Card>\n      <CardHeader className=\"items-center pb-4\">\n        <CardTitle>Radar Chart - Icons</CardTitle>\n        <CardDescription>\n          Showing total visitors for the last 6 months\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ChartContainer\n          config={chartConfig}\n          className=\"mx-auto aspect-square max-h-[250px]\"\n        >\n          <RadarChart\n            data={chartData}\n            margin={{\n              top: -40,\n              bottom: -10,\n              left: 0,\n              right: 0,\n            }}\n          >\n            <ChartTooltip\n              cursor={false}\n              content={<ChartTooltipContent indicator=\"line\" />}\n            />\n            <PolarAngleAxis dataKey=\"month\" />\n            <PolarGrid />\n            <Radar\n              dataKey=\"desktop\"\n              fill=\"var(--color-desktop)\"\n              fillOpacity={0.6}\n            />\n            <Radar dataKey=\"mobile\" fill=\"var(--color-mobile)\" />\n            <ChartLegend className=\"mt-8\" content={<ChartLegendContent />} />\n          </RadarChart>\n        </ChartContainer>\n      </CardContent>\n      <CardFooter className=\"flex-col gap-2 pt-4 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-icons.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-radar-icons.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.50074d0acffa5bdceee4593f5d860f79","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-radar-icons.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-50074d0acffa5bdceee4593f5d860f79","registryDependencies":[],"title":"resource.file.50074d0acffa5bdceee4593f5d860f79","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-5057227edac90744c335f606136cab68.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.5057227edac90744c335f606136cab68","files":[{"content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nconst alertVariants = cva(\"cn-alert group/alert relative w-full\", {\n  variants: {\n    variant: {\n      default: \"cn-alert-variant-default\",\n      destructive: \"cn-alert-variant-destructive\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"cn-alert-title [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"cn-alert-description [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"cn-alert-action\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n","path":"src/components/vendor/shadcn/radix/ui/alert.tsx","target":"~/src/components/vendor/shadcn/radix/ui/alert.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.5057227edac90744c335f606136cab68","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/alert.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-5057227edac90744c335f606136cab68","registryDependencies":[],"title":"resource.file.5057227edac90744c335f606136cab68","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-50afd8db220d2c04b67a849e768be5dd.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.50afd8db220d2c04b67a849e768be5dd","files":[{"content":"// Tremor TabNavigation [v1.0.0]\n\nimport React from \"react\"\nimport * as NavigationMenuPrimitives from \"@radix-ui/react-navigation-menu\"\n\nimport { cx } from \"../../utils/cx\"\nimport { focusRing } from \"../../utils/focusRing\"\n\nfunction getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode),\n) {\n  const { asChild, children } = options\n  if (!asChild)\n    return typeof content === \"function\" ? content(children) : content\n\n  const firstChild = React.Children.only(children) as React.ReactElement<{ children?: React.ReactNode }>\n  return React.cloneElement(firstChild, {\n    children:\n      typeof content === \"function\"\n        ? content(firstChild.props.children)\n        : content,\n  })\n}\n\nconst TabNavigation = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitives.Root>,\n  Omit<\n    React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitives.Root>,\n    \"orientation\" | \"defaultValue\" | \"dir\"\n  >\n>(({ className, children, ...props }, forwardedRef) => (\n  <NavigationMenuPrimitives.Root\n    ref={forwardedRef}\n    {...props}\n    tremor-id=\"tremor-raw\"\n    asChild={false}\n  >\n    <NavigationMenuPrimitives.List\n      className={cx(\n        // base\n        \"flex items-center justify-start whitespace-nowrap border-b [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n        // border color\n        \"border-gray-200 dark:border-gray-800\",\n        className,\n      )}\n    >\n      {children}\n    </NavigationMenuPrimitives.List>\n  </NavigationMenuPrimitives.Root>\n))\n\nTabNavigation.displayName = \"TabNavigation\"\n\nconst TabNavigationLink = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitives.Link>,\n  Omit<\n    React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitives.Link>,\n    \"onSelect\"\n  > & { disabled?: boolean }\n>(({ asChild, disabled, className, children, ...props }, forwardedRef) => (\n  <NavigationMenuPrimitives.Item className=\"flex\" aria-disabled={disabled}>\n    <NavigationMenuPrimitives.Link\n      aria-disabled={disabled}\n      className={cx(\n        \"group relative flex shrink-0 select-none items-center justify-center\",\n        disabled ? \"pointer-events-none\" : \"\",\n      )}\n      ref={forwardedRef}\n      onSelect={() => {}}\n      asChild={asChild}\n      {...props}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <span\n          className={cx(\n            // base\n            \"-mb-px flex items-center justify-center whitespace-nowrap border-b-2 border-transparent px-3 pb-2 text-sm font-medium transition-all\",\n            // text color\n            \"text-gray-500 dark:text-gray-500\",\n            // hover\n            \"group-hover:text-gray-700 dark:group-hover:text-gray-400\",\n            // border hover\n            \"group-hover:border-gray-300 dark:group-hover:border-gray-400\",\n            // selected\n            \"group-data-active:border-blue-500 group-data-active:text-blue-500\",\n            \"dark:group-data-active:border-blue-500 dark:group-data-active:text-blue-500\",\n            // disabled\n            disabled\n              ? \"pointer-events-none text-gray-300 dark:text-gray-700\"\n              : \"\",\n            focusRing,\n            className,\n          )}\n        >\n          {children}\n        </span>\n      ))}\n    </NavigationMenuPrimitives.Link>\n  </NavigationMenuPrimitives.Item>\n))\n\nTabNavigationLink.displayName = \"TabNavigationLink\"\n\nexport { TabNavigation, TabNavigationLink }\n","path":"src/components/vendor/tremor/components/TabNavigation/TabNavigation.tsx","target":"~/src/components/vendor/tremor/components/TabNavigation/TabNavigation.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.50afd8db220d2c04b67a849e768be5dd","contractRef":"vendor/component-registry/tremor/ca4d588f47820ff3d514d37fa4ee08a4222dec11/src/components/TabNavigation/TabNavigation.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-50afd8db220d2c04b67a849e768be5dd","registryDependencies":[],"title":"resource.file.50afd8db220d2c04b67a849e768be5dd","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-513f193c591b981d671bbe047ffc68e6.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.513f193c591b981d671bbe047ffc68e6","files":[{"content":"import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n  Camera,\n  ChevronDown,\n  Grid3X3,\n  Mic,\n  PanelRightClose,\n  PanelRightOpen,\n  ScanSearch,\n  Settings2,\n} from 'lucide-react';\n\nimport { Badge } from '@metaform/design-system/components/ui/badge';\nimport { Button } from '@metaform/design-system/components/ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@metaform/design-system/components/ui/dropdown-menu';\nimport { cn } from '@metaform/design-system/lib/utils';\n\nimport { type QcVisionSettingsDialog, QcVisionSettingsDialogs } from './qcvision-settings-dialogs';\nimport './qcvision-station-entry.css';\nimport { resolveStationMeasurements } from './station-measurements';\nimport type {\n  PipelineGroup,\n  QcVisionStationStatus,\n  QcVisionStationTerminalProps,\n  StationBackfillReview,\n} from './types';\nimport { useQcVisionStation } from './use-qcvision-station';\nimport { VisionStreamViewport } from './vision-stream-viewport';\n\nconst STATUS_LABEL: Record<QcVisionStationStatus, string> = {\n  idle: '未开始',\n  capturing: '采集状态 · 实时监控',\n  inspecting: '算法处理状态 · 画面已冻结',\n  continuous: '连续采集与算法处理',\n  done: '本轮采集已完成',\n};\n\nfunction verdictOf(group: PipelineGroup, values: Record<string, string>): 'OK' | 'NG' | 'WAIT' {\n  if (group.items.some((item) => values[item.name] === undefined)) return 'WAIT';\n  return group.items.some((item) => item.judge === 'bad') ? 'NG' : 'OK';\n}\n\nexport function QcVisionStationTerminal({\n  isOpen,\n  targetName = '当前检测样件',\n  sku = '生产规格标准件',\n  batch = '当前批次',\n  pipelineGroups,\n  hardwareLamps,\n  connection,\n  demoAdapter,\n  production,\n  onClose,\n  onBackfill,\n}: QcVisionStationTerminalProps) {\n  const groups = pipelineGroups;\n  const emptyGroup: PipelineGroup = {\n    step: 0,\n    code: 'empty',\n    name: '未配置检测流程',\n    device: '未配置',\n    method: '未配置',\n    items: [],\n    verdict: 'WAIT',\n    confirmed: false,\n  };\n  interface StationLogItem {\n    id: string;\n    time: string;\n    action: string;\n    target?: string;\n    tag?: 'OK' | 'NG' | 'NA';\n  }\n\n  const [currentStepIndex, setCurrentStepIndex] = useState(0);\n  const [measuredValues, setMeasuredValues] = useState<Record<string, string>>({});\n  const [reviews, setReviews] = useState<Record<string, StationBackfillReview>>({});\n  const [confirmedSteps, setConfirmedSteps] = useState<Set<number>>(() => new Set());\n  const [logs, setLogs] = useState<StationLogItem[]>([]);\n  const [sideOpen, setSideOpen] = useState(true);\n  const [settingsDialog, setSettingsDialog] = useState<QcVisionSettingsDialog>(null);\n  const currentGroup = groups[currentStepIndex] ?? emptyGroup;\n  const productionContext = useMemo(\n    () => ({\n      batch,\n      line: production?.line,\n      task: production?.task,\n      oper: production?.operator,\n    }),\n    [batch, production?.line, production?.operator, production?.task],\n  );\n  const station = useQcVisionStation({\n    enabled: isOpen,\n    connection,\n    group: currentGroup,\n    demoAdapter,\n    production: productionContext,\n  });\n  const { start, stop, capture, confirm, cancel, toggleAsr, session, result } = station;\n  const currentResultValues = useMemo(\n    () => resolveStationMeasurements(currentGroup, result),\n    [currentGroup, result],\n  );\n  const appendLog = useCallback((action: string, target?: string, tag?: 'OK' | 'NG' | 'NA') => {\n    const time = new Date().toLocaleTimeString('zh-CN', {\n      hour: '2-digit',\n      minute: '2-digit',\n      second: '2-digit',\n    });\n    const newEntry: StationLogItem = {\n      id: `${Date.now()}-${Math.random().toString(36).slice(2, 6)}`,\n      time,\n      action,\n      target,\n      tag,\n    };\n    setLogs((current) => [newEntry, ...current].slice(0, 12));\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) return;\n    setCurrentStepIndex(0);\n    setMeasuredValues({});\n    setReviews({});\n    setConfirmedSteps(new Set());\n    setLogs([]);\n    setSideOpen(true);\n    setSettingsDialog(null);\n  }, [isOpen]);\n\n  const handleStart = useCallback(async () => {\n    await start();\n    appendLog('开始采集', currentGroup.name);\n  }, [appendLog, currentGroup.name, start]);\n\n  // 打开工位弹窗后自动启动采集，进入 LIVE 取景监控态（消除冷冰冰的全置灰按钮与离线假死感）\n  useEffect(() => {\n    if (!isOpen) return;\n    if (session.state === 'idle') {\n      const timer = setTimeout(() => {\n        void handleStart();\n      }, 50);\n      return () => clearTimeout(timer);\n    }\n  }, [handleStart, isOpen, session.state]);\n\n  const handleCapture = useCallback(async () => {\n    await capture();\n    appendLog('拍摄并冻结', currentGroup.name);\n  }, [appendLog, capture, currentGroup.name]);\n\n  const handleConfirm = useCallback(async () => {\n    if (!result) return;\n    const values = resolveStationMeasurements(currentGroup, result);\n    setMeasuredValues((current) => ({ ...current, ...values }));\n    setConfirmedSteps((current) => {\n      const next = new Set(current);\n      next.add(currentStepIndex);\n      return next;\n    });\n    appendLog('确认本组', currentGroup.name, result.verdict ?? 'NA');\n    await confirm();\n    if (currentStepIndex < groups.length - 1) setCurrentStepIndex((index) => index + 1);\n  }, [appendLog, confirm, currentGroup, currentStepIndex, groups.length, result]);\n\n  const handleRetake = useCallback(async () => {\n    await cancel();\n    appendLog('放弃重拍', currentGroup.name);\n  }, [appendLog, cancel, currentGroup.name]);\n\n  const handleClose = useCallback(async () => {\n    if (session.running) await stop();\n    onClose();\n  }, [onClose, session.running, stop]);\n\n  const handleBackfill = useCallback(async () => {\n    const finalValues: Record<string, string> = {};\n    for (const group of groups) {\n      for (const item of group.items)\n        finalValues[item.name] = measuredValues[item.name] ?? item.val;\n    }\n    onBackfill(finalValues, reviews);\n    appendLog('完成回填', `共 ${Object.keys(finalValues).length} 项`);\n    if (session.running) await stop();\n    onClose();\n  }, [appendLog, groups, measuredValues, onBackfill, onClose, reviews, session.running, stop]);\n\n  const markReview = useCallback(\n    (name: string) => {\n      const value = measuredValues[name] ?? currentResultValues[name];\n      if (value === undefined) return;\n      setReviews((current) => ({\n        ...current,\n        [name]: { val: value, reason: '人工复核确认设备采集值' },\n      }));\n      appendLog('人工复核', `${name}=${value}`);\n    },\n    [appendLog, currentResultValues, measuredValues],\n  );\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      const target = event.target as HTMLElement | null;\n      if (target?.matches('input, textarea, select, [contenteditable=\"true\"]')) return;\n      const key = event.key.toLowerCase();\n      if (key === 'c' && session.state === 'idle') void handleStart();\n      else if ((key === 't' || key === ' ') && session.state === 'capturing') {\n        event.preventDefault();\n        void handleCapture();\n      } else if (key === 'enter' && session.state === 'inspecting' && result) {\n        event.preventDefault();\n        void handleConfirm();\n      } else if (key === 'escape' && session.state === 'inspecting') {\n        event.preventDefault();\n        void handleRetake();\n      } else if (key === 'v') {\n        event.preventDefault();\n        void toggleAsr();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [\n    handleCapture,\n    handleConfirm,\n    handleRetake,\n    handleStart,\n    isOpen,\n    result,\n    session.state,\n    toggleAsr,\n  ]);\n\n  if (!isOpen) return null;\n\n  if (!groups.length) {\n    return (\n      <div className=\"qcb on\" role=\"dialog\" aria-modal=\"true\" aria-label=\"QCVision 工位终端\">\n        <div className=\"qcb-empty-state\">\n          <strong>未提供检测流程配置</strong>\n          <span>请由页面 provider 注入 pipelineGroups 和 hardwareLamps。</span>\n          <button type=\"button\" onClick={onClose}>\n            关闭\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  const confirmedCount = confirmedSteps.size;\n  const allConfirmed = confirmedCount === groups.length;\n  const displayStatus = allConfirmed ? 'done' : station.session.state;\n  const currentVerdict = station.result?.verdict ?? verdictOf(currentGroup, measuredValues);\n  const currentObject = station.result?.objects?.[0];\n  const frameId = Number(station.frameMeta?.frame_id ?? station.session.frozen_frame_id ?? 0);\n  const frameWidth = Number(\n    station.frameMeta?.width ?? station.result?.image_width ?? station.frame?.width ?? 16,\n  );\n  const frameHeight = Number(\n    station.frameMeta?.height ?? station.result?.image_height ?? station.frame?.height ?? 9,\n  );\n  const frameAspectRatio =\n    frameWidth > 0 && frameHeight > 0 && Number.isFinite(frameWidth / frameHeight)\n      ? frameWidth / frameHeight\n      : 16 / 9;\n  const stain = station.result?.stain;\n  const lengthValue = currentObject?.size_mm?.length;\n  const widthValue = currentObject?.size_mm?.width;\n  const stainLabel = stain\n    ? stain.verdict === 'NG' || Number(stain.count ?? 0) > 0\n      ? '检出污点'\n      : '无污点'\n    : '待检测';\n\n  return (\n    <div className=\"qcb on\" role=\"dialog\" aria-modal=\"true\" aria-label=\"QCVision 工位终端\">\n      <header className=\"qcb-top\">\n        <div className=\"qcb-top-context\">\n          <div className=\"flex items-center gap-2 text-sm font-semibold tracking-tight text-foreground whitespace-nowrap\">\n            <span className=\"size-2 rounded-full bg-primary shadow-[0_0_8px_rgba(0,104,80,0.45)]\" />\n            <span>质检台 QCVision · 工位终端</span>\n            <Badge\n              variant=\"outline\"\n              className=\"cursor-pointer text-[10px] font-mono tracking-wider py-0 px-1.5 text-muted-foreground hover:text-foreground hover:border-primary/40 bg-muted/30 transition-colors\"\n              title=\"点击切换工位运行模式（仿真联机 / 物理上位机）\"\n              onClick={() => station.setMode(station.mode === 'live' ? 'demo' : 'live')}\n            >\n              {station.mode === 'live' ? 'LIVE SERVICE' : 'LOCAL RUNTIME'}\n            </Badge>\n          </div>\n\n          <div\n            className=\"flex shrink-0 items-center gap-2 rounded-md border border-border bg-muted/40 px-2.5 py-1 text-xs whitespace-nowrap\"\n            title=\"外设硬件通信受控状态\"\n          >\n            <span className=\"text-[10px] tracking-wider text-muted-foreground font-medium\">\n              设备\n            </span>\n            {hardwareLamps.map((lamp) => {\n              const isOn = station.mode === 'demo' ? true : lamp.status === 'on';\n              return (\n                <span\n                  key={lamp.id}\n                  className=\"inline-flex items-center gap-1.5 font-mono text-[11px] text-muted-foreground\"\n                  title={`${lamp.name} · ${isOn ? '受控正常' : '异常'}`}\n                >\n                  <span\n                    className={cn(\n                      'size-1.5 rounded-full',\n                      isOn\n                        ? 'bg-emerald-500 shadow-[0_0_6px_rgba(16,185,129,0.7)]'\n                        : 'bg-red-500 shadow-[0_0_6px_rgba(239,68,68,0.7)]',\n                    )}\n                  />\n                  {lamp.name}\n                </span>\n              );\n            })}\n          </div>\n\n          <div className=\"flex shrink-0 items-center gap-2 rounded-md border border-border bg-muted/40 px-2.5 py-1 text-xs whitespace-nowrap font-mono text-muted-foreground\">\n            <span className=\"inline-flex items-center gap-1.5 font-sans font-medium text-emerald-600 dark:text-emerald-400\">\n              <span className=\"size-1.5 rounded-full bg-emerald-500 shadow-[0_0_6px_rgba(16,185,129,0.7)]\" />\n              {station.mode === 'live'\n                ? station.connectionState === 'connected'\n                  ? '设备联机'\n                  : '连接中'\n                : '仿真就绪'}\n            </span>\n            <span className=\"text-border opacity-60\">|</span>\n            <span>标定 {station.result?.scale_px_per_mm ?? 8.5} px/mm</span>\n            <span className=\"text-border opacity-60\">|</span>\n            <span>帧 #{frameId}</span>\n          </div>\n\n          <Badge\n            variant=\"outline\"\n            className={cn(\n              'h-7 px-2.5 text-xs font-medium border gap-1.5 whitespace-nowrap rounded-md',\n              displayStatus === 'capturing' &&\n                'bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-950/40 dark:text-emerald-300 dark:border-emerald-800',\n              displayStatus === 'inspecting' &&\n                'bg-amber-50 text-amber-700 border-amber-200 dark:bg-amber-950/40 dark:text-amber-300 dark:border-amber-800',\n              displayStatus === 'done' && 'bg-primary/10 text-primary border-primary/20',\n              displayStatus === 'idle' && 'bg-muted text-muted-foreground border-border',\n            )}\n          >\n            <span\n              className={cn(\n                'size-1.5 rounded-full',\n                displayStatus === 'capturing' && 'bg-emerald-500 animate-pulse',\n                displayStatus === 'inspecting' && 'bg-amber-500',\n                displayStatus === 'done' && 'bg-primary',\n                displayStatus === 'idle' && 'bg-muted-foreground',\n              )}\n            />\n            {STATUS_LABEL[displayStatus]}\n          </Badge>\n        </div>\n\n        <div className=\"qcb-top-actions\" role=\"group\" aria-label=\"质检台操作\">\n          {station.session.state === 'idle' && (\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              disabled={station.busy}\n              className=\"h-8 gap-1.5 px-3 font-medium bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm animate-pulse\"\n              onClick={() => void handleStart()}\n            >\n              开始采集\n              <kbd className=\"pointer-events-none inline-flex h-4 select-none items-center rounded border border-white/20 bg-black/20 px-1 font-mono text-[10px] text-white\">\n                C\n              </kbd>\n            </Button>\n          )}\n\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            disabled={station.busy || station.session.state !== 'capturing'}\n            className={cn(\n              'h-8 gap-1.5 px-3 font-medium transition-all shadow-sm',\n              station.session.state === 'capturing'\n                ? 'bg-primary text-primary-foreground hover:bg-primary/90 shadow-primary/20 ring-2 ring-primary/30 animate-pulse'\n                : 'text-muted-foreground bg-muted border border-border/50',\n            )}\n            onClick={() => void handleCapture()}\n          >\n            拍摄\n            <kbd\n              className={cn(\n                'pointer-events-none inline-flex h-4 select-none items-center rounded px-1 font-mono text-[10px]',\n                station.session.state === 'capturing'\n                  ? 'border border-white/20 bg-black/20 text-white'\n                  : 'border border-border/60 bg-background text-muted-foreground',\n              )}\n            >\n              T\n            </kbd>\n          </Button>\n\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            disabled={station.busy || station.session.state !== 'inspecting' || !station.result}\n            className={cn(\n              'h-8 gap-1.5 px-3 font-medium transition-all shadow-sm',\n              station.session.state === 'inspecting' && station.result\n                ? 'bg-emerald-600 text-white hover:bg-emerald-700 shadow-emerald-500/20 ring-2 ring-emerald-500/30 animate-pulse'\n                : 'text-muted-foreground bg-muted border border-border/50',\n            )}\n            onClick={() => void handleConfirm()}\n          >\n            确认本组\n            <kbd\n              className={cn(\n                'pointer-events-none inline-flex h-4 select-none items-center rounded px-1 font-mono text-[10px]',\n                station.session.state === 'inspecting' && station.result\n                  ? 'border border-white/20 bg-black/20 text-white'\n                  : 'border border-border/60 bg-background text-muted-foreground',\n              )}\n            >\n              Enter\n            </kbd>\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={station.busy || station.session.state !== 'inspecting'}\n            className=\"h-8 gap-1.5 px-2.5 text-xs text-muted-foreground hover:text-foreground\"\n            onClick={() => void handleRetake()}\n          >\n            重拍\n            <kbd className=\"pointer-events-none inline-flex h-4 select-none items-center rounded border border-border bg-muted/60 px-1 font-mono text-[10px] text-muted-foreground\">\n              Esc\n            </kbd>\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant={station.session.asr_running ? 'default' : 'outline'}\n            size=\"sm\"\n            className={cn(\n              'h-8 gap-1.5 px-2.5 text-xs',\n              station.session.asr_running && 'bg-primary text-primary-foreground',\n            )}\n            onClick={() => void station.toggleAsr()}\n          >\n            <Mic className=\"size-3.5\" aria-hidden=\"true\" />\n            语音 {station.session.asr_running ? '开启' : '关闭'}\n            <kbd className=\"pointer-events-none inline-flex h-4 select-none items-center rounded border border-border/60 bg-muted/40 px-1 font-mono text-[10px]\">\n              V\n            </kbd>\n          </Button>\n\n          {/* 收拢低频配置到下拉菜单，释放横向空间保护外设灯 */}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                className=\"h-8 gap-1.5 px-2.5 text-xs text-muted-foreground hover:text-foreground\"\n              >\n                <Settings2 className=\"size-3.5\" aria-hidden=\"true\" />\n                标定与参数\n                <ChevronDown className=\"size-3 opacity-60 ml-0.5\" aria-hidden=\"true\" />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-44\">\n              <DropdownMenuItem onClick={() => setSettingsDialog('camera')}>\n                <Camera className=\"size-4 mr-2\" />\n                采集相机设置\n              </DropdownMenuItem>\n              <DropdownMenuItem onClick={() => setSettingsDialog('stain')}>\n                <ScanSearch className=\"size-4 mr-2\" />\n                污点检测设置\n              </DropdownMenuItem>\n              <DropdownMenuItem onClick={() => setSettingsDialog('calibration')}>\n                <Grid3X3 className=\"size-4 mr-2\" />\n                棋盘格标定\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n\n          <Button\n            type=\"button\"\n            variant={sideOpen ? 'secondary' : 'outline'}\n            size=\"sm\"\n            className=\"h-8 gap-1.5 px-2.5 text-xs\"\n            onClick={() => setSideOpen((current) => !current)}\n          >\n            {sideOpen ? (\n              <PanelRightClose className=\"size-3.5\" aria-hidden=\"true\" />\n            ) : (\n              <PanelRightOpen className=\"size-3.5\" aria-hidden=\"true\" />\n            )}\n            检测信息\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"default\"\n            size=\"sm\"\n            disabled={!allConfirmed}\n            className={cn(\n              'h-8 px-3 font-medium text-xs',\n              allConfirmed\n                ? 'bg-emerald-600 text-white hover:bg-emerald-700 shadow-sm shadow-emerald-600/20'\n                : 'bg-muted text-muted-foreground opacity-60',\n            )}\n            onClick={() => void handleBackfill()}\n          >\n            完成采集并回填\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-8 px-2.5 text-xs text-muted-foreground hover:text-foreground\"\n            onClick={() => void handleClose()}\n          >\n            关闭质检台\n          </Button>\n        </div>\n      </header>\n\n      <div className=\"qcb-bar\">\n        <span>\n          工序:{' '}\n          <b>\n            {currentGroup.name} · 第 {currentStepIndex + 1}/{groups.length} 步\n          </b>\n        </span>\n        <span>\n          对象: <b>{targetName}</b>\n        </span>\n        <span>\n          SKU: <b>{sku}</b>\n        </span>\n        <span>\n          批次: <b>{batch}</b>\n        </span>\n        <span>\n          设备: <b>{currentGroup.device}</b>\n        </span>\n        <span>\n          已确认:{' '}\n          <b>\n            {confirmedCount}/{groups.length} 组\n          </b>\n        </span>\n      </div>\n\n      <div className={`qcb-vbar ${station.session.asr_running ? 'rec' : ''}`}>\n        <div className=\"dot\" />\n        <span className=\"hint\">语音 / 服务:</span>\n        <span className=\"sent\">\n          {station.error ||\n            station.asrText ||\n            (station.mode === 'live' ? '等待质检服务消息' : '本地运行模式，可完整演示采集与回填')}\n        </span>\n      </div>\n\n      <main className={`qcb-main ${sideOpen ? 'side-open' : ''}`}>\n        <section className=\"qcb-view\">\n          <VisionStreamViewport\n            frame={station.frame}\n            isLive={station.session.state === 'capturing'}\n            isFrozen={station.session.state === 'inspecting' || station.session.state === 'done'}\n            overlays={station.result}\n            aspectRatio={frameAspectRatio}\n            className=\"qcb-viewport\"\n            frameClassName={station.session.state === 'inspecting' ? 'qcb-frame-frozen' : ''}\n            layersConfig={{ bbox: true, mid: true, corner: true, stain: true, hud: true }}\n            placeholder={\n              <div className=\"qcb-empty\">\n                <Camera aria-hidden=\"true\" />\n                <strong>\n                  {station.session.state === 'idle'\n                    ? '工位就绪 · 等待启动采集'\n                    : `${currentGroup.name} · 仿真取景采集中`}\n                </strong>\n                <span>\n                  {station.session.state === 'idle' ? '按 C 或点击“开始采集”' : currentGroup.device}\n                </span>\n              </div>\n            }\n            hudOverlay={\n              <div className=\"qcb-hud\">\n                <span className=\"qcb-tag live\">\n                  <i />\n                  {station.session.state === 'inspecting'\n                    ? 'FROZEN'\n                    : station.session.running\n                      ? 'LIVE'\n                      : 'STANDBY'}\n                </span>\n                <span className=\"qcb-tag\">\n                  {frameWidth}×{frameHeight}\n                </span>\n                <span className=\"qcb-tag\">FRAME #{frameId}</span>\n                {station.result ? (\n                  <span className={`qcb-tag ${station.result.verdict === 'NG' ? 'ng' : 'ok'}`}>\n                    {station.result.verdict}\n                  </span>\n                ) : null}\n              </div>\n            }\n          />\n        </section>\n\n        {sideOpen ? (\n          <aside className=\"qcb-side\" aria-label=\"实时检测信息\">\n            <div className=\"qcb-side-head\">\n              <div>\n                <strong>实时检测信息</strong>\n                <span>Camera · Inspection · ASR</span>\n              </div>\n              <button\n                type=\"button\"\n                className=\"qcb-icon-btn\"\n                onClick={() => setSideOpen(false)}\n                aria-label=\"折叠检测信息\"\n              >\n                <PanelRightClose aria-hidden=\"true\" />\n              </button>\n            </div>\n            <details className=\"qcb-card qcb-disclosure\">\n              <summary>\n                <span>采集图像信息</span>\n                <span className=\"qcb-summary-meta\">\n                  Camera\n                  <ChevronDown aria-hidden=\"true\" />\n                </span>\n              </summary>\n              <dl className=\"qcb-kv qcb-disclosure-body\">\n                <dt>分辨率</dt>\n                <dd>\n                  {frameWidth}×{frameHeight}\n                </dd>\n                <dt>帧率</dt>\n                <dd>{String(station.frameMeta?.fps ?? '—')} fps</dd>\n                <dt>通道数</dt>\n                <dd>{String(station.frameMeta?.channels ?? '—')}</dd>\n                <dt>后端 / 模式</dt>\n                <dd>\n                  {String(station.frameMeta?.backend ?? '—')} /{' '}\n                  {String(station.frameMeta?.mode ?? session.mode ?? '—')}\n                </dd>\n                <dt>工位状态</dt>\n                <dd>{STATUS_LABEL[displayStatus]}</dd>\n                <dt>算法输入帧</dt>\n                <dd>{session.frozen_frame_id ? `#${session.frozen_frame_id}` : '—'}</dd>\n                <dt>帧序号</dt>\n                <dd>#{frameId}</dd>\n                <dt>算法耗时</dt>\n                <dd>{station.result?.cost_ms ?? '—'} ms</dd>\n              </dl>\n            </details>\n            <details className=\"qcb-card qcb-disclosure\">\n              <summary>\n                <span>算法计算结果</span>\n                <span className=\"qcb-summary-meta\">\n                  Inspection\n                  <ChevronDown aria-hidden=\"true\" />\n                </span>\n              </summary>\n              <div className={`qcb-verdict qcb-v-${currentVerdict} qcb-disclosure-body`}>\n                <div className=\"qcb-badge\">{currentVerdict}</div>\n                <div className=\"qcb-why\">\n                  {station.result?.reject_reason ||\n                    station.result?.reason ||\n                    `${currentGroup.device} · ${station.result?.cost_ms ?? '—'} ms`}\n                </div>\n              </div>\n            </details>\n\n            <section className=\"qcb-card\">\n              <h3>\n                <span>语音输入 / ASR</span>\n                <em>实时</em>\n              </h3>\n              <div className=\"qcb-asr-box\">\n                {station.asrText || (session.asr_running ? '正在聆听质检指令…' : '麦克风已关闭')}\n              </div>\n              <div className=\"qcb-asr-meta\">\n                <span>{station.error || '—'}</span>\n                <b>{session.asr_running ? '识别中' : '未启用'}</b>\n              </div>\n            </section>\n\n            <section className=\"qcb-card\">\n              <h3>\n                <span>检验项目</span>\n                <em>本期检测能力</em>\n              </h3>\n              <dl className=\"qcb-result-list\">\n                <dt>长度 L</dt>\n                <dd>\n                  <span>{lengthValue !== undefined ? `${lengthValue.toFixed(2)} mm` : '—'}</span>\n                  <button\n                    type=\"button\"\n                    className=\"qcb-inline-review\"\n                    disabled={lengthValue === undefined}\n                    onClick={() => markReview('总长')}\n                  >\n                    {reviews['总长'] ? '已复核' : '复核'}\n                  </button>\n                </dd>\n                <dt>宽度 W</dt>\n                <dd>\n                  <span>{widthValue !== undefined ? `${widthValue.toFixed(2)} mm` : '—'}</span>\n                  <button\n                    type=\"button\"\n                    className=\"qcb-inline-review\"\n                    disabled={widthValue === undefined}\n                    onClick={() => markReview('总宽')}\n                  >\n                    {reviews['总宽'] ? '已复核' : '复核'}\n                  </button>\n                </dd>\n                <dt>污点检测</dt>\n                <dd className={stain?.verdict === 'NG' ? 'qcb-danger' : ''}>{stainLabel}</dd>\n              </dl>\n            </section>\n\n            <section className=\"qcb-card\">\n              <h3>\n                <span>工位操作流水</span>\n                <em>最近 12 条</em>\n              </h3>\n              <div className=\"qcb-log\">\n                {logs.length ? (\n                  logs.map((log) => (\n                    <div\n                      key={log.id}\n                      className={`qcb-log-row ${log.tag === 'NG' ? 'ng' : log.tag === 'OK' ? 'ok' : ''}`}\n                    >\n                      <span className=\"qcb-log-time\">{log.time}</span>\n                      <span className=\"qcb-log-action\">{log.action}</span>\n                      {log.target && <span className=\"qcb-log-target\">· {log.target}</span>}\n                      {log.tag && (\n                        <span className={`qcb-log-badge ${log.tag === 'NG' ? 'ng' : 'ok'}`}>\n                          {log.tag}\n                        </span>\n                      )}\n                    </div>\n                  ))\n                ) : (\n                  <div className=\"qcb-log-empty\">暂无工位流水记录</div>\n                )}\n              </div>\n            </section>\n          </aside>\n        ) : null}\n      </main>\n      <QcVisionSettingsDialogs\n        open={settingsDialog}\n        client={station.client}\n        onOpenChange={setSettingsDialog}\n      />\n    </div>\n  );\n}\n","path":"references/metaform/components/business/industry/vision/src/qcvision-station-terminal.tsx","target":"~/references/metaform/components/business/industry/vision/src/qcvision-station-terminal.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.513f193c591b981d671bbe047ffc68e6","contractRef":"components/business/industry/vision/src/qcvision-station-terminal.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-513f193c591b981d671bbe047ffc68e6","registryDependencies":[],"title":"resource.file.513f193c591b981d671bbe047ffc68e6","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-514d80e63e81863f09ef4b9fe290cc0e.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.514d80e63e81863f09ef4b9fe290cc0e","files":[{"content":"\"use client\"\n\nimport { cn } from \"../../lib/utils\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\n\nfunction ResizablePanelGroup({\n  className,\n  ...props\n}: ResizablePrimitive.GroupProps) {\n  return (\n    <ResizablePrimitive.Group\n      data-slot=\"resizable-panel-group\"\n      className={cn(\n        \"cn-resizable-panel-group flex h-full w-full aria-[orientation=vertical]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ResizablePanel({ ...props }: ResizablePrimitive.PanelProps) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.SeparatorProps & {\n  withHandle?: boolean\n}) {\n  return (\n    <ResizablePrimitive.Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        \"cn-resizable-handle relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90\",\n        className\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"cn-resizable-handle-icon z-10 flex shrink-0\" />\n      )}\n    </ResizablePrimitive.Separator>\n  )\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup }\n","path":"src/components/vendor/shadcn/base/ui/resizable.tsx","target":"~/src/components/vendor/shadcn/base/ui/resizable.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.514d80e63e81863f09ef4b9fe290cc0e","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/base/ui/resizable.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-514d80e63e81863f09ef4b9fe290cc0e","registryDependencies":[],"title":"resource.file.514d80e63e81863f09ef4b9fe290cc0e","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-516854d362d8796325a0441b19a20305.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.516854d362d8796325a0441b19a20305","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\n\nimport { Button } from \"./button\"\nimport { Input } from \"./input\"\nimport { Textarea } from \"./textarea\"\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"group/input-group cn-input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva(\n  \"cn-input-group-addon flex cursor-text items-center justify-center select-none\",\n  {\n    variants: {\n      align: {\n        \"inline-start\": \"cn-input-group-addon-align-inline-start order-first\",\n        \"inline-end\": \"cn-input-group-addon-align-inline-end order-last\",\n        \"block-start\":\n          \"cn-input-group-addon-align-block-start order-first w-full justify-start\",\n        \"block-end\":\n          \"cn-input-group-addon-align-block-end order-last w-full justify-start\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva(\n  \"cn-input-group-button flex items-center shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"cn-input-group-button-size-xs\",\n        sm: \"cn-input-group-button-size-sm\",\n        \"icon-xs\": \"cn-input-group-button-size-icon-xs\",\n        \"icon-sm\": \"cn-input-group-button-size-icon-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"cn-input-group-text flex items-center [&_svg]:pointer-events-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\"cn-input-group-input flex-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\"cn-input-group-textarea flex-1 resize-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n}\n","path":"src/components/vendor/shadcn/radix/ui/input-group.tsx","target":"~/src/components/vendor/shadcn/radix/ui/input-group.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.516854d362d8796325a0441b19a20305","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/radix/ui/input-group.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-516854d362d8796325a0441b19a20305","registryDependencies":[],"title":"resource.file.516854d362d8796325a0441b19a20305","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-5181f05f6d741b4f8d30e2ccabe4ff72.json

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

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-518472089629dfe30e03f96a9c0c8bda.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.518472089629dfe30e03f96a9c0c8bda","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\"\nimport { ArrowLeft, ArrowRight } from \"lucide-react\"\n\nimport { Button } from \"./button\"\n\ntype CarouselApi = UseEmblaCarouselType[1]\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>\ntype CarouselOptions = UseCarouselParameters[0]\ntype CarouselPlugin = UseCarouselParameters[1]\n\ntype CarouselProps = {\n  opts?: CarouselOptions\n  plugins?: CarouselPlugin\n  orientation?: \"horizontal\" | \"vertical\"\n  setApi?: (api: CarouselApi) => void\n}\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0]\n  api: ReturnType<typeof useEmblaCarousel>[1]\n  scrollPrev: () => void\n  scrollNext: () => void\n  canScrollPrev: boolean\n  canScrollNext: boolean\n} & CarouselProps\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext)\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\")\n  }\n\n  return context\n}\n\nfunction Carousel({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins\n  )\n  const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n  const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n  const onSelect = React.useCallback((api: CarouselApi) => {\n    if (!api) return\n    setCanScrollPrev(api.canScrollPrev())\n    setCanScrollNext(api.canScrollNext())\n  }, [])\n\n  const scrollPrev = React.useCallback(() => {\n    api?.scrollPrev()\n  }, [api])\n\n  const scrollNext = React.useCallback(() => {\n    api?.scrollNext()\n  }, [api])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault()\n        scrollPrev()\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault()\n        scrollNext()\n      }\n    },\n    [scrollPrev, scrollNext]\n  )\n\n  React.useEffect(() => {\n    if (!api || !setApi) return\n    setApi(api)\n  }, [api, setApi])\n\n  React.useEffect(() => {\n    if (!api) return\n    onSelect(api)\n    api.on(\"reInit\", onSelect)\n    api.on(\"select\", onSelect)\n\n    return () => {\n      api?.off(\"select\", onSelect)\n    }\n  }, [api, onSelect])\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation:\n          orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div\n        onKeyDownCapture={handleKeyDown}\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  )\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div\n      ref={carouselRef}\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n    >\n      <div\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CarouselPrevious({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n}\n\nfunction CarouselNext({\n  className,\n  variant = \"outline\",\n  size = \"icon\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  )\n}\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n}\n","path":"src/components/vendor/shadcn/new-york-v4/ui/carousel.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/carousel.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.518472089629dfe30e03f96a9c0c8bda","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/carousel.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-518472089629dfe30e03f96a9c0c8bda","registryDependencies":[],"title":"resource.file.518472089629dfe30e03f96a9c0c8bda","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-5205a09a040fad995db87f519d9c6443.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.5205a09a040fad995db87f519d9c6443","files":[{"content":"import React, { type CSSProperties, type ReactNode, useEffect, useRef, useState } from 'react';\n\nexport interface AspectFitViewportProps {\n  /** 目标宽高比，默认为 16/9 */\n  aspectRatio?: number;\n  /** 外层容器类名 */\n  className?: string;\n  /** 外层容器内联样式 */\n  style?: CSSProperties;\n  /** 画布框类名 */\n  frameClassName?: string;\n  /** 尺寸计算回调 */\n  onResize?: (dimensions: { width: number; height: number; aspectRatio: number }) => void;\n  children?: ReactNode;\n}\n\nexport function AspectFitViewport({\n  aspectRatio = 16 / 9,\n  className = '',\n  style,\n  frameClassName = '',\n  onResize,\n  children,\n}: AspectFitViewportProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [frameSize, setFrameSize] = useState<{ width: number; height: number }>({\n    width: 0,\n    height: 0,\n  });\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    let raf1: number | null = null;\n    let raf2: number | null = null;\n\n    const computeSize = () => {\n      const aw = el.clientWidth;\n      const ah = el.clientHeight;\n      if (!aw || !ah) return;\n\n      const ar = aspectRatio > 0 ? aspectRatio : 16 / 9;\n      let w = aw;\n      let h = aw / ar;\n\n      if (h > ah) {\n        h = ah;\n        w = ah * ar;\n      }\n\n      const nextWidth = Math.round(w);\n      const nextHeight = Math.round(h);\n\n      setFrameSize((prev) => {\n        if (prev.width === nextWidth && prev.height === nextHeight) return prev;\n        return { width: nextWidth, height: nextHeight };\n      });\n\n      onResize?.({ width: nextWidth, height: nextHeight, aspectRatio: ar });\n    };\n\n    const handleResize = () => {\n      if (raf1) cancelAnimationFrame(raf1);\n      if (raf2) cancelAnimationFrame(raf2);\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(computeSize);\n      });\n    };\n\n    computeSize();\n\n    let observer: ResizeObserver | null = null;\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(handleResize);\n      observer.observe(el);\n    }\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      if (raf1) cancelAnimationFrame(raf1);\n      if (raf2) cancelAnimationFrame(raf2);\n      if (observer) observer.disconnect();\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [aspectRatio, onResize]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={`relative w-full h-full min-w-0 min-h-0 flex items-center justify-center ${className}`}\n      style={style}\n    >\n      <div\n        className={`relative overflow-hidden bg-black border border-slate-700/60 rounded-lg shadow-inner ${frameClassName}`}\n        style={{\n          width: frameSize.width > 0 ? `${frameSize.width}px` : '100%',\n          height: frameSize.height > 0 ? `${frameSize.height}px` : '100%',\n          maxWidth: '100%',\n          maxHeight: '100%',\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n","path":"references/metaform/packages/asset-internals/src/capabilities/aspect-fit-viewport/AspectFitViewport.tsx","target":"~/references/metaform/packages/asset-internals/src/capabilities/aspect-fit-viewport/AspectFitViewport.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.5205a09a040fad995db87f519d9c6443","contractRef":"packages/asset-internals/src/capabilities/aspect-fit-viewport/AspectFitViewport.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-5205a09a040fad995db87f519d9c6443","registryDependencies":[],"title":"resource.file.5205a09a040fad995db87f519d9c6443","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-528316a9f464fc73d9b0a9daa89779b6.json

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

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-53745e88dcb0cffbf46fe37b79cdc4e5.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.53745e88dcb0cffbf46fe37b79cdc4e5","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(\"cn-message-group flex min-w-0 flex-col\", 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        \"cn-message group/message relative flex w-full min-w-0 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        \"cn-message-avatar flex w-fit shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted\",\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        \"cn-message-content flex w-full min-w-0 flex-col wrap-break-word\",\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        \"cn-message-header flex max-w-full min-w-0 items-center\",\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        \"cn-message-footer flex max-w-full min-w-0 items-center 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/aria/ui/message.tsx","target":"~/src/components/vendor/shadcn/aria/ui/message.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.53745e88dcb0cffbf46fe37b79cdc4e5","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/bases/aria/ui/message.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-53745e88dcb0cffbf46fe37b79cdc4e5","registryDependencies":[],"title":"resource.file.53745e88dcb0cffbf46fe37b79cdc4e5","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-537e42c02b47b3eab01a36b4a07f9c68.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.537e42c02b47b3eab01a36b4a07f9c68","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils\"\nimport { AlertDialog as AlertDialogPrimitive } from \"radix-ui\"\n\nimport { Button } from \"./button\"\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n  size?: \"default\" | \"sm\"\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          \"group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[size=default]:sm:max-w-lg\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"mb-2 inline-flex size-16 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Action\n        data-slot=\"alert-dialog-action\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Cancel\n        data-slot=\"alert-dialog-cancel\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n","path":"src/components/vendor/shadcn/new-york-v4/ui/alert-dialog.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/ui/alert-dialog.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.537e42c02b47b3eab01a36b4a07f9c68","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/ui/alert-dialog.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-537e42c02b47b3eab01a36b4a07f9c68","registryDependencies":[],"title":"resource.file.537e42c02b47b3eab01a36b4a07f9c68","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-53d05a74bf81252933527736fbb75696.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.53d05a74bf81252933527736fbb75696","files":[{"content":"import * as React from 'react';\n\nimport { cn } from '@metaform/design-system/lib/utils';\n\nfunction Table({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<'table'> & { containerClassName?: string }) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className={cn('relative w-full overflow-x-auto', containerClassName)}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('[&_tr]:border-b [&_tr]:border-border', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'border-b border-border/70 transition-colors hover:bg-muted/35 has-aria-expanded:bg-muted/35 data-[state=selected]:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'h-11 px-4 text-left align-middle text-xs font-semibold text-muted-foreground whitespace-nowrap bg-muted/40 tracking-wider [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'px-4 py-3 align-middle text-sm whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('mt-4 text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n","path":"references/metaform/vendor/design-system/src/components/ui/table.tsx","target":"~/references/metaform/vendor/design-system/src/components/ui/table.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.53d05a74bf81252933527736fbb75696","contractRef":"vendor/design-system/src/components/ui/table.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-53d05a74bf81252933527736fbb75696","registryDependencies":[],"title":"resource.file.53d05a74bf81252933527736fbb75696","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-54531007d6e56808ec30b8858540c8d7.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.54531007d6e56808ec30b8858540c8d7","files":[{"content":"import { Button } from '@metaform/design-system/components/ui/button';\nimport { Textarea } from '@metaform/design-system/components/ui/textarea';\nimport { ContextMismatch, ReviewActions, ReviewChecks, ReviewContextDetails, ReviewFeedback, ReviewNotice, ReviewShell, ReviewState, ReviewSurface, TaskSelection, reviewCommand, sameReviewContext } from './reference-workflow-parts';\nimport type { InspectionBasisReviewCommands, InspectionBasisReviewModel } from './reference-workflow-types';\nexport type { InspectionBasisReviewCommands, InspectionBasisReviewModel } from './reference-workflow-types';\n\nexport function InspectionBasisReview({ model, commands }: { model: InspectionBasisReviewModel; commands: InspectionBasisReviewCommands }) {\n  const review = model.review;\n  const valid = Boolean(review?.context.revision && review.context.id === model.selectedTaskId && model.tasks.some(task => task.id === model.selectedTaskId));\n  const command = review ? reviewCommand(model.command, review.context) : undefined;\n  const busy = command?.status === 'pending';\n  const confirmed = model.confirmation?.status === 'confirmed' && sameReviewContext(model.confirmation.context, review?.context);\n  const stale = model.confirmation && !sameReviewContext(model.confirmation.context, review?.context);\n  const blocked = review?.checks.filter(check => check.status === 'block' || check.status === 'unknown').length ?? 0;\n  const canConfirm = valid && model.canConfirm && Boolean(review?.checks.length) && blocked === 0;\n  const hint = busy ? '操作处理中，请等待结果。' : confirmed ? '当前版本已确认；依据变化后需要重新核对。' : !review?.checks.length ? '尚未提供核查项，补齐依据与核查范围后再确认。' : blocked ? `还有 ${blocked} 项阻断或待核实内容，请先核对来源。` : !model.canConfirm ? '当前任务暂不可确认，请核对处理状态。' : '核对上方项目后，确认本任务当前采用的依据。';\n\n  return <ReviewShell title=\"逐任务核对检验依据\" description=\"先核对依据和来源版本，再确认或记录异议。\">\n    {model.state !== 'ready' ? <ReviewState model={model} onRetry={commands.retry} /> : <>\n      <TaskSelection tasks={model.tasks} selectedId={model.selectedTaskId} onSelect={commands.selectTask} disabled={busy} />\n      {!review ? <p role=\"status\">请选择任务，读取对应的依据与版本。</p> : !valid ? <ContextMismatch /> : <>\n        <div className=\"grid min-w-0 grid-cols-[minmax(0,1.6fr)_minmax(0,1fr)] items-start gap-4\">\n          <ReviewSurface>\n            <div className=\"space-y-2\"><h3 className=\"font-semibold\">当前依据与核查结果</h3><p className=\"break-words text-sm leading-relaxed text-muted-foreground\">{review.summary}</p><ReviewContextDetails context={review.context} /></div>\n            {stale && <ReviewNotice tone=\"warning\">依据已变化，原确认不再适用，请重新核对。</ReviewNotice>}\n            {confirmed && <ReviewNotice tone=\"success\">当前任务与版本的依据已确认。</ReviewNotice>}\n            <ReviewChecks checks={review.checks} onOpenSource={commands.openSource} />\n          </ReviewSurface>\n          <ReviewSurface>\n            <div><h3 className=\"font-semibold\">依据异议</h3><p className=\"mt-1 text-sm leading-relaxed text-muted-foreground\">对依据有疑问时，记录具体疑点，便于回查和处理。</p></div>\n            <label className=\"block text-sm font-medium\">依据异议<Textarea className=\"mt-2 min-h-28 text-sm\" aria-label=\"依据异议\" value={model.objectionDraft} maxLength={1000} disabled={busy} onChange={event => commands.changeObjection({ ...review.context, note: event.target.value })} /></label>\n            <Button className=\"h-auto min-h-9 whitespace-normal\" variant=\"outline\" disabled={busy || !model.objectionDraft.trim()} onClick={() => commands.raiseObjection({ ...review.context, note: model.objectionDraft.trim() })}>记录依据异议</Button>\n          </ReviewSurface>\n        </div>\n        <ReviewFeedback command={command} />\n        <ReviewActions hint={hint}>{descriptionId => <Button className=\"h-auto min-h-9 whitespace-normal\" aria-describedby={descriptionId} disabled={busy || !canConfirm || confirmed} onClick={() => commands.confirmBasis(review.context)}>确认当前依据</Button>}</ReviewActions>\n      </>}\n    </>}\n  </ReviewShell>;\n}\n","path":"references/metaform/components/business/quality/src/inspection-basis-review.tsx","target":"~/references/metaform/components/business/quality/src/inspection-basis-review.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.54531007d6e56808ec30b8858540c8d7","contractRef":"components/business/quality/src/inspection-basis-review.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-54531007d6e56808ec30b8858540c8d7","registryDependencies":[],"title":"resource.file.54531007d6e56808ec30b8858540c8d7","type":"registry:block"}

package/registry/949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9/r/resource-file-5611f5fff84bcbad3b67991c1113fc66.json

@@ -0,0 +1 @@
+{"$schema":"https://ui.shadcn.com/schema/registry-item.json","dependencies":[],"description":"resource.file.5611f5fff84bcbad3b67991c1113fc66","files":[{"content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Area, AreaChart, CartesianGrid, XAxis } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"../ui/card\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from \"../ui/chart\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../ui/select\"\n\nexport const description = \"An interactive area chart\"\n\nconst chartData = [\n  { date: \"2024-04-01\", desktop: 222, mobile: 150 },\n  { date: \"2024-04-02\", desktop: 97, mobile: 180 },\n  { date: \"2024-04-03\", desktop: 167, mobile: 120 },\n  { date: \"2024-04-04\", desktop: 242, mobile: 260 },\n  { date: \"2024-04-05\", desktop: 373, mobile: 290 },\n  { date: \"2024-04-06\", desktop: 301, mobile: 340 },\n  { date: \"2024-04-07\", desktop: 245, mobile: 180 },\n  { date: \"2024-04-08\", desktop: 409, mobile: 320 },\n  { date: \"2024-04-09\", desktop: 59, mobile: 110 },\n  { date: \"2024-04-10\", desktop: 261, mobile: 190 },\n  { date: \"2024-04-11\", desktop: 327, mobile: 350 },\n  { date: \"2024-04-12\", desktop: 292, mobile: 210 },\n  { date: \"2024-04-13\", desktop: 342, mobile: 380 },\n  { date: \"2024-04-14\", desktop: 137, mobile: 220 },\n  { date: \"2024-04-15\", desktop: 120, mobile: 170 },\n  { date: \"2024-04-16\", desktop: 138, mobile: 190 },\n  { date: \"2024-04-17\", desktop: 446, mobile: 360 },\n  { date: \"2024-04-18\", desktop: 364, mobile: 410 },\n  { date: \"2024-04-19\", desktop: 243, mobile: 180 },\n  { date: \"2024-04-20\", desktop: 89, mobile: 150 },\n  { date: \"2024-04-21\", desktop: 137, mobile: 200 },\n  { date: \"2024-04-22\", desktop: 224, mobile: 170 },\n  { date: \"2024-04-23\", desktop: 138, mobile: 230 },\n  { date: \"2024-04-24\", desktop: 387, mobile: 290 },\n  { date: \"2024-04-25\", desktop: 215, mobile: 250 },\n  { date: \"2024-04-26\", desktop: 75, mobile: 130 },\n  { date: \"2024-04-27\", desktop: 383, mobile: 420 },\n  { date: \"2024-04-28\", desktop: 122, mobile: 180 },\n  { date: \"2024-04-29\", desktop: 315, mobile: 240 },\n  { date: \"2024-04-30\", desktop: 454, mobile: 380 },\n  { date: \"2024-05-01\", desktop: 165, mobile: 220 },\n  { date: \"2024-05-02\", desktop: 293, mobile: 310 },\n  { date: \"2024-05-03\", desktop: 247, mobile: 190 },\n  { date: \"2024-05-04\", desktop: 385, mobile: 420 },\n  { date: \"2024-05-05\", desktop: 481, mobile: 390 },\n  { date: \"2024-05-06\", desktop: 498, mobile: 520 },\n  { date: \"2024-05-07\", desktop: 388, mobile: 300 },\n  { date: \"2024-05-08\", desktop: 149, mobile: 210 },\n  { date: \"2024-05-09\", desktop: 227, mobile: 180 },\n  { date: \"2024-05-10\", desktop: 293, mobile: 330 },\n  { date: \"2024-05-11\", desktop: 335, mobile: 270 },\n  { date: \"2024-05-12\", desktop: 197, mobile: 240 },\n  { date: \"2024-05-13\", desktop: 197, mobile: 160 },\n  { date: \"2024-05-14\", desktop: 448, mobile: 490 },\n  { date: \"2024-05-15\", desktop: 473, mobile: 380 },\n  { date: \"2024-05-16\", desktop: 338, mobile: 400 },\n  { date: \"2024-05-17\", desktop: 499, mobile: 420 },\n  { date: \"2024-05-18\", desktop: 315, mobile: 350 },\n  { date: \"2024-05-19\", desktop: 235, mobile: 180 },\n  { date: \"2024-05-20\", desktop: 177, mobile: 230 },\n  { date: \"2024-05-21\", desktop: 82, mobile: 140 },\n  { date: \"2024-05-22\", desktop: 81, mobile: 120 },\n  { date: \"2024-05-23\", desktop: 252, mobile: 290 },\n  { date: \"2024-05-24\", desktop: 294, mobile: 220 },\n  { date: \"2024-05-25\", desktop: 201, mobile: 250 },\n  { date: \"2024-05-26\", desktop: 213, mobile: 170 },\n  { date: \"2024-05-27\", desktop: 420, mobile: 460 },\n  { date: \"2024-05-28\", desktop: 233, mobile: 190 },\n  { date: \"2024-05-29\", desktop: 78, mobile: 130 },\n  { date: \"2024-05-30\", desktop: 340, mobile: 280 },\n  { date: \"2024-05-31\", desktop: 178, mobile: 230 },\n  { date: \"2024-06-01\", desktop: 178, mobile: 200 },\n  { date: \"2024-06-02\", desktop: 470, mobile: 410 },\n  { date: \"2024-06-03\", desktop: 103, mobile: 160 },\n  { date: \"2024-06-04\", desktop: 439, mobile: 380 },\n  { date: \"2024-06-05\", desktop: 88, mobile: 140 },\n  { date: \"2024-06-06\", desktop: 294, mobile: 250 },\n  { date: \"2024-06-07\", desktop: 323, mobile: 370 },\n  { date: \"2024-06-08\", desktop: 385, mobile: 320 },\n  { date: \"2024-06-09\", desktop: 438, mobile: 480 },\n  { date: \"2024-06-10\", desktop: 155, mobile: 200 },\n  { date: \"2024-06-11\", desktop: 92, mobile: 150 },\n  { date: \"2024-06-12\", desktop: 492, mobile: 420 },\n  { date: \"2024-06-13\", desktop: 81, mobile: 130 },\n  { date: \"2024-06-14\", desktop: 426, mobile: 380 },\n  { date: \"2024-06-15\", desktop: 307, mobile: 350 },\n  { date: \"2024-06-16\", desktop: 371, mobile: 310 },\n  { date: \"2024-06-17\", desktop: 475, mobile: 520 },\n  { date: \"2024-06-18\", desktop: 107, mobile: 170 },\n  { date: \"2024-06-19\", desktop: 341, mobile: 290 },\n  { date: \"2024-06-20\", desktop: 408, mobile: 450 },\n  { date: \"2024-06-21\", desktop: 169, mobile: 210 },\n  { date: \"2024-06-22\", desktop: 317, mobile: 270 },\n  { date: \"2024-06-23\", desktop: 480, mobile: 530 },\n  { date: \"2024-06-24\", desktop: 132, mobile: 180 },\n  { date: \"2024-06-25\", desktop: 141, mobile: 190 },\n  { date: \"2024-06-26\", desktop: 434, mobile: 380 },\n  { date: \"2024-06-27\", desktop: 448, mobile: 490 },\n  { date: \"2024-06-28\", desktop: 149, mobile: 200 },\n  { date: \"2024-06-29\", desktop: 103, mobile: 160 },\n  { date: \"2024-06-30\", desktop: 446, mobile: 400 },\n]\n\nconst chartConfig = {\n  visitors: {\n    label: \"Visitors\",\n  },\n  desktop: {\n    label: \"Desktop\",\n    color: \"var(--chart-1)\",\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"var(--chart-2)\",\n  },\n} satisfies ChartConfig\n\nexport function ChartAreaInteractive() {\n  const [timeRange, setTimeRange] = React.useState(\"90d\")\n\n  const filteredData = chartData.filter((item) => {\n    const date = new Date(item.date)\n    const referenceDate = new Date(\"2024-06-30\")\n    let daysToSubtract = 90\n    if (timeRange === \"30d\") {\n      daysToSubtract = 30\n    } else if (timeRange === \"7d\") {\n      daysToSubtract = 7\n    }\n    const startDate = new Date(referenceDate)\n    startDate.setDate(startDate.getDate() - daysToSubtract)\n    return date >= startDate\n  })\n\n  return (\n    <Card className=\"pt-0\">\n      <CardHeader className=\"flex items-center gap-2 space-y-0 border-b py-5 sm:flex-row\">\n        <div className=\"grid flex-1 gap-1\">\n          <CardTitle>Area Chart - Interactive</CardTitle>\n          <CardDescription>\n            Showing total visitors for the last 3 months\n          </CardDescription>\n        </div>\n        <Select value={timeRange} onValueChange={setTimeRange}>\n          <SelectTrigger\n            className=\"hidden w-[160px] rounded-lg sm:ml-auto sm:flex\"\n            aria-label=\"Select a value\"\n          >\n            <SelectValue placeholder=\"Last 3 months\" />\n          </SelectTrigger>\n          <SelectContent className=\"rounded-xl\">\n            <SelectItem value=\"90d\" className=\"rounded-lg\">\n              Last 3 months\n            </SelectItem>\n            <SelectItem value=\"30d\" className=\"rounded-lg\">\n              Last 30 days\n            </SelectItem>\n            <SelectItem value=\"7d\" className=\"rounded-lg\">\n              Last 7 days\n            </SelectItem>\n          </SelectContent>\n        </Select>\n      </CardHeader>\n      <CardContent className=\"px-2 pt-4 sm:px-6 sm:pt-6\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"aspect-auto h-[250px] w-full\"\n        >\n          <AreaChart data={filteredData}>\n            <defs>\n              <linearGradient id=\"fillDesktop\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.1}\n                />\n              </linearGradient>\n              <linearGradient id=\"fillMobile\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor=\"var(--color-mobile)\"\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor=\"var(--color-mobile)\"\n                  stopOpacity={0.1}\n                />\n              </linearGradient>\n            </defs>\n            <CartesianGrid vertical={false} />\n            <XAxis\n              dataKey=\"date\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              minTickGap={32}\n              tickFormatter={(value) => {\n                const date = new Date(value)\n                return date.toLocaleDateString(\"en-US\", {\n                  month: \"short\",\n                  day: \"numeric\",\n                })\n              }}\n            />\n            <ChartTooltip\n              cursor={false}\n              content={\n                <ChartTooltipContent\n                  labelFormatter={(value) => {\n                    return new Date(value).toLocaleDateString(\"en-US\", {\n                      month: \"short\",\n                      day: \"numeric\",\n                    })\n                  }}\n                  indicator=\"dot\"\n                />\n              }\n            />\n            <Area\n              dataKey=\"mobile\"\n              type=\"natural\"\n              fill=\"url(#fillMobile)\"\n              stroke=\"var(--color-mobile)\"\n              stackId=\"a\"\n            />\n            <Area\n              dataKey=\"desktop\"\n              type=\"natural\"\n              fill=\"url(#fillDesktop)\"\n              stroke=\"var(--color-desktop)\"\n              stackId=\"a\"\n            />\n            <ChartLegend content={<ChartLegendContent />} />\n          </AreaChart>\n        </ChartContainer>\n      </CardContent>\n    </Card>\n  )\n}\n","path":"src/components/vendor/shadcn/new-york-v4/charts/chart-area-interactive.tsx","target":"~/src/components/vendor/shadcn/new-york-v4/charts/chart-area-interactive.tsx","type":"registry:file"}],"meta":{"assetId":"resource.file.5611f5fff84bcbad3b67991c1113fc66","contractRef":"vendor/component-registry/shadcn/ba1503c64472b82256d9de95e2e62c5901a38e8b/apps/v4/registry/new-york-v4/charts/chart-area-interactive.tsx","maturity":"candidate","releaseDigest":"949c66419ce0c6d32c2044762861396dae3587c0c46a92199d769f4574d43eb9","version":"0.1.0"},"name":"resource-file-5611f5fff84bcbad3b67991c1113fc66","registryDependencies":[],"title":"resource.file.5611f5fff84bcbad3b67991c1113fc66","type":"registry:block"}