@campfire-interactive/volume-intelligence-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,1716 @@
+// src/VolumeImport.tsx
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { AlertTriangle, FileUp, Loader2, RotateCcw } from "lucide-react";
+
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/styles.css
+styleInject(".cfi-volume-import {\n  font-family: var(--cfi-font-family, system-ui, sans-serif);\n  font-size: var(--cfi-font-size-base, 14px);\n  color: var(--cfi-color-gray-900, #111827);\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-md, 12px);\n  max-width: 640px;\n}\n.cfi-volume-import .cfi-vi-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-xs, 4px);\n}\n.cfi-volume-import .cfi-vi-row {\n  display: flex;\n  gap: var(--cfi-spacing-md, 12px);\n  flex-wrap: wrap;\n}\n.cfi-volume-import .cfi-vi-row .cfi-vi-field {\n  flex: 1 1 8rem;\n}\n.cfi-volume-import .cfi-vi-label {\n  font-size: var(--cfi-font-size-sm, 12px);\n  font-weight: 600;\n  color: var(--cfi-color-gray-700, #374151);\n}\n.cfi-volume-import .cfi-vi-select,\n.cfi-volume-import .cfi-vi-file {\n  padding: 6px 8px;\n  border: 1px solid var(--cfi-color-gray-300, #d1d5db);\n  border-radius: var(--cfi-radius-md, 6px);\n  background: #fff;\n  font: inherit;\n  color: inherit;\n}\n.cfi-volume-import .cfi-vi-select:focus,\n.cfi-volume-import .cfi-vi-file:focus {\n  outline: 2px solid var(--cfi-color-primary-600, #2563eb);\n  outline-offset: 1px;\n}\n.cfi-volume-import .cfi-vi-button {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--cfi-spacing-xs, 6px);\n  align-self: flex-start;\n  padding: 8px 14px;\n  border: none;\n  border-radius: var(--cfi-radius-md, 6px);\n  background: var(--cfi-color-primary-600, #2563eb);\n  color: #fff;\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n}\n.cfi-volume-import .cfi-vi-button:hover:not(:disabled) {\n  background: var(--cfi-color-primary-700, #1d4ed8);\n}\n.cfi-volume-import .cfi-vi-button:disabled {\n  background: var(--cfi-color-gray-300, #d1d5db);\n  color: var(--cfi-color-gray-500, #6b7280);\n  cursor: not-allowed;\n}\n.cfi-volume-import .cfi-vi-loading,\n.cfi-volume-import .cfi-vi-alert {\n  display: flex;\n  align-items: center;\n  gap: var(--cfi-spacing-xs, 6px);\n  padding: 8px 10px;\n  border-radius: var(--cfi-radius-md, 6px);\n  font-size: var(--cfi-font-size-sm, 13px);\n}\n.cfi-volume-import .cfi-vi-alert--error {\n  background: var(--cfi-color-gray-100, #fef2f2);\n  color: var(--cfi-color-error, #b91c1c);\n}\n.cfi-volume-import .cfi-vi-alert--warn {\n  background: #fffbeb;\n  color: #92400e;\n  align-items: flex-start;\n}\n.cfi-volume-import .cfi-vi-blockers {\n  margin: 0;\n  padding-left: 1.1rem;\n}\n.cfi-volume-import .cfi-vi-status {\n  border: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n  border-radius: var(--cfi-radius-md, 6px);\n  padding: var(--cfi-spacing-md, 12px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-sm, 8px);\n}\n.cfi-volume-import .cfi-vi-status-head {\n  display: flex;\n  align-items: center;\n  gap: var(--cfi-spacing-sm, 8px);\n}\n.cfi-volume-import .cfi-vi-filename {\n  font-weight: 600;\n}\n.cfi-volume-import .cfi-vi-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  border-radius: 999px;\n  font-size: var(--cfi-font-size-xs, 11px);\n  text-transform: capitalize;\n  background: var(--cfi-color-gray-100, #f3f4f6);\n  color: var(--cfi-color-gray-700, #374151);\n}\n.cfi-volume-import .cfi-vi-badge--done {\n  background: #dcfce7;\n  color: #166534;\n}\n.cfi-volume-import .cfi-vi-badge--done_with_errors {\n  background: #fef9c3;\n  color: #854d0e;\n}\n.cfi-volume-import .cfi-vi-badge--failed {\n  background: #fee2e2;\n  color: #991b1b;\n}\n.cfi-volume-import .cfi-vi-badge--processing,\n.cfi-volume-import .cfi-vi-badge--pending,\n.cfi-volume-import .cfi-vi-badge--awaiting_calendar {\n  background: #dbeafe;\n  color: #1e40af;\n}\n.cfi-volume-import .cfi-vi-link {\n  background: none;\n  border: none;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--cfi-color-primary-600, #2563eb);\n  font: inherit;\n  cursor: pointer;\n}\n.cfi-volume-import .cfi-vi-stats {\n  display: flex;\n  gap: var(--cfi-spacing-md, 12px);\n  color: var(--cfi-color-gray-600, #4b5563);\n  font-size: var(--cfi-font-size-sm, 13px);\n}\n.cfi-volume-import .cfi-vi-errors {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--cfi-font-size-sm, 13px);\n}\n.cfi-volume-import .cfi-vi-errors th,\n.cfi-volume-import .cfi-vi-errors td {\n  text-align: left;\n  padding: 4px 8px;\n  border-bottom: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n  vertical-align: top;\n}\n.cfi-volume-import .cfi-vi-spin {\n  animation: cfi-vi-spin 0.8s linear infinite;\n}\n@keyframes cfi-vi-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.cfi-vi {\n  font-family: var(--cfi-font-family, system-ui, sans-serif);\n  font-size: var(--cfi-font-size-base, 14px);\n  color: var(--cfi-color-gray-900, #111827);\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-md, 12px);\n}\n.cfi-vi *,\n.cfi-vi *::before,\n.cfi-vi *::after {\n  box-sizing: border-box;\n}\n.cfi-vi .cfi-vi-row {\n  display: flex;\n  align-items: center;\n  gap: var(--cfi-spacing-sm, 8px);\n}\n.cfi-vi .cfi-vi-row--between {\n  justify-content: space-between;\n}\n.cfi-vi .cfi-vi-spacer {\n  flex: 1;\n}\n.cfi-vi .cfi-vi-muted {\n  color: var(--cfi-color-gray-600, #4b5563);\n}\n.cfi-vi .cfi-vi-error {\n  color: var(--cfi-color-error, #b91c1c);\n  font-size: var(--cfi-font-size-sm, 13px);\n}\n.cfi-vi .cfi-vi-mono {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    monospace;\n  font-size: var(--cfi-font-size-xs, 11px);\n}\n.cfi-vi .cfi-vi-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border-radius: var(--cfi-radius-md, 6px);\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n  border: 1px solid transparent;\n  white-space: nowrap;\n}\n.cfi-vi .cfi-vi-btn--sm {\n  padding: 4px 10px;\n  font-size: var(--cfi-font-size-sm, 13px);\n}\n.cfi-vi .cfi-vi-btn--md {\n  padding: 8px 14px;\n}\n.cfi-vi .cfi-vi-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.cfi-vi .cfi-vi-btn--primary {\n  background: var(--cfi-color-primary-600, #2563eb);\n  color: #fff;\n}\n.cfi-vi .cfi-vi-btn--primary:hover:not(:disabled) {\n  background: var(--cfi-color-primary-700, #1d4ed8);\n}\n.cfi-vi .cfi-vi-btn--outline {\n  background: #fff;\n  border-color: var(--cfi-color-gray-300, #d1d5db);\n  color: var(--cfi-color-gray-900, #111827);\n}\n.cfi-vi .cfi-vi-btn--outline:hover:not(:disabled) {\n  background: var(--cfi-color-gray-50, #f9fafb);\n}\n.cfi-vi .cfi-vi-btn--ghost {\n  background: transparent;\n  color: var(--cfi-color-gray-700, #374151);\n}\n.cfi-vi .cfi-vi-btn--ghost:hover:not(:disabled) {\n  background: var(--cfi-color-gray-100, #f3f4f6);\n}\n.cfi-vi .cfi-vi-btn--destructive {\n  background: var(--cfi-color-error, #dc2626);\n  color: #fff;\n}\n.cfi-vi .cfi-vi-btn--destructive:hover:not(:disabled) {\n  filter: brightness(0.92);\n}\n.cfi-vi .cfi-vi-icon-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  color: var(--cfi-color-gray-500, #6b7280);\n  border-radius: var(--cfi-radius-sm, 4px);\n  display: inline-flex;\n}\n.cfi-vi .cfi-vi-icon-btn:hover {\n  background: var(--cfi-color-gray-100, #f3f4f6);\n}\n.cfi-vi .cfi-vi-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 1px 8px;\n  border-radius: 999px;\n  font-size: var(--cfi-font-size-xs, 11px);\n  font-weight: 600;\n}\n.cfi-vi .cfi-vi-tag--default {\n  background: var(--cfi-color-gray-100, #f3f4f6);\n  color: var(--cfi-color-gray-700, #374151);\n}\n.cfi-vi .cfi-vi-tag--outline {\n  background: transparent;\n  border: 1px solid var(--cfi-color-gray-300, #d1d5db);\n  color: var(--cfi-color-gray-700, #374151);\n}\n.cfi-vi .cfi-vi-tag--secondary {\n  background: var(--cfi-color-gray-200, #e5e7eb);\n  color: var(--cfi-color-gray-700, #374151);\n}\n.cfi-vi .cfi-vi-tag--success {\n  background: #16a34a;\n  color: #fff;\n}\n.cfi-vi .cfi-vi-tag--purple {\n  background: var(--cfi-color-violet-600, #7c3aed);\n  color: #fff;\n}\n.cfi-vi .cfi-vi-card {\n  border: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n  border-radius: var(--cfi-radius-lg, 8px);\n  background: #fff;\n}\n.cfi-vi .cfi-vi-card--active {\n  border-color: #86efac;\n  background: #f0fdf4;\n}\n.cfi-vi .cfi-vi-card--hover:hover {\n  border-color: var(--cfi-color-primary-600, #2563eb);\n}\n.cfi-vi .cfi-vi-card-head {\n  padding: var(--cfi-spacing-md, 12px);\n  padding-bottom: var(--cfi-spacing-sm, 8px);\n}\n.cfi-vi .cfi-vi-card-body {\n  padding: 0 var(--cfi-spacing-md, 12px) var(--cfi-spacing-md, 12px);\n}\n.cfi-vi .cfi-vi-card-title {\n  font-size: var(--cfi-font-size-base, 15px);\n  font-weight: 600;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n.cfi-vi .cfi-vi-link {\n  background: none;\n  border: none;\n  padding: 0;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n}\n.cfi-vi .cfi-vi-link:hover {\n  text-decoration: underline;\n}\n.cfi-vi .cfi-vi-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-xs, 4px);\n}\n.cfi-vi .cfi-vi-label {\n  font-size: var(--cfi-font-size-sm, 12px);\n  font-weight: 600;\n  color: var(--cfi-color-gray-700, #374151);\n}\n.cfi-vi .cfi-vi-hint {\n  font-size: var(--cfi-font-size-xs, 11px);\n  color: var(--cfi-color-gray-500, #6b7280);\n  margin: 2px 0 0;\n}\n.cfi-vi .cfi-vi-input,\n.cfi-vi select.cfi-vi-input {\n  padding: 6px 8px;\n  border: 1px solid var(--cfi-color-gray-300, #d1d5db);\n  border-radius: var(--cfi-radius-md, 6px);\n  background: #fff;\n  font: inherit;\n  color: inherit;\n  width: 100%;\n}\n.cfi-vi .cfi-vi-input:focus {\n  outline: 2px solid var(--cfi-color-primary-600, #2563eb);\n  outline-offset: 1px;\n}\n.cfi-vi-modal-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 50;\n  padding: 16px;\n}\n.cfi-vi-modal {\n  background: #fff;\n  border-radius: var(--cfi-radius-lg, 8px);\n  width: 100%;\n  max-width: 32rem;\n  max-height: 90vh;\n  overflow: auto;\n  box-shadow: var(--cfi-shadow-lg, 0 10px 30px rgba(0,0,0,0.2));\n  font-family: var(--cfi-font-family, system-ui, sans-serif);\n  color: var(--cfi-color-gray-900, #111827);\n  display: flex;\n  flex-direction: column;\n}\n.cfi-vi-modal-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--cfi-spacing-md, 14px);\n  border-bottom: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n}\n.cfi-vi-modal-title {\n  font-size: var(--cfi-font-size-lg, 16px);\n  font-weight: 600;\n  margin: 0;\n}\n.cfi-vi-modal-body {\n  padding: var(--cfi-spacing-md, 14px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-md, 12px);\n}\n.cfi-vi-modal-foot {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--cfi-spacing-sm, 8px);\n  padding: var(--cfi-spacing-md, 14px);\n  border-top: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n}\n.cfi-vi-icon-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  color: var(--cfi-color-gray-500, #6b7280);\n  border-radius: 4px;\n  display: inline-flex;\n}\n.cfi-vi .cfi-vi-spinner {\n  display: inline-block;\n  border: 2px solid var(--cfi-color-gray-300, #d1d5db);\n  border-top-color: var(--cfi-color-primary-600, #2563eb);\n  border-radius: 50%;\n  animation: cfi-vi-spin 0.8s linear infinite;\n}\n.cfi-vi .cfi-vi-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-sm, 10px);\n}\n.cfi-vi .cfi-vi-list-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n.cfi-vi .cfi-vi-h1 {\n  font-size: var(--cfi-font-size-lg, 18px);\n  font-weight: 600;\n  margin: 0;\n}\n.cfi-vi .cfi-vi-active-line {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: var(--cfi-font-size-sm, 13px);\n  color: var(--cfi-color-gray-600, #4b5563);\n  margin-top: 2px;\n}\n.cfi-vi .cfi-vi-active-name {\n  font-weight: 600;\n  color: #15803d;\n}\n.cfi-vi .cfi-vi-active-extras {\n  margin-top: var(--cfi-spacing-md, 16px);\n  padding-top: var(--cfi-spacing-md, 16px);\n  border-top: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-md, 16px);\n}\n.cfi-vi-mapper {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--cfi-spacing-lg, 24px);\n  align-items: start;\n}\n@media (min-width: 1024px) {\n  .cfi-vi-mapper {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n.cfi-vi-mapper .cfi-vi-mapper-col {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-lg, 24px);\n  min-width: 0;\n}\n.cfi-vi-mapper .cfi-vi-mapper-section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-sm, 8px);\n}\n.cfi-vi-mapper .cfi-vi-mapper-section-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n.cfi-vi-mapper .cfi-vi-mapper-h3 {\n  font-size: var(--cfi-font-size-xs, 11px);\n  font-weight: 700;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: var(--cfi-color-gray-500, #6b7280);\n  margin: 0;\n}\n.cfi-vi-mapper .cfi-vi-mapper-note {\n  font-size: var(--cfi-font-size-xs, 11px);\n  color: var(--cfi-color-gray-500, #6b7280);\n}\n.cfi-vi-mapper .cfi-vi-mapper-box {\n  border: 1px solid var(--cfi-color-gray-100, #f3f4f6);\n  border-radius: var(--cfi-radius-lg, 8px);\n  background: #fff;\n  padding: var(--cfi-spacing-md, 14px);\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.cfi-vi-mapper .cfi-vi-mapper-err {\n  font-size: var(--cfi-font-size-xs, 11px);\n  color: var(--cfi-color-error, #b91c1c);\n  margin: 2px 0 0;\n}\n.cfi-vi-mapper .cfi-vi-mapper-save {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding-top: 4px;\n}\n.cfi-vi-mapper .cfi-vi-mapper-dirty {\n  font-size: var(--cfi-font-size-xs, 11px);\n  color: #b45309;\n}\n.cfi-vi-mapper .cfi-vi-hier-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.cfi-vi-mapper .cfi-vi-hier-elbow {\n  width: 18px;\n  align-self: stretch;\n  border-left: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n  border-bottom: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n  height: 18px;\n  margin-bottom: 9px;\n  flex-shrink: 0;\n}\n.cfi-vi-mapper .cfi-vi-hier-dot {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid var(--cfi-color-gray-300, #d1d5db);\n  background: #fff;\n  flex-shrink: 0;\n}\n.cfi-vi-mapper .cfi-vi-hier-dot--filled {\n  border-color: var(--cfi-color-primary-600, #6366f1);\n  background: var(--cfi-color-primary-50, #eef2ff);\n}\n.cfi-vi-mapper .cfi-vi-hier-name {\n  font-size: var(--cfi-font-size-xs, 12px);\n  font-weight: 600;\n  color: var(--cfi-color-gray-600, #4b5563);\n  width: 96px;\n  flex-shrink: 0;\n}\n.cfi-vi-mapper .cfi-vi-leaf {\n  font-size: 10px;\n  font-weight: 600;\n  color: #b45309;\n  background: #fffbeb;\n  border: 1px solid #fde68a;\n  padding: 1px 6px;\n  border-radius: 999px;\n  flex-shrink: 0;\n}\n.cfi-vi-mapper .cfi-vi-dropzone {\n  flex: 1;\n  min-height: 36px;\n  border-radius: var(--cfi-radius-md, 6px);\n  border: 2px solid;\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n  min-width: 0;\n  transition: all 0.12s;\n}\n.cfi-vi-mapper .cfi-vi-dropzone--active {\n  border-color: var(--cfi-color-primary-600, #6366f1);\n  background: var(--cfi-color-primary-50, #eef2ff);\n}\n.cfi-vi-mapper .cfi-vi-dropzone--filled {\n  border-style: solid;\n  border-color: var(--cfi-color-gray-200, #e5e7eb);\n  background: #fff;\n}\n.cfi-vi-mapper .cfi-vi-dropzone--empty {\n  border-style: dashed;\n  border-color: var(--cfi-color-gray-200, #e5e7eb);\n  background: var(--cfi-color-gray-50, #f9fafb);\n}\n.cfi-vi-mapper .cfi-vi-dropzone--covered {\n  border-style: solid;\n  border-color: #a7f3d0;\n  background: #ecfdf5;\n}\n.cfi-vi-mapper .cfi-vi-dropzone-ph {\n  font-size: var(--cfi-font-size-xs, 12px);\n  color: var(--cfi-color-gray-400, #9ca3af);\n  user-select: none;\n}\n.cfi-vi-mapper .cfi-vi-base-hint {\n  font-size: 10px;\n  font-family: ui-monospace, monospace;\n  color: #1d4ed8;\n  background: #eff6ff;\n  border: 1px solid #bfdbfe;\n  padding: 1px 6px;\n  border-radius: 4px;\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n.cfi-vi-mapper .cfi-vi-auto-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n.cfi-vi-mapper .cfi-vi-auto-label {\n  width: 160px;\n  flex-shrink: 0;\n  padding-top: 6px;\n}\n.cfi-vi-mapper .cfi-vi-auto-label-text {\n  font-size: var(--cfi-font-size-xs, 12px);\n  font-weight: 600;\n  color: var(--cfi-color-gray-700, #374151);\n}\n.cfi-vi-mapper .cfi-vi-auto-cover {\n  font-size: 10px;\n  margin: 2px 0 0;\n  color: var(--cfi-color-gray-500, #6b7280);\n}\n.cfi-vi-mapper .cfi-vi-auto-cover--on {\n  color: #047857;\n}\n.cfi-vi-mapper .cfi-vi-auto-auto {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  min-width: 0;\n  color: #047857;\n}\n.cfi-vi-mapper .cfi-vi-auto-auto-label {\n  font-size: var(--cfi-font-size-xs, 12px);\n  font-family: ui-monospace, monospace;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cfi-vi-mapper .cfi-vi-auto-auto-tag {\n  font-size: 10px;\n  font-style: italic;\n  color: #059669;\n  flex-shrink: 0;\n}\n.cfi-vi-mapper .cfi-vi-auto-transform {\n  width: 224px;\n  flex-shrink: 0;\n  padding-top: 6px;\n  font-size: 11px;\n  color: var(--cfi-color-gray-500, #6b7280);\n  line-height: 1.3;\n}\n.cfi-vi-mapper .cfi-vi-auto-transform-label {\n  font-weight: 600;\n}\n.cfi-vi-mapper .cfi-vi-pool-col {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-sm, 8px);\n}\n@media (min-width: 1024px) {\n  .cfi-vi-mapper .cfi-vi-pool-col {\n    position: sticky;\n    top: 16px;\n    align-self: start;\n  }\n}\n.cfi-vi-mapper .cfi-vi-search {\n  position: relative;\n}\n.cfi-vi-mapper .cfi-vi-search .cfi-vi-input {\n  padding-left: 28px;\n}\n.cfi-vi-mapper .cfi-vi-search-icon {\n  position: absolute;\n  left: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--cfi-color-gray-400, #9ca3af);\n  pointer-events: none;\n}\n.cfi-vi-mapper .cfi-vi-pool {\n  border: 2px dashed var(--cfi-color-gray-200, #e5e7eb);\n  background: var(--cfi-color-gray-50, #f9fafb);\n  border-radius: var(--cfi-radius-lg, 8px);\n  padding: 12px;\n  min-height: 200px;\n  max-height: 600px;\n  overflow-y: auto;\n}\n.cfi-vi-mapper .cfi-vi-pool--active {\n  border-color: var(--cfi-color-primary-600, #818cf8);\n  background: var(--cfi-color-primary-50, #eef2ff);\n}\n.cfi-vi-mapper .cfi-vi-pool-empty {\n  font-size: var(--cfi-font-size-xs, 12px);\n  color: var(--cfi-color-gray-400, #9ca3af);\n  font-style: italic;\n}\n.cfi-vi-mapper .cfi-vi-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.cfi-vi-mapper .cfi-vi-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: var(--cfi-radius-md, 6px);\n  background: #fff;\n  border: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n  cursor: grab;\n  user-select: none;\n  font-size: var(--cfi-font-size-xs, 12px);\n  font-family: ui-monospace, monospace;\n  color: var(--cfi-color-gray-700, #374151);\n}\n.cfi-vi-mapper .cfi-vi-chip:hover {\n  border-color: var(--cfi-color-primary-600, #818cf8);\n  background: var(--cfi-color-primary-50, #eef2ff);\n}\n.cfi-vi-mapper .cfi-vi-chip:active {\n  cursor: grabbing;\n}\n.cfi-vi-mapper .cfi-vi-chip--assigned {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  width: 100%;\n  min-width: 0;\n  cursor: grab;\n}\n.cfi-vi-mapper .cfi-vi-chip--assigned:active {\n  cursor: grabbing;\n}\n.cfi-vi-mapper .cfi-vi-chip-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--cfi-color-gray-400, #9ca3af);\n  flex-shrink: 0;\n}\n.cfi-vi-mapper .cfi-vi-chip-dot--on {\n  background: var(--cfi-color-primary-600, #6366f1);\n}\n.cfi-vi-mapper .cfi-vi-chip-label {\n  font-size: var(--cfi-font-size-xs, 12px);\n  font-family: ui-monospace, monospace;\n  color: #3730a3;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.cfi-vi-mapper .cfi-vi-chip-x {\n  margin-left: 4px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--cfi-color-gray-400, #9ca3af);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.cfi-vi-mapper .cfi-vi-chip-x:hover {\n  background: #fee2e2;\n  color: #ef4444;\n}\n.cfi-vi .cfi-vi-spin {\n  animation: cfi-vi-spin 0.8s linear infinite;\n}\n.cfi-vi .cfi-vi-detail {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-lg, 20px);\n}\n.cfi-vi .cfi-vi-h2 {\n  font-size: var(--cfi-font-size-base, 15px);\n  font-weight: 600;\n  margin: 0;\n}\n.cfi-vi .cfi-vi-panel {\n  border: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n  border-radius: var(--cfi-radius-md, 6px);\n  background: #fff;\n  padding: var(--cfi-spacing-md, 16px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-sm, 12px);\n}\n.cfi-vi .cfi-vi-grid2 {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--cfi-spacing-md, 16px);\n}\n@media (min-width: 768px) {\n  .cfi-vi .cfi-vi-grid2 {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n.cfi-vi .cfi-vi-lock {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border: 1px solid #fde68a;\n  background: #fffbeb;\n  color: #92400e;\n  border-radius: var(--cfi-radius-md, 6px);\n  padding: 8px 12px;\n  font-size: var(--cfi-font-size-xs, 12px);\n}\n.cfi-vi .cfi-vi-table {\n  width: 100%;\n  border-collapse: collapse;\n  border: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n  border-radius: var(--cfi-radius-md, 6px);\n  font-size: var(--cfi-font-size-sm, 13px);\n}\n.cfi-vi .cfi-vi-table th,\n.cfi-vi .cfi-vi-table td {\n  text-align: left;\n  padding: 6px 10px;\n  border-bottom: 1px solid var(--cfi-color-gray-100, #f3f4f6);\n  vertical-align: middle;\n}\n.cfi-vi .cfi-vi-table th {\n  font-size: var(--cfi-font-size-xs, 11px);\n  font-weight: 600;\n  color: var(--cfi-color-gray-500, #6b7280);\n}\n.cfi-vi .cfi-vi-table tr:last-child td {\n  border-bottom: none;\n}\n.cfi-vi .cfi-vi-danger {\n  border: 1px solid rgba(220, 38, 38, 0.4);\n  background: rgba(220, 38, 38, 0.05);\n  border-radius: var(--cfi-radius-md, 6px);\n  padding: var(--cfi-spacing-md, 16px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-sm, 12px);\n}\n.cfi-vi .cfi-vi-aliases {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-sm, 12px);\n}\n.cfi-vi .cfi-vi-alias-rows {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n");
+
+// src/VolumeImport.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var MONTH_NAMES = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
+  "done",
+  "done_with_errors",
+  "failed"
+]);
+var STATUS_LABELS = {
+  awaiting_calendar: "awaiting calendar",
+  done_with_errors: "done with errors"
+};
+var DEFAULT_POLL_MS = 3e3;
+function isTerminal(status) {
+  return TERMINAL_STATUSES.has(status);
+}
+function yearOptions() {
+  const y = (/* @__PURE__ */ new Date()).getFullYear();
+  return [y + 1, y, y - 1, y - 2];
+}
+function VolumeImport(props) {
+  const { transport, defaultSourceId, pollIntervalMs = DEFAULT_POLL_MS, onUploaded, className } = props;
+  const [sources, setSources] = useState(null);
+  const [sourcesError, setSourcesError] = useState(null);
+  const [selectedId, setSelectedId] = useState(defaultSourceId ?? null);
+  const [file, setFile] = useState(null);
+  const [year, setYear] = useState(() => (/* @__PURE__ */ new Date()).getFullYear());
+  const [month, setMonth] = useState(() => (/* @__PURE__ */ new Date()).getMonth() + 1);
+  const [lag, setLag] = useState(2);
+  const [submitting, setSubmitting] = useState(false);
+  const [submitError, setSubmitError] = useState(null);
+  const [upload, setUpload] = useState(null);
+  const [errors, setErrors] = useState(null);
+  const fileInputRef = useRef(null);
+  const pollTimer = useRef(null);
+  useEffect(() => {
+    let alive = true;
+    transport.listSources().then((list) => {
+      if (!alive) return;
+      setSources(list);
+      setSelectedId((cur) => cur ?? defaultSourceId ?? list.find((s) => s.ready !== false)?.id ?? list[0]?.id ?? null);
+    }).catch((e) => alive && setSourcesError(e instanceof Error ? e.message : "Failed to load sources"));
+    return () => {
+      alive = false;
+    };
+  }, [transport, defaultSourceId]);
+  const selected = useMemo(
+    () => sources?.find((s) => s.id === selectedId) ?? null,
+    [sources, selectedId]
+  );
+  const isWide = selected?.layout !== "tall";
+  useEffect(() => {
+    if (!upload || isTerminal(upload.status)) return;
+    pollTimer.current = setTimeout(() => {
+      transport.getUpload(upload.id).then(setUpload).catch(() => {
+      });
+    }, pollIntervalMs);
+    return () => {
+      if (pollTimer.current) clearTimeout(pollTimer.current);
+    };
+  }, [upload, transport, pollIntervalMs]);
+  useEffect(() => {
+    if (!upload || !isTerminal(upload.status)) return;
+    onUploaded?.(upload);
+    if (upload.status === "done_with_errors" || upload.status === "failed") {
+      transport.listErrors(upload.id, { page: 1 }).then((r) => setErrors(r.errors)).catch(() => setErrors(null));
+    }
+  }, [upload?.id, upload?.status]);
+  const blockers = selected?.blockers ?? [];
+  const ready = !!selected && selected.ready !== false && blockers.length === 0;
+  const canSubmit = ready && !!file && !submitting;
+  const handleSubmit = useCallback(async () => {
+    if (!selected || !file) return;
+    setSubmitting(true);
+    setSubmitError(null);
+    setErrors(null);
+    try {
+      const rec = await transport.uploadFile({
+        sourceId: selected.id,
+        file,
+        ...isWide ? { uploadYear: year, uploadMonth: month, actualsLagMonths: lag } : {}
+      });
+      setUpload(rec);
+      setFile(null);
+      if (fileInputRef.current) fileInputRef.current.value = "";
+    } catch (e) {
+      setSubmitError(e instanceof Error ? e.message : "Upload failed");
+    } finally {
+      setSubmitting(false);
+    }
+  }, [selected, file, isWide, year, month, lag, transport]);
+  const handleReprocess = useCallback(async () => {
+    if (!upload || !transport.reprocess) return;
+    try {
+      setUpload(await transport.reprocess(upload.id));
+      setErrors(null);
+    } catch (e) {
+      setSubmitError(e instanceof Error ? e.message : "Reprocess failed");
+    }
+  }, [upload, transport]);
+  const rootClass = className ? `cfi-volume-import ${className}` : "cfi-volume-import";
+  if (sourcesError) {
+    return /* @__PURE__ */ jsx("div", { className: rootClass, children: /* @__PURE__ */ jsxs("div", { className: "cfi-vi-alert cfi-vi-alert--error", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { size: 16, "aria-hidden": true }),
+      " ",
+      /* @__PURE__ */ jsx("span", { children: sourcesError })
+    ] }) });
+  }
+  if (!sources) {
+    return /* @__PURE__ */ jsx("div", { className: rootClass, children: /* @__PURE__ */ jsxs("div", { className: "cfi-vi-loading", children: [
+      /* @__PURE__ */ jsx(Loader2, { size: 16, className: "cfi-vi-spin", "aria-hidden": true }),
+      " Loading sources\u2026"
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: rootClass, children: [
+    /* @__PURE__ */ jsxs("div", { className: "cfi-vi-field", children: [
+      /* @__PURE__ */ jsx("label", { className: "cfi-vi-label", htmlFor: "cfi-vi-source", children: "Source" }),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          id: "cfi-vi-source",
+          className: "cfi-vi-select",
+          value: selectedId ?? "",
+          onChange: (e) => setSelectedId(e.target.value || null),
+          children: [
+            sources.length === 0 && /* @__PURE__ */ jsx("option", { value: "", children: "No sources available" }),
+            sources.map((s) => /* @__PURE__ */ jsxs("option", { value: s.id, children: [
+              s.name,
+              s.layout === "tall" ? " (tall)" : ""
+            ] }, s.id))
+          ]
+        }
+      )
+    ] }),
+    blockers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "cfi-vi-alert cfi-vi-alert--warn", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { size: 16, "aria-hidden": true }),
+      /* @__PURE__ */ jsx("ul", { className: "cfi-vi-blockers", children: blockers.map((b, i) => /* @__PURE__ */ jsx("li", { children: b }, i)) })
+    ] }),
+    isWide && /* @__PURE__ */ jsxs("div", { className: "cfi-vi-row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "cfi-vi-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "cfi-vi-label", htmlFor: "cfi-vi-year", children: "Year" }),
+        /* @__PURE__ */ jsx("select", { id: "cfi-vi-year", className: "cfi-vi-select", value: year, onChange: (e) => setYear(Number(e.target.value)), children: yearOptions().map((y) => /* @__PURE__ */ jsx("option", { value: y, children: y }, y)) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "cfi-vi-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "cfi-vi-label", htmlFor: "cfi-vi-month", children: "Month" }),
+        /* @__PURE__ */ jsx("select", { id: "cfi-vi-month", className: "cfi-vi-select", value: month, onChange: (e) => setMonth(Number(e.target.value)), children: MONTH_NAMES.map((name, i) => /* @__PURE__ */ jsx("option", { value: i + 1, children: name }, name)) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "cfi-vi-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "cfi-vi-label", htmlFor: "cfi-vi-lag", children: "Actuals lag (months)" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: "cfi-vi-lag",
+            type: "number",
+            min: 0,
+            max: 12,
+            className: "cfi-vi-select",
+            value: lag,
+            onChange: (e) => setLag(Math.max(0, Math.min(12, Number(e.target.value))))
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "cfi-vi-field", children: [
+      /* @__PURE__ */ jsx("label", { className: "cfi-vi-label", htmlFor: "cfi-vi-file", children: "File (.xlsx / .xls)" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "cfi-vi-file",
+          ref: fileInputRef,
+          type: "file",
+          accept: ".xlsx,.xls",
+          className: "cfi-vi-file",
+          onChange: (e) => setFile(e.target.files?.[0] ?? null)
+        }
+      )
+    ] }),
+    submitError && /* @__PURE__ */ jsxs("div", { className: "cfi-vi-alert cfi-vi-alert--error", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { size: 16, "aria-hidden": true }),
+      " ",
+      /* @__PURE__ */ jsx("span", { children: submitError })
+    ] }),
+    /* @__PURE__ */ jsxs("button", { type: "button", className: "cfi-vi-button", disabled: !canSubmit, onClick: handleSubmit, children: [
+      submitting ? /* @__PURE__ */ jsx(Loader2, { size: 16, className: "cfi-vi-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(FileUp, { size: 16, "aria-hidden": true }),
+      submitting ? "Uploading\u2026" : "Upload"
+    ] }),
+    upload && /* @__PURE__ */ jsx(UploadStatusPanel, { upload, errors, onReprocess: transport.reprocess ? handleReprocess : void 0 })
+  ] });
+}
+function UploadStatusPanel(props) {
+  const { upload, errors, onReprocess } = props;
+  const label = STATUS_LABELS[upload.status] ?? upload.status;
+  const pending = !isTerminal(upload.status);
+  return /* @__PURE__ */ jsxs("div", { className: "cfi-vi-status", children: [
+    /* @__PURE__ */ jsxs("div", { className: "cfi-vi-status-head", children: [
+      /* @__PURE__ */ jsx("span", { className: "cfi-vi-filename", children: upload.fileName }),
+      /* @__PURE__ */ jsxs("span", { className: `cfi-vi-badge cfi-vi-badge--${upload.status}`, children: [
+        pending && /* @__PURE__ */ jsx(Loader2, { size: 12, className: "cfi-vi-spin", "aria-hidden": true }),
+        " ",
+        label
+      ] }),
+      upload.status === "failed" && onReprocess && /* @__PURE__ */ jsxs("button", { type: "button", className: "cfi-vi-link", onClick: onReprocess, children: [
+        /* @__PURE__ */ jsx(RotateCcw, { size: 12, "aria-hidden": true }),
+        " Reprocess"
+      ] })
+    ] }),
+    upload.stats && (upload.stats.programs != null || upload.stats.volumes != null) && /* @__PURE__ */ jsxs("div", { className: "cfi-vi-stats", children: [
+      upload.stats.programs != null && /* @__PURE__ */ jsxs("span", { children: [
+        upload.stats.programs,
+        " programs"
+      ] }),
+      upload.stats.volumes != null && /* @__PURE__ */ jsxs("span", { children: [
+        upload.stats.volumes,
+        " volume rows"
+      ] })
+    ] }),
+    errors && errors.length > 0 && /* @__PURE__ */ jsxs("table", { className: "cfi-vi-errors", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { children: "Row" }),
+        /* @__PURE__ */ jsx("th", { children: "Type" }),
+        /* @__PURE__ */ jsx("th", { children: "Message" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: errors.map((e, i) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { children: e.row ?? "\u2014" }),
+        /* @__PURE__ */ jsx("td", { children: e.type }),
+        /* @__PURE__ */ jsx("td", { children: e.message })
+      ] }, e.id ?? i)) })
+    ] })
+  ] });
+}
+
+// src/VolumeSourcesList.tsx
+import { useCallback as useCallback2, useEffect as useEffect2, useState as useState2 } from "react";
+import { CheckCircle2, Sparkles } from "lucide-react";
+
+// src/ui.tsx
+import { X } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Root(props) {
+  const cls = props.className ? `cfi-vi ${props.className}` : "cfi-vi";
+  return /* @__PURE__ */ jsx2("div", { className: cls, children: props.children });
+}
+function Btn(props) {
+  const { variant = "primary", size = "md", className, ...rest } = props;
+  const cls = ["cfi-vi-btn", `cfi-vi-btn--${variant}`, `cfi-vi-btn--${size}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx2("button", { type: "button", className: cls, ...rest });
+}
+function Badge(props) {
+  return /* @__PURE__ */ jsx2("span", { className: `cfi-vi-tag cfi-vi-tag--${props.variant ?? "default"}`, title: props.title, children: props.children });
+}
+function Card(props) {
+  return /* @__PURE__ */ jsx2("div", { className: props.className ? `cfi-vi-card ${props.className}` : "cfi-vi-card", children: props.children });
+}
+function CardHeader(props) {
+  return /* @__PURE__ */ jsx2("div", { className: "cfi-vi-card-head", children: props.children });
+}
+function CardBody(props) {
+  return /* @__PURE__ */ jsx2("div", { className: "cfi-vi-card-body", children: props.children });
+}
+function Field(props) {
+  return /* @__PURE__ */ jsxs2("div", { className: "cfi-vi-field", children: [
+    /* @__PURE__ */ jsx2("label", { className: "cfi-vi-label", htmlFor: props.htmlFor, children: props.label }),
+    props.children,
+    props.hint && /* @__PURE__ */ jsx2("p", { className: "cfi-vi-hint", children: props.hint })
+  ] });
+}
+function TextInput(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx2("input", { className: className ? `cfi-vi-input ${className}` : "cfi-vi-input", ...rest });
+}
+function Modal(props) {
+  if (!props.open) return null;
+  return /* @__PURE__ */ jsx2("div", { className: "cfi-vi-modal-overlay", role: "dialog", "aria-modal": "true", onClick: props.onClose, children: /* @__PURE__ */ jsxs2("div", { className: "cfi-vi-modal", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxs2("div", { className: "cfi-vi-modal-head", children: [
+      /* @__PURE__ */ jsx2("h2", { className: "cfi-vi-modal-title", children: props.title }),
+      /* @__PURE__ */ jsx2("button", { type: "button", className: "cfi-vi-icon-btn", "aria-label": "Close", onClick: props.onClose, children: /* @__PURE__ */ jsx2(X, { size: 16, "aria-hidden": true }) })
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "cfi-vi-modal-body", children: props.children }),
+    props.footer && /* @__PURE__ */ jsx2("div", { className: "cfi-vi-modal-foot", children: props.footer })
+  ] }) });
+}
+
+// src/VolumeSourcesList.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var EMPTY_FORM = { code: "", name: "", description: "", headerRowIndex: 0, volumeHeaderFormat: "MMM yyyy" };
+function VolumeSourcesList({ transport, onOpenSource, renderActiveSourceExtras, className }) {
+  const [sources, setSources] = useState2([]);
+  const [activeSourceId, setActiveSourceId] = useState2(null);
+  const [templates, setTemplates] = useState2([]);
+  const [loading, setLoading] = useState2(true);
+  const [error, setError] = useState2(null);
+  const [showCreate, setShowCreate] = useState2(false);
+  const [showTemplates, setShowTemplates] = useState2(false);
+  const [form, setForm] = useState2(EMPTY_FORM);
+  const [saving, setSaving] = useState2(false);
+  const [activating, setActivating] = useState2(null);
+  const [addingTemplate, setAddingTemplate] = useState2(null);
+  const [confirmActivate, setConfirmActivate] = useState2(null);
+  const load = useCallback2(async () => {
+    try {
+      setLoading(true);
+      const [allSources, config, allTemplates] = await Promise.all([
+        transport.listSources(),
+        transport.getTenantConfig(),
+        transport.listSourceTemplates()
+      ]);
+      setSources(allSources);
+      setActiveSourceId(config?.sourceId ?? null);
+      setTemplates(allTemplates);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load sources");
+    } finally {
+      setLoading(false);
+    }
+  }, [transport]);
+  useEffect2(() => {
+    void load();
+  }, [load]);
+  const availableTemplates = templates.filter((t) => !sources.some((s) => s.code === t.code));
+  const handleAddFromTemplate = useCallback2(async (code) => {
+    setAddingTemplate(code);
+    setError(null);
+    try {
+      const created = await transport.createSourceFromTemplate(code);
+      setShowTemplates(false);
+      onOpenSource(created.id);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to add source");
+    } finally {
+      setAddingTemplate(null);
+    }
+  }, [transport, onOpenSource]);
+  const handleCreate = useCallback2(async () => {
+    if (!form.code || !form.name) return;
+    setSaving(true);
+    try {
+      await transport.createSource(form);
+      setShowCreate(false);
+      setForm(EMPTY_FORM);
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to create source");
+    } finally {
+      setSaving(false);
+    }
+  }, [form, transport, load]);
+  const doActivate = useCallback2(async (sourceId) => {
+    setActivating(sourceId);
+    setConfirmActivate(null);
+    try {
+      await transport.activateSource(sourceId);
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to activate source");
+    } finally {
+      setActivating(null);
+    }
+  }, [transport, load]);
+  const handleActivate = useCallback2((src) => {
+    if (activeSourceId && activeSourceId !== src.id) {
+      setConfirmActivate(src);
+      return;
+    }
+    void doActivate(src.id);
+  }, [activeSourceId, doActivate]);
+  const currentActive = sources.find((s) => s.id === activeSourceId);
+  if (loading) return /* @__PURE__ */ jsx3(Root, { className, children: /* @__PURE__ */ jsx3("p", { className: "cfi-vi-muted", children: "Loading\u2026" }) });
+  return /* @__PURE__ */ jsxs3(Root, { className, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-list-head", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("h1", { className: "cfi-vi-h1", children: "Volume Sources" }),
+        currentActive && /* @__PURE__ */ jsxs3("p", { className: "cfi-vi-active-line", children: [
+          /* @__PURE__ */ jsx3(CheckCircle2, { size: 14, color: "#16a34a", "aria-hidden": true }),
+          "Active: ",
+          /* @__PURE__ */ jsx3("span", { className: "cfi-vi-active-name", children: currentActive.name }),
+          /* @__PURE__ */ jsxs3("span", { className: "cfi-vi-muted", children: [
+            "(",
+            currentActive.code,
+            ")"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-row", children: [
+        availableTemplates.length > 0 && /* @__PURE__ */ jsxs3(Btn, { variant: "outline", size: "sm", onClick: () => setShowTemplates(true), children: [
+          /* @__PURE__ */ jsx3(Sparkles, { size: 14, "aria-hidden": true }),
+          " Add from template"
+        ] }),
+        /* @__PURE__ */ jsx3(Btn, { size: "sm", onClick: () => setShowCreate(true), children: "Add Source" })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx3("p", { className: "cfi-vi-error", children: error }),
+    /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-list", children: [
+      sources.length === 0 && /* @__PURE__ */ jsx3("p", { className: "cfi-vi-muted", children: "No sources defined yet." }),
+      sources.map((src) => {
+        const isActive = src.id === activeSourceId;
+        return /* @__PURE__ */ jsxs3(Card, { className: isActive ? "cfi-vi-card--active" : "cfi-vi-card--hover", children: [
+          /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-row cfi-vi-row--between", children: [
+            /* @__PURE__ */ jsxs3("span", { className: "cfi-vi-card-title", children: [
+              /* @__PURE__ */ jsx3("button", { type: "button", className: "cfi-vi-link", onClick: () => onOpenSource(src.id), children: src.name }),
+              isActive && /* @__PURE__ */ jsx3(Badge, { variant: "success", children: "Active" }),
+              src.kind === "overlay" && /* @__PURE__ */ jsx3(Badge, { variant: "purple", title: "Overlay sources are active whenever data is uploaded \u2014 no Set Active step.", children: "Overlay" })
+            ] }),
+            /* @__PURE__ */ jsxs3("span", { className: "cfi-vi-row", children: [
+              /* @__PURE__ */ jsx3(Badge, { variant: "outline", children: src.code }),
+              !src.isActive && /* @__PURE__ */ jsx3(Badge, { variant: "secondary", children: "Disabled" }),
+              !isActive && src.kind === "base" && /* @__PURE__ */ jsx3(Btn, { variant: "outline", size: "sm", disabled: activating === src.id, onClick: () => handleActivate(src), children: activating === src.id ? "Activating\u2026" : "Set Active" })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxs3(CardBody, { children: [
+            /* @__PURE__ */ jsxs3("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-sm, 13px)" }, children: [
+              src.description || "No description",
+              " \xB7 ",
+              /* @__PURE__ */ jsx3("span", { className: "cfi-vi-mono", children: src.volumeHeaderFormat })
+            ] }),
+            src._count && /* @__PURE__ */ jsxs3("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 11px)", marginTop: 4 }, children: [
+              src._count.segments,
+              " segments detected"
+            ] }),
+            isActive && renderActiveSourceExtras && /* @__PURE__ */ jsx3("div", { className: "cfi-vi-active-extras", children: renderActiveSourceExtras(src) })
+          ] })
+        ] }, src.id);
+      })
+    ] }),
+    /* @__PURE__ */ jsxs3(
+      Modal,
+      {
+        open: !!confirmActivate,
+        onClose: () => setConfirmActivate(null),
+        title: "Switch active source?",
+        footer: /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsx3(Btn, { variant: "outline", onClick: () => setConfirmActivate(null), children: "Cancel" }),
+          /* @__PURE__ */ jsx3(Btn, { variant: "destructive", onClick: () => confirmActivate && void doActivate(confirmActivate.id), children: "Switch and wipe data" })
+        ] }),
+        children: [
+          /* @__PURE__ */ jsxs3("p", { children: [
+            "Switching the active source to ",
+            /* @__PURE__ */ jsx3("strong", { children: confirmActivate?.name }),
+            " (",
+            confirmActivate?.code,
+            ")."
+          ] }),
+          /* @__PURE__ */ jsx3("p", { className: "cfi-vi-error", children: "This permanently wipes all ingested data for this tenant \u2014 volume hierarchy, forecast data, edits, scenarios, uploads, and audit log. Your level 1\u20133 mapping and segment configuration are preserved. This cannot be undone." })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs3(
+      Modal,
+      {
+        open: showCreate,
+        onClose: () => setShowCreate(false),
+        title: "Add volume source",
+        footer: /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsx3(Btn, { variant: "outline", onClick: () => setShowCreate(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx3(Btn, { onClick: handleCreate, disabled: saving || !form.code || !form.name, children: saving ? "Creating\u2026" : "Create" })
+        ] }),
+        children: [
+          /* @__PURE__ */ jsx3(Field, { label: "Code", children: /* @__PURE__ */ jsx3(TextInput, { placeholder: "e.g. IHS", value: form.code, onChange: (e) => setForm((f) => ({ ...f, code: e.target.value.toUpperCase() })) }) }),
+          /* @__PURE__ */ jsx3(Field, { label: "Name", children: /* @__PURE__ */ jsx3(TextInput, { placeholder: "e.g. IHS Market Production Forecast", value: form.name, onChange: (e) => setForm((f) => ({ ...f, name: e.target.value })) }) }),
+          /* @__PURE__ */ jsx3(Field, { label: "Description", children: /* @__PURE__ */ jsx3(TextInput, { value: form.description, onChange: (e) => setForm((f) => ({ ...f, description: e.target.value })) }) }),
+          /* @__PURE__ */ jsx3(Field, { label: "Volume header format", hint: 'e.g. "MMM yyyy" for "Jan 2025", or "MMM_yyyy VehicleVolume" for AFS', children: /* @__PURE__ */ jsx3(TextInput, { placeholder: "MMM yyyy", value: form.volumeHeaderFormat, onChange: (e) => setForm((f) => ({ ...f, volumeHeaderFormat: e.target.value })) }) }),
+          /* @__PURE__ */ jsx3(Field, { label: "Header row index (0-based)", children: /* @__PURE__ */ jsx3(TextInput, { type: "number", value: form.headerRowIndex, onChange: (e) => setForm((f) => ({ ...f, headerRowIndex: parseInt(e.target.value, 10) || 0 })) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs3(
+      Modal,
+      {
+        open: showTemplates,
+        onClose: () => setShowTemplates(false),
+        title: "Add source from template",
+        footer: /* @__PURE__ */ jsx3(Btn, { variant: "outline", onClick: () => setShowTemplates(false), children: "Close" }),
+        children: [
+          /* @__PURE__ */ jsx3("p", { className: "cfi-vi-muted", children: "Templates ship with their segments and default mappings wired up \u2014 pick one to skip manual setup. You can rename, edit columns, or change the layout on the source detail page afterward." }),
+          availableTemplates.length === 0 ? /* @__PURE__ */ jsxs3("p", { className: "cfi-vi-muted", children: [
+            "You already have every available template. Use ",
+            /* @__PURE__ */ jsx3("strong", { children: "Add Source" }),
+            " to add another by hand."
+          ] }) : availableTemplates.map((t) => /* @__PURE__ */ jsxs3(Card, { className: "cfi-vi-card--hover", children: [
+            /* @__PURE__ */ jsx3(CardHeader, { children: /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-row cfi-vi-row--between", children: [
+              /* @__PURE__ */ jsxs3("span", { className: "cfi-vi-card-title", children: [
+                t.name,
+                " ",
+                /* @__PURE__ */ jsx3(Badge, { variant: "outline", children: t.code })
+              ] }),
+              /* @__PURE__ */ jsx3(Btn, { size: "sm", onClick: () => void handleAddFromTemplate(t.code), disabled: addingTemplate !== null, children: addingTemplate === t.code ? "Adding\u2026" : "Add" })
+            ] }) }),
+            t.description && /* @__PURE__ */ jsx3(CardBody, { children: /* @__PURE__ */ jsx3("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 11px)" }, children: t.description }) })
+          ] }, t.code))
+        ]
+      }
+    )
+  ] });
+}
+
+// src/UnifiedSegmentMapper.tsx
+import { useEffect as useEffect3, useMemo as useMemo2, useState as useState3 } from "react";
+import { Search, CheckCircle2 as CheckCircle22 } from "lucide-react";
+
+// src/constants.ts
+var HIERARCHY_LEVEL_COUNT = 6;
+var DEFAULT_LEVEL_NAMES = {
+  1: "OEM",
+  2: "Platform",
+  3: "Program",
+  4: "Plant",
+  5: "Nameplate",
+  6: "Trim Level"
+};
+var AUTOMOTIVE_SLOTS = [
+  { key: "brand", label: "Brand", required: false },
+  { key: "oem_parent", label: "Brand Owner / OEM", required: true, hierarchyCoveredByLevel: 1 },
+  { key: "nameplate", label: "Nameplate", required: true, hierarchyCoveredByLevel: 5 },
+  { key: "platform", label: "Platform", required: true, hierarchyCoveredByLevel: 2 },
+  { key: "program", label: "Program", required: true, hierarchyCoveredByLevel: 3 },
+  { key: "region", label: "Region", required: true },
+  { key: "plant_name", label: "Plant Name", required: true, hierarchyCoveredByLevel: 4 },
+  { key: "plant_country", label: "Plant Country", required: true, defaultTransform: "normalise_country" },
+  { key: "sop_date", label: "SOP (Start of Production)", required: true, defaultTransform: "parse_iso_date" },
+  { key: "eop_date", label: "EOP (End of Production)", required: true, defaultTransform: "parse_iso_date" }
+];
+var AUTOMOTIVE_TRANSFORM_LABELS = {
+  normalise_country: "Convert country code (e.g. USA \u2192 US)",
+  parse_iso_date: "Parse to ISO date (YYYY-MM-DD)"
+};
+
+// src/UnifiedSegmentMapper.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var LEVELS = [1, 2, 3, 4, 5, 6];
+function UnifiedSegmentMapper({
+  segments,
+  hierarchyInitial,
+  automotiveInitial,
+  automotiveSlots,
+  transformRules,
+  transformRuleLabels,
+  onSave,
+  saving,
+  hierarchyMode = "tree",
+  baseHierarchyHint
+}) {
+  const isSparse = hierarchyMode === "sparse";
+  const [hierAssign, setHierAssign] = useState3({});
+  const [autoAssign, setAutoAssign] = useState3({});
+  const [searchQuery, setSearchQuery] = useState3("");
+  const [dragging, setDragging] = useState3(null);
+  const [dropTarget, setDropTarget] = useState3(null);
+  useEffect3(() => {
+    const initHier = {};
+    for (const lv of LEVELS) {
+      initHier[lv] = hierarchyInitial.find((m) => m.targetKey === `level${lv}`)?.segmentId ?? null;
+    }
+    setHierAssign(initHier);
+    const initAuto = {};
+    for (const slot of automotiveSlots) {
+      const existing = automotiveInitial.find((m) => m.targetKey === slot.key);
+      initAuto[slot.key] = {
+        segmentId: existing?.segmentId ?? null,
+        transformRule: existing?.transformRule ?? slot.defaultTransform ?? null
+      };
+    }
+    setAutoAssign(initAuto);
+  }, [hierarchyInitial, automotiveInitial, automotiveSlots]);
+  const segmentById = useMemo2(() => new Map(segments.map((s) => [s.id, s])), [segments]);
+  const usedIds = useMemo2(() => {
+    const s = /* @__PURE__ */ new Set();
+    for (const v of Object.values(hierAssign)) if (v) s.add(v);
+    for (const a of Object.values(autoAssign)) if (a.segmentId) s.add(a.segmentId);
+    return s;
+  }, [hierAssign, autoAssign]);
+  const poolSegments = useMemo2(() => {
+    const q = searchQuery.trim().toLowerCase();
+    return segments.filter((s) => !usedIds.has(s.id)).filter((s) => !q || s.label.toLowerCase().includes(q)).sort((a, b) => a.label.localeCompare(b.label));
+  }, [segments, usedIds, searchQuery]);
+  const hierarchyCoveredKeys = useMemo2(() => {
+    const covered = /* @__PURE__ */ new Set();
+    for (const slot of automotiveSlots) {
+      if (slot.hierarchyCoveredByLevel == null) continue;
+      const lvSegId = hierAssign[slot.hierarchyCoveredByLevel];
+      if (lvSegId && !autoAssign[slot.key]?.segmentId) covered.add(slot.key);
+    }
+    return covered;
+  }, [automotiveSlots, hierAssign, autoAssign]);
+  const hierarchyErrors = useMemo2(() => {
+    if (isSparse) return [];
+    const errors = [];
+    for (let n = 2; n <= 6; n++) {
+      if (hierAssign[n] && !hierAssign[n - 1]) {
+        errors.push(`${DEFAULT_LEVEL_NAMES[n]} requires ${DEFAULT_LEVEL_NAMES[n - 1]} to be set first`);
+      }
+    }
+    return errors;
+  }, [hierAssign, isSparse]);
+  const missingAutomotive = useMemo2(() => {
+    const out = [];
+    for (const slot of automotiveSlots) {
+      if (hierarchyCoveredKeys.has(slot.key)) continue;
+      const explicitRequired = slot.required || slot.hierarchyCoveredByLevel != null && hierAssign[slot.hierarchyCoveredByLevel] == null;
+      if (explicitRequired && !autoAssign[slot.key]?.segmentId) out.push(slot.label);
+    }
+    return out;
+  }, [automotiveSlots, hierarchyCoveredKeys, hierAssign, autoAssign]);
+  const isDirty = useMemo2(() => {
+    for (const lv of LEVELS) {
+      const cur = hierAssign[lv] ?? null;
+      const saved = hierarchyInitial.find((m) => m.targetKey === `level${lv}`)?.segmentId ?? null;
+      if (cur !== saved) return true;
+    }
+    for (const slot of automotiveSlots) {
+      const cur = autoAssign[slot.key] ?? { segmentId: null, transformRule: null };
+      const saved = automotiveInitial.find((m) => m.targetKey === slot.key);
+      const savedSeg = saved?.segmentId ?? null;
+      const savedRule = saved?.transformRule ?? slot.defaultTransform ?? null;
+      if (cur.segmentId !== savedSeg || cur.transformRule !== savedRule) return true;
+    }
+    return false;
+  }, [hierAssign, autoAssign, hierarchyInitial, automotiveInitial, automotiveSlots]);
+  const canSave = isDirty && hierarchyErrors.length === 0 && missingAutomotive.length === 0 && !saving;
+  function startDrag(payload) {
+    setDragging(payload);
+  }
+  function endDrag() {
+    setDragging(null);
+    setDropTarget(null);
+  }
+  function dropOnHier(level, payload) {
+    const parts = payload.split(":");
+    const kind = parts[0];
+    const segId = parts[2] ?? parts[1];
+    setHierAssign((prev) => {
+      const next = { ...prev };
+      const displaced = next[level] ?? null;
+      next[level] = segId;
+      if (kind === "hier") {
+        const fromLevel = parseInt(parts[1], 10);
+        next[fromLevel] = displaced;
+      }
+      return next;
+    });
+    if (kind === "auto") {
+      const slotKey = parts[1];
+      setAutoAssign((p) => ({ ...p, [slotKey]: { segmentId: null, transformRule: p[slotKey]?.transformRule ?? null } }));
+    }
+    endDrag();
+  }
+  function dropOnAuto(slotKey, payload) {
+    const parts = payload.split(":");
+    const kind = parts[0];
+    const segId = parts[2] ?? parts[1];
+    setAutoAssign((prev) => {
+      const slot = automotiveSlots.find((s) => s.key === slotKey);
+      return {
+        ...prev,
+        [slotKey]: { segmentId: segId, transformRule: prev[slotKey]?.transformRule ?? slot?.defaultTransform ?? null }
+      };
+    });
+    if (kind === "hier") {
+      const fromLevel = parseInt(parts[1], 10);
+      setHierAssign((p) => ({ ...p, [fromLevel]: null }));
+    } else if (kind === "auto") {
+      const fromKey = parts[1];
+      if (fromKey !== slotKey) {
+        setAutoAssign((p) => ({ ...p, [fromKey]: { segmentId: null, transformRule: p[fromKey]?.transformRule ?? null } }));
+      }
+    }
+    endDrag();
+  }
+  function dropOnPool(payload) {
+    const parts = payload.split(":");
+    const kind = parts[0];
+    if (kind === "hier") {
+      const lv = parseInt(parts[1], 10);
+      setHierAssign((p) => ({ ...p, [lv]: null }));
+    } else if (kind === "auto") {
+      const slotKey = parts[1];
+      setAutoAssign((p) => ({ ...p, [slotKey]: { segmentId: null, transformRule: p[slotKey]?.transformRule ?? null } }));
+    }
+    endDrag();
+  }
+  function clearAuto(slotKey) {
+    setAutoAssign((p) => ({ ...p, [slotKey]: { segmentId: null, transformRule: p[slotKey]?.transformRule ?? null } }));
+  }
+  function setAutoTransform(slotKey, rule) {
+    setAutoAssign((p) => ({ ...p, [slotKey]: { ...p[slotKey], transformRule: rule } }));
+  }
+  async function handleSave() {
+    const hierEntries = [];
+    for (const lv of LEVELS) {
+      const segId = hierAssign[lv];
+      if (segId) hierEntries.push({ targetKey: `level${lv}`, segmentId: segId });
+    }
+    const autoEntries = [];
+    for (const slot of automotiveSlots) {
+      const a = autoAssign[slot.key];
+      if (a?.segmentId) {
+        autoEntries.push({ targetKey: slot.key, segmentId: a.segmentId, transformRule: a.transformRule ?? slot.defaultTransform ?? null });
+      }
+    }
+    await onSave(hierEntries, autoEntries);
+  }
+  void transformRules;
+  return /* @__PURE__ */ jsxs4("div", { className: "cfi-vi cfi-vi-mapper", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-mapper-col", children: [
+      /* @__PURE__ */ jsxs4("section", { className: "cfi-vi-mapper-section", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-mapper-section-head", children: [
+          /* @__PURE__ */ jsx4("h3", { className: "cfi-vi-mapper-h3", children: "Hierarchy Tree" }),
+          /* @__PURE__ */ jsx4("span", { className: "cfi-vi-mapper-note", children: isSparse ? "Drag chips onto whichever levels your file actually has. Empty levels are fine." : "Drag a chip onto a level. L(n) needs L(n\u22121) first." })
+        ] }),
+        /* @__PURE__ */ jsx4("div", { className: "cfi-vi-mapper-box", children: LEVELS.map((level) => /* @__PURE__ */ jsx4(
+          HierarchyRow,
+          {
+            level,
+            segId: hierAssign[level] ?? null,
+            segmentById,
+            isDropTarget: dropTarget === `hier:${level}`,
+            onDragOver: () => setDropTarget(`hier:${level}`),
+            onDragLeave: () => setDropTarget(null),
+            onDrop: () => dragging && dropOnHier(level, dragging),
+            onChipDragStart: (segId) => startDrag(`hier:${level}:${segId}`),
+            onChipDragEnd: endDrag,
+            onChipRemove: () => setHierAssign((p) => ({ ...p, [level]: null })),
+            sparse: isSparse,
+            baseHint: baseHierarchyHint?.[level]
+          },
+          level
+        )) }),
+        hierarchyErrors.length > 0 && /* @__PURE__ */ jsx4("div", { children: hierarchyErrors.map((err) => /* @__PURE__ */ jsxs4("p", { className: "cfi-vi-mapper-err", children: [
+          "\u26A0 ",
+          err
+        ] }, err)) })
+      ] }),
+      automotiveSlots.length > 0 && /* @__PURE__ */ jsxs4("section", { className: "cfi-vi-mapper-section", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-mapper-section-head", children: [
+          /* @__PURE__ */ jsx4("h3", { className: "cfi-vi-mapper-h3", children: "Automotive Fields" }),
+          /* @__PURE__ */ jsx4("span", { className: "cfi-vi-mapper-note", children: "Brand / Nameplate / Plant Name come from the hierarchy unless overridden." })
+        ] }),
+        /* @__PURE__ */ jsx4("div", { className: "cfi-vi-mapper-box", children: automotiveSlots.map((slot) => {
+          const covered = hierarchyCoveredKeys.has(slot.key);
+          const hierarchySegId = slot.hierarchyCoveredByLevel != null ? hierAssign[slot.hierarchyCoveredByLevel] : null;
+          const assignment = autoAssign[slot.key];
+          return /* @__PURE__ */ jsx4(
+            AutomotiveRow,
+            {
+              slot,
+              covered,
+              hierarchySegment: covered && hierarchySegId ? segmentById.get(hierarchySegId) : void 0,
+              assignment,
+              segmentById,
+              transformRuleLabels,
+              hierarchyEmpty: slot.hierarchyCoveredByLevel != null && !hierAssign[slot.hierarchyCoveredByLevel],
+              isDropTarget: dropTarget === `auto:${slot.key}`,
+              onDragOver: () => setDropTarget(`auto:${slot.key}`),
+              onDragLeave: () => setDropTarget(null),
+              onDrop: () => dragging && dropOnAuto(slot.key, dragging),
+              onChipDragStart: (segId) => startDrag(`auto:${slot.key}:${segId}`),
+              onChipDragEnd: endDrag,
+              onChipRemove: () => clearAuto(slot.key),
+              onTransformChange: (rule) => setAutoTransform(slot.key, rule)
+            },
+            slot.key
+          );
+        }) }),
+        missingAutomotive.length > 0 && /* @__PURE__ */ jsxs4("p", { className: "cfi-vi-mapper-err", children: [
+          "\u26A0 Required: ",
+          missingAutomotive.join(", ")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-mapper-save", children: [
+        /* @__PURE__ */ jsx4(Btn, { size: "sm", onClick: handleSave, disabled: !canSave, children: saving ? "Saving\u2026" : "Save Mapping" }),
+        isDirty && hierarchyErrors.length === 0 && missingAutomotive.length === 0 && !saving && /* @__PURE__ */ jsx4("span", { className: "cfi-vi-mapper-dirty", children: "Unsaved changes" }),
+        !isDirty && /* @__PURE__ */ jsx4("span", { className: "cfi-vi-muted", children: "Up to date" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4("aside", { className: "cfi-vi-pool-col", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-mapper-section-head", children: [
+        /* @__PURE__ */ jsx4("h3", { className: "cfi-vi-mapper-h3", children: "Segment Pool" }),
+        /* @__PURE__ */ jsxs4("span", { className: "cfi-vi-mapper-note", children: [
+          poolSegments.length,
+          " of ",
+          segments.length,
+          " unused"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-search", children: [
+        /* @__PURE__ */ jsx4(Search, { size: 14, className: "cfi-vi-search-icon", "aria-hidden": true }),
+        /* @__PURE__ */ jsx4(TextInput, { type: "search", placeholder: "Filter segments\u2026", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsx4(
+        "div",
+        {
+          className: `cfi-vi-pool ${dropTarget === "pool" ? "cfi-vi-pool--active" : ""}`,
+          onDragOver: (e) => {
+            e.preventDefault();
+            setDropTarget("pool");
+          },
+          onDragLeave: (e) => {
+            if (!e.currentTarget.contains(e.relatedTarget)) setDropTarget(null);
+          },
+          onDrop: (e) => {
+            e.preventDefault();
+            if (dragging) dropOnPool(dragging);
+          },
+          children: segments.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "cfi-vi-pool-empty", children: "No segments detected. Run \u201CDetect segments\u201D from the source page first." }) : poolSegments.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "cfi-vi-pool-empty", children: searchQuery ? "No segments match the filter." : "All segments assigned \u2014 drop a chip here to return it." }) : /* @__PURE__ */ jsx4("div", { className: "cfi-vi-chips", children: poolSegments.map((seg) => /* @__PURE__ */ jsx4(SegmentChip, { label: seg.label, onDragStart: () => startDrag(`pool:${seg.id}`), onDragEnd: endDrag }, seg.id)) })
+        }
+      ),
+      /* @__PURE__ */ jsx4("p", { className: "cfi-vi-mapper-note", children: "Drag chips onto a hierarchy level or an automotive field. Drop a chip back here to unassign." })
+    ] })
+  ] });
+}
+function HierarchyRow({
+  level,
+  segId,
+  segmentById,
+  isDropTarget,
+  onDragOver,
+  onDragLeave,
+  onDrop,
+  onChipDragStart,
+  onChipDragEnd,
+  onChipRemove,
+  sparse,
+  baseHint
+}) {
+  const seg = segId ? segmentById.get(segId) : void 0;
+  const isLeaf = level === 6;
+  const indent = sparse ? 0 : (level - 1) * 22;
+  const levelName = DEFAULT_LEVEL_NAMES[level];
+  return /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-hier-row", style: { paddingLeft: `${indent}px` }, children: [
+    !sparse && level > 1 && /* @__PURE__ */ jsx4("div", { className: "cfi-vi-hier-elbow" }),
+    /* @__PURE__ */ jsx4("div", { className: `cfi-vi-hier-dot ${seg ? "cfi-vi-hier-dot--filled" : ""}` }),
+    /* @__PURE__ */ jsx4("span", { className: "cfi-vi-hier-name", children: levelName }),
+    isLeaf && !sparse && /* @__PURE__ */ jsx4("span", { className: "cfi-vi-leaf", children: "Leaf" }),
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: `cfi-vi-dropzone ${isDropTarget ? "cfi-vi-dropzone--active" : seg ? "cfi-vi-dropzone--filled" : "cfi-vi-dropzone--empty"}`,
+        onDragOver: (e) => {
+          e.preventDefault();
+          onDragOver();
+        },
+        onDragLeave: (e) => {
+          if (!e.currentTarget.contains(e.relatedTarget)) onDragLeave();
+        },
+        onDrop: (e) => {
+          e.preventDefault();
+          onDrop();
+        },
+        children: seg ? /* @__PURE__ */ jsx4(AssignedChip, { seg, onDragStart: () => onChipDragStart(seg.id), onDragEnd: onChipDragEnd, onRemove: onChipRemove }) : /* @__PURE__ */ jsx4("span", { className: "cfi-vi-dropzone-ph", children: isDropTarget ? "Drop here" : "Drop a segment\u2026" })
+      }
+    ),
+    baseHint && /* @__PURE__ */ jsxs4("span", { className: "cfi-vi-base-hint", title: `Base source uses "${baseHint}" on ${levelName}. Match here for the overlay to join.`, children: [
+      "base: ",
+      baseHint
+    ] })
+  ] });
+}
+function AutomotiveRow({
+  slot,
+  covered,
+  hierarchySegment,
+  assignment,
+  segmentById,
+  transformRuleLabels,
+  hierarchyEmpty,
+  isDropTarget,
+  onDragOver,
+  onDragLeave,
+  onDrop,
+  onChipDragStart,
+  onChipDragEnd,
+  onChipRemove
+}) {
+  const assignedSeg = assignment?.segmentId ? segmentById.get(assignment.segmentId) : void 0;
+  const requiredBadge = (slot.required || hierarchyEmpty) && !covered && !assignedSeg;
+  return /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-auto-row", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-auto-label", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsx4("span", { className: "cfi-vi-auto-label-text", children: slot.label }),
+        requiredBadge && /* @__PURE__ */ jsx4(Badge, { variant: "outline", children: "required" })
+      ] }),
+      slot.hierarchyCoveredByLevel != null && /* @__PURE__ */ jsxs4("p", { className: `cfi-vi-auto-cover ${covered ? "cfi-vi-auto-cover--on" : ""}`, children: [
+        covered ? "\u2713 " : "",
+        "From L",
+        slot.hierarchyCoveredByLevel,
+        " hierarchy"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: `cfi-vi-dropzone ${isDropTarget ? "cfi-vi-dropzone--active" : assignedSeg ? "cfi-vi-dropzone--filled" : covered ? "cfi-vi-dropzone--covered" : "cfi-vi-dropzone--empty"}`,
+        onDragOver: (e) => {
+          e.preventDefault();
+          onDragOver();
+        },
+        onDragLeave: (e) => {
+          if (!e.currentTarget.contains(e.relatedTarget)) onDragLeave();
+        },
+        onDrop: (e) => {
+          e.preventDefault();
+          onDrop();
+        },
+        children: assignedSeg ? /* @__PURE__ */ jsx4(AssignedChip, { seg: assignedSeg, onDragStart: () => onChipDragStart(assignedSeg.id), onDragEnd: onChipDragEnd, onRemove: onChipRemove }) : covered && hierarchySegment ? /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-auto-auto", title: "Auto-supplied from hierarchy. Drop a different chip here to override.", children: [
+          /* @__PURE__ */ jsx4(CheckCircle22, { size: 14, "aria-hidden": true }),
+          /* @__PURE__ */ jsx4("span", { className: "cfi-vi-auto-auto-label", children: hierarchySegment.label }),
+          /* @__PURE__ */ jsx4("span", { className: "cfi-vi-auto-auto-tag", children: "auto" })
+        ] }) : /* @__PURE__ */ jsx4("span", { className: "cfi-vi-dropzone-ph", children: isDropTarget ? "Drop here" : "Drop a segment\u2026" })
+      }
+    ),
+    slot.defaultTransform && !covered && /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-auto-transform", children: [
+      /* @__PURE__ */ jsx4("span", { className: "cfi-vi-auto-transform-label", children: "Transform:" }),
+      " ",
+      transformRuleLabels[slot.defaultTransform] ?? slot.defaultTransform
+    ] })
+  ] });
+}
+function AssignedChip({
+  seg,
+  onDragStart,
+  onDragEnd,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxs4("div", { draggable: true, onDragStart, onDragEnd, className: "cfi-vi-chip--assigned", children: [
+    /* @__PURE__ */ jsx4("div", { className: "cfi-vi-chip-dot cfi-vi-chip-dot--on" }),
+    /* @__PURE__ */ jsx4("span", { className: "cfi-vi-chip-label", children: seg.label }),
+    /* @__PURE__ */ jsx4("button", { type: "button", onClick: (e) => {
+      e.stopPropagation();
+      onRemove();
+    }, className: "cfi-vi-chip-x", title: "Remove \u2014 returns to pool", children: "\xD7" })
+  ] });
+}
+function SegmentChip({ label, onDragStart, onDragEnd }) {
+  return /* @__PURE__ */ jsxs4("div", { draggable: true, onDragStart, onDragEnd, className: "cfi-vi-chip", children: [
+    /* @__PURE__ */ jsx4("div", { className: "cfi-vi-chip-dot" }),
+    label
+  ] });
+}
+
+// src/VolumeSourceDetail.tsx
+import { useEffect as useEffect6, useRef as useRef2, useState as useState6 } from "react";
+import { KeyRound, Lock, Rows, Columns, AlertTriangle as AlertTriangle2, Layers } from "lucide-react";
+
+// src/TallLayoutMappings.tsx
+import { useEffect as useEffect4, useMemo as useMemo3, useState as useState4 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var NONE = "__none__";
+function TallLayoutMappings({ transport, source, locked }) {
+  const [loading, setLoading] = useState4(true);
+  const [saving, setSaving] = useState4(null);
+  const [error, setError] = useState4(null);
+  const [periodConfigured, setPeriodConfigured] = useState4(false);
+  const [valueConfigured, setValueConfigured] = useState4(false);
+  const [periodSegmentId, setPeriodSegmentId] = useState4(NONE);
+  const [valueSegmentId, setValueSegmentId] = useState4(NONE);
+  async function load() {
+    try {
+      setLoading(true);
+      const period = await transport.listSegmentMapping(source.id, "period");
+      const value = await transport.listSegmentMapping(source.id, "value");
+      const periodRow = period.items.find((r) => r.targetCategory === "period" && r.targetKey === "week_date");
+      const valueRow = value.items.find((r) => r.targetCategory === "value" && r.targetKey === "quantity");
+      setPeriodSegmentId(periodRow?.segmentId ?? NONE);
+      setValueSegmentId(valueRow?.segmentId ?? NONE);
+      setPeriodConfigured(!!periodRow);
+      setValueConfigured(!!valueRow);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load mappings");
+    } finally {
+      setLoading(false);
+    }
+  }
+  useEffect4(() => {
+    void load();
+  }, [source.id]);
+  const sortedSegments = useMemo3(
+    () => source.segments.slice().sort((a, b) => a.label.localeCompare(b.label)),
+    [source.segments]
+  );
+  async function saveCategory(category, segId, targetKey) {
+    if (locked) return;
+    setSaving(category);
+    setError(null);
+    try {
+      const entries = segId === NONE ? [] : [{ targetKey, segmentId: segId }];
+      await transport.replaceSegmentMappingCategory(source.id, category, entries);
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to save mapping");
+    } finally {
+      setSaving(null);
+    }
+  }
+  if (loading) return /* @__PURE__ */ jsx5("p", { className: "cfi-vi-muted", children: "Loading tall-layout mappings\u2026" });
+  const ready = periodConfigured && valueConfigured;
+  return /* @__PURE__ */ jsxs5("section", { className: "cfi-vi-panel", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-row cfi-vi-row--between", children: [
+      /* @__PURE__ */ jsx5("h2", { className: "cfi-vi-h2", children: "Tall-Layout Mappings" }),
+      /* @__PURE__ */ jsx5("span", { style: { fontSize: "var(--cfi-font-size-xs, 12px)", color: ready ? "#16a34a" : "#b45309" }, children: ready ? "Ready for upload" : "Missing period or value mapping" })
+    ] }),
+    /* @__PURE__ */ jsx5("p", { className: "cfi-vi-muted", children: "Tall sources need to know which file column carries the period date and the volume value." }),
+    error && /* @__PURE__ */ jsx5("p", { className: "cfi-vi-error", children: error }),
+    /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-field", children: [
+      /* @__PURE__ */ jsx5("label", { className: "cfi-vi-label", children: "Period column (Week Ending)" }),
+      /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsxs5(
+          "select",
+          {
+            className: "cfi-vi-input",
+            value: periodSegmentId,
+            disabled: locked || saving !== null,
+            onChange: (e) => setPeriodSegmentId(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx5("option", { value: NONE, children: "\u2014 Not mapped \u2014" }),
+              sortedSegments.map((s) => /* @__PURE__ */ jsx5("option", { value: s.id, children: s.label }, s.id))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx5(Btn, { size: "sm", onClick: () => void saveCategory("period", periodSegmentId, "week_date"), disabled: locked || saving !== null, children: saving === "period" ? "Saving\u2026" : "Save" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-field", children: [
+      /* @__PURE__ */ jsx5("label", { className: "cfi-vi-label", children: "Quantity column (Volume)" }),
+      /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsxs5(
+          "select",
+          {
+            className: "cfi-vi-input",
+            value: valueSegmentId,
+            disabled: locked || saving !== null,
+            onChange: (e) => setValueSegmentId(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx5("option", { value: NONE, children: "\u2014 Not mapped \u2014" }),
+              sortedSegments.map((s) => /* @__PURE__ */ jsx5("option", { value: s.id, children: s.label }, s.id))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx5(Btn, { size: "sm", onClick: () => void saveCategory("value", valueSegmentId, "quantity"), disabled: locked || saving !== null, children: saving === "value" ? "Saving\u2026" : "Save" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/ValueAliasesCard.tsx
+import { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
+import { Plus, Trash2, ArrowRight, Save, RotateCw } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function ValueAliasesCard({ transport, sourceId, locked, isOverlay }) {
+  const [selectedLevel, setSelectedLevel] = useState5(4);
+  const [aliases, setAliases] = useState5([]);
+  const [draft, setDraft] = useState5([]);
+  const [saving, setSaving] = useState5(false);
+  const [error, setError] = useState5(null);
+  const [loading, setLoading] = useState5(true);
+  const [relinking, setRelinking] = useState5(false);
+  const [relinkResult, setRelinkResult] = useState5(null);
+  useEffect5(() => {
+    let cancelled = false;
+    setLoading(true);
+    void transport.listValueAliases(sourceId).then((items) => {
+      if (!cancelled) {
+        setAliases(items);
+        setError(null);
+      }
+    }).catch((e) => {
+      if (!cancelled) setError(e instanceof Error ? e.message : "Failed to load aliases");
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [sourceId, transport]);
+  useEffect5(() => {
+    setDraft(
+      aliases.filter((a) => a.level === selectedLevel).map((a) => ({ id: a.id, rawValue: a.rawValue, canonicalValue: a.canonicalValue }))
+    );
+  }, [aliases, selectedLevel]);
+  const isDirty = useMemo4(() => {
+    const saved = aliases.filter((a) => a.level === selectedLevel).map((a) => `${a.rawValue}${a.canonicalValue}`).sort();
+    const current = draft.filter((d) => d.rawValue.trim() && d.canonicalValue.trim()).map((d) => `${d.rawValue.trim().toUpperCase()}${d.canonicalValue.trim().toUpperCase()}`).sort();
+    if (saved.length !== current.length) return true;
+    for (let i = 0; i < saved.length; i++) if (saved[i] !== current[i]) return true;
+    return false;
+  }, [aliases, draft, selectedLevel]);
+  const addRow = () => setDraft((p) => [...p, { id: null, rawValue: "", canonicalValue: "" }]);
+  const updateRow = (i, patch) => setDraft((p) => p.map((r, idx) => idx === i ? { ...r, ...patch } : r));
+  const removeRow = (i) => setDraft((p) => p.filter((_, idx) => idx !== i));
+  async function handleRelink() {
+    setRelinking(true);
+    setError(null);
+    setRelinkResult(null);
+    try {
+      const r = await transport.relinkOverlaySource(sourceId);
+      setRelinkResult(`Re-linked ${r.totalOverlay} overlay rows: ${r.linked} linked, ${r.unlinked} unlinked, ${r.ambiguous} multi-linked.`);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Re-link failed");
+    } finally {
+      setRelinking(false);
+    }
+  }
+  async function handleSave() {
+    setSaving(true);
+    setError(null);
+    try {
+      const entries = draft.filter((d) => d.rawValue.trim() && d.canonicalValue.trim()).map((d) => ({ rawValue: d.rawValue.trim().toUpperCase(), canonicalValue: d.canonicalValue.trim().toUpperCase() }));
+      const updated = await transport.replaceLevelValueAliases(sourceId, selectedLevel, entries);
+      setAliases((prev) => [...prev.filter((a) => a.level !== selectedLevel), ...updated]);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to save aliases");
+    } finally {
+      setSaving(false);
+    }
+  }
+  if (loading) return /* @__PURE__ */ jsx6("p", { className: "cfi-vi-muted", children: "Loading aliases\u2026" });
+  return /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-aliases", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-row cfi-vi-row--between", children: [
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("h2", { className: "cfi-vi-h2", children: "Value Aliases" }),
+        /* @__PURE__ */ jsxs6("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 11px)" }, children: [
+          "Normalise level values when this source uses different vocabulary than the base/overlay it joins to (e.g. ",
+          /* @__PURE__ */ jsx6("span", { className: "cfi-vi-mono", children: '"MICHIGAN" \u2192 "MICHIGAN ASSEMBLY"' }),
+          "). Applied at match time \u2014 no re-upload."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-field", style: { minWidth: 140 }, children: [
+        /* @__PURE__ */ jsx6("label", { className: "cfi-vi-label", children: "Level" }),
+        /* @__PURE__ */ jsx6("select", { className: "cfi-vi-input", value: String(selectedLevel), onChange: (e) => setSelectedLevel(parseInt(e.target.value, 10)), children: [1, 2, 3, 4, 5, 6].map((n) => /* @__PURE__ */ jsxs6("option", { value: n, children: [
+          "L",
+          n,
+          " \u2014 ",
+          DEFAULT_LEVEL_NAMES[n]
+        ] }, n)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-panel", children: [
+      draft.length === 0 ? /* @__PURE__ */ jsxs6("p", { className: "cfi-vi-muted", style: { fontStyle: "italic", fontSize: "var(--cfi-font-size-xs, 12px)" }, children: [
+        "No aliases at L",
+        selectedLevel,
+        " (",
+        DEFAULT_LEVEL_NAMES[selectedLevel],
+        "). Click ",
+        /* @__PURE__ */ jsx6("strong", { children: "+ Add alias" }),
+        " to create one."
+      ] }) : /* @__PURE__ */ jsx6("div", { className: "cfi-vi-alias-rows", children: draft.map((row, i) => /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsx6(
+          "input",
+          {
+            className: "cfi-vi-input cfi-vi-mono",
+            type: "text",
+            value: row.rawValue,
+            disabled: locked,
+            placeholder: "Raw value (e.g. MICHIGAN)",
+            onChange: (e) => updateRow(i, { rawValue: e.target.value })
+          }
+        ),
+        /* @__PURE__ */ jsx6(ArrowRight, { size: 14, className: "cfi-vi-muted", "aria-hidden": true }),
+        /* @__PURE__ */ jsx6(
+          "input",
+          {
+            className: "cfi-vi-input cfi-vi-mono",
+            type: "text",
+            value: row.canonicalValue,
+            disabled: locked,
+            placeholder: "Canonical (e.g. MICHIGAN ASSEMBLY)",
+            onChange: (e) => updateRow(i, { canonicalValue: e.target.value })
+          }
+        ),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: "cfi-vi-icon-btn", onClick: () => removeRow(i), disabled: locked, title: "Remove row", children: /* @__PURE__ */ jsx6(Trash2, { size: 14, "aria-hidden": true }) })
+      ] }, i)) }),
+      /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-row", style: { flexWrap: "wrap", paddingTop: 4 }, children: [
+        /* @__PURE__ */ jsxs6(Btn, { variant: "outline", size: "sm", onClick: addRow, disabled: locked, children: [
+          /* @__PURE__ */ jsx6(Plus, { size: 14, "aria-hidden": true }),
+          " Add alias"
+        ] }),
+        /* @__PURE__ */ jsxs6(Btn, { size: "sm", onClick: () => void handleSave(), disabled: !isDirty || saving || locked, children: [
+          /* @__PURE__ */ jsx6(Save, { size: 14, "aria-hidden": true }),
+          " ",
+          saving ? "Saving\u2026" : "Save"
+        ] }),
+        isDirty && !saving && /* @__PURE__ */ jsx6("span", { className: "cfi-vi-mapper-dirty", children: "Unsaved changes" }),
+        !isDirty && !saving && draft.length > 0 && /* @__PURE__ */ jsx6("span", { className: "cfi-vi-muted", children: "Up to date" }),
+        isOverlay && /* @__PURE__ */ jsxs6(
+          Btn,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => void handleRelink(),
+            disabled: relinking || isDirty,
+            title: isDirty ? "Save aliases first, then re-link" : "Re-run overlay \u2192 base resolution against current aliases",
+            children: [
+              /* @__PURE__ */ jsx6(RotateCw, { size: 14, className: relinking ? "cfi-vi-spin" : "", "aria-hidden": true }),
+              " ",
+              relinking ? "Re-linking\u2026" : "Re-link overlay"
+            ]
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsx6("p", { className: "cfi-vi-error", children: error }),
+      relinkResult && /* @__PURE__ */ jsx6("p", { style: { fontSize: "var(--cfi-font-size-xs, 12px)", color: "#15803d" }, children: relinkResult })
+    ] })
+  ] });
+}
+
+// src/VolumeSourceDetail.tsx
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function VolumeSourceDetail({ transport, sourceId, onOpenSource, onBack, className }) {
+  const id = sourceId;
+  const [source, setSource] = useState6(null);
+  const [allSources, setAllSources] = useState6([]);
+  const [loading, setLoading] = useState6(true);
+  const [error, setError] = useState6(null);
+  const [detecting, setDetecting] = useState6(false);
+  const [detectMsg, setDetectMsg] = useState6(null);
+  const [savingKey, setSavingKey] = useState6(false);
+  const [selectedKeyId, setSelectedKeyId] = useState6("__none__");
+  const [hasData, setHasData] = useState6(false);
+  const fileRef = useRef2(null);
+  const [savingLayout, setSavingLayout] = useState6(false);
+  const [editLayout, setEditLayout] = useState6("wide");
+  const [editValueDateFormat, setEditValueDateFormat] = useState6("yyyy-MM-dd");
+  const [newSegmentLabel, setNewSegmentLabel] = useState6("");
+  const [newSegmentDataType, setNewSegmentDataType] = useState6("string");
+  const [addingSegment, setAddingSegment] = useState6(false);
+  const [clearConfirm, setClearConfirm] = useState6("");
+  const [clearing, setClearing] = useState6(false);
+  const [clearResult, setClearResult] = useState6(null);
+  const [mappingKeys, setMappingKeys] = useState6(null);
+  const [mappingRows, setMappingRows] = useState6([]);
+  const [savingMapping, setSavingMapping] = useState6(false);
+  const [baseHierarchyHint, setBaseHierarchyHint] = useState6({});
+  async function load() {
+    if (!id) return;
+    try {
+      setLoading(true);
+      const [src, uploads, keys, mapping, sources] = await Promise.all([
+        transport.getSource(id),
+        transport.listUploads({ sourceId: id, limit: 1 }),
+        transport.getSegmentMappingKeys(),
+        transport.listSegmentMapping(id),
+        transport.listSources()
+      ]);
+      setAllSources(sources);
+      setSource(src);
+      setSelectedKeyId(src.uniqueKeySegmentId ?? "__none__");
+      setEditLayout(src.layout);
+      setEditValueDateFormat(src.valueDateFormat);
+      setHasData(uploads.items.some((u) => u.status === "done" || u.status === "done_with_errors"));
+      setMappingKeys(keys);
+      setMappingRows(mapping.items);
+      if (src.kind === "overlay") {
+        try {
+          const tenantConfig = await transport.getTenantConfig();
+          if (tenantConfig?.sourceId && tenantConfig.sourceId !== id) {
+            const [baseSrc, baseMapping] = await Promise.all([
+              transport.getSource(tenantConfig.sourceId),
+              transport.listSegmentMapping(tenantConfig.sourceId)
+            ]);
+            const baseSegLabel = new Map(baseSrc.segments.map((s) => [s.id, s.label]));
+            const hint = {};
+            for (const row of baseMapping.items) {
+              if (row.targetCategory !== "hierarchy_level") continue;
+              const m = /^level(\d)$/.exec(row.targetKey);
+              if (!m) continue;
+              const label = baseSegLabel.get(row.segmentId);
+              if (label) hint[parseInt(m[1], 10)] = label;
+            }
+            setBaseHierarchyHint(hint);
+          } else {
+            setBaseHierarchyHint({});
+          }
+        } catch {
+          setBaseHierarchyHint({});
+        }
+      } else {
+        setBaseHierarchyHint({});
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load source");
+    } finally {
+      setLoading(false);
+    }
+  }
+  useEffect6(() => {
+    void load();
+  }, [id]);
+  async function handleDetect(file) {
+    if (!id) return;
+    setDetecting(true);
+    setDetectMsg(null);
+    setError(null);
+    try {
+      const result = await transport.detectSegments(id, file);
+      setDetectMsg(`Detected ${result.detected} segments (skipped ${result.skipped} volume/summary columns)`);
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Detect failed");
+    } finally {
+      setDetecting(false);
+    }
+  }
+  async function handleDelete(segmentId) {
+    try {
+      await transport.deleteSegment(segmentId);
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Delete failed");
+    }
+  }
+  async function handleSaveMapping(hierarchy, automotive) {
+    if (!id) return;
+    setSavingMapping(true);
+    setError(null);
+    try {
+      const hResp = await transport.replaceSegmentMappingCategory(id, "hierarchy_level", hierarchy);
+      const aResp = await transport.replaceSegmentMappingCategory(id, "automotive_field", automotive);
+      setMappingRows([...hResp.items, ...aResp.items]);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to save mapping");
+    } finally {
+      setSavingMapping(false);
+    }
+  }
+  async function handleClearData() {
+    if (!id) return;
+    setClearing(true);
+    setError(null);
+    setClearResult(null);
+    try {
+      const result = await transport.clearSourceData(id, clearConfirm);
+      setClearResult(`Cleared ${result.criteria.toLocaleString()} criteria and ${result.uploads.toLocaleString()} uploads. Configuration (segments, mappings) preserved.`);
+      setClearConfirm("");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Clear failed");
+    } finally {
+      setClearing(false);
+    }
+  }
+  async function handleAddSegment() {
+    if (!id || !source) return;
+    const label = newSegmentLabel.trim();
+    if (!label) return;
+    setAddingSegment(true);
+    setError(null);
+    try {
+      const nextOrder = source.segments.length === 0 ? 0 : Math.max(...source.segments.map((s) => s.sortOrder)) + 1;
+      await transport.createSegment(id, { label, dataType: newSegmentDataType, sortOrder: nextOrder });
+      setNewSegmentLabel("");
+      setNewSegmentDataType("string");
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Add segment failed");
+    } finally {
+      setAddingSegment(false);
+    }
+  }
+  async function saveUniqueKey() {
+    if (!id) return;
+    setSavingKey(true);
+    try {
+      await transport.updateSource(id, { uniqueKeySegmentId: selectedKeyId === "__none__" ? null : selectedKeyId });
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to save key");
+    } finally {
+      setSavingKey(false);
+    }
+  }
+  async function saveLayoutAndRouting() {
+    if (!id) return;
+    setSavingLayout(true);
+    setError(null);
+    try {
+      await transport.updateSource(id, { layout: editLayout, valueDateFormat: editValueDateFormat });
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to save layout");
+    } finally {
+      setSavingLayout(false);
+    }
+  }
+  if (loading) return /* @__PURE__ */ jsx7(Root, { className, children: /* @__PURE__ */ jsx7("p", { className: "cfi-vi-muted", children: "Loading\u2026" }) });
+  if (!source) return /* @__PURE__ */ jsx7(Root, { className, children: /* @__PURE__ */ jsx7("p", { className: "cfi-vi-error", children: "Source not found" }) });
+  const keySegment = source.segments.find((s) => s.id === source.uniqueKeySegmentId);
+  const isOverlay = source.kind === "overlay";
+  return /* @__PURE__ */ jsx7(Root, { className, children: /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-detail", children: [
+    /* @__PURE__ */ jsxs7("div", { children: [
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", style: { gap: 8 }, children: [
+        /* @__PURE__ */ jsx7("span", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 12px)" }, children: "Source:" }),
+        /* @__PURE__ */ jsx7(
+          "select",
+          {
+            className: "cfi-vi-input",
+            style: { width: "auto" },
+            value: source.id,
+            onChange: (e) => {
+              if (e.target.value !== source.id) onOpenSource(e.target.value);
+            },
+            children: allSources.slice().sort((a, b) => a.name.localeCompare(b.name)).map((s) => /* @__PURE__ */ jsxs7("option", { value: s.id, children: [
+              s.name,
+              " (",
+              s.code,
+              ")",
+              s.kind === "overlay" ? " \xB7 overlay" : ""
+            ] }, s.id))
+          }
+        ),
+        onBack && /* @__PURE__ */ jsx7("button", { type: "button", className: "cfi-vi-link cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 12px)" }, onClick: onBack, children: "All sources \u2192" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", style: { flexWrap: "wrap", marginTop: 4 }, children: [
+        /* @__PURE__ */ jsx7("h1", { className: "cfi-vi-h1", children: source.name }),
+        /* @__PURE__ */ jsx7(Badge, { variant: "outline", children: source.code }),
+        isOverlay && /* @__PURE__ */ jsx7(Badge, { variant: "purple", children: "Overlay" })
+      ] }),
+      /* @__PURE__ */ jsxs7("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 12px)", marginTop: 2 }, children: [
+        "Header row ",
+        source.headerRowIndex,
+        " \xB7 Format ",
+        /* @__PURE__ */ jsx7("span", { className: "cfi-vi-mono", children: source.volumeHeaderFormat }),
+        " \xB7",
+        " ",
+        source.layout === "tall" ? /* @__PURE__ */ jsxs7("span", { className: "cfi-vi-row", style: { display: "inline-flex", gap: 4 }, children: [
+          /* @__PURE__ */ jsx7(Rows, { size: 12, "aria-hidden": true }),
+          " tall"
+        ] }) : /* @__PURE__ */ jsxs7("span", { className: "cfi-vi-row", style: { display: "inline-flex", gap: 4 }, children: [
+          /* @__PURE__ */ jsx7(Columns, { size: 12, "aria-hidden": true }),
+          " wide"
+        ] }),
+        source.layout === "tall" && /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          " \xB7 Period ",
+          /* @__PURE__ */ jsx7("span", { className: "cfi-vi-mono", children: source.valueDateFormat })
+        ] }),
+        source.description && /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          " \xB7 ",
+          source.description
+        ] })
+      ] })
+    ] }),
+    hasData && /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-lock", children: [
+      /* @__PURE__ */ jsx7(Lock, { size: 14, "aria-hidden": true }),
+      " This source has loaded data. Configuration is locked \u2014 clear data below before making changes."
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-grid2", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-panel", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", children: [
+          editLayout === "tall" ? /* @__PURE__ */ jsx7(Rows, { size: 16, className: "cfi-vi-muted", "aria-hidden": true }) : /* @__PURE__ */ jsx7(Columns, { size: 16, className: "cfi-vi-muted", "aria-hidden": true }),
+          /* @__PURE__ */ jsx7("h2", { className: "cfi-vi-h2", children: "Layout" })
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", style: { alignItems: "flex-end", gap: 12 }, children: [
+          /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsx7("label", { className: "cfi-vi-label", children: "Layout" }),
+            /* @__PURE__ */ jsxs7(
+              "select",
+              {
+                className: "cfi-vi-input",
+                value: editLayout,
+                disabled: hasData || savingLayout,
+                onChange: (e) => setEditLayout(e.target.value),
+                children: [
+                  /* @__PURE__ */ jsx7("option", { value: "wide", children: "wide" }),
+                  /* @__PURE__ */ jsx7("option", { value: "tall", children: "tall" })
+                ]
+              }
+            )
+          ] }),
+          editLayout === "tall" && /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsx7("label", { className: "cfi-vi-label", children: "Period format" }),
+            /* @__PURE__ */ jsx7(
+              TextInput,
+              {
+                className: "cfi-vi-mono",
+                value: editValueDateFormat,
+                placeholder: "yyyy-MM-dd",
+                disabled: hasData || savingLayout,
+                onChange: (e) => setEditValueDateFormat(e.target.value)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx7(Btn, { size: "sm", onClick: () => void saveLayoutAndRouting(), disabled: hasData || savingLayout, children: savingLayout ? "Saving\u2026" : "Save layout" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-panel", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", children: [
+          /* @__PURE__ */ jsx7(KeyRound, { size: 16, className: "cfi-vi-muted", "aria-hidden": true }),
+          /* @__PURE__ */ jsx7("h2", { className: "cfi-vi-h2", children: "Unique Key Column" }),
+          keySegment && /* @__PURE__ */ jsx7(Badge, { variant: "secondary", children: keySegment.label })
+        ] }),
+        source.segments.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 12px)" }, children: "Detect segments first to enable this option." }) : /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", style: { alignItems: "flex-end" }, children: [
+          /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsx7("label", { className: "cfi-vi-label", children: "Key Segment" }),
+            /* @__PURE__ */ jsxs7(
+              "select",
+              {
+                className: "cfi-vi-input",
+                value: selectedKeyId,
+                disabled: hasData,
+                onChange: (e) => setSelectedKeyId(e.target.value),
+                children: [
+                  /* @__PURE__ */ jsx7("option", { value: "__none__", children: "None \u2014 use display name" }),
+                  source.segments.slice().sort((a, b) => a.label.localeCompare(b.label)).map((seg) => /* @__PURE__ */ jsx7("option", { value: seg.id, children: seg.label }, seg.id))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx7(Btn, { size: "sm", onClick: saveUniqueKey, disabled: savingKey || hasData, children: savingKey ? "Saving\u2026" : "Save" })
+        ] })
+      ] })
+    ] }),
+    source.layout === "tall" && /* @__PURE__ */ jsx7(TallLayoutMappings, { transport, source, locked: hasData }),
+    /* @__PURE__ */ jsxs7("div", { children: [
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsx7(Layers, { size: 16, className: "cfi-vi-muted", "aria-hidden": true }),
+        /* @__PURE__ */ jsx7("h2", { className: "cfi-vi-h2", children: "Segment Mapping" }),
+        isOverlay && /* @__PURE__ */ jsx7("span", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 12px)" }, children: "\xB7 Map at least the levels your base source uses for the overlay merge to land." })
+      ] }),
+      source.segments.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "cfi-vi-muted", children: "No segments yet. Add segments below (Detect from file or Add manually) before mapping." }) : /* @__PURE__ */ jsx7(
+        UnifiedSegmentMapper,
+        {
+          segments: source.segments.slice().sort((a, b) => a.label.localeCompare(b.label)),
+          hierarchyInitial: mappingRows.filter((m) => m.targetCategory === "hierarchy_level"),
+          automotiveInitial: mappingRows.filter((m) => m.targetCategory === "automotive_field"),
+          automotiveSlots: isOverlay ? [] : AUTOMOTIVE_SLOTS,
+          transformRules: mappingKeys?.transformRules ?? [],
+          transformRuleLabels: AUTOMOTIVE_TRANSFORM_LABELS,
+          onSave: handleSaveMapping,
+          saving: savingMapping,
+          hierarchyMode: isOverlay ? "sparse" : "tree",
+          baseHierarchyHint: isOverlay ? baseHierarchyHint : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx7(ValueAliasesCard, { transport, sourceId: source.id, locked: false, isOverlay }),
+    /* @__PURE__ */ jsxs7("div", { children: [
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsxs7("h2", { className: "cfi-vi-h2", children: [
+          "Segments (",
+          source.segments.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx7(Btn, { variant: "outline", size: "sm", onClick: () => fileRef.current?.click(), disabled: detecting || hasData, children: detecting ? "Detecting\u2026" : "Detect from file" }),
+        /* @__PURE__ */ jsx7(
+          "input",
+          {
+            ref: fileRef,
+            type: "file",
+            accept: ".xlsx,.xls",
+            style: { display: "none" },
+            onChange: (e) => {
+              const f = e.target.files?.[0];
+              if (f) void handleDetect(f);
+              e.target.value = "";
+            }
+          }
+        )
+      ] }),
+      detectMsg && /* @__PURE__ */ jsx7("p", { style: { fontSize: "var(--cfi-font-size-sm, 13px)", color: "#16a34a" }, children: detectMsg }),
+      error && /* @__PURE__ */ jsx7("p", { className: "cfi-vi-error", children: error }),
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-panel", style: { maxWidth: "42rem" }, children: [
+        /* @__PURE__ */ jsx7("div", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 12px)" }, children: "Add segment manually \u2014 for columns not covered by auto-detect." }),
+        /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", style: { alignItems: "flex-end" }, children: [
+          /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsx7("label", { className: "cfi-vi-label", children: "Label" }),
+            /* @__PURE__ */ jsx7(
+              TextInput,
+              {
+                className: "cfi-vi-mono",
+                value: newSegmentLabel,
+                placeholder: "e.g. Color",
+                disabled: hasData || addingSegment,
+                onChange: (e) => setNewSegmentLabel(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" && newSegmentLabel.trim()) void handleAddSegment();
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-field", style: { width: 128 }, children: [
+            /* @__PURE__ */ jsx7("label", { className: "cfi-vi-label", children: "Data Type" }),
+            /* @__PURE__ */ jsxs7(
+              "select",
+              {
+                className: "cfi-vi-input",
+                value: newSegmentDataType,
+                disabled: hasData || addingSegment,
+                onChange: (e) => setNewSegmentDataType(e.target.value),
+                children: [
+                  /* @__PURE__ */ jsx7("option", { value: "string", children: "string" }),
+                  /* @__PURE__ */ jsx7("option", { value: "number", children: "number" }),
+                  /* @__PURE__ */ jsx7("option", { value: "date", children: "date" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx7(Btn, { size: "sm", onClick: () => void handleAddSegment(), disabled: hasData || addingSegment || !newSegmentLabel.trim(), children: addingSegment ? "Adding\u2026" : "Add segment" })
+        ] })
+      ] }),
+      source.segments.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "cfi-vi-muted", children: "No segments yet. Upload a sample file to auto-detect." }) : /* @__PURE__ */ jsxs7("table", { className: "cfi-vi-table", children: [
+        /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsxs7("tr", { children: [
+          /* @__PURE__ */ jsx7("th", { style: { width: 48 }, children: "#" }),
+          /* @__PURE__ */ jsx7("th", { children: "Label" }),
+          /* @__PURE__ */ jsx7("th", { children: "Data Type" }),
+          /* @__PURE__ */ jsx7("th", { style: { width: 80 }, children: "Key" }),
+          /* @__PURE__ */ jsx7("th", { style: { width: 64 } })
+        ] }) }),
+        /* @__PURE__ */ jsx7("tbody", { children: source.segments.map((seg) => /* @__PURE__ */ jsxs7("tr", { children: [
+          /* @__PURE__ */ jsx7("td", { className: "cfi-vi-muted", children: seg.sortOrder }),
+          /* @__PURE__ */ jsx7("td", { className: "cfi-vi-mono", children: seg.label }),
+          /* @__PURE__ */ jsx7("td", { className: "cfi-vi-muted", children: seg.dataType }),
+          /* @__PURE__ */ jsx7("td", { children: seg.id === source.uniqueKeySegmentId && /* @__PURE__ */ jsxs7(Badge, { variant: "secondary", children: [
+            /* @__PURE__ */ jsx7(KeyRound, { size: 12, "aria-hidden": true }),
+            " Key"
+          ] }) }),
+          /* @__PURE__ */ jsx7("td", { children: /* @__PURE__ */ jsx7(
+            "button",
+            {
+              type: "button",
+              className: "cfi-vi-icon-btn",
+              style: { color: "var(--cfi-color-error, #dc2626)" },
+              onClick: () => void handleDelete(seg.id),
+              disabled: hasData,
+              title: "Delete segment",
+              children: "\xD7"
+            }
+          ) })
+        ] }, seg.id)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-danger", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", style: { color: "var(--cfi-color-error, #dc2626)" }, children: [
+        /* @__PURE__ */ jsx7(AlertTriangle2, { size: 16, "aria-hidden": true }),
+        /* @__PURE__ */ jsx7("h2", { className: "cfi-vi-h2", children: "Danger zone \u2014 clear source data" })
+      ] }),
+      /* @__PURE__ */ jsxs7("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-sm, 13px)" }, children: [
+        "Deletes every upload, criteria, volume actual, prediction, and forecast edit tied to",
+        " ",
+        /* @__PURE__ */ jsx7("span", { className: "cfi-vi-mono", children: source.name }),
+        ". Other sources are untouched. Configuration (segments, mappings, key column, layout) stays in place. There is no undo."
+      ] }),
+      /* @__PURE__ */ jsxs7("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-sm, 13px)" }, children: [
+        "To confirm, type ",
+        /* @__PURE__ */ jsx7("span", { className: "cfi-vi-mono", style: { fontWeight: 600 }, children: "DELETE" }),
+        " below."
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", style: { alignItems: "flex-end", maxWidth: "28rem" }, children: [
+        /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx7("label", { className: "cfi-vi-label", children: "Confirmation" }),
+          /* @__PURE__ */ jsx7(
+            TextInput,
+            {
+              className: "cfi-vi-mono",
+              value: clearConfirm,
+              placeholder: "DELETE",
+              disabled: clearing,
+              onChange: (e) => setClearConfirm(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx7(Btn, { variant: "destructive", size: "sm", onClick: () => void handleClearData(), disabled: clearConfirm !== "DELETE" || clearing, children: clearing ? "Clearing\u2026" : "Clear all data" })
+      ] }),
+      clearResult && /* @__PURE__ */ jsx7("p", { style: { fontSize: "var(--cfi-font-size-sm, 13px)", color: "#15803d" }, children: clearResult })
+    ] })
+  ] }) });
+}
+export {
+  AUTOMOTIVE_SLOTS,
+  AUTOMOTIVE_TRANSFORM_LABELS,
+  DEFAULT_LEVEL_NAMES,
+  HIERARCHY_LEVEL_COUNT,
+  TallLayoutMappings,
+  UnifiedSegmentMapper,
+  ValueAliasesCard,
+  VolumeImport,
+  VolumeSourceDetail,
+  VolumeSourcesList
+};