{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "return-merchandise-inspection",
  "title": "Return Merchandise Inspection",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/return-merchandise-inspection/ReturnMerchandiseInspection.vue",
      "content": "<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport type { HTMLAttributes } from 'vue'\nimport {\n  AlertTriangle,\n  ArrowRight,\n  Barcode,\n  Box,\n  CheckCircle2,\n  Clock,\n  CornerDownLeft,\n  CreditCard,\n  Download,\n  FileCheck,\n  Gift,\n  Package,\n  PackageCheck,\n  Printer,\n  Radio,\n  RotateCcw,\n  ScanLine,\n  Tag,\n  UserCheck,\n  Warehouse,\n} from 'lucide-vue-next'\nimport { cn } from '@/lib/utils'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Checkbox } from '@/components/ui/checkbox'\nimport { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'\nimport { Separator } from '@/components/ui/separator'\nimport { Textarea } from '@/components/ui/textarea'\n\nexport type ConditionGrade = 'grade-a' | 'grade-b' | 'grade-c' | 'grade-d'\nexport type RefundAction = 'full-refund' | 'store-credit' | 'restock-fee'\n\nexport interface InspectionChecklist {\n  tagsAttached: boolean\n  originalBox: boolean\n  allAccessories: boolean\n  odorStainFree: boolean\n}\n\nexport interface ReturnInspectionData {\n  rmaNumber: string\n  stationId: string\n  inspectorName: string\n  returnReason: string\n  item: {\n    name: string\n    variant: string\n    msrp: number\n    sku: string\n    upc: string\n    verified: boolean\n  }\n  grade: ConditionGrade\n  checklist: InspectionChecklist\n  refundAction: RefundAction\n  qcNotes: string\n  dispositionOutcome: {\n    route: string\n    destinationBin: string\n    lpnCode: string\n    priority: string\n  }\n}\n\ninterface Props {\n  initialRma?: string\n  initialGrade?: ConditionGrade\n  initialRefundAction?: RefundAction\n  initialSubmitted?: boolean\n  inspectorName?: string\n  stationName?: string\n  class?: HTMLAttributes['class']\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  initialRma: '#RMA-849201',\n  initialGrade: 'grade-a',\n  initialRefundAction: 'full-refund',\n  initialSubmitted: false,\n  inspectorName: 'Alex Rivera · QC Lead',\n  stationName: 'Warehouse Returns Intake & Grading Station #02',\n})\n\nconst emits = defineEmits<{\n  (e: 'complete', data: ReturnInspectionData): void\n}>()\n\n// Item scanned hardcoded data\nconst itemData = {\n  name: 'Aero Minimalist Runner · Size 10.5 · Matte Black',\n  variant: 'Matte Black / US 10.5 M',\n  sku: 'AMR-BLK-105',\n  upc: 'UPC-018249',\n  msrp: 145.0,\n  orderRef: '#ORD-98421',\n  carrier: 'FedEx Return Express',\n  trackingNumber: '7946 1102 9842',\n  returnReason: 'Customer reported wrong size ordered',\n}\n\n// Reactive state\nconst rmaNumber = ref(props.initialRma)\nconst selectedGrade = ref<ConditionGrade>(props.initialGrade)\nconst selectedRefundAction = ref<RefundAction>(props.initialRefundAction)\nconst submitted = ref(props.initialSubmitted)\nconst qcNotes = ref(\n  'Outer packaging opened by customer. All interior packaging materials, extra shoelaces, and brand care card verified in pristine condition. Zero sole wear detected.',\n)\n\nconst checklist = ref<InspectionChecklist>({\n  tagsAttached: true,\n  originalBox: true,\n  allAccessories: true,\n  odorStainFree: true,\n})\n\nwatch(\n  () => props.initialGrade,\n  (val) => {\n    selectedGrade.value = val\n  },\n)\n\nwatch(\n  () => props.initialRefundAction,\n  (val) => {\n    selectedRefundAction.value = val\n  },\n)\n\nwatch(\n  () => props.initialSubmitted,\n  (val) => {\n    submitted.value = val\n  },\n)\n\n// Condition Grade options definition\nconst gradeDefinitions = {\n  'grade-a': {\n    id: 'grade-a' as ConditionGrade,\n    code: 'Grade A',\n    title: 'Grade A: Brand New / Unopened',\n    conditionLabel: 'Brand New / Pristine',\n    summary: 'Original tags & packaging intact',\n    route: 'Restock to Primary Inventory',\n    targetBin: 'Aisle 04-B · Bin #04-B-12',\n    lpnCode: 'LPN-849201-RESTOCK-A',\n    priority: 'High · Inventory Replenishment',\n    badgeVariant: 'outline' as const,\n    badgeClasses: 'border-success/30 bg-success/10 text-success font-semibold',\n    activeBorderBg: 'border-success/40 bg-success/5 shadow-xs ring-1 ring-success/20',\n    indicatorColor: 'bg-success',\n    statusText: 'Primary Inventory Restock Approved',\n  },\n  'grade-b': {\n    id: 'grade-b' as ConditionGrade,\n    code: 'Grade B',\n    title: 'Grade B: Open Box / Minor Cosmetic',\n    conditionLabel: 'Open Box / Inspected',\n    summary: 'No functional damage, packaging opened',\n    route: 'Route to Outlet / Refurbished Store',\n    targetBin: 'Secondary Channel · Pallet #03',\n    lpnCode: 'LPN-849201-OUTLET-B',\n    priority: 'Standard · Secondary Routing',\n    badgeVariant: 'outline' as const,\n    badgeClasses: 'border-warning/30 bg-warning/10 text-warning font-semibold',\n    activeBorderBg: 'border-warning/40 bg-warning/5 shadow-xs ring-1 ring-warning/20',\n    indicatorColor: 'bg-warning',\n    statusText: 'Secondary Channel Re-routing',\n  },\n  'grade-c': {\n    id: 'grade-c' as ConditionGrade,\n    code: 'Grade C',\n    title: 'Grade C: Worn / Used',\n    conditionLabel: 'Worn / Blemished',\n    summary: 'Minor wear on soles, visible creasing',\n    route: 'Liquidation Batch #LQ-409',\n    targetBin: 'Bulk Liquidation Pallet #C-88',\n    lpnCode: 'LPN-849201-LIQUIDATE-C',\n    priority: 'Batch Weekly Dispatch',\n    badgeVariant: 'outline' as const,\n    badgeClasses: 'border-orange-500/30 bg-orange-500/10 text-orange-700 dark:text-orange-400 font-semibold',\n    activeBorderBg: 'border-orange-500/40 bg-orange-500/5 dark:bg-orange-950/20 shadow-xs ring-1 ring-orange-500/20',\n    indicatorColor: 'bg-orange-500',\n    statusText: 'Wholesale Liquidation Staging',\n  },\n  'grade-d': {\n    id: 'grade-d' as ConditionGrade,\n    code: 'Grade D',\n    title: 'Grade D: Damaged / Defective',\n    conditionLabel: 'Defective / Damaged',\n    summary: 'Torn fabric, seam defect, structural flaw',\n    route: 'Quarantine / Return to Vendor (RTV)',\n    targetBin: 'Quarantine Bay Q-08 (Vendor Claims)',\n    lpnCode: 'LPN-849201-QUARANTINE-D',\n    priority: 'Urgent · Vendor RTV Credit Hold',\n    badgeVariant: 'destructive' as const,\n    badgeClasses: 'border-destructive/30 bg-destructive/10 text-destructive font-semibold',\n    activeBorderBg: 'border-destructive/40 bg-destructive/5 shadow-xs ring-1 ring-destructive/20',\n    indicatorColor: 'bg-destructive',\n    statusText: 'Quarantine Hold & Vendor Credit Claim',\n  },\n}\n\nconst currentGrade = computed(() => gradeDefinitions[selectedGrade.value])\n\n// Checklist counts\nconst totalChecklistCount = 4\nconst checkedChecklistCount = computed(() => {\n  let count = 0\n  if (checklist.value.tagsAttached) count++\n  if (checklist.value.originalBox) count++\n  if (checklist.value.allAccessories) count++\n  if (checklist.value.odorStainFree) count++\n  return count\n})\n\nconst allChecksPassed = computed(() => checkedChecklistCount.value === totalChecklistCount)\n\n// Financial calculation based on refund action\nconst refundCalculations = computed(() => {\n  const msrp = itemData.msrp\n  if (selectedRefundAction.value === 'store-credit') {\n    const bonus = msrp * 0.1\n    return {\n      subtotal: msrp,\n      adjustmentLabel: 'Store Credit Bonus (+10%)',\n      adjustmentAmount: bonus,\n      isBonus: true,\n      totalRefund: msrp + bonus,\n      methodLabel: 'Digital Gift Card (sarah.c@example.com)',\n      payoutSpeed: 'Instant email delivery upon grading',\n    }\n  }\n\n  if (selectedRefundAction.value === 'restock-fee') {\n    const fee = 15.0\n    return {\n      subtotal: msrp,\n      adjustmentLabel: 'Restocking & Repacking Fee',\n      adjustmentAmount: fee,\n      isBonus: false,\n      totalRefund: msrp - fee,\n      methodLabel: 'Net Credit to Visa •••• 4242',\n      payoutSpeed: '3–5 business days to card',\n    }\n  }\n\n  return {\n    subtotal: msrp,\n    adjustmentLabel: 'Restocking Fee Waived',\n    adjustmentAmount: 0,\n    isBonus: false,\n    totalRefund: msrp,\n    methodLabel: 'Full Refund to Visa •••• 4242',\n    payoutSpeed: '3–5 business days to card',\n  }\n})\n\nfunction formatCurrency(val: number) {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: 'USD',\n    minimumFractionDigits: 2,\n  }).format(val)\n}\n\nfunction selectAllChecklist(pass: boolean) {\n  checklist.value.tagsAttached = pass\n  checklist.value.originalBox = pass\n  checklist.value.allAccessories = pass\n  checklist.value.odorStainFree = pass\n}\n\nfunction applyPresetNote(note: string) {\n  if (!qcNotes.value.includes(note)) {\n    qcNotes.value = qcNotes.value ? `${qcNotes.value} ${note}` : note\n  }\n}\n\nfunction handleCompleteInspection() {\n  submitted.value = true\n  emits('complete', {\n    rmaNumber: rmaNumber.value,\n    stationId: 'STATION-02-B',\n    inspectorName: props.inspectorName,\n    returnReason: itemData.returnReason,\n    item: {\n      name: itemData.name,\n      variant: itemData.variant,\n      msrp: itemData.msrp,\n      sku: itemData.sku,\n      upc: itemData.upc,\n      verified: true,\n    },\n    grade: selectedGrade.value,\n    checklist: { ...checklist.value },\n    refundAction: selectedRefundAction.value,\n    qcNotes: qcNotes.value,\n    dispositionOutcome: {\n      route: currentGrade.value.route,\n      destinationBin: currentGrade.value.targetBin,\n      lpnCode: currentGrade.value.lpnCode,\n      priority: currentGrade.value.priority,\n    },\n  })\n}\n\nfunction handleReset() {\n  submitted.value = false\n  selectedGrade.value = 'grade-a'\n  selectedRefundAction.value = 'full-refund'\n  selectAllChecklist(true)\n  qcNotes.value =\n    'Outer packaging opened by customer. All interior packaging materials, extra shoelaces, and brand care card verified in pristine condition. Zero sole wear detected.'\n}\n</script>\n\n<template>\n  <div\n    data-slot=\"return-merchandise-inspection\"\n    :class=\"cn('text-foreground mx-auto w-full max-w-6xl space-y-6', props.class)\"\n  >\n    <!-- ================================================================= -->\n    <!-- POST-SUBMISSION CONFIRMATION RECEIPT VIEW                         -->\n    <!-- ================================================================= -->\n    <div v-if=\"submitted\" class=\"space-y-6\">\n      <Card class=\"border-border overflow-hidden shadow-xs\">\n        <div\n          :class=\"[\n            'border-b p-6 text-center sm:p-8',\n            selectedGrade === 'grade-d' ? 'border-destructive/30 bg-destructive/10' : 'border-success/30 bg-success/10',\n          ]\"\n        >\n          <div class=\"relative mx-auto mb-4 size-16\">\n            <span\n              :class=\"[\n                'absolute inset-0 rounded-full blur-xl',\n                selectedGrade === 'grade-d' ? 'bg-destructive/30' : 'bg-success/30',\n              ]\"\n              aria-hidden=\"true\"\n            />\n            <span\n              :class=\"[\n                'relative flex size-16 items-center justify-center rounded-full border shadow-xs',\n                selectedGrade === 'grade-d'\n                  ? 'border-destructive/40 bg-destructive/20 text-destructive'\n                  : 'border-success/40 bg-success/20 text-success',\n              ]\"\n            >\n              <PackageCheck v-if=\"selectedGrade !== 'grade-d'\" class=\"size-8\" aria-hidden=\"true\" />\n              <AlertTriangle v-else class=\"size-8\" aria-hidden=\"true\" />\n            </span>\n          </div>\n\n          <Badge\n            :variant=\"selectedGrade === 'grade-d' ? 'destructive' : 'outline'\"\n            :class=\"[\n              'mb-2 font-mono text-xs tracking-wider uppercase',\n              selectedGrade !== 'grade-d' && 'border-success/30 bg-success/10 text-success',\n            ]\"\n          >\n            RMA Disposition Manifest Dispatched\n          </Badge>\n\n          <h2 class=\"text-foreground text-2xl font-bold tracking-tight sm:text-3xl\">\n            {{\n              selectedGrade === 'grade-d'\n                ? 'RMA Inspection Flagged · Quarantine RTV Initiated'\n                : 'Inspection Complete · Automated Routing Logged'\n            }}\n          </h2>\n          <p class=\"text-muted-foreground mx-auto mt-1.5 max-w-2xl text-xs sm:text-sm\">\n            Disposition for <span class=\"text-foreground font-medium\">{{ itemData.name }}</span> has been recorded.\n            Warehouse routing slip and automated customer refund authorization have been queued.\n          </p>\n\n          <div\n            class=\"border-border bg-muted/60 mt-4 inline-flex flex-wrap items-center gap-2 rounded-full border px-3.5 py-1 text-xs\"\n          >\n            <span class=\"text-muted-foreground font-medium\">RMA Reference:</span>\n            <span class=\"text-foreground font-mono font-bold\">{{ rmaNumber }}</span>\n            <span class=\"text-muted-foreground font-medium\">LPN:</span>\n            <span class=\"text-foreground font-mono font-bold\">{{ currentGrade.lpnCode }}</span>\n          </div>\n        </div>\n\n        <CardContent class=\"space-y-6 p-6\">\n          <!-- Disposition Summary Meta Grid -->\n          <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <div class=\"border-border bg-muted/20 space-y-1 rounded-lg border p-3.5\">\n              <span class=\"text-muted-foreground block text-xs font-medium\">Condition Grade</span>\n              <span class=\"text-foreground block text-sm font-semibold\">{{ currentGrade.title }}</span>\n              <span class=\"text-muted-foreground text-xs\">{{ currentGrade.summary }}</span>\n            </div>\n\n            <div class=\"border-border bg-muted/20 space-y-1 rounded-lg border p-3.5\">\n              <span class=\"text-muted-foreground block text-xs font-medium\">Warehouse Destination</span>\n              <span class=\"text-foreground block text-sm font-semibold\">{{ currentGrade.targetBin }}</span>\n              <span class=\"text-muted-foreground text-xs\">{{ currentGrade.route }}</span>\n            </div>\n\n            <div class=\"border-border bg-muted/20 space-y-1 rounded-lg border p-3.5\">\n              <span class=\"text-muted-foreground block text-xs font-medium\">Customer Resolution</span>\n              <span class=\"text-foreground block text-sm font-semibold tabular-nums\">\n                {{ formatCurrency(refundCalculations.totalRefund) }}\n              </span>\n              <span class=\"text-muted-foreground block truncate text-xs\">{{ refundCalculations.methodLabel }}</span>\n            </div>\n\n            <div class=\"border-border bg-muted/20 space-y-1 rounded-lg border p-3.5\">\n              <span class=\"text-muted-foreground block text-xs font-medium\">QC Inspector</span>\n              <span class=\"text-foreground block text-sm font-semibold\">{{ props.inspectorName }}</span>\n              <span class=\"text-muted-foreground text-xs\">Station #02 · Timestamped</span>\n            </div>\n          </div>\n\n          <!-- LPN Barcode & Routing Pass Box -->\n          <div class=\"border-border bg-muted/15 space-y-3 rounded-xl border p-4 sm:p-5\">\n            <div class=\"flex flex-wrap items-center justify-between gap-2\">\n              <div class=\"flex flex-wrap items-center gap-2\">\n                <Barcode class=\"text-primary size-4\" />\n                <span class=\"text-foreground text-xs font-semibold tracking-wide uppercase\">\n                  Pallet / Tote License Plate Number (LPN)\n                </span>\n              </div>\n              <Badge variant=\"outline\" class=\"font-mono text-xs\">READY FOR PUTAWAY</Badge>\n            </div>\n\n            <div\n              class=\"border-border bg-card flex flex-col items-center justify-center space-y-2 rounded-lg border p-4 text-center\"\n            >\n              <!-- Barcode SVG visualization -->\n              <svg\n                class=\"text-foreground h-12 w-full max-w-sm\"\n                viewBox=\"0 0 280 48\"\n                fill=\"currentColor\"\n                aria-label=\"LPN Warehouse Barcode\"\n              >\n                <!-- Barcode vertical lines -->\n                <rect x=\"0\" y=\"0\" width=\"4\" height=\"48\" />\n                <rect x=\"7\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"12\" y=\"0\" width=\"5\" height=\"48\" />\n                <rect x=\"20\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"25\" y=\"0\" width=\"6\" height=\"48\" />\n                <rect x=\"34\" y=\"0\" width=\"3\" height=\"48\" />\n                <rect x=\"40\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"45\" y=\"0\" width=\"5\" height=\"48\" />\n                <rect x=\"53\" y=\"0\" width=\"3\" height=\"48\" />\n                <rect x=\"60\" y=\"0\" width=\"6\" height=\"48\" />\n                <rect x=\"69\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"74\" y=\"0\" width=\"4\" height=\"48\" />\n                <rect x=\"81\" y=\"0\" width=\"3\" height=\"48\" />\n                <rect x=\"88\" y=\"0\" width=\"5\" height=\"48\" />\n                <rect x=\"96\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"101\" y=\"0\" width=\"6\" height=\"48\" />\n                <rect x=\"110\" y=\"0\" width=\"3\" height=\"48\" />\n                <rect x=\"116\" y=\"0\" width=\"4\" height=\"48\" />\n                <rect x=\"123\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"128\" y=\"0\" width=\"5\" height=\"48\" />\n                <rect x=\"136\" y=\"0\" width=\"3\" height=\"48\" />\n                <rect x=\"142\" y=\"0\" width=\"6\" height=\"48\" />\n                <rect x=\"151\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"156\" y=\"0\" width=\"4\" height=\"48\" />\n                <rect x=\"163\" y=\"0\" width=\"3\" height=\"48\" />\n                <rect x=\"170\" y=\"0\" width=\"5\" height=\"48\" />\n                <rect x=\"178\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"183\" y=\"0\" width=\"6\" height=\"48\" />\n                <rect x=\"192\" y=\"0\" width=\"4\" height=\"48\" />\n                <rect x=\"199\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"204\" y=\"0\" width=\"5\" height=\"48\" />\n                <rect x=\"212\" y=\"0\" width=\"3\" height=\"48\" />\n                <rect x=\"218\" y=\"0\" width=\"6\" height=\"48\" />\n                <rect x=\"227\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"232\" y=\"0\" width=\"4\" height=\"48\" />\n                <rect x=\"239\" y=\"0\" width=\"3\" height=\"48\" />\n                <rect x=\"245\" y=\"0\" width=\"5\" height=\"48\" />\n                <rect x=\"253\" y=\"0\" width=\"2\" height=\"48\" />\n                <rect x=\"258\" y=\"0\" width=\"6\" height=\"48\" />\n                <rect x=\"267\" y=\"0\" width=\"3\" height=\"48\" />\n                <rect x=\"273\" y=\"0\" width=\"4\" height=\"48\" />\n              </svg>\n              <div class=\"flex items-center gap-3 font-mono text-xs font-bold\">\n                <span class=\"text-foreground tracking-wider\">{{ currentGrade.lpnCode }}</span>\n                <span class=\"text-muted-foreground font-normal\">{{ currentGrade.targetBin }}</span>\n              </div>\n            </div>\n\n            <!-- Inspector Notes Display -->\n            <div v-if=\"qcNotes\" class=\"space-y-1 pt-1 text-xs\">\n              <span class=\"text-muted-foreground font-medium\">Logged Inspector Notes:</span>\n              <p class=\"border-border bg-card text-foreground rounded-md border p-3 leading-relaxed italic\">\n                “{{ qcNotes }}”\n              </p>\n            </div>\n          </div>\n\n          <!-- Actions Strip -->\n          <div class=\"flex flex-wrap items-center justify-between gap-3 pt-2\">\n            <Button variant=\"outline\" size=\"sm\" class=\"gap-1.5 text-xs font-medium\" @click=\"handleReset\">\n              <RotateCcw class=\"size-3.5\" />\n              Start Next RMA Inspection\n            </Button>\n\n            <div class=\"flex flex-wrap items-center gap-2\">\n              <Button variant=\"outline\" size=\"sm\" class=\"gap-1.5 text-xs font-medium\">\n                <Printer class=\"size-3.5\" />\n                Print LPN Tote Label\n              </Button>\n              <Button aria-label=\"Download attachment\" size=\"sm\" class=\"gap-1.5 text-xs font-medium\">\n                <Download class=\"size-3.5\" />\n                Download Disposition PDF\n              </Button>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n\n    <!-- ================================================================= -->\n    <!-- ACTIVE INSPECTION WORKBENCH VIEW                                  -->\n    <!-- ================================================================= -->\n    <div v-else class=\"space-y-6\">\n      <!-- Top Station Header Card -->\n      <Card class=\"border-border shadow-xs\">\n        <CardHeader class=\"pb-4\">\n          <div class=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n            <div class=\"space-y-2\">\n              <div class=\"flex flex-wrap items-center gap-2\">\n                <Badge variant=\"outline\" class=\"border-primary/30 bg-primary/10 text-primary gap-1.5 py-0.5 text-xs\">\n                  <Warehouse class=\"size-3.5\" />\n                  Station #02 · Returns Intake & Grading\n                </Badge>\n                <Badge variant=\"outline\" class=\"gap-1.5 py-0.5 font-mono text-xs\">\n                  <Tag class=\"size-3\" />\n                  {{ rmaNumber }}\n                </Badge>\n                <Badge variant=\"outline\" class=\"border-success/30 bg-success/10 text-success gap-1.5 py-0.5 text-xs\">\n                  <Radio class=\"text-success size-3\" />\n                  Scanner Online\n                </Badge>\n              </div>\n\n              <div>\n                <CardTitle class=\"text-xl font-bold tracking-tight sm:text-2xl\">\n                  Warehouse Returns Intake & Grading Station #02\n                </CardTitle>\n                <CardDescription class=\"text-xs sm:text-sm\">\n                  RMA intake verification, physical condition evaluation, restock/quarantine disposition routing, and\n                  customer refund action.\n                </CardDescription>\n              </div>\n            </div>\n\n            <!-- Primary Header CTA -->\n            <div class=\"flex shrink-0 items-center gap-2\">\n              <Button\n                type=\"button\"\n                size=\"default\"\n                class=\"gap-2 text-xs font-semibold sm:text-sm\"\n                @click=\"handleCompleteInspection\"\n              >\n                <FileCheck class=\"size-4\" />\n                Complete Inspection & Disposition\n              </Button>\n            </div>\n          </div>\n        </CardHeader>\n\n        <!-- Metadata Ribbon Bar -->\n        <CardContent class=\"pt-0 pb-4\">\n          <div class=\"border-border bg-muted/20 grid gap-3 rounded-lg border p-3.5 sm:grid-cols-2 lg:grid-cols-4\">\n            <div class=\"space-y-0.5\">\n              <div class=\"text-muted-foreground flex items-center gap-1.5 text-xs font-medium\">\n                <Tag class=\"text-primary size-3.5\" />\n                <span>RMA Reference</span>\n              </div>\n              <p class=\"text-foreground font-mono text-xs font-semibold\">{{ rmaNumber }}</p>\n              <p class=\"text-muted-foreground text-xs\">Order: {{ itemData.orderRef }}</p>\n            </div>\n\n            <div class=\"space-y-0.5\">\n              <div class=\"text-muted-foreground flex items-center gap-1.5 text-xs font-medium\">\n                <UserCheck class=\"text-primary size-3.5\" />\n                <span>Inspector / Station</span>\n              </div>\n              <p class=\"text-foreground text-xs font-semibold\">{{ props.inspectorName }}</p>\n              <p class=\"text-muted-foreground text-xs\">Terminal Station #02</p>\n            </div>\n\n            <div class=\"space-y-0.5\">\n              <div class=\"text-muted-foreground flex items-center gap-1.5 text-xs font-medium\">\n                <CornerDownLeft class=\"text-primary size-3.5\" />\n                <span>Customer Return Reason</span>\n              </div>\n              <p class=\"text-foreground truncate text-xs font-semibold\">{{ itemData.returnReason }}</p>\n              <p class=\"text-muted-foreground text-xs\">Carrier: {{ itemData.carrier }}</p>\n            </div>\n\n            <div class=\"space-y-0.5\">\n              <div class=\"text-muted-foreground flex items-center gap-1.5 text-xs font-medium\">\n                <Clock class=\"text-primary size-3.5\" />\n                <span>Intake Status</span>\n              </div>\n              <p class=\"text-foreground text-xs font-semibold\">In Progress · Pending Disposition</p>\n              <p class=\"text-muted-foreground font-mono text-xs\">{{ itemData.trackingNumber }}</p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <!-- =============================================================== -->\n      <!-- 2-COLUMN INSPECTION WORKBENCH                                   -->\n      <!-- =============================================================== -->\n      <div class=\"grid grid-cols-1 items-start gap-6 lg:grid-cols-12\">\n        <!-- LEFT COLUMN: Item Verification & Condition Grading (7 Cols) -->\n        <div class=\"space-y-6 lg:col-span-7\">\n          <!-- 1. Scanned Item Verification Card -->\n          <Card class=\"border-border shadow-xs\">\n            <CardHeader class=\"pb-3\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-wrap items-center gap-2\">\n                  <ScanLine class=\"text-primary size-4\" />\n                  <CardTitle class=\"text-sm font-semibold\">Intake Item Scanned</CardTitle>\n                </div>\n                <Badge variant=\"outline\" class=\"border-success/30 bg-success/10 text-success gap-1 text-xs\">\n                  <CheckCircle2 class=\"size-3\" />\n                  Match Verified\n                </Badge>\n              </div>\n            </CardHeader>\n\n            <CardContent class=\"space-y-4\">\n              <div\n                class=\"border-border bg-card flex flex-col gap-3 rounded-lg border p-3.5 sm:flex-row sm:items-center\"\n              >\n                <div\n                  class=\"border-border bg-muted/60 text-muted-foreground flex size-14 shrink-0 items-center justify-center rounded-lg border\"\n                >\n                  <Package class=\"text-primary size-7\" />\n                </div>\n\n                <div class=\"min-w-0 flex-1 space-y-1\">\n                  <div class=\"flex flex-wrap items-start justify-between gap-2\">\n                    <div>\n                      <h4 class=\"text-foreground text-sm leading-tight font-semibold\">\n                        {{ itemData.name }}\n                      </h4>\n                      <p class=\"text-muted-foreground text-xs\">\n                        {{ itemData.variant }} · SKU: <span class=\"font-mono font-medium\">{{ itemData.sku }}</span>\n                      </p>\n                    </div>\n                    <div class=\"text-right\">\n                      <span class=\"text-foreground text-base font-bold tabular-nums\">\n                        {{ formatCurrency(itemData.msrp) }}\n                      </span>\n                      <span class=\"text-muted-foreground block text-xs\">MSRP</span>\n                    </div>\n                  </div>\n\n                  <div class=\"flex flex-wrap items-center gap-3 pt-1 text-xs\">\n                    <div class=\"text-muted-foreground flex items-center gap-1.5 font-mono\">\n                      <Barcode class=\"text-success size-3.5\" />\n                      <span class=\"text-foreground font-semibold\">{{ itemData.upc }}</span>\n                      <Badge variant=\"outline\" class=\"text-success h-4 px-1.5 py-0 text-xs\"> UPC OK </Badge>\n                    </div>\n                    <Separator orientation=\"vertical\" class=\"h-3.5\" />\n                    <span class=\"text-muted-foreground\">Order: {{ itemData.orderRef }}</span>\n                  </div>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <!-- 2. Condition Grading Radio Cards -->\n          <Card class=\"border-border shadow-xs\">\n            <CardHeader class=\"pb-3\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"space-y-0.5\">\n                  <CardTitle class=\"text-sm font-semibold\">Condition Grading Assessment</CardTitle>\n                  <CardDescription class=\"text-xs\">\n                    Select physical grading level to trigger automated warehouse routing rules.\n                  </CardDescription>\n                </div>\n                <Badge :class=\"currentGrade.badgeClasses\">\n                  {{ currentGrade.code }}\n                </Badge>\n              </div>\n            </CardHeader>\n\n            <CardContent>\n              <RadioGroup\n                :model-value=\"selectedGrade\"\n                class=\"grid grid-cols-1 gap-2.5\"\n                @update:model-value=\"(val: any) => (selectedGrade = val)\"\n              >\n                <!-- Grade A -->\n                <div\n                  :class=\"\n                    cn(\n                      'flex cursor-pointer items-start gap-3 rounded-lg border p-3.5 transition-colors select-none',\n                      selectedGrade === 'grade-a'\n                        ? gradeDefinitions['grade-a'].activeBorderBg\n                        : 'border-border bg-card hover:bg-muted/30',\n                    )\n                  \"\n                  @click=\"selectedGrade = 'grade-a'\"\n                >\n                  <RadioGroupItem id=\"grade-a\" value=\"grade-a\" class=\"mt-0.5\" />\n                  <div class=\"flex-1 space-y-1\">\n                    <div class=\"flex flex-wrap items-center justify-between gap-2\">\n                      <label for=\"grade-a\" class=\"text-foreground cursor-pointer text-xs font-semibold sm:text-sm\">\n                        Grade A: Brand New / Unopened\n                      </label>\n                      <Badge variant=\"outline\" class=\"border-success/30 bg-success/10 text-success text-xs\">\n                        Primary Restock\n                      </Badge>\n                    </div>\n                    <p class=\"text-muted-foreground text-xs leading-relaxed\">\n                      Original factory tags & packaging intact. No cosmetic or functional flaws.\n                    </p>\n                    <div class=\"text-muted-foreground flex items-center gap-1.5 pt-1 text-xs\">\n                      <ArrowRight class=\"text-primary size-3\" />\n                      <span\n                        >Target:\n                        <strong class=\"text-foreground font-medium\"\n                          >Restock to Primary Inventory (Aisle 04-B)</strong\n                        ></span\n                      >\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Grade B -->\n                <div\n                  :class=\"\n                    cn(\n                      'flex cursor-pointer items-start gap-3 rounded-lg border p-3.5 transition-colors select-none',\n                      selectedGrade === 'grade-b'\n                        ? gradeDefinitions['grade-b'].activeBorderBg\n                        : 'border-border bg-card hover:bg-muted/30',\n                    )\n                  \"\n                  @click=\"selectedGrade = 'grade-b'\"\n                >\n                  <RadioGroupItem id=\"grade-b\" value=\"grade-b\" class=\"mt-0.5\" />\n                  <div class=\"flex-1 space-y-1\">\n                    <div class=\"flex flex-wrap items-center justify-between gap-2\">\n                      <label for=\"grade-b\" class=\"text-foreground cursor-pointer text-xs font-semibold sm:text-sm\">\n                        Grade B: Open Box / Minor Cosmetic\n                      </label>\n                      <Badge variant=\"outline\" class=\"border-warning/30 bg-warning/10 text-warning text-xs\">\n                        Outlet Store\n                      </Badge>\n                    </div>\n                    <p class=\"text-muted-foreground text-xs leading-relaxed\">\n                      Box opened or minor package scuffs, but product is 100% unworn and fully functional.\n                    </p>\n                    <div class=\"text-muted-foreground flex items-center gap-1.5 pt-1 text-xs\">\n                      <ArrowRight class=\"text-primary size-3\" />\n                      <span\n                        >Target:\n                        <strong class=\"text-foreground font-medium\">Route to Outlet / Refurbished Store</strong></span\n                      >\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Grade C -->\n                <div\n                  :class=\"\n                    cn(\n                      'flex cursor-pointer items-start gap-3 rounded-lg border p-3.5 transition-colors select-none',\n                      selectedGrade === 'grade-c'\n                        ? gradeDefinitions['grade-c'].activeBorderBg\n                        : 'border-border bg-card hover:bg-muted/30',\n                    )\n                  \"\n                  @click=\"selectedGrade = 'grade-c'\"\n                >\n                  <RadioGroupItem id=\"grade-c\" value=\"grade-c\" class=\"mt-0.5\" />\n                  <div class=\"flex-1 space-y-1\">\n                    <div class=\"flex flex-wrap items-center justify-between gap-2\">\n                      <label for=\"grade-c\" class=\"text-foreground cursor-pointer text-xs font-semibold sm:text-sm\">\n                        Grade C: Worn / Used\n                      </label>\n                      <Badge\n                        variant=\"outline\"\n                        class=\"border-orange-500/30 bg-orange-500/10 text-xs text-orange-700 dark:text-orange-400\"\n                      >\n                        Liquidation\n                      </Badge>\n                    </div>\n                    <p class=\"text-muted-foreground text-xs leading-relaxed\">\n                      Visible wear on soles, minor creasing or cosmetic stains. Not suitable for retail shelves.\n                    </p>\n                    <div class=\"text-muted-foreground flex items-center gap-1.5 pt-1 text-xs\">\n                      <ArrowRight class=\"text-primary size-3\" />\n                      <span\n                        >Target:\n                        <strong class=\"text-foreground font-medium\"\n                          >Liquidation Batch #LQ-409 (Wholesale Lot)</strong\n                        ></span\n                      >\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Grade D -->\n                <div\n                  :class=\"\n                    cn(\n                      'flex cursor-pointer items-start gap-3 rounded-lg border p-3.5 transition-colors select-none',\n                      selectedGrade === 'grade-d'\n                        ? gradeDefinitions['grade-d'].activeBorderBg\n                        : 'border-border bg-card hover:bg-muted/30',\n                    )\n                  \"\n                  @click=\"selectedGrade = 'grade-d'\"\n                >\n                  <RadioGroupItem id=\"grade-d\" value=\"grade-d\" class=\"mt-0.5\" />\n                  <div class=\"flex-1 space-y-1\">\n                    <div class=\"flex flex-wrap items-center justify-between gap-2\">\n                      <label for=\"grade-d\" class=\"text-foreground cursor-pointer text-xs font-semibold sm:text-sm\">\n                        Grade D: Damaged / Defective\n                      </label>\n                      <Badge variant=\"destructive\" class=\"text-xs\"> Quarantine RTV </Badge>\n                    </div>\n                    <p class=\"text-muted-foreground text-xs leading-relaxed\">\n                      Torn fabric, broken seam, outsole separation, or manufacturing defect.\n                    </p>\n                    <div class=\"text-muted-foreground flex items-center gap-1.5 pt-1 text-xs\">\n                      <ArrowRight class=\"text-primary size-3\" />\n                      <span\n                        >Target:\n                        <strong class=\"text-foreground font-medium\"\n                          >Quarantine Bay Q-08 / Return to Vendor (RTV)</strong\n                        ></span\n                      >\n                    </div>\n                  </div>\n                </div>\n              </RadioGroup>\n            </CardContent>\n          </Card>\n\n          <!-- 3. Physical Inspection Checklist -->\n          <Card class=\"border-border shadow-xs\">\n            <CardHeader class=\"pb-3\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"space-y-0.5\">\n                  <CardTitle class=\"text-sm font-semibold\">Physical Inspection Checklist</CardTitle>\n                  <CardDescription class=\"text-xs\">\n                    Verify all physical criteria before approving final warehouse putaway.\n                  </CardDescription>\n                </div>\n                <div class=\"flex flex-wrap items-center gap-2\">\n                  <Badge variant=\"secondary\" class=\"font-mono text-xs\">\n                    {{ checkedChecklistCount }}/{{ totalChecklistCount }} Passed\n                  </Badge>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    class=\"text-muted-foreground hover:text-foreground h-7 text-xs\"\n                    @click=\"selectAllChecklist(!allChecksPassed)\"\n                  >\n                    {{ allChecksPassed ? 'Uncheck All' : 'Pass All' }}\n                  </Button>\n                </div>\n              </div>\n            </CardHeader>\n\n            <CardContent class=\"space-y-2.5\">\n              <!-- Item 1: Tags Attached -->\n              <div\n                :class=\"\n                  cn(\n                    'flex items-start gap-3 rounded-lg border p-3 transition-colors',\n                    checklist.tagsAttached ? 'border-border bg-card' : 'border-warning/30 bg-warning/5',\n                  )\n                \"\n              >\n                <Checkbox id=\"chk-tags\" v-model=\"checklist.tagsAttached\" class=\"mt-0.5\" />\n                <div class=\"flex-1 space-y-0.5\">\n                  <label for=\"chk-tags\" class=\"text-foreground cursor-pointer text-xs font-semibold select-none\">\n                    Tags attached\n                  </label>\n                  <p class=\"text-muted-foreground text-xs\">\n                    Factory hangtags, barcode UPC stickers, and care labels intact.\n                  </p>\n                </div>\n              </div>\n\n              <!-- Item 2: Original Box Present -->\n              <div\n                :class=\"\n                  cn(\n                    'flex items-start gap-3 rounded-lg border p-3 transition-colors',\n                    checklist.originalBox ? 'border-border bg-card' : 'border-warning/30 bg-warning/5',\n                  )\n                \"\n              >\n                <Checkbox id=\"chk-box\" v-model=\"checklist.originalBox\" class=\"mt-0.5\" />\n                <div class=\"flex-1 space-y-0.5\">\n                  <label for=\"chk-box\" class=\"text-foreground cursor-pointer text-xs font-semibold select-none\">\n                    Original box present\n                  </label>\n                  <p class=\"text-muted-foreground text-xs\">\n                    Manufacturer shoebox present with readable SKU and size label.\n                  </p>\n                </div>\n              </div>\n\n              <!-- Item 3: Accessories in Box -->\n              <div\n                :class=\"\n                  cn(\n                    'flex items-start gap-3 rounded-lg border p-3 transition-colors',\n                    checklist.allAccessories ? 'border-border bg-card' : 'border-warning/30 bg-warning/5',\n                  )\n                \"\n              >\n                <Checkbox id=\"chk-acc\" v-model=\"checklist.allAccessories\" class=\"mt-0.5\" />\n                <div class=\"flex-1 space-y-0.5\">\n                  <label for=\"chk-acc\" class=\"text-foreground cursor-pointer text-xs font-semibold select-none\">\n                    All accessories in box\n                  </label>\n                  <p class=\"text-muted-foreground text-xs\">\n                    Extra pair of laces, dust bag, and product manual verified.\n                  </p>\n                </div>\n              </div>\n\n              <!-- Item 4: Odor and Stain Free -->\n              <div\n                :class=\"\n                  cn(\n                    'flex items-start gap-3 rounded-lg border p-3 transition-colors',\n                    checklist.odorStainFree ? 'border-border bg-card' : 'border-warning/30 bg-warning/5',\n                  )\n                \"\n              >\n                <Checkbox id=\"chk-odor\" v-model=\"checklist.odorStainFree\" class=\"mt-0.5\" />\n                <div class=\"flex-1 space-y-0.5\">\n                  <label for=\"chk-odor\" class=\"text-foreground cursor-pointer text-xs font-semibold select-none\">\n                    Odor & stain free\n                  </label>\n                  <p class=\"text-muted-foreground text-xs\">\n                    Free from perfume scent, tobacco smoke, pet hair, dirt, or cosmetic scuffs.\n                  </p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        <!-- RIGHT COLUMN: Disposition & Customer Refund Action Card (5 Cols) -->\n        <div class=\"space-y-6 lg:col-span-5\">\n          <!-- 1. Selected Automated Warehouse Disposition Card -->\n          <Card class=\"border-border overflow-hidden shadow-xs\">\n            <CardHeader class=\"bg-muted/15 border-border border-b pb-3\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-wrap items-center gap-2\">\n                  <Warehouse class=\"text-primary size-4\" />\n                  <CardTitle class=\"text-sm font-semibold\">Warehouse Routing Outcome</CardTitle>\n                </div>\n                <Badge :class=\"currentGrade.badgeClasses\">\n                  {{ currentGrade.code }}\n                </Badge>\n              </div>\n            </CardHeader>\n\n            <CardContent class=\"space-y-4 p-4\">\n              <!-- Active Outcome Card Banner -->\n              <div :class=\"cn('rounded-lg border p-4 transition-colors', currentGrade.activeBorderBg)\">\n                <div class=\"flex items-start gap-3\">\n                  <div\n                    class=\"border-border bg-background/80 text-foreground flex size-9 shrink-0 items-center justify-center rounded-md border\"\n                  >\n                    <Box class=\"text-primary size-5\" />\n                  </div>\n                  <div class=\"min-w-0 flex-1 space-y-1\">\n                    <div class=\"flex flex-wrap items-center gap-2\">\n                      <span class=\"text-foreground text-xs font-bold sm:text-sm\">\n                        {{ currentGrade.route }}\n                      </span>\n                    </div>\n                    <p class=\"text-muted-foreground text-xs\">\n                      Destination Bin:\n                      <strong class=\"text-foreground font-mono font-semibold\">{{ currentGrade.targetBin }}</strong>\n                    </p>\n                    <p class=\"text-muted-foreground text-xs\">\n                      Priority: <span class=\"text-foreground font-medium\">{{ currentGrade.priority }}</span>\n                    </p>\n                  </div>\n                </div>\n\n                <div class=\"border-border/60 mt-3.5 flex items-center justify-between border-t pt-3 text-xs\">\n                  <span class=\"text-muted-foreground font-mono\">LPN: {{ currentGrade.lpnCode }}</span>\n                  <Badge variant=\"outline\" class=\"font-mono text-xs\">READY FOR SCAN</Badge>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <!-- 2. Customer Refund Action Card -->\n          <Card class=\"border-border shadow-xs\">\n            <CardHeader class=\"pb-3\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"space-y-0.5\">\n                  <CardTitle class=\"text-sm font-semibold\">Customer Refund Action</CardTitle>\n                  <CardDescription class=\"text-xs\">\n                    Choose financial settlement for RMA {{ rmaNumber }}.\n                  </CardDescription>\n                </div>\n                <CreditCard class=\"text-muted-foreground size-4\" />\n              </div>\n            </CardHeader>\n\n            <CardContent class=\"space-y-4\">\n              <RadioGroup\n                :model-value=\"selectedRefundAction\"\n                class=\"grid grid-cols-1 gap-2.5\"\n                @update:model-value=\"(val: any) => (selectedRefundAction = val)\"\n              >\n                <!-- Option 1: Full Refund -->\n                <div\n                  :class=\"\n                    cn(\n                      'flex cursor-pointer items-start gap-3 rounded-lg border p-3 transition-colors select-none',\n                      selectedRefundAction === 'full-refund'\n                        ? 'border-primary bg-primary/[0.03] dark:bg-primary/10 shadow-xs'\n                        : 'border-border bg-card hover:bg-muted/30',\n                    )\n                  \"\n                  @click=\"selectedRefundAction = 'full-refund'\"\n                >\n                  <RadioGroupItem id=\"ref-full\" value=\"full-refund\" class=\"mt-0.5\" />\n                  <div class=\"flex-1 space-y-0.5\">\n                    <div class=\"flex items-center justify-between\">\n                      <label for=\"ref-full\" class=\"text-foreground cursor-pointer text-xs font-semibold\">\n                        Authorize Full Refund\n                      </label>\n                      <span class=\"text-foreground text-xs font-semibold tabular-nums\">\n                        {{ formatCurrency(itemData.msrp) }}\n                      </span>\n                    </div>\n                    <p class=\"text-muted-foreground text-xs\">\n                      100% refund to <span class=\"text-foreground font-medium\">Visa •••• 4242</span>. 3–5 business days.\n                    </p>\n                  </div>\n                </div>\n\n                <!-- Option 2: Store Credit (+10% Bonus) -->\n                <div\n                  :class=\"\n                    cn(\n                      'flex cursor-pointer items-start gap-3 rounded-lg border p-3 transition-colors select-none',\n                      selectedRefundAction === 'store-credit'\n                        ? 'border-success/50 bg-success/5 ring-success/20 dark:bg-success/10 shadow-xs ring-1'\n                        : 'border-border bg-card hover:bg-muted/30',\n                    )\n                  \"\n                  @click=\"selectedRefundAction = 'store-credit'\"\n                >\n                  <RadioGroupItem id=\"ref-credit\" value=\"store-credit\" class=\"mt-0.5\" />\n                  <div class=\"flex-1 space-y-0.5\">\n                    <div class=\"flex items-center justify-between\">\n                      <div class=\"flex items-center gap-1.5\">\n                        <Gift class=\"text-success size-3\" />\n                        <label for=\"ref-credit\" class=\"text-foreground cursor-pointer text-xs font-semibold\">\n                          Issue Store Credit (+10%)\n                        </label>\n                      </div>\n                      <span class=\"text-success text-success text-xs font-semibold tabular-nums\">\n                        {{ formatCurrency(itemData.msrp * 1.1) }}\n                      </span>\n                    </div>\n                    <p class=\"text-muted-foreground text-xs\">\n                      Includes\n                      <span class=\"text-foreground font-medium\">+{{ formatCurrency(itemData.msrp * 0.1) }}</span> bonus\n                      credit. Delivered instantly by email.\n                    </p>\n                  </div>\n                </div>\n\n                <!-- Option 3: Charge Restocking Fee -->\n                <div\n                  :class=\"\n                    cn(\n                      'flex cursor-pointer items-start gap-3 rounded-lg border p-3 transition-colors select-none',\n                      selectedRefundAction === 'restock-fee'\n                        ? 'border-primary bg-primary/[0.03] dark:bg-primary/10 shadow-xs'\n                        : 'border-border bg-card hover:bg-muted/30',\n                    )\n                  \"\n                  @click=\"selectedRefundAction = 'restock-fee'\"\n                >\n                  <RadioGroupItem id=\"ref-fee\" value=\"restock-fee\" class=\"mt-0.5\" />\n                  <div class=\"flex-1 space-y-0.5\">\n                    <div class=\"flex items-center justify-between\">\n                      <label for=\"ref-fee\" class=\"text-foreground cursor-pointer text-xs font-semibold\">\n                        Charge Restocking Fee (-$15)\n                      </label>\n                      <span class=\"text-foreground text-xs font-semibold tabular-nums\">\n                        {{ formatCurrency(itemData.msrp - 15) }}\n                      </span>\n                    </div>\n                    <p class=\"text-muted-foreground text-xs\">\n                      $15.00 repackaging & inspection deduction. Net to\n                      <span class=\"text-foreground font-medium\">Visa •••• 4242</span>.\n                    </p>\n                  </div>\n                </div>\n              </RadioGroup>\n\n              <!-- Settlement Calculation Summary Box -->\n              <div class=\"border-border bg-muted/30 space-y-1.5 rounded-lg border p-3 text-xs\">\n                <div class=\"text-muted-foreground flex items-center justify-between\">\n                  <span>Item MSRP</span>\n                  <span class=\"text-foreground font-mono font-medium\">{{\n                    formatCurrency(refundCalculations.subtotal)\n                  }}</span>\n                </div>\n                <div\n                  v-if=\"selectedRefundAction === 'store-credit'\"\n                  class=\"text-success flex items-center justify-between\"\n                >\n                  <span>{{ refundCalculations.adjustmentLabel }}</span>\n                  <span class=\"font-mono font-medium\">+{{ formatCurrency(refundCalculations.adjustmentAmount) }}</span>\n                </div>\n                <div\n                  v-else-if=\"selectedRefundAction === 'restock-fee'\"\n                  class=\"text-destructive flex items-center justify-between\"\n                >\n                  <span>{{ refundCalculations.adjustmentLabel }}</span>\n                  <span class=\"font-mono font-medium\">-{{ formatCurrency(refundCalculations.adjustmentAmount) }}</span>\n                </div>\n                <div class=\"border-border text-foreground flex items-center justify-between border-t pt-1.5 font-bold\">\n                  <span>Authorized Net Settlement</span>\n                  <span\n                    :class=\"[\n                      'font-mono text-sm font-bold tabular-nums',\n                      selectedRefundAction === 'store-credit' && 'text-success',\n                    ]\"\n                  >\n                    {{ formatCurrency(refundCalculations.totalRefund) }}\n                  </span>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <!-- 3. Internal QC Inspection Notes -->\n          <Card class=\"border-border shadow-xs\">\n            <CardHeader class=\"pb-3\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"space-y-0.5\">\n                  <CardTitle class=\"text-sm font-semibold\">Internal QC Inspection Notes</CardTitle>\n                  <CardDescription class=\"text-xs\"> Station audit log appended to inventory history. </CardDescription>\n                </div>\n              </div>\n            </CardHeader>\n\n            <CardContent class=\"space-y-3\">\n              <Textarea\n                v-model=\"qcNotes\"\n                :rows=\"3\"\n                placeholder=\"Enter internal inspection notes, physical defect description, or warehouse packaging details...\"\n                class=\"text-xs\"\n              />\n\n              <!-- Quick Tag Helpers -->\n              <div class=\"space-y-1.5\">\n                <span class=\"text-muted-foreground block text-xs font-medium\">Quick Preset Tags:</span>\n                <div class=\"flex flex-wrap gap-1.5\">\n                  <button\n                    type=\"button\"\n                    class=\"border-border bg-muted/40 hover:bg-muted text-muted-foreground hover:text-foreground min-h-6 cursor-pointer rounded-md border px-2 py-0.5 text-xs transition-colors\"\n                    @click=\"applyPresetNote('Pristine unworn condition.')\"\n                  >\n                    + Pristine Condition\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"border-border bg-muted/40 hover:bg-muted text-muted-foreground hover:text-foreground min-h-6 cursor-pointer rounded-md border px-2 py-0.5 text-xs transition-colors\"\n                    @click=\"applyPresetNote('Minor outer box scuff; shoes mint.')\"\n                  >\n                    + Box Scuffed\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"border-border bg-muted/40 hover:bg-muted text-muted-foreground hover:text-foreground min-h-6 cursor-pointer rounded-md border px-2 py-0.5 text-xs transition-colors\"\n                    @click=\"applyPresetNote('Slight sole friction detected.')\"\n                  >\n                    + Sole Friction\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"border-border bg-muted/40 hover:bg-muted text-muted-foreground hover:text-foreground min-h-6 cursor-pointer rounded-md border px-2 py-0.5 text-xs transition-colors\"\n                    @click=\"applyPresetNote('Factory seam defect identified - Flagged RTV.')\"\n                  >\n                    + Flagged RTV\n                  </button>\n                </div>\n              </div>\n            </CardContent>\n\n            <CardFooter class=\"border-border bg-muted/15 flex items-center justify-between border-t p-4\">\n              <span class=\"text-muted-foreground text-xs\">\n                Audit sign-off: <strong class=\"text-foreground font-medium\">{{ props.inspectorName }}</strong>\n              </span>\n              <Button size=\"sm\" class=\"gap-1.5 text-xs font-semibold\" @click=\"handleCompleteInspection\">\n                <FileCheck class=\"size-3.5\" />\n                Complete Inspection\n              </Button>\n            </CardFooter>\n          </Card>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/ReturnMerchandiseInspection.vue"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/badge.json",
    "https://uipkge.dev/r/vue/button.json",
    "https://uipkge.dev/r/vue/card.json",
    "https://uipkge.dev/r/vue/checkbox.json",
    "https://uipkge.dev/r/vue/radio-group.json",
    "https://uipkge.dev/r/vue/separator.json",
    "https://uipkge.dev/r/vue/textarea.json"
  ],
  "description": "Warehouse returns intake inspection station, RMA condition grading, and restock vs quarantine disposition workbench.",
  "categories": [
    "logistics",
    "ecommerce",
    "app"
  ]
}