@campfire-interactive/volume-intelligence-ui 0.1.0 → 0.3.0

package/dist/index.js

@@ -25,7 +25,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // 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");
+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.cfi-vi .cfi-vi-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2px;\n  border-bottom: 1px solid var(--cfi-color-gray-200, #e5e7eb);\n}\n.cfi-vi .cfi-vi-tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 14px;\n  margin-bottom: -1px;\n  border: none;\n  border-bottom: 2px solid transparent;\n  background: none;\n  font: inherit;\n  font-size: var(--cfi-font-size-sm, 13px);\n  cursor: pointer;\n  color: var(--cfi-color-gray-600, #4b5563);\n}\n.cfi-vi .cfi-vi-tab:hover {\n  color: var(--cfi-color-gray-900, #111827);\n}\n.cfi-vi .cfi-vi-tab--active {\n  color: var(--cfi-color-primary-600, #2563eb);\n  border-bottom-color: var(--cfi-color-primary-600, #2563eb);\n  font-weight: 600;\n}\n.cfi-vi .cfi-vi-tab--danger:hover {\n  color: #dc2626;\n}\n.cfi-vi .cfi-vi-tab--danger.cfi-vi-tab--active {\n  color: #dc2626;\n  border-bottom-color: #dc2626;\n}\n.cfi-vi .cfi-vi-tabpanel {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cfi-spacing-lg, 20px);\n}\n.cfi-vi .cfi-vi-tag--warn {\n  background: #fffbeb;\n  color: #92400e;\n  border: 1px solid #fde68a;\n}\n.cfi-vi .cfi-vi-tag--danger {\n  background: #fef2f2;\n  color: #b91c1c;\n  border: 1px solid #fecaca;\n}\n.cfi-vi .cfi-vi-select {\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}\n.cfi-vi .cfi-vi-select:focus {\n  outline: 2px solid var(--cfi-color-primary-600, #2563eb);\n  outline-offset: -1px;\n}\n.cfi-vi .cfi-vi-file {\n  font: inherit;\n}\n.cfi-vi .cfi-vi-alert {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-radius: var(--cfi-radius-md, 6px);\n  font-size: var(--cfi-font-size-sm, 13px);\n  margin: 8px 0;\n}\n.cfi-vi .cfi-vi-alert--error {\n  background: #fef2f2;\n  color: #b91c1c;\n}\n.cfi-vi .cfi-vi-alert--warn {\n  background: #fffbeb;\n  color: #92400e;\n}\n.cfi-vi .cfi-vi-alert ul.cfi-vi-blockers {\n  margin: 0;\n  padding-left: 18px;\n}\n.cfi-vi .cfi-vi-loading {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--cfi-color-gray-500, #6b7280);\n  padding: 12px 0;\n}\n.cfi-vi .cfi-vi-files-head {\n  align-items: center;\n  margin-bottom: 12px;\n}\n.cfi-vi .cfi-vi-files-title {\n  font-size: var(--cfi-font-size-lg, 18px);\n  font-weight: 600;\n  margin: 0;\n}\n.cfi-vi .cfi-vi-files-filters {\n  gap: 8px;\n  align-items: center;\n  margin-bottom: 12px;\n}\n.cfi-vi .cfi-vi-files-table th,\n.cfi-vi .cfi-vi-files-table td {\n  white-space: nowrap;\n}\n.cfi-vi .cfi-vi-files-file {\n  font-family: var(--cfi-font-mono, ui-monospace, monospace);\n  max-width: 220px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.cfi-vi .cfi-vi-files-actions {\n  display: flex;\n  gap: 4px;\n  justify-content: flex-end;\n}\n.cfi-vi .cfi-vi-files-detail td {\n  background: var(--cfi-color-gray-50, #f9fafb);\n  white-space: normal;\n}\n.cfi-vi .cfi-vi-files-pager {\n  align-items: center;\n  gap: 10px;\n  margin-top: 12px;\n}\n.cfi-vi .cfi-vi-ta-right {\n  text-align: right;\n}\n.cfi-vi .cfi-vi-danger-text {\n  color: #b91c1c;\n}\n");
 
 // src/VolumeImport.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -271,9 +271,9 @@ function UploadStatusPanel(props) {
   ] });
 }
 
-// src/VolumeSourcesList.tsx
-import { useCallback as useCallback2, useEffect as useEffect2, useState as useState2 } from "react";
-import { CheckCircle2, Sparkles } from "lucide-react";
+// src/VolumeFiles.tsx
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { AlertTriangle as AlertTriangle2, Download, RotateCcw as RotateCcw2, FileUp as FileUp2, ChevronRight, ChevronDown } from "lucide-react";
 
 // src/ui.tsx
 import { X } from "lucide-react";
@@ -310,6 +310,9 @@ function TextInput(props) {
   const { className, ...rest } = props;
   return /* @__PURE__ */ jsx2("input", { className: className ? `cfi-vi-input ${className}` : "cfi-vi-input", ...rest });
 }
+function Spinner(props) {
+  return /* @__PURE__ */ jsx2("span", { className: "cfi-vi-spinner", style: { width: props.size ?? 14, height: props.size ?? 14 }, "aria-hidden": true });
+}
 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: [
@@ -322,23 +325,469 @@ function Modal(props) {
   ] }) });
 }
 
-// src/VolumeSourcesList.tsx
+// src/VolumeFiles.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 }) {
+var MONTH_NAMES2 = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var MONTH_ABBR = MONTH_NAMES2.map((m) => m.slice(0, 3));
+var CURRENT_YEAR = (/* @__PURE__ */ new Date()).getFullYear();
+var CURRENT_MONTH = (/* @__PURE__ */ new Date()).getMonth() + 1;
+var YEAR_OPTIONS = [CURRENT_YEAR - 2, CURRENT_YEAR - 1, CURRENT_YEAR, CURRENT_YEAR + 1, CURRENT_YEAR + 2];
+var ACTIVE_STATUSES = /* @__PURE__ */ new Set(["pending", "processing", "awaiting_calendar"]);
+var POLL_INTERVAL_MS = 3e3;
+var PAGE_SIZE = 20;
+var STATUS_LABELS2 = {
+  awaiting_calendar: "awaiting calendar",
+  done_with_errors: "done with errors"
+};
+function statusTagClass(status) {
+  switch (status) {
+    case "done":
+      return "cfi-vi-tag--success";
+    case "done_with_errors":
+      return "cfi-vi-tag--warn";
+    case "awaiting_calendar":
+      return "cfi-vi-tag--warn";
+    case "failed":
+      return "cfi-vi-tag--danger";
+    case "processing":
+      return "cfi-vi-tag--secondary";
+    default:
+      return "cfi-vi-tag--default";
+  }
+}
+function computeCutoffLabel(uploadYear, uploadMonth, lag) {
+  let cutoffMonth = uploadMonth - lag;
+  let cutoffYear = uploadYear;
+  while (cutoffMonth <= 0) {
+    cutoffMonth += 12;
+    cutoffYear--;
+  }
+  let predMonth = cutoffMonth + 1;
+  let predYear = cutoffYear;
+  if (predMonth > 12) {
+    predMonth -= 12;
+    predYear++;
+  }
+  return {
+    cutoffLabel: `${MONTH_NAMES2[cutoffMonth - 1]} ${cutoffYear}`,
+    predictionsLabel: `${MONTH_NAMES2[predMonth - 1]} ${predYear}`
+  };
+}
+function formatDuration(startedAt, completedAt) {
+  if (!startedAt || !completedAt) return "\u2014";
+  const ms = new Date(completedAt).getTime() - new Date(startedAt).getTime();
+  const totalSec = Math.max(0, Math.floor(ms / 1e3));
+  const m = Math.floor(totalSec / 60);
+  const s = totalSec % 60;
+  return m > 0 ? `${m}m ${s}s` : `${s}s`;
+}
+function UploadDialog(props) {
+  const { transport, sources, activeSourceId, calendarSeeded, onClose, onCreated } = props;
+  const [selectedSourceId, setSelectedSourceId] = useState2(activeSourceId ?? sources[0]?.id ?? "");
+  const [year, setYear] = useState2(CURRENT_YEAR);
+  const [month, setMonth] = useState2(CURRENT_MONTH);
+  const [lag, setLag] = useState2(1);
+  const [file, setFile] = useState2(null);
+  const [submitting, setSubmitting] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [hierarchyMapped, setHierarchyMapped] = useState2(null);
+  const selected = sources.find((s) => s.id === selectedSourceId) ?? null;
+  const isTall = selected?.layout === "tall";
+  useEffect2(() => {
+    if (!selectedSourceId) {
+      setHierarchyMapped(null);
+      return;
+    }
+    let cancelled = false;
+    setHierarchyMapped(null);
+    transport.isHierarchyMapped(selectedSourceId).then((m) => {
+      if (!cancelled) setHierarchyMapped(m);
+    }).catch(() => {
+      if (!cancelled) setHierarchyMapped(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [selectedSourceId, transport]);
+  const blockers = [];
+  if (!selected) blockers.push("Pick a source to upload to");
+  else {
+    if (!isTall && !selected.uniqueKeySegmentId) blockers.push("Source has no unique-key column set");
+    if (hierarchyMapped === false) blockers.push("Hierarchy levels not mapped");
+  }
+  if (calendarSeeded === false) blockers.push("Calendar not seeded");
+  const blocked = blockers.length > 0;
+  const { cutoffLabel, predictionsLabel } = computeCutoffLabel(year, month, lag);
+  const handleSubmit = useCallback2(async () => {
+    if (!selected || !file) {
+      setError("Pick a source and file first");
+      return;
+    }
+    setSubmitting(true);
+    setError(null);
+    try {
+      const input = {
+        sourceId: selected.id,
+        file,
+        ...isTall ? {} : { uploadYear: year, uploadMonth: month, actualsLagMonths: lag }
+      };
+      const created = await transport.createUpload(input);
+      onCreated(created);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Upload failed");
+    } finally {
+      setSubmitting(false);
+    }
+  }, [selected, file, isTall, year, month, lag, transport, onCreated]);
+  return /* @__PURE__ */ jsx3("div", { className: "cfi-vi-modal-overlay", role: "dialog", "aria-modal": "true", onClick: onClose, children: /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-modal", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-modal-head", children: [
+      /* @__PURE__ */ jsx3("h2", { className: "cfi-vi-modal-title", children: "Upload volume file" }),
+      /* @__PURE__ */ jsx3("button", { type: "button", className: "cfi-vi-icon-btn", "aria-label": "Close", onClick: onClose, children: "\u2715" })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-modal-body", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-field", children: [
+        /* @__PURE__ */ jsx3("label", { className: "cfi-vi-label", htmlFor: "cfi-vf-source", children: "Source" }),
+        /* @__PURE__ */ jsxs3(
+          "select",
+          {
+            id: "cfi-vf-source",
+            className: "cfi-vi-select",
+            value: selectedSourceId,
+            onChange: (e) => setSelectedSourceId(e.target.value),
+            children: [
+              sources.length === 0 && /* @__PURE__ */ jsx3("option", { value: "", children: "No sources defined" }),
+              sources.slice().sort((a, b) => a.name.localeCompare(b.name)).map((s) => /* @__PURE__ */ jsxs3("option", { value: s.id, children: [
+                s.name,
+                " (",
+                s.code,
+                ") \xB7 ",
+                s.layout,
+                s.kind === "overlay" ? " \xB7 overlay" : ""
+              ] }, s.id))
+            ]
+          }
+        )
+      ] }),
+      blockers.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-alert cfi-vi-alert--warn", children: [
+        /* @__PURE__ */ jsx3(AlertTriangle2, { size: 16, "aria-hidden": true }),
+        /* @__PURE__ */ jsx3("ul", { className: "cfi-vi-blockers", children: blockers.map((b, i) => /* @__PURE__ */ jsx3("li", { children: b }, i)) })
+      ] }),
+      selected && !isTall && /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-row", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-field", children: [
+            /* @__PURE__ */ jsx3("label", { className: "cfi-vi-label", htmlFor: "cfi-vf-year", children: "Year" }),
+            /* @__PURE__ */ jsx3("select", { id: "cfi-vf-year", className: "cfi-vi-select", value: year, onChange: (e) => setYear(Number(e.target.value)), children: YEAR_OPTIONS.map((y) => /* @__PURE__ */ jsx3("option", { value: y, children: y }, y)) })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-field", children: [
+            /* @__PURE__ */ jsx3("label", { className: "cfi-vi-label", htmlFor: "cfi-vf-month", children: "Month" }),
+            /* @__PURE__ */ jsx3("select", { id: "cfi-vf-month", className: "cfi-vi-select", value: month, onChange: (e) => setMonth(Number(e.target.value)), children: MONTH_NAMES2.map((name, i) => /* @__PURE__ */ jsx3("option", { value: i + 1, children: name }, name)) })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-field", children: [
+            /* @__PURE__ */ jsx3("label", { className: "cfi-vi-label", htmlFor: "cfi-vf-lag", children: "Actuals lag (months)" }),
+            /* @__PURE__ */ jsx3("select", { id: "cfi-vf-lag", className: "cfi-vi-select", value: lag, onChange: (e) => setLag(Number(e.target.value)), children: [0, 1, 2, 3, 4, 5, 6].map((n) => /* @__PURE__ */ jsxs3("option", { value: n, children: [
+              n,
+              " month",
+              n !== 1 ? "s" : ""
+            ] }, n)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3("p", { className: "cfi-vi-hint", children: [
+          "\u2190 Actuals up to ",
+          cutoffLabel,
+          " \xB7 Predictions \u2192 from ",
+          predictionsLabel
+        ] })
+      ] }),
+      selected && isTall && /* @__PURE__ */ jsx3("p", { className: "cfi-vi-hint", children: "Tall-format upload \u2014 each row carries its own Week Ending date; cutoff fields aren\u2019t needed." }),
+      /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-field", children: [
+        /* @__PURE__ */ jsx3("label", { className: "cfi-vi-label", htmlFor: "cfi-vf-file", children: "File (.xlsx / .xls)" }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            id: "cfi-vf-file",
+            type: "file",
+            accept: ".xlsx,.xls",
+            className: "cfi-vi-file",
+            onChange: (e) => setFile(e.target.files?.[0] ?? null)
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-alert cfi-vi-alert--error", children: [
+        /* @__PURE__ */ jsx3(AlertTriangle2, { size: 16, "aria-hidden": true }),
+        " ",
+        /* @__PURE__ */ jsx3("span", { children: error })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-modal-foot", children: [
+      /* @__PURE__ */ jsx3(Btn, { variant: "outline", size: "sm", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsxs3(Btn, { size: "sm", disabled: submitting || blocked || !file, onClick: handleSubmit, children: [
+        submitting ? /* @__PURE__ */ jsx3(Spinner, {}) : /* @__PURE__ */ jsx3(FileUp2, { size: 14, "aria-hidden": true }),
+        " ",
+        submitting ? "Uploading\u2026" : "Upload"
+      ] })
+    ] })
+  ] }) });
+}
+function VolumeFiles({ transport, className }) {
   const [sources, setSources] = useState2([]);
   const [activeSourceId, setActiveSourceId] = useState2(null);
-  const [templates, setTemplates] = useState2([]);
+  const [calendarSeeded, setCalendarSeeded] = useState2(null);
+  const [uploads, setUploads] = useState2([]);
+  const [total, setTotal] = useState2(0);
   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 () => {
+  const [dialogOpen, setDialogOpen] = useState2(false);
+  const [filterStatus, setFilterStatus] = useState2("");
+  const [filterSourceId, setFilterSourceId] = useState2("");
+  const [offset, setOffset] = useState2(0);
+  const [expandedId, setExpandedId] = useState2(null);
+  const [errorsById, setErrorsById] = useState2({});
+  const load = useCallback2(async (opts) => {
+    if (!opts?.silent) setLoading(true);
+    try {
+      const [srcs, activeId, result, calSeeded] = await Promise.all([
+        transport.listSources(),
+        transport.getActiveSourceId().catch(() => null),
+        transport.listUploads({
+          limit: PAGE_SIZE,
+          offset,
+          ...filterStatus ? { status: filterStatus } : {},
+          ...filterSourceId ? { sourceId: filterSourceId } : {}
+        }),
+        transport.isCalendarSeeded ? transport.isCalendarSeeded().catch(() => null) : Promise.resolve(null)
+      ]);
+      setSources(srcs);
+      setActiveSourceId(activeId);
+      setUploads(result.items);
+      setTotal(result.total);
+      setCalendarSeeded(calSeeded);
+      setError(null);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load uploads");
+    } finally {
+      setLoading(false);
+    }
+  }, [transport, offset, filterStatus, filterSourceId]);
+  useEffect2(() => {
+    void load();
+  }, [load]);
+  useEffect2(() => {
+    const activeIds = uploads.filter((u) => ACTIVE_STATUSES.has(u.status)).map((u) => u.id);
+    if (activeIds.length === 0) return;
+    const timer = setInterval(async () => {
+      const updated = await Promise.allSettled(activeIds.map((id) => transport.getUpload(id)));
+      setUploads((prev) => prev.map((u) => {
+        const idx = activeIds.indexOf(u.id);
+        if (idx < 0) return u;
+        const res = updated[idx];
+        return res.status === "fulfilled" ? res.value : u;
+      }));
+    }, POLL_INTERVAL_MS);
+    return () => clearInterval(timer);
+  }, [uploads, transport]);
+  const handleCreated = useCallback2((u) => {
+    setDialogOpen(false);
+    setUploads((prev) => [u, ...prev.filter((x) => x.id !== u.id)]);
+    setTotal((n) => n + 1);
+  }, []);
+  const handleReprocess = useCallback2(async (id) => {
+    try {
+      await transport.reprocessUpload(id);
+      await load({ silent: true });
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Reprocess failed");
+    }
+  }, [transport, load]);
+  const handleDownload = useCallback2(async (id) => {
+    try {
+      const url = await transport.getUploadDownloadUrl(id);
+      window.open(url, "_blank", "noopener");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Download failed");
+    }
+  }, [transport]);
+  const toggleExpand = useCallback2(async (u) => {
+    if (expandedId === u.id) {
+      setExpandedId(null);
+      return;
+    }
+    setExpandedId(u.id);
+    if (!errorsById[u.id] && u.rowsFailed > 0) {
+      try {
+        const res = await transport.getUploadErrors(u.id, { limit: 100 });
+        setErrorsById((prev) => ({ ...prev, [u.id]: res.items }));
+      } catch {
+      }
+    }
+  }, [expandedId, errorsById, transport]);
+  const totalPages = Math.ceil(total / PAGE_SIZE);
+  const currentPage = Math.floor(offset / PAGE_SIZE) + 1;
+  const dialogSources = useMemo2(() => sources, [sources]);
+  return /* @__PURE__ */ jsxs3(Root, { className, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-row cfi-vi-row--between cfi-vi-files-head", children: [
+      /* @__PURE__ */ jsx3("h2", { className: "cfi-vi-files-title", children: "Volume uploads" }),
+      /* @__PURE__ */ jsxs3(Btn, { size: "sm", onClick: () => setDialogOpen(true), children: [
+        /* @__PURE__ */ jsx3(FileUp2, { size: 14, "aria-hidden": true }),
+        " Upload file"
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-alert cfi-vi-alert--error", children: [
+      /* @__PURE__ */ jsx3(AlertTriangle2, { size: 16, "aria-hidden": true }),
+      " ",
+      /* @__PURE__ */ jsx3("span", { children: error })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-row cfi-vi-files-filters", children: [
+      /* @__PURE__ */ jsxs3("select", { className: "cfi-vi-select", value: filterSourceId, onChange: (e) => {
+        setFilterSourceId(e.target.value);
+        setOffset(0);
+      }, children: [
+        /* @__PURE__ */ jsx3("option", { value: "", children: "All sources" }),
+        sources.map((s) => /* @__PURE__ */ jsx3("option", { value: s.id, children: s.code }, s.id))
+      ] }),
+      /* @__PURE__ */ jsxs3("select", { className: "cfi-vi-select", value: filterStatus, onChange: (e) => {
+        setFilterStatus(e.target.value);
+        setOffset(0);
+      }, children: [
+        /* @__PURE__ */ jsx3("option", { value: "", children: "All statuses" }),
+        /* @__PURE__ */ jsx3("option", { value: "pending", children: "Pending" }),
+        /* @__PURE__ */ jsx3("option", { value: "processing", children: "Processing" }),
+        /* @__PURE__ */ jsx3("option", { value: "done", children: "Done" }),
+        /* @__PURE__ */ jsx3("option", { value: "done_with_errors", children: "Done with errors" }),
+        /* @__PURE__ */ jsx3("option", { value: "failed", children: "Failed" })
+      ] }),
+      /* @__PURE__ */ jsx3(Btn, { variant: "ghost", size: "sm", onClick: () => void load(), children: "Refresh" })
+    ] }),
+    loading ? /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-loading", children: [
+      /* @__PURE__ */ jsx3(Spinner, {}),
+      " Loading\u2026"
+    ] }) : uploads.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "cfi-vi-muted", children: "No uploads yet." }) : /* @__PURE__ */ jsxs3("table", { className: "cfi-vi-table cfi-vi-files-table", children: [
+      /* @__PURE__ */ jsx3("thead", { children: /* @__PURE__ */ jsxs3("tr", { children: [
+        /* @__PURE__ */ jsx3("th", {}),
+        /* @__PURE__ */ jsx3("th", { children: "File" }),
+        /* @__PURE__ */ jsx3("th", { children: "Period" }),
+        /* @__PURE__ */ jsx3("th", { children: "Source" }),
+        /* @__PURE__ */ jsx3("th", { children: "Progress" }),
+        /* @__PURE__ */ jsx3("th", { children: "Catalogue" }),
+        /* @__PURE__ */ jsx3("th", { children: "Status" }),
+        /* @__PURE__ */ jsx3("th", { children: "Duration" }),
+        /* @__PURE__ */ jsx3("th", { className: "cfi-vi-ta-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx3("tbody", { children: uploads.map((u) => {
+        const active = ACTIVE_STATUSES.has(u.status);
+        const expanded = expandedId === u.id;
+        const catalogue = u.rowsCanonicalised + u.rowsQueued + u.rowsBound;
+        return /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsxs3("tr", { children: [
+            /* @__PURE__ */ jsx3("td", { children: /* @__PURE__ */ jsx3("button", { type: "button", className: "cfi-vi-icon-btn", "aria-label": "Toggle details", onClick: () => void toggleExpand(u), children: expanded ? /* @__PURE__ */ jsx3(ChevronDown, { size: 14 }) : /* @__PURE__ */ jsx3(ChevronRight, { size: 14 }) }) }),
+            /* @__PURE__ */ jsx3("td", { className: "cfi-vi-files-file", title: u.fileName, children: u.fileName }),
+            /* @__PURE__ */ jsxs3("td", { className: "cfi-vi-muted", children: [
+              u.uploadYear,
+              " / ",
+              MONTH_ABBR[u.uploadMonth - 1]
+            ] }),
+            /* @__PURE__ */ jsx3("td", { children: /* @__PURE__ */ jsx3("span", { className: "cfi-vi-tag cfi-vi-tag--outline", children: u.source.code }) }),
+            /* @__PURE__ */ jsx3("td", { children: active ? /* @__PURE__ */ jsx3("span", { className: "cfi-vi-muted", children: "processing\u2026" }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+              u.rowsProcessed.toLocaleString(),
+              " / ",
+              u.rowsTotal.toLocaleString(),
+              u.rowsFailed > 0 && /* @__PURE__ */ jsxs3("span", { className: "cfi-vi-danger-text", children: [
+                " (",
+                u.rowsFailed,
+                " failed)"
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx3("td", { className: "cfi-vi-muted", children: catalogue === 0 ? "\u2014" : `${u.rowsCanonicalised}\u2713 \xB7 ${u.rowsQueued}\u23F3 \xB7 ${u.rowsBound}\u{1F517}` }),
+            /* @__PURE__ */ jsx3("td", { children: /* @__PURE__ */ jsxs3("span", { className: `cfi-vi-tag ${statusTagClass(u.status)}`, children: [
+              active && /* @__PURE__ */ jsx3(Spinner, { size: 10 }),
+              " ",
+              STATUS_LABELS2[u.status] ?? u.status.replace(/_/g, " ")
+            ] }) }),
+            /* @__PURE__ */ jsx3("td", { className: "cfi-vi-muted", children: formatDuration(u.startedAt, u.completedAt) }),
+            /* @__PURE__ */ jsx3("td", { className: "cfi-vi-ta-right", children: /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-files-actions", children: [
+              /* @__PURE__ */ jsx3("button", { type: "button", className: "cfi-vi-icon-btn", title: "Download original", onClick: () => void handleDownload(u.id), children: /* @__PURE__ */ jsx3(Download, { size: 14 }) }),
+              u.status === "failed" && /* @__PURE__ */ jsx3("button", { type: "button", className: "cfi-vi-icon-btn", title: "Reprocess", onClick: () => void handleReprocess(u.id), children: /* @__PURE__ */ jsx3(RotateCcw2, { size: 14 }) })
+            ] }) })
+          ] }, u.id),
+          expanded && /* @__PURE__ */ jsxs3("tr", { className: "cfi-vi-files-detail", children: [
+            /* @__PURE__ */ jsx3("td", {}),
+            /* @__PURE__ */ jsxs3("td", { colSpan: 8, children: [
+              u.errorSummary && /* @__PURE__ */ jsx3("p", { className: "cfi-vi-danger-text", children: u.errorSummary }),
+              u.rowsFailed === 0 ? /* @__PURE__ */ jsx3("p", { className: "cfi-vi-muted", children: "No row errors." }) : errorsById[u.id]?.length ? /* @__PURE__ */ jsxs3("table", { className: "cfi-vi-errors", children: [
+                /* @__PURE__ */ jsx3("thead", { children: /* @__PURE__ */ jsxs3("tr", { children: [
+                  /* @__PURE__ */ jsx3("th", { children: "Row" }),
+                  /* @__PURE__ */ jsx3("th", { children: "Type" }),
+                  /* @__PURE__ */ jsx3("th", { children: "Message" })
+                ] }) }),
+                /* @__PURE__ */ jsx3("tbody", { children: errorsById[u.id].map((e, i) => /* @__PURE__ */ jsxs3("tr", { children: [
+                  /* @__PURE__ */ jsx3("td", { children: e.rowNumber ?? "\u2014" }),
+                  /* @__PURE__ */ jsx3("td", { children: e.errorType }),
+                  /* @__PURE__ */ jsx3("td", { children: e.errorDetail })
+                ] }, e.id ?? i)) })
+              ] }) : /* @__PURE__ */ jsxs3("p", { className: "cfi-vi-muted", children: [
+                u.rowsFailed,
+                " error(s) \u2014 loading\u2026"
+              ] })
+            ] })
+          ] }, `${u.id}-detail`)
+        ] });
+      }) })
+    ] }),
+    totalPages > 1 && /* @__PURE__ */ jsxs3("div", { className: "cfi-vi-row cfi-vi-files-pager", children: [
+      /* @__PURE__ */ jsx3(Btn, { variant: "outline", size: "sm", disabled: offset === 0, onClick: () => setOffset((o) => Math.max(0, o - PAGE_SIZE)), children: "\u2190 Prev" }),
+      /* @__PURE__ */ jsxs3("span", { className: "cfi-vi-muted", children: [
+        "Page ",
+        currentPage,
+        " of ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ jsx3(Btn, { variant: "outline", size: "sm", disabled: offset + PAGE_SIZE >= total, onClick: () => setOffset((o) => o + PAGE_SIZE), children: "Next \u2192" })
+    ] }),
+    dialogOpen && /* @__PURE__ */ jsx3(
+      UploadDialog,
+      {
+        transport,
+        sources: dialogSources,
+        activeSourceId,
+        calendarSeeded,
+        onClose: () => setDialogOpen(false),
+        onCreated: handleCreated
+      }
+    )
+  ] });
+}
+
+// src/VolumeSourcesList.tsx
+import { useCallback as useCallback3, useEffect as useEffect3, useState as useState3 } from "react";
+import { CheckCircle2, Sparkles } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var EMPTY_FORM = { code: "", name: "", description: "", headerRowIndex: 0, volumeHeaderFormat: "MMM yyyy" };
+function VolumeSourcesList({ transport, onOpenSource, renderActiveSourceExtras, className }) {
+  const [sources, setSources] = useState3([]);
+  const [activeSourceId, setActiveSourceId] = useState3(null);
+  const [templates, setTemplates] = useState3([]);
+  const [loading, setLoading] = useState3(true);
+  const [error, setError] = useState3(null);
+  const [showCreate, setShowCreate] = useState3(false);
+  const [showTemplates, setShowTemplates] = useState3(false);
+  const [form, setForm] = useState3(EMPTY_FORM);
+  const [saving, setSaving] = useState3(false);
+  const [activating, setActivating] = useState3(null);
+  const [addingTemplate, setAddingTemplate] = useState3(null);
+  const [confirmActivate, setConfirmActivate] = useState3(null);
+  const load = useCallback3(async () => {
     try {
       setLoading(true);
       const [allSources, config, allTemplates] = await Promise.all([
@@ -355,11 +804,11 @@ function VolumeSourcesList({ transport, onOpenSource, renderActiveSourceExtras,
       setLoading(false);
     }
   }, [transport]);
-  useEffect2(() => {
+  useEffect3(() => {
     void load();
   }, [load]);
   const availableTemplates = templates.filter((t) => !sources.some((s) => s.code === t.code));
-  const handleAddFromTemplate = useCallback2(async (code) => {
+  const handleAddFromTemplate = useCallback3(async (code) => {
     setAddingTemplate(code);
     setError(null);
     try {
@@ -372,7 +821,7 @@ function VolumeSourcesList({ transport, onOpenSource, renderActiveSourceExtras,
       setAddingTemplate(null);
     }
   }, [transport, onOpenSource]);
-  const handleCreate = useCallback2(async () => {
+  const handleCreate = useCallback3(async () => {
     if (!form.code || !form.name) return;
     setSaving(true);
     try {
@@ -386,7 +835,7 @@ function VolumeSourcesList({ transport, onOpenSource, renderActiveSourceExtras,
       setSaving(false);
     }
   }, [form, transport, load]);
-  const doActivate = useCallback2(async (sourceId) => {
+  const doActivate = useCallback3(async (sourceId) => {
     setActivating(sourceId);
     setConfirmActivate(null);
     try {
@@ -398,7 +847,7 @@ function VolumeSourcesList({ transport, onOpenSource, renderActiveSourceExtras,
       setActivating(null);
     }
   }, [transport, load]);
-  const handleActivate = useCallback2((src) => {
+  const handleActivate = useCallback3((src) => {
     if (activeSourceId && activeSourceId !== src.id) {
       setConfirmActivate(src);
       return;
@@ -406,127 +855,127 @@ function VolumeSourcesList({ transport, onOpenSource, renderActiveSourceExtras,
     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 }),
+  if (loading) return /* @__PURE__ */ jsx4(Root, { className, children: /* @__PURE__ */ jsx4("p", { className: "cfi-vi-muted", children: "Loading\u2026" }) });
+  return /* @__PURE__ */ jsxs4(Root, { className, children: [
+    /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-list-head", children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("h1", { className: "cfi-vi-h1", children: "Volume Sources" }),
+        currentActive && /* @__PURE__ */ jsxs4("p", { className: "cfi-vi-active-line", children: [
+          /* @__PURE__ */ jsx4(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: [
+          /* @__PURE__ */ jsx4("span", { className: "cfi-vi-active-name", children: currentActive.name }),
+          /* @__PURE__ */ jsxs4("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 }),
+      /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-row", children: [
+        availableTemplates.length > 0 && /* @__PURE__ */ jsxs4(Btn, { variant: "outline", size: "sm", onClick: () => setShowTemplates(true), children: [
+          /* @__PURE__ */ jsx4(Sparkles, { size: 14, "aria-hidden": true }),
           " Add from template"
         ] }),
-        /* @__PURE__ */ jsx3(Btn, { size: "sm", onClick: () => setShowCreate(true), children: "Add Source" })
+        /* @__PURE__ */ jsx4(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." }),
+    error && /* @__PURE__ */ jsx4("p", { className: "cfi-vi-error", children: error }),
+    /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-list", children: [
+      sources.length === 0 && /* @__PURE__ */ jsx4("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" })
+        return /* @__PURE__ */ jsxs4(Card, { className: isActive ? "cfi-vi-card--active" : "cfi-vi-card--hover", children: [
+          /* @__PURE__ */ jsx4(CardHeader, { children: /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-row cfi-vi-row--between", children: [
+            /* @__PURE__ */ jsxs4("span", { className: "cfi-vi-card-title", children: [
+              /* @__PURE__ */ jsx4("button", { type: "button", className: "cfi-vi-link", onClick: () => onOpenSource(src.id), children: src.name }),
+              isActive && /* @__PURE__ */ jsx4(Badge, { variant: "success", children: "Active" }),
+              src.kind === "overlay" && /* @__PURE__ */ jsx4(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__ */ jsxs4("span", { className: "cfi-vi-row", children: [
+              /* @__PURE__ */ jsx4(Badge, { variant: "outline", children: src.code }),
+              !src.isActive && /* @__PURE__ */ jsx4(Badge, { variant: "secondary", children: "Disabled" }),
+              !isActive && src.kind === "base" && /* @__PURE__ */ jsx4(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: [
+          /* @__PURE__ */ jsxs4(CardBody, { children: [
+            /* @__PURE__ */ jsxs4("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 })
+              /* @__PURE__ */ jsx4("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 && /* @__PURE__ */ jsxs4("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) })
+            isActive && renderActiveSourceExtras && /* @__PURE__ */ jsx4("div", { className: "cfi-vi-active-extras", children: renderActiveSourceExtras(src) })
           ] })
         ] }, src.id);
       })
     ] }),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       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" })
+        footer: /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          /* @__PURE__ */ jsx4(Btn, { variant: "outline", onClick: () => setConfirmActivate(null), children: "Cancel" }),
+          /* @__PURE__ */ jsx4(Btn, { variant: "destructive", onClick: () => confirmActivate && void doActivate(confirmActivate.id), children: "Switch and wipe data" })
         ] }),
         children: [
-          /* @__PURE__ */ jsxs3("p", { children: [
+          /* @__PURE__ */ jsxs4("p", { children: [
             "Switching the active source to ",
-            /* @__PURE__ */ jsx3("strong", { children: confirmActivate?.name }),
+            /* @__PURE__ */ jsx4("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__ */ jsx4("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(
+    /* @__PURE__ */ jsxs4(
       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" })
+        footer: /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          /* @__PURE__ */ jsx4(Btn, { variant: "outline", onClick: () => setShowCreate(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx4(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__ */ jsx4(Field, { label: "Code", children: /* @__PURE__ */ jsx4(TextInput, { placeholder: "e.g. IHS", value: form.code, onChange: (e) => setForm((f) => ({ ...f, code: e.target.value.toUpperCase() })) }) }),
+          /* @__PURE__ */ jsx4(Field, { label: "Name", children: /* @__PURE__ */ jsx4(TextInput, { placeholder: "e.g. IHS Market Production Forecast", value: form.name, onChange: (e) => setForm((f) => ({ ...f, name: e.target.value })) }) }),
+          /* @__PURE__ */ jsx4(Field, { label: "Description", children: /* @__PURE__ */ jsx4(TextInput, { value: form.description, onChange: (e) => setForm((f) => ({ ...f, description: e.target.value })) }) }),
+          /* @__PURE__ */ jsx4(Field, { label: "Volume header format", hint: 'e.g. "MMM yyyy" for "Jan 2025", or "MMM_yyyy VehicleVolume" for AFS', children: /* @__PURE__ */ jsx4(TextInput, { placeholder: "MMM yyyy", value: form.volumeHeaderFormat, onChange: (e) => setForm((f) => ({ ...f, volumeHeaderFormat: e.target.value })) }) }),
+          /* @__PURE__ */ jsx4(Field, { label: "Header row index (0-based)", children: /* @__PURE__ */ jsx4(TextInput, { type: "number", value: form.headerRowIndex, onChange: (e) => setForm((f) => ({ ...f, headerRowIndex: parseInt(e.target.value, 10) || 0 })) }) })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       Modal,
       {
         open: showTemplates,
         onClose: () => setShowTemplates(false),
         title: "Add source from template",
-        footer: /* @__PURE__ */ jsx3(Btn, { variant: "outline", onClick: () => setShowTemplates(false), children: "Close" }),
+        footer: /* @__PURE__ */ jsx4(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: [
+          /* @__PURE__ */ jsx4("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__ */ jsxs4("p", { className: "cfi-vi-muted", children: [
             "You already have every available template. Use ",
-            /* @__PURE__ */ jsx3("strong", { children: "Add Source" }),
+            /* @__PURE__ */ jsx4("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: [
+          ] }) : availableTemplates.map((t) => /* @__PURE__ */ jsxs4(Card, { className: "cfi-vi-card--hover", children: [
+            /* @__PURE__ */ jsx4(CardHeader, { children: /* @__PURE__ */ jsxs4("div", { className: "cfi-vi-row cfi-vi-row--between", children: [
+              /* @__PURE__ */ jsxs4("span", { className: "cfi-vi-card-title", children: [
                 t.name,
                 " ",
-                /* @__PURE__ */ jsx3(Badge, { variant: "outline", children: t.code })
+                /* @__PURE__ */ jsx4(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" })
+              /* @__PURE__ */ jsx4(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.description && /* @__PURE__ */ jsx4(CardBody, { children: /* @__PURE__ */ jsx4("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 11px)" }, children: t.description }) })
           ] }, t.code))
         ]
       }
@@ -535,7 +984,7 @@ function VolumeSourcesList({ transport, onOpenSource, renderActiveSourceExtras,
 }
 
 // src/UnifiedSegmentMapper.tsx
-import { useEffect as useEffect3, useMemo as useMemo2, useState as useState3 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo3, useState as useState4 } from "react";
 import { Search, CheckCircle2 as CheckCircle22 } from "lucide-react";
 
 // src/constants.ts
@@ -566,7 +1015,7 @@ var AUTOMOTIVE_TRANSFORM_LABELS = {
 };
 
 // src/UnifiedSegmentMapper.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var LEVELS = [1, 2, 3, 4, 5, 6];
 function UnifiedSegmentMapper({
   segments,
@@ -581,12 +1030,12 @@ function UnifiedSegmentMapper({
   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 [hierAssign, setHierAssign] = useState4({});
+  const [autoAssign, setAutoAssign] = useState4({});
+  const [searchQuery, setSearchQuery] = useState4("");
+  const [dragging, setDragging] = useState4(null);
+  const [dropTarget, setDropTarget] = useState4(null);
+  useEffect4(() => {
     const initHier = {};
     for (const lv of LEVELS) {
       initHier[lv] = hierarchyInitial.find((m) => m.targetKey === `level${lv}`)?.segmentId ?? null;
@@ -602,18 +1051,18 @@ function UnifiedSegmentMapper({
     }
     setAutoAssign(initAuto);
   }, [hierarchyInitial, automotiveInitial, automotiveSlots]);
-  const segmentById = useMemo2(() => new Map(segments.map((s) => [s.id, s])), [segments]);
-  const usedIds = useMemo2(() => {
+  const segmentById = useMemo3(() => new Map(segments.map((s) => [s.id, s])), [segments]);
+  const usedIds = useMemo3(() => {
     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 poolSegments = useMemo3(() => {
     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 hierarchyCoveredKeys = useMemo3(() => {
     const covered = /* @__PURE__ */ new Set();
     for (const slot of automotiveSlots) {
       if (slot.hierarchyCoveredByLevel == null) continue;
@@ -622,7 +1071,7 @@ function UnifiedSegmentMapper({
     }
     return covered;
   }, [automotiveSlots, hierAssign, autoAssign]);
-  const hierarchyErrors = useMemo2(() => {
+  const hierarchyErrors = useMemo3(() => {
     if (isSparse) return [];
     const errors = [];
     for (let n = 2; n <= 6; n++) {
@@ -632,7 +1081,7 @@ function UnifiedSegmentMapper({
     }
     return errors;
   }, [hierAssign, isSparse]);
-  const missingAutomotive = useMemo2(() => {
+  const missingAutomotive = useMemo3(() => {
     const out = [];
     for (const slot of automotiveSlots) {
       if (hierarchyCoveredKeys.has(slot.key)) continue;
@@ -641,7 +1090,7 @@ function UnifiedSegmentMapper({
     }
     return out;
   }, [automotiveSlots, hierarchyCoveredKeys, hierAssign, autoAssign]);
-  const isDirty = useMemo2(() => {
+  const isDirty = useMemo3(() => {
     for (const lv of LEVELS) {
       const cur = hierAssign[lv] ?? null;
       const saved = hierarchyInitial.find((m) => m.targetKey === `level${lv}`)?.segmentId ?? null;
@@ -740,14 +1189,14 @@ function UnifiedSegmentMapper({
     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." })
+  return /* @__PURE__ */ jsxs5("div", { className: "cfi-vi cfi-vi-mapper", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-mapper-col", children: [
+      /* @__PURE__ */ jsxs5("section", { className: "cfi-vi-mapper-section", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-mapper-section-head", children: [
+          /* @__PURE__ */ jsx5("h3", { className: "cfi-vi-mapper-h3", children: "Hierarchy Tree" }),
+          /* @__PURE__ */ jsx5("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(
+        /* @__PURE__ */ jsx5("div", { className: "cfi-vi-mapper-box", children: LEVELS.map((level) => /* @__PURE__ */ jsx5(
           HierarchyRow,
           {
             level,
@@ -765,21 +1214,21 @@ function UnifiedSegmentMapper({
           },
           level
         )) }),
-        hierarchyErrors.length > 0 && /* @__PURE__ */ jsx4("div", { children: hierarchyErrors.map((err) => /* @__PURE__ */ jsxs4("p", { className: "cfi-vi-mapper-err", children: [
+        hierarchyErrors.length > 0 && /* @__PURE__ */ jsx5("div", { children: hierarchyErrors.map((err) => /* @__PURE__ */ jsxs5("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." })
+      automotiveSlots.length > 0 && /* @__PURE__ */ jsxs5("section", { className: "cfi-vi-mapper-section", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-mapper-section-head", children: [
+          /* @__PURE__ */ jsx5("h3", { className: "cfi-vi-mapper-h3", children: "Automotive Fields" }),
+          /* @__PURE__ */ jsx5("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) => {
+        /* @__PURE__ */ jsx5("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(
+          return /* @__PURE__ */ jsx5(
             AutomotiveRow,
             {
               slot,
@@ -801,32 +1250,32 @@ function UnifiedSegmentMapper({
             slot.key
           );
         }) }),
-        missingAutomotive.length > 0 && /* @__PURE__ */ jsxs4("p", { className: "cfi-vi-mapper-err", children: [
+        missingAutomotive.length > 0 && /* @__PURE__ */ jsxs5("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__ */ jsxs5("div", { className: "cfi-vi-mapper-save", children: [
+        /* @__PURE__ */ jsx5(Btn, { size: "sm", onClick: handleSave, disabled: !canSave, children: saving ? "Saving\u2026" : "Save Mapping" }),
+        isDirty && hierarchyErrors.length === 0 && missingAutomotive.length === 0 && !saving && /* @__PURE__ */ jsx5("span", { className: "cfi-vi-mapper-dirty", children: "Unsaved changes" }),
+        !isDirty && /* @__PURE__ */ jsx5("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: [
+    /* @__PURE__ */ jsxs5("aside", { className: "cfi-vi-pool-col", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-mapper-section-head", children: [
+        /* @__PURE__ */ jsx5("h3", { className: "cfi-vi-mapper-h3", children: "Segment Pool" }),
+        /* @__PURE__ */ jsxs5("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__ */ jsxs5("div", { className: "cfi-vi-search", children: [
+        /* @__PURE__ */ jsx5(Search, { size: 14, className: "cfi-vi-search-icon", "aria-hidden": true }),
+        /* @__PURE__ */ jsx5(TextInput, { type: "search", placeholder: "Filter segments\u2026", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value) })
       ] }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         "div",
         {
           className: `cfi-vi-pool ${dropTarget === "pool" ? "cfi-vi-pool--active" : ""}`,
@@ -841,10 +1290,10 @@ function UnifiedSegmentMapper({
             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)) })
+          children: segments.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "cfi-vi-pool-empty", children: "No segments detected. Run \u201CDetect segments\u201D from the source page first." }) : poolSegments.length === 0 ? /* @__PURE__ */ jsx5("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__ */ jsx5("div", { className: "cfi-vi-chips", children: poolSegments.map((seg) => /* @__PURE__ */ jsx5(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." })
+      /* @__PURE__ */ jsx5("p", { className: "cfi-vi-mapper-note", children: "Drag chips onto a hierarchy level or an automotive field. Drop a chip back here to unassign." })
     ] })
   ] });
 }
@@ -866,12 +1315,12 @@ function HierarchyRow({
   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(
+  return /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-hier-row", style: { paddingLeft: `${indent}px` }, children: [
+    !sparse && level > 1 && /* @__PURE__ */ jsx5("div", { className: "cfi-vi-hier-elbow" }),
+    /* @__PURE__ */ jsx5("div", { className: `cfi-vi-hier-dot ${seg ? "cfi-vi-hier-dot--filled" : ""}` }),
+    /* @__PURE__ */ jsx5("span", { className: "cfi-vi-hier-name", children: levelName }),
+    isLeaf && !sparse && /* @__PURE__ */ jsx5("span", { className: "cfi-vi-leaf", children: "Leaf" }),
+    /* @__PURE__ */ jsx5(
       "div",
       {
         className: `cfi-vi-dropzone ${isDropTarget ? "cfi-vi-dropzone--active" : seg ? "cfi-vi-dropzone--filled" : "cfi-vi-dropzone--empty"}`,
@@ -886,10 +1335,10 @@ function HierarchyRow({
           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" })
+        children: seg ? /* @__PURE__ */ jsx5(AssignedChip, { seg, onDragStart: () => onChipDragStart(seg.id), onDragEnd: onChipDragEnd, onRemove: onChipRemove }) : /* @__PURE__ */ jsx5("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: [
+    baseHint && /* @__PURE__ */ jsxs5("span", { className: "cfi-vi-base-hint", title: `Base source uses "${baseHint}" on ${levelName}. Match here for the overlay to join.`, children: [
       "base: ",
       baseHint
     ] })
@@ -913,20 +1362,20 @@ function AutomotiveRow({
 }) {
   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" })
+  return /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-auto-row", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-auto-label", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsx5("span", { className: "cfi-vi-auto-label-text", children: slot.label }),
+        requiredBadge && /* @__PURE__ */ jsx5(Badge, { variant: "outline", children: "required" })
       ] }),
-      slot.hierarchyCoveredByLevel != null && /* @__PURE__ */ jsxs4("p", { className: `cfi-vi-auto-cover ${covered ? "cfi-vi-auto-cover--on" : ""}`, children: [
+      slot.hierarchyCoveredByLevel != null && /* @__PURE__ */ jsxs5("p", { className: `cfi-vi-auto-cover ${covered ? "cfi-vi-auto-cover--on" : ""}`, children: [
         covered ? "\u2713 " : "",
         "From L",
         slot.hierarchyCoveredByLevel,
         " hierarchy"
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       "div",
       {
         className: `cfi-vi-dropzone ${isDropTarget ? "cfi-vi-dropzone--active" : assignedSeg ? "cfi-vi-dropzone--filled" : covered ? "cfi-vi-dropzone--covered" : "cfi-vi-dropzone--empty"}`,
@@ -941,15 +1390,15 @@ function AutomotiveRow({
           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" })
+        children: assignedSeg ? /* @__PURE__ */ jsx5(AssignedChip, { seg: assignedSeg, onDragStart: () => onChipDragStart(assignedSeg.id), onDragEnd: onChipDragEnd, onRemove: onChipRemove }) : covered && hierarchySegment ? /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-auto-auto", title: "Auto-supplied from hierarchy. Drop a different chip here to override.", children: [
+          /* @__PURE__ */ jsx5(CheckCircle22, { size: 14, "aria-hidden": true }),
+          /* @__PURE__ */ jsx5("span", { className: "cfi-vi-auto-auto-label", children: hierarchySegment.label }),
+          /* @__PURE__ */ jsx5("span", { className: "cfi-vi-auto-auto-tag", children: "auto" })
+        ] }) : /* @__PURE__ */ jsx5("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:" }),
+    slot.defaultTransform && !covered && /* @__PURE__ */ jsxs5("div", { className: "cfi-vi-auto-transform", children: [
+      /* @__PURE__ */ jsx5("span", { className: "cfi-vi-auto-transform-label", children: "Transform:" }),
       " ",
       transformRuleLabels[slot.defaultTransform] ?? slot.defaultTransform
     ] })
@@ -961,38 +1410,38 @@ function AssignedChip({
   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) => {
+  return /* @__PURE__ */ jsxs5("div", { draggable: true, onDragStart, onDragEnd, className: "cfi-vi-chip--assigned", children: [
+    /* @__PURE__ */ jsx5("div", { className: "cfi-vi-chip-dot cfi-vi-chip-dot--on" }),
+    /* @__PURE__ */ jsx5("span", { className: "cfi-vi-chip-label", children: seg.label }),
+    /* @__PURE__ */ jsx5("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" }),
+  return /* @__PURE__ */ jsxs5("div", { draggable: true, onDragStart, onDragEnd, className: "cfi-vi-chip", children: [
+    /* @__PURE__ */ jsx5("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";
+import { useEffect as useEffect7, useRef as useRef3, useState as useState7 } from "react";
+import { KeyRound, Lock, Rows, Columns, AlertTriangle as AlertTriangle3, Layers, SlidersHorizontal, Tag } 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";
+import { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } 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);
+  const [loading, setLoading] = useState5(true);
+  const [saving, setSaving] = useState5(null);
+  const [error, setError] = useState5(null);
+  const [periodConfigured, setPeriodConfigured] = useState5(false);
+  const [valueConfigured, setValueConfigured] = useState5(false);
+  const [periodSegmentId, setPeriodSegmentId] = useState5(NONE);
+  const [valueSegmentId, setValueSegmentId] = useState5(NONE);
   async function load() {
     try {
       setLoading(true);
@@ -1010,10 +1459,10 @@ function TallLayoutMappings({ transport, source, locked }) {
       setLoading(false);
     }
   }
-  useEffect4(() => {
+  useEffect5(() => {
     void load();
   }, [source.id]);
-  const sortedSegments = useMemo3(
+  const sortedSegments = useMemo4(
     () => source.segments.slice().sort((a, b) => a.label.localeCompare(b.label)),
     [source.segments]
   );
@@ -1031,19 +1480,19 @@ function TallLayoutMappings({ transport, source, locked }) {
       setSaving(null);
     }
   }
-  if (loading) return /* @__PURE__ */ jsx5("p", { className: "cfi-vi-muted", children: "Loading tall-layout mappings\u2026" });
+  if (loading) return /* @__PURE__ */ jsx6("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" })
+  return /* @__PURE__ */ jsxs6("section", { className: "cfi-vi-panel", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-row cfi-vi-row--between", children: [
+      /* @__PURE__ */ jsx6("h2", { className: "cfi-vi-h2", children: "Tall-Layout Mappings" }),
+      /* @__PURE__ */ jsx6("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(
+    /* @__PURE__ */ jsx6("p", { className: "cfi-vi-muted", children: "Tall sources need to know which file column carries the period date and the volume value." }),
+    error && /* @__PURE__ */ jsx6("p", { className: "cfi-vi-error", children: error }),
+    /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-field", children: [
+      /* @__PURE__ */ jsx6("label", { className: "cfi-vi-label", children: "Period column (Week Ending)" }),
+      /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsxs6(
           "select",
           {
             className: "cfi-vi-input",
@@ -1051,18 +1500,18 @@ function TallLayoutMappings({ transport, source, locked }) {
             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__ */ jsx6("option", { value: NONE, children: "\u2014 Not mapped \u2014" }),
+              sortedSegments.map((s) => /* @__PURE__ */ jsx6("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__ */ jsx6(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(
+    /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-field", children: [
+      /* @__PURE__ */ jsx6("label", { className: "cfi-vi-label", children: "Quantity column (Volume)" }),
+      /* @__PURE__ */ jsxs6("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsxs6(
           "select",
           {
             className: "cfi-vi-input",
@@ -1070,31 +1519,31 @@ function TallLayoutMappings({ transport, source, locked }) {
             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__ */ jsx6("option", { value: NONE, children: "\u2014 Not mapped \u2014" }),
+              sortedSegments.map((s) => /* @__PURE__ */ jsx6("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" })
+        /* @__PURE__ */ jsx6(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 { useEffect as useEffect6, useMemo as useMemo5, useState as useState6 } from "react";
 import { Plus, Trash2, ArrowRight, Save, RotateCw } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } 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(() => {
+  const [selectedLevel, setSelectedLevel] = useState6(4);
+  const [aliases, setAliases] = useState6([]);
+  const [draft, setDraft] = useState6([]);
+  const [saving, setSaving] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [loading, setLoading] = useState6(true);
+  const [relinking, setRelinking] = useState6(false);
+  const [relinkResult, setRelinkResult] = useState6(null);
+  useEffect6(() => {
     let cancelled = false;
     setLoading(true);
     void transport.listValueAliases(sourceId).then((items) => {
@@ -1111,12 +1560,12 @@ function ValueAliasesCard({ transport, sourceId, locked, isOverlay }) {
       cancelled = true;
     };
   }, [sourceId, transport]);
-  useEffect5(() => {
+  useEffect6(() => {
     setDraft(
       aliases.filter((a) => a.level === selectedLevel).map((a) => ({ id: a.id, rawValue: a.rawValue, canonicalValue: a.canonicalValue }))
     );
   }, [aliases, selectedLevel]);
-  const isDirty = useMemo4(() => {
+  const isDirty = useMemo5(() => {
     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;
@@ -1152,20 +1601,20 @@ function ValueAliasesCard({ transport, sourceId, locked, isOverlay }) {
       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: [
+  if (loading) return /* @__PURE__ */ jsx7("p", { className: "cfi-vi-muted", children: "Loading aliases\u2026" });
+  return /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-aliases", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row cfi-vi-row--between", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("h2", { className: "cfi-vi-h2", children: "Value Aliases" }),
+        /* @__PURE__ */ jsxs7("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"' }),
+          /* @__PURE__ */ jsx7("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: [
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-field", style: { minWidth: 140 }, children: [
+        /* @__PURE__ */ jsx7("label", { className: "cfi-vi-label", children: "Level" }),
+        /* @__PURE__ */ jsx7("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__ */ jsxs7("option", { value: n, children: [
           "L",
           n,
           " \u2014 ",
@@ -1173,17 +1622,17 @@ function ValueAliasesCard({ transport, sourceId, locked, isOverlay }) {
         ] }, 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: [
+    /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-panel", children: [
+      draft.length === 0 ? /* @__PURE__ */ jsxs7("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" }),
+        /* @__PURE__ */ jsx7("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(
+      ] }) : /* @__PURE__ */ jsx7("div", { className: "cfi-vi-alias-rows", children: draft.map((row, i) => /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", children: [
+        /* @__PURE__ */ jsx7(
           "input",
           {
             className: "cfi-vi-input cfi-vi-mono",
@@ -1194,8 +1643,8 @@ function ValueAliasesCard({ transport, sourceId, locked, isOverlay }) {
             onChange: (e) => updateRow(i, { rawValue: e.target.value })
           }
         ),
-        /* @__PURE__ */ jsx6(ArrowRight, { size: 14, className: "cfi-vi-muted", "aria-hidden": true }),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(ArrowRight, { size: 14, className: "cfi-vi-muted", "aria-hidden": true }),
+        /* @__PURE__ */ jsx7(
           "input",
           {
             className: "cfi-vi-input cfi-vi-mono",
@@ -1206,21 +1655,21 @@ function ValueAliasesCard({ transport, sourceId, locked, isOverlay }) {
             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 }) })
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "cfi-vi-icon-btn", onClick: () => removeRow(i), disabled: locked, title: "Remove row", children: /* @__PURE__ */ jsx7(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 }),
+      /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-row", style: { flexWrap: "wrap", paddingTop: 4 }, children: [
+        /* @__PURE__ */ jsxs7(Btn, { variant: "outline", size: "sm", onClick: addRow, disabled: locked, children: [
+          /* @__PURE__ */ jsx7(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 }),
+        /* @__PURE__ */ jsxs7(Btn, { size: "sm", onClick: () => void handleSave(), disabled: !isDirty || saving || locked, children: [
+          /* @__PURE__ */ jsx7(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(
+        isDirty && !saving && /* @__PURE__ */ jsx7("span", { className: "cfi-vi-mapper-dirty", children: "Unsaved changes" }),
+        !isDirty && !saving && draft.length > 0 && /* @__PURE__ */ jsx7("span", { className: "cfi-vi-muted", children: "Up to date" }),
+        isOverlay && /* @__PURE__ */ jsxs7(
           Btn,
           {
             variant: "outline",
@@ -1229,46 +1678,47 @@ function ValueAliasesCard({ transport, sourceId, locked, isOverlay }) {
             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 }),
+              /* @__PURE__ */ jsx7(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 })
+      error && /* @__PURE__ */ jsx7("p", { className: "cfi-vi-error", children: error }),
+      relinkResult && /* @__PURE__ */ jsx7("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";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs8 } 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({});
+  const [source, setSource] = useState7(null);
+  const [allSources, setAllSources] = useState7([]);
+  const [loading, setLoading] = useState7(true);
+  const [error, setError] = useState7(null);
+  const [tab, setTab] = useState7("structure");
+  const [detecting, setDetecting] = useState7(false);
+  const [detectMsg, setDetectMsg] = useState7(null);
+  const [savingKey, setSavingKey] = useState7(false);
+  const [selectedKeyId, setSelectedKeyId] = useState7("__none__");
+  const [hasData, setHasData] = useState7(false);
+  const fileRef = useRef3(null);
+  const [savingLayout, setSavingLayout] = useState7(false);
+  const [editLayout, setEditLayout] = useState7("wide");
+  const [editValueDateFormat, setEditValueDateFormat] = useState7("yyyy-MM-dd");
+  const [newSegmentLabel, setNewSegmentLabel] = useState7("");
+  const [newSegmentDataType, setNewSegmentDataType] = useState7("string");
+  const [addingSegment, setAddingSegment] = useState7(false);
+  const [clearConfirm, setClearConfirm] = useState7("");
+  const [clearing, setClearing] = useState7(false);
+  const [clearResult, setClearResult] = useState7(null);
+  const [mappingKeys, setMappingKeys] = useState7(null);
+  const [mappingRows, setMappingRows] = useState7([]);
+  const [savingMapping, setSavingMapping] = useState7(false);
+  const [baseHierarchyHint, setBaseHierarchyHint] = useState7({});
   async function load() {
     if (!id) return;
     try {
@@ -1321,7 +1771,7 @@ function VolumeSourceDetail({ transport, sourceId, onOpenSource, onBack, classNa
       setLoading(false);
     }
   }
-  useEffect6(() => {
+  useEffect7(() => {
     void load();
   }, [id]);
   async function handleDetect(file) {
@@ -1420,15 +1870,21 @@ function VolumeSourceDetail({ transport, sourceId, onOpenSource, onBack, classNa
       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" }) });
+  if (loading) return /* @__PURE__ */ jsx8(Root, { className, children: /* @__PURE__ */ jsx8("p", { className: "cfi-vi-muted", children: "Loading\u2026" }) });
+  if (!source) return /* @__PURE__ */ jsx8(Root, { className, children: /* @__PURE__ */ jsx8("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(
+  const TABS = [
+    { id: "structure", label: "Structure", Icon: SlidersHorizontal },
+    { id: "mapping", label: "Mapping", Icon: Layers },
+    { id: "aliases", label: "Aliases", Icon: Tag },
+    { id: "danger", label: "Danger zone", Icon: AlertTriangle3 }
+  ];
+  return /* @__PURE__ */ jsx8(Root, { className, children: /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-detail", children: [
+    /* @__PURE__ */ jsxs8("div", { children: [
+      /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-row", style: { gap: 8 }, children: [
+        /* @__PURE__ */ jsx8("span", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 12px)" }, children: "Source:" }),
+        /* @__PURE__ */ jsx8(
           "select",
           {
             className: "cfi-vi-input",
@@ -1437,7 +1893,7 @@ function VolumeSourceDetail({ transport, sourceId, onOpenSource, onBack, classNa
             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: [
+            children: allSources.slice().sort((a, b) => a.name.localeCompare(b.name)).map((s) => /* @__PURE__ */ jsxs8("option", { value: s.id, children: [
               s.name,
               " (",
               s.code,
@@ -1446,246 +1902,266 @@ function VolumeSourceDetail({ transport, sourceId, onOpenSource, onBack, classNa
             ] }, 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" })
+        onBack && /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { className: "cfi-vi-row", style: { flexWrap: "wrap", marginTop: 4 }, children: [
+        /* @__PURE__ */ jsx8("h1", { className: "cfi-vi-h1", children: source.name }),
+        /* @__PURE__ */ jsx8(Badge, { variant: "outline", children: source.code }),
+        isOverlay && /* @__PURE__ */ jsx8(Badge, { variant: "purple", children: "Overlay" })
       ] }),
-      /* @__PURE__ */ jsxs7("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 12px)", marginTop: 2 }, children: [
+      /* @__PURE__ */ jsxs8("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 }),
+        /* @__PURE__ */ jsx8("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 }),
+        source.layout === "tall" ? /* @__PURE__ */ jsxs8("span", { className: "cfi-vi-row", style: { display: "inline-flex", gap: 4 }, children: [
+          /* @__PURE__ */ jsx8(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 }),
+        ] }) : /* @__PURE__ */ jsxs8("span", { className: "cfi-vi-row", style: { display: "inline-flex", gap: 4 }, children: [
+          /* @__PURE__ */ jsx8(Columns, { size: 12, "aria-hidden": true }),
           " wide"
         ] }),
-        source.layout === "tall" && /* @__PURE__ */ jsxs7(Fragment2, { children: [
+        source.layout === "tall" && /* @__PURE__ */ jsxs8(Fragment3, { children: [
           " \xB7 Period ",
-          /* @__PURE__ */ jsx7("span", { className: "cfi-vi-mono", children: source.valueDateFormat })
+          /* @__PURE__ */ jsx8("span", { className: "cfi-vi-mono", children: source.valueDateFormat })
         ] }),
-        source.description && /* @__PURE__ */ jsxs7(Fragment2, { children: [
+        source.description && /* @__PURE__ */ jsxs8(Fragment3, { children: [
           " \xB7 ",
           source.description
         ] })
       ] })
     ] }),
-    hasData && /* @__PURE__ */ jsxs7("div", { className: "cfi-vi-lock", children: [
-      /* @__PURE__ */ jsx7(Lock, { size: 14, "aria-hidden": true }),
+    hasData && /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-lock", children: [
+      /* @__PURE__ */ jsx8(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" })
+    error && /* @__PURE__ */ jsx8("p", { className: "cfi-vi-error", style: { margin: 0 }, children: error }),
+    /* @__PURE__ */ jsx8("div", { className: "cfi-vi-tabs", role: "tablist", children: TABS.map(({ id: id2, label, Icon }) => /* @__PURE__ */ jsxs8(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": tab === id2,
+        className: `cfi-vi-tab${tab === id2 ? " cfi-vi-tab--active" : ""}${id2 === "danger" ? " cfi-vi-tab--danger" : ""}`,
+        onClick: () => setTab(id2),
+        children: [
+          /* @__PURE__ */ jsx8(Icon, { size: 14, "aria-hidden": true }),
+          " ",
+          label
+        ]
+      },
+      id2
+    )) }),
+    tab === "structure" && /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-tabpanel", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-grid2", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-panel", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-row", children: [
+            editLayout === "tall" ? /* @__PURE__ */ jsx8(Rows, { size: 16, className: "cfi-vi-muted", "aria-hidden": true }) : /* @__PURE__ */ jsx8(Columns, { size: 16, className: "cfi-vi-muted", "aria-hidden": true }),
+            /* @__PURE__ */ jsx8("h2", { className: "cfi-vi-h2", children: "Layout" })
+          ] }),
+          /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-row", style: { alignItems: "flex-end", gap: 12 }, children: [
+            /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx8("label", { className: "cfi-vi-label", children: "Layout" }),
+              /* @__PURE__ */ jsxs8(
+                "select",
+                {
+                  className: "cfi-vi-input",
+                  value: editLayout,
+                  disabled: hasData || savingLayout,
+                  onChange: (e) => setEditLayout(e.target.value),
+                  children: [
+                    /* @__PURE__ */ jsx8("option", { value: "wide", children: "wide" }),
+                    /* @__PURE__ */ jsx8("option", { value: "tall", children: "tall" })
+                  ]
+                }
+              )
+            ] }),
+            editLayout === "tall" && /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx8("label", { className: "cfi-vi-label", children: "Period format" }),
+              /* @__PURE__ */ jsx8(
+                TextInput,
+                {
+                  className: "cfi-vi-mono",
+                  value: editValueDateFormat,
+                  placeholder: "yyyy-MM-dd",
+                  disabled: hasData || savingLayout,
+                  onChange: (e) => setEditValueDateFormat(e.target.value)
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx8(Btn, { size: "sm", onClick: () => void saveLayoutAndRouting(), disabled: hasData || savingLayout, children: savingLayout ? "Saving\u2026" : "Save 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" })
-                ]
-              }
-            )
+        /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-panel", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-row", children: [
+            /* @__PURE__ */ jsx8(KeyRound, { size: 16, className: "cfi-vi-muted", "aria-hidden": true }),
+            /* @__PURE__ */ jsx8("h2", { className: "cfi-vi-h2", children: "Unique Key Column" }),
+            keySegment && /* @__PURE__ */ jsx8(Badge, { variant: "secondary", children: keySegment.label })
           ] }),
-          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)
-              }
-            )
+          source.segments.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "cfi-vi-muted", style: { fontSize: "var(--cfi-font-size-xs, 12px)" }, children: "Detect segments first to enable this option." }) : /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-row", style: { alignItems: "flex-end" }, children: [
+            /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx8("label", { className: "cfi-vi-label", children: "Key Segment" }),
+              /* @__PURE__ */ jsxs8(
+                "select",
+                {
+                  className: "cfi-vi-input",
+                  value: selectedKeyId,
+                  disabled: hasData,
+                  onChange: (e) => setSelectedKeyId(e.target.value),
+                  children: [
+                    /* @__PURE__ */ jsx8("option", { value: "__none__", children: "None \u2014 use display name" }),
+                    source.segments.slice().sort((a, b) => a.label.localeCompare(b.label)).map((seg) => /* @__PURE__ */ jsx8("option", { value: seg.id, children: seg.label }, seg.id))
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx8(Btn, { size: "sm", onClick: saveUniqueKey, disabled: savingKey || hasData, children: savingKey ? "Saving\u2026" : "Save" })
           ] })
-        ] }),
-        /* @__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 })
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-row", children: [
+          /* @__PURE__ */ jsxs8("h2", { className: "cfi-vi-h2", children: [
+            "Segments (",
+            source.segments.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx8(Btn, { variant: "outline", size: "sm", onClick: () => fileRef.current?.click(), disabled: detecting || hasData, children: detecting ? "Detecting\u2026" : "Detect from file" }),
+          /* @__PURE__ */ jsx8(
+            "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 = "";
+              }
+            }
+          )
         ] }),
-        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",
+        detectMsg && /* @__PURE__ */ jsx8("p", { style: { fontSize: "var(--cfi-font-size-sm, 13px)", color: "#16a34a" }, children: detectMsg }),
+        /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-panel", style: { maxWidth: "42rem" }, children: [
+          /* @__PURE__ */ jsx8("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__ */ jsxs8("div", { className: "cfi-vi-row", style: { alignItems: "flex-end" }, children: [
+            /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx8("label", { className: "cfi-vi-label", children: "Label" }),
+              /* @__PURE__ */ jsx8(
+                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__ */ jsxs8("div", { className: "cfi-vi-field", style: { width: 128 }, children: [
+              /* @__PURE__ */ jsx8("label", { className: "cfi-vi-label", children: "Data Type" }),
+              /* @__PURE__ */ jsxs8(
+                "select",
+                {
+                  className: "cfi-vi-input",
+                  value: newSegmentDataType,
+                  disabled: hasData || addingSegment,
+                  onChange: (e) => setNewSegmentDataType(e.target.value),
+                  children: [
+                    /* @__PURE__ */ jsx8("option", { value: "string", children: "string" }),
+                    /* @__PURE__ */ jsx8("option", { value: "number", children: "number" }),
+                    /* @__PURE__ */ jsx8("option", { value: "date", children: "date" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx8(Btn, { size: "sm", onClick: () => void handleAddSegment(), disabled: hasData || addingSegment || !newSegmentLabel.trim(), children: addingSegment ? "Adding\u2026" : "Add segment" })
+          ] })
+        ] }),
+        source.segments.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "cfi-vi-muted", children: "No segments yet. Upload a sample file to auto-detect." }) : /* @__PURE__ */ jsxs8("table", { className: "cfi-vi-table", children: [
+          /* @__PURE__ */ jsx8("thead", { children: /* @__PURE__ */ jsxs8("tr", { children: [
+            /* @__PURE__ */ jsx8("th", { style: { width: 48 }, children: "#" }),
+            /* @__PURE__ */ jsx8("th", { children: "Label" }),
+            /* @__PURE__ */ jsx8("th", { children: "Data Type" }),
+            /* @__PURE__ */ jsx8("th", { style: { width: 80 }, children: "Key" }),
+            /* @__PURE__ */ jsx8("th", { style: { width: 64 } })
+          ] }) }),
+          /* @__PURE__ */ jsx8("tbody", { children: source.segments.map((seg) => /* @__PURE__ */ jsxs8("tr", { children: [
+            /* @__PURE__ */ jsx8("td", { className: "cfi-vi-muted", children: seg.sortOrder }),
+            /* @__PURE__ */ jsx8("td", { className: "cfi-vi-mono", children: seg.label }),
+            /* @__PURE__ */ jsx8("td", { className: "cfi-vi-muted", children: seg.dataType }),
+            /* @__PURE__ */ jsx8("td", { children: seg.id === source.uniqueKeySegmentId && /* @__PURE__ */ jsxs8(Badge, { variant: "secondary", children: [
+              /* @__PURE__ */ jsx8(KeyRound, { size: 12, "aria-hidden": true }),
+              " Key"
+            ] }) }),
+            /* @__PURE__ */ jsx8("td", { children: /* @__PURE__ */ jsx8(
+              "button",
               {
-                className: "cfi-vi-input",
-                value: selectedKeyId,
+                type: "button",
+                className: "cfi-vi-icon-btn",
+                style: { color: "var(--cfi-color-error, #dc2626)" },
+                onClick: () => void handleDelete(seg.id),
                 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))
-                ]
+                title: "Delete segment",
+                children: "\xD7"
               }
-            )
-          ] }),
-          /* @__PURE__ */ jsx7(Btn, { size: "sm", onClick: saveUniqueKey, disabled: savingKey || hasData, children: savingKey ? "Saving\u2026" : "Save" })
+            ) })
+          ] }, seg.id)) })
         ] })
       ] })
     ] }),
-    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,
-          ")"
+    tab === "mapping" && /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-tabpanel", children: [
+      source.layout === "tall" && /* @__PURE__ */ jsx8(TallLayoutMappings, { transport, source, locked: hasData }),
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-row", children: [
+          /* @__PURE__ */ jsx8(Layers, { size: 16, className: "cfi-vi-muted", "aria-hidden": true }),
+          /* @__PURE__ */ jsx8("h2", { className: "cfi-vi-h2", children: "Segment Mapping" }),
+          isOverlay && /* @__PURE__ */ jsx8("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." })
         ] }),
-        /* @__PURE__ */ jsx7(Btn, { variant: "outline", size: "sm", onClick: () => fileRef.current?.click(), disabled: detecting || hasData, children: detecting ? "Detecting\u2026" : "Detect from file" }),
-        /* @__PURE__ */ jsx7(
-          "input",
+        source.segments.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "cfi-vi-muted", children: "No segments yet. Add segments on the Structure tab (Detect from file or Add manually) before mapping." }) : /* @__PURE__ */ jsx8(
+          UnifiedSegmentMapper,
           {
-            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 = "";
-            }
+            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
           }
         )
-      ] }),
-      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" })
+    tab === "aliases" && /* @__PURE__ */ jsx8("div", { className: "cfi-vi-tabpanel", children: /* @__PURE__ */ jsx8(ValueAliasesCard, { transport, sourceId: source.id, locked: false, isOverlay }) }),
+    tab === "danger" && /* @__PURE__ */ jsx8("div", { className: "cfi-vi-tabpanel", children: /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-danger", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-row", style: { color: "var(--cfi-color-error, #dc2626)" }, children: [
+        /* @__PURE__ */ jsx8(AlertTriangle3, { size: 16, "aria-hidden": true }),
+        /* @__PURE__ */ jsx8("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: [
+      /* @__PURE__ */ jsxs8("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 }),
+        /* @__PURE__ */ jsx8("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: [
+      /* @__PURE__ */ jsxs8("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" }),
+        /* @__PURE__ */ jsx8("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(
+      /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-row", style: { alignItems: "flex-end", maxWidth: "28rem" }, children: [
+        /* @__PURE__ */ jsxs8("div", { className: "cfi-vi-field", style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx8("label", { className: "cfi-vi-label", children: "Confirmation" }),
+          /* @__PURE__ */ jsx8(
             TextInput,
             {
               className: "cfi-vi-mono",
@@ -1696,10 +2172,10 @@ function VolumeSourceDetail({ transport, sourceId, onOpenSource, onBack, classNa
             }
           )
         ] }),
-        /* @__PURE__ */ jsx7(Btn, { variant: "destructive", size: "sm", onClick: () => void handleClearData(), disabled: clearConfirm !== "DELETE" || clearing, children: clearing ? "Clearing\u2026" : "Clear all data" })
+        /* @__PURE__ */ jsx8(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 })
-    ] })
+      clearResult && /* @__PURE__ */ jsx8("p", { style: { fontSize: "var(--cfi-font-size-sm, 13px)", color: "#15803d" }, children: clearResult })
+    ] }) })
   ] }) });
 }
 export {
@@ -1710,6 +2186,7 @@ export {
   TallLayoutMappings,
   UnifiedSegmentMapper,
   ValueAliasesCard,
+  VolumeFiles,
   VolumeImport,
   VolumeSourceDetail,
   VolumeSourcesList