@morscherlab/mint-sdk 1.0.0-rc.4 → 1.0.0-rc.6

package/dist/styles.css

@@ -188,6 +188,90 @@
   height: 1rem;
   color: var(--text-muted);
 }
+/* Tooltip — Dark Short */
+.mint-tooltip {
+  display: inline-flex;
+}
+.mint-tooltip__content {
+  position: absolute;
+  z-index: 9999;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.375rem 0.625rem;
+  font-size: 0.75rem;
+  line-height: 1.2;
+  color: #FFFFFF;
+  background: #0F172A;
+  border-radius: var(--radius-sm);
+  white-space: nowrap;
+  pointer-events: none;
+  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
+}
+
+/* Multi-line opt-in via maxWidth prop */
+.mint-tooltip__content--multiline {
+  white-space: normal;
+  line-height: 1.4;
+}
+.mint-tooltip__body {
+  display: inline;
+}
+
+/* Keyboard shortcut chip */
+.mint-tooltip__shortcut {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.0625rem 0.375rem;
+  font-family: var(--font-mono, 'Fira Code', monospace);
+  font-size: 0.6875rem;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.85);
+  background: rgba(255, 255, 255, 0.12);
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  border-radius: 3px;
+  line-height: 1;
+}
+
+/* Arrow — color matches the dark tooltip bg */
+.mint-tooltip__content::after {
+  content: '';
+  position: absolute;
+  border-width: 4px;
+  border-style: solid;
+}
+.mint-tooltip__content--top::after,
+.mint-tooltip__content--top-start::after,
+.mint-tooltip__content--top-end::after {
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border-color: #0F172A transparent transparent transparent;
+}
+.mint-tooltip__content--bottom::after,
+.mint-tooltip__content--bottom-start::after,
+.mint-tooltip__content--bottom-end::after {
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border-color: transparent transparent #0F172A transparent;
+}
+.mint-tooltip__content--left::after,
+.mint-tooltip__content--left-start::after,
+.mint-tooltip__content--left-end::after {
+  left: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+  border-color: transparent transparent transparent #0F172A;
+}
+.mint-tooltip__content--right::after,
+.mint-tooltip__content--right-start::after,
+.mint-tooltip__content--right-end::after {
+  right: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+  border-color: transparent #0F172A transparent transparent;
+}
 /* BaseCheckbox Component Styles */
 .mint-checkbox {
   display: inline-flex;
@@ -196,15 +280,77 @@
   cursor: pointer;
   user-select: none;
 }
+.mint-checkbox--default {
+  width: fit-content;
+}
+.mint-checkbox--row {
+  width: 100%;
+  min-height: 2rem;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem;
+  border-radius: var(--radius-sm, 0.375rem);
+  background: transparent;
+  box-sizing: border-box;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+.mint-checkbox--row:hover {
+  background: var(--bg-hover);
+}
 .mint-checkbox--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
+.mint-checkbox--disabled.mint-checkbox--row:hover {
+  background: transparent;
+}
+.mint-checkbox__row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
+  flex-shrink: 0;
+  transition:
+    color 0.15s ease,
+    transform 0.15s ease;
+}
+.mint-checkbox--row:hover .mint-checkbox__row-icon {
+  transform: scale(1.04);
+}
+.mint-checkbox__row-svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-checkbox__row-text-icon {
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-checkbox__copy {
+  display: block;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.mint-checkbox__copy .mint-tooltip {
+  max-width: 100%;
+}
+.mint-checkbox--row .mint-checkbox__label {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mint-checkbox__label--tooltip {
+  cursor: help;
+}
 .mint-checkbox__input-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0;
 }
 .mint-checkbox__native {
   position: absolute;
@@ -281,6 +427,7 @@
 }
 .mint-checkbox__label {
   color: var(--text-primary);
+  line-height: 1.25;
 }
 .mint-checkbox__label--sm {
   font-size: 0.875rem;
@@ -291,6 +438,16 @@
 .mint-checkbox__label--lg {
   font-size: 1rem;
 }
+@media (prefers-reduced-motion: reduce) {
+.mint-checkbox--row,
+  .mint-checkbox__row-icon,
+  .mint-checkbox__box {
+    transition: none;
+}
+.mint-checkbox--row:hover .mint-checkbox__row-icon {
+    transform: none;
+}
+}
 /* BaseToggle Component Styles */
 .mint-toggle {
   display: inline-flex;
@@ -299,6 +456,24 @@
   cursor: pointer;
   user-select: none;
 }
+.mint-toggle--default {
+  width: fit-content;
+}
+.mint-toggle--row {
+  width: 100%;
+  min-height: 2rem;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem;
+  border-radius: var(--radius-sm, 0.375rem);
+  background: transparent;
+  box-sizing: border-box;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+.mint-toggle--row:hover {
+  background: var(--bg-hover);
+}
 .mint-toggle--reverse {
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -317,6 +492,49 @@
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
+.mint-toggle--disabled.mint-toggle--row:hover {
+  background: transparent;
+}
+.mint-toggle__row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
+  flex-shrink: 0;
+  transition:
+    color 0.15s ease,
+    transform 0.15s ease;
+}
+.mint-toggle--row:hover .mint-toggle__row-icon {
+  transform: scale(1.04);
+}
+.mint-toggle__row-svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-toggle__row-text-icon {
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-toggle__copy {
+  display: block;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.mint-toggle__copy .mint-tooltip {
+  max-width: 100%;
+}
+.mint-toggle--row .mint-toggle__label {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mint-toggle__label--tooltip {
+  cursor: help;
+}
 .mint-toggle__track {
   position: relative;
   display: inline-block;
@@ -396,6 +614,7 @@
 }
 .mint-toggle__label {
   color: var(--text-primary);
+  line-height: 1.25;
 }
 .mint-toggle__label--sm {
   font-size: 0.875rem;
@@ -407,9 +626,14 @@
   font-size: 1rem;
 }
 @media (prefers-reduced-motion: reduce) {
-.mint-toggle__knob {
+.mint-toggle--row,
+  .mint-toggle__row-icon,
+  .mint-toggle__knob {
     transition: none;
 }
+.mint-toggle--row:hover .mint-toggle__row-icon {
+    transform: none;
+}
 }
 /* BaseRadioGroup Component Styles */
 .mint-radio-group {
@@ -4802,24 +5026,43 @@ to {
   border-radius: var(--radius-lg);
   overflow: hidden;
   background-color: var(--bg-card);
+  transition:
+    border-color 150ms ease,
+    box-shadow 150ms ease,
+    transform 150ms ease;
 }
-.mint-collapsible-card__header {
+.mint-collapsible-card:hover {
+  border-color: color-mix(in srgb, var(--color-primary) 20%, var(--border-color));
+  box-shadow: var(--shadow-sm);
+}
+.mint-collapsible-card__header-shell {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   width: 100%;
+  background-color: var(--bg-card);
+  transition: background-color 0.15s ease;
+}
+.mint-collapsible-card__header-shell:hover {
+  background-color: var(--bg-hover);
+}
+.mint-collapsible-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex: 1;
+  min-width: 0;
   padding: 0.75rem;
   text-align: left;
-  background-color: var(--bg-card);
+  background-color: transparent;
   border: none;
   cursor: pointer;
-  transition: background-color 0.15s ease;
+  transition: color 0.15s ease;
   gap: 0.75rem;
   font-family: inherit;
   min-height: 3rem;
 }
 .mint-collapsible-card__header:hover {
-  background-color: var(--bg-hover);
+  background-color: transparent;
 }
 .mint-collapsible-card__header:focus-visible {
   outline: none;
@@ -4844,6 +5087,10 @@ to {
   height: 2rem;
   border-radius: var(--radius-md);
   flex-shrink: 0;
+  transition: transform 180ms ease, background-color 150ms ease;
+}
+.mint-collapsible-card__header-shell:hover .mint-collapsible-card__icon-badge {
+  transform: scale(1.04);
 }
 .mint-collapsible-card__icon {
   width: 1rem;
@@ -4885,8 +5132,95 @@ to {
 .mint-collapsible-card__actions {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 0.375rem;
   flex-shrink: 0;
+  padding-right: 0.625rem;
+}
+.mint-collapsible-card__badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  padding: 0 0.375rem;
+  border-radius: 9999px;
+  background: color-mix(in srgb, var(--mint-sidebar-badge-color) 14%, transparent);
+  color: var(--mint-sidebar-badge-color);
+  font-size: 0.6875rem;
+  font-weight: 700;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+}
+.mint-collapsible-card__badge--primary,
+.mint-collapsible-card__action--primary {
+  --mint-sidebar-badge-color: var(--color-primary);
+}
+.mint-collapsible-card__badge--cta,
+.mint-collapsible-card__action--cta {
+  --mint-sidebar-badge-color: var(--color-cta);
+}
+.mint-collapsible-card__badge--success,
+.mint-collapsible-card__action--success {
+  --mint-sidebar-badge-color: var(--mint-success);
+}
+.mint-collapsible-card__badge--warning,
+.mint-collapsible-card__action--warning {
+  --mint-sidebar-badge-color: var(--mint-warning);
+}
+.mint-collapsible-card__badge--error,
+.mint-collapsible-card__action--error {
+  --mint-sidebar-badge-color: var(--mint-error);
+}
+.mint-collapsible-card__badge--info,
+.mint-collapsible-card__action--info {
+  --mint-sidebar-badge-color: var(--mint-info);
+}
+.mint-collapsible-card__badge--neutral,
+.mint-collapsible-card__action--neutral {
+  --mint-sidebar-badge-color: var(--text-secondary);
+}
+.mint-collapsible-card__action,
+.mint-collapsible-card__chevron-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border: 0;
+  border-radius: var(--radius-md);
+  color: var(--mint-sidebar-badge-color, var(--text-muted));
+  background: transparent;
+  cursor: pointer;
+  transition:
+    color 150ms ease,
+    background-color 150ms ease,
+    transform 150ms ease;
+}
+.mint-collapsible-card__action:hover,
+.mint-collapsible-card__chevron-button:hover {
+  color: var(--mint-sidebar-badge-color, var(--text-secondary));
+  background: color-mix(in srgb, var(--mint-sidebar-badge-color, var(--text-secondary)) 10%, transparent);
+  transform: translateY(-1px);
+}
+.mint-collapsible-card__action:focus-visible,
+.mint-collapsible-card__chevron-button:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.mint-collapsible-card__action:disabled,
+.mint-collapsible-card__action--disabled,
+.mint-collapsible-card__chevron-button:disabled {
+  opacity: var(--mint-disabled-opacity);
+  cursor: not-allowed;
+  transform: none;
+}
+.mint-collapsible-card__action-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-collapsible-card__action-text-icon {
+  font-size: 0.8125rem;
+  line-height: 1;
 }
 .mint-collapsible-card__toggle {
   display: flex;
@@ -4924,8 +5258,8 @@ to {
   left: 1.125rem;
 }
 .mint-collapsible-card__chevron {
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 1rem;
+  height: 1rem;
   color: var(--text-muted);
   transition: transform 0.2s ease;
   flex-shrink: 0;
@@ -4933,7 +5267,7 @@ to {
 .mint-collapsible-card__chevron--open {
   transform: rotate(180deg);
 }
-.mint-collapsible-card__header:hover .mint-collapsible-card__chevron {
+.mint-collapsible-card__header-shell:hover .mint-collapsible-card__chevron {
   color: var(--text-secondary);
 }
 .mint-collapsible-card__body {
@@ -4955,15 +5289,13 @@ to {
   gap: 0.5rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__icon-badge {
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: var(--radius);
-  background: transparent !important;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: var(--radius);
 }
 .mint-collapsible-card--dense .mint-collapsible-card__icon {
   width: 0.875rem;
   height: 0.875rem;
-  opacity: 0.5;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__title {
   font-size: 0.8125rem;
@@ -4972,7 +5304,8 @@ to {
   font-size: 0.6875rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__actions {
-  gap: 0.5rem;
+  gap: 0.25rem;
+  padding-right: 0.5rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__chevron {
   width: 0.875rem;
@@ -5003,6 +5336,18 @@ to {
 .mint-collapsible-card__chevron {
     transition: none;
 }
+.mint-collapsible-card,
+  .mint-collapsible-card__icon-badge,
+  .mint-collapsible-card__action,
+  .mint-collapsible-card__chevron-button {
+    transition: none;
+}
+.mint-collapsible-card:hover,
+  .mint-collapsible-card__header-shell:hover .mint-collapsible-card__icon-badge,
+  .mint-collapsible-card__action:hover,
+  .mint-collapsible-card__chevron-button:hover {
+    transform: none;
+}
 .mint-collapsible-card__toggle-knob {
     transition: none;
 }
@@ -7731,7 +8076,7 @@ to { transform: rotate(360deg);
   height: 100%;
   overflow: hidden;
   background-color: var(--bg-secondary);
-  transition: width 180ms ease;
+  transition: width 180ms ease, background-color 150ms ease;
 }
 .mint-sidebar--hidden {
   display: none;
@@ -7769,6 +8114,10 @@ to { transform: rotate(360deg);
   padding: 0.75rem;
   gap: 0.75rem;
 }
+.mint-sidebar--analysis.mint-sidebar--dense .mint-sidebar__sections {
+  padding: 0.75rem;
+  gap: 0.75rem;
+}
 
 /* Header / Footer slots */
 .mint-sidebar__header {
@@ -7884,6 +8233,91 @@ to { transform: rotate(360deg);
   align-items: center;
   gap: 0.5rem;
 }
+.mint-sidebar__collapsed--default {
+  padding-top: 0.75rem;
+}
+.mint-sidebar__rail-item {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  border: 0;
+  border-radius: var(--radius-md);
+  color: var(--text-secondary);
+  background: transparent;
+  cursor: pointer;
+  transition:
+    background-color 150ms ease,
+    transform 150ms ease;
+}
+.mint-sidebar__rail-item:hover {
+  background: var(--bg-tertiary);
+  transform: translateY(-1px);
+}
+.mint-sidebar__rail-item:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.mint-sidebar__rail-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: var(--radius-md);
+  transition: transform 150ms ease;
+}
+.mint-sidebar__rail-item:hover .mint-sidebar__rail-icon {
+  transform: scale(1.04);
+}
+.mint-sidebar__rail-svg {
+  width: 0.9375rem;
+  height: 0.9375rem;
+}
+.mint-sidebar__rail-text-icon {
+  font-size: 0.8125rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-sidebar__rail-badge {
+  position: absolute;
+  top: -0.25rem;
+  right: -0.25rem;
+  min-width: 1rem;
+  height: 1rem;
+  padding: 0 0.25rem;
+  border-radius: 9999px;
+  background: var(--mint-sidebar-rail-badge-color);
+  color: white;
+  font-size: 0.625rem;
+  font-weight: 700;
+  line-height: 1rem;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+.mint-sidebar__rail-badge--primary {
+  --mint-sidebar-rail-badge-color: var(--color-primary);
+}
+.mint-sidebar__rail-badge--cta {
+  --mint-sidebar-rail-badge-color: var(--color-cta);
+}
+.mint-sidebar__rail-badge--success {
+  --mint-sidebar-rail-badge-color: var(--mint-success);
+}
+.mint-sidebar__rail-badge--warning {
+  --mint-sidebar-rail-badge-color: var(--mint-warning);
+}
+.mint-sidebar__rail-badge--error {
+  --mint-sidebar-rail-badge-color: var(--mint-error);
+}
+.mint-sidebar__rail-badge--info {
+  --mint-sidebar-rail-badge-color: var(--mint-info);
+}
+.mint-sidebar__rail-badge--neutral {
+  --mint-sidebar-rail-badge-color: var(--text-secondary);
+}
 
 /* Dense sidebar variant — compact sections */
 .mint-sidebar--dense .mint-sidebar__sections {
@@ -7903,21 +8337,25 @@ to { transform: rotate(360deg);
   background-color: var(--bg-card);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
 }
+.mint-sidebar--analysis .mint-sidebar__sections > .mint-collapsible-card {
+  border-color: var(--border-color);
+  border-radius: var(--radius-lg);
+}
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__header {
   padding: 0.625rem 0.75rem;
   min-height: auto;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-badge {
-  width: 2.25rem;
-  height: 2.25rem;
+  width: 1.75rem;
+  height: 1.75rem;
   border-radius: var(--radius-md);
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon {
-  width: 1.125rem;
-  height: 1.125rem;
+  width: 0.9375rem;
+  height: 0.9375rem;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-text {
-  font-size: 1.125rem;
+  font-size: 0.9375rem;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__title {
   font-size: 0.875rem;
@@ -7954,6 +8392,20 @@ to { transform: rotate(360deg);
   flex-direction: column;
   gap: 0.75rem;
 }
+.mint-sidebar__footer--collapsed {
+  padding: 0.5rem;
+}
+@media (prefers-reduced-motion: reduce) {
+.mint-sidebar,
+  .mint-sidebar__rail-item,
+  .mint-sidebar__rail-icon {
+    transition: none;
+}
+.mint-sidebar__rail-item:hover,
+  .mint-sidebar__rail-item:hover .mint-sidebar__rail-icon {
+    transform: none;
+}
+}
 /* AppLayout Component Styles */
 .mint-layout {
   display: flex;
@@ -10355,6 +10807,8 @@ to {
   display: flex;
   flex-direction: column;
 }
+
+/* --- Paste: free-form textarea (the self-designed input path) --- */
 .mint-auto-group__paste {
   position: relative;
 }
@@ -10573,328 +11027,377 @@ to {
   flex-wrap: wrap;
   gap: 0.375rem;
 }
-
-/* --- Outlier step --- */
-.mint-auto-group__outlier-step {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-.mint-auto-group__outlier-banner {
-  padding: 0.75rem 1rem;
-  background: var(--mint-warning-bg);
-  border: 1px solid rgba(245, 158, 11, 0.3);
-  border-radius: var(--radius-md);
-  font-size: 0.8125rem;
-  color: var(--text-primary);
-}
-.mint-auto-group__outlier-banner code {
+.mint-auto-group__field-value {
   font-family: 'Fira Code', monospace;
-  background: var(--bg-tertiary);
-  padding: 0.125rem 0.375rem;
-  border-radius: var(--radius-sm);
-  font-size: 0.8125rem;
-}
-.mint-auto-group__outlier-batch {
-  display: flex;
-  gap: 0.5rem;
+  font-size: 11.5px;
+  background: var(--bg-primary);
+  border: 1px solid var(--border);
+  padding: 2px 8px;
+  border-radius: 9999px;
+  color: var(--text-secondary);
 }
-.mint-auto-group__outlier-list {
+
+/* --- Navigation --- */
+.mint-auto-group__nav {
   display: flex;
-  flex-direction: column;
+  align-items: center;
   gap: 0.5rem;
-  max-height: 300px;
-  overflow-y: auto;
 }
-.mint-auto-group__outlier-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem 0.75rem;
-  background: var(--bg-secondary);
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius);
+.mint-auto-group__nav-spacer {
+  flex: 1;
 }
-.mint-auto-group__outlier-info {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  min-width: 0;
+
+/* --- Workspace step --- */
+.mint-auto-group__workspace { display: grid; grid-template-columns: 220px 1fr; gap: 16px; min-height: 480px; position: relative;
 }
-.mint-auto-group__outlier-name {
-  font-family: 'Fira Code', monospace;
-  font-size: 0.8125rem;
-  color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.mint-auto-group__classes { background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--radius); padding: 12px; display: flex; flex-direction: column; gap: 4px;
 }
-.mint-auto-group__outlier-badge {
-  font-size: 0.6875rem;
-  padding: 0.125rem 0.375rem;
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
-  color: var(--text-muted);
-  white-space: nowrap;
-  flex-shrink: 0;
+.mint-auto-group__classes h3 { font-size: 11px; letter-spacing: .08em; color: var(--text-muted); text-transform: uppercase; margin: 0 0 8px;
 }
-.mint-auto-group__outlier-actions {
-  display: flex;
-  gap: 0.25rem;
-  flex-shrink: 0;
-  margin-left: 0.75rem;
+.mint-auto-group__class { display: grid; grid-template-columns: 12px 1fr auto; align-items: center; gap: 8px; padding: 8px 10px; border-radius: var(--radius-sm); cursor: pointer; background: transparent; border: 1px solid transparent; font-size: 13px; color: var(--text-primary); text-align: left;
 }
-.mint-auto-group__action-btn {
-  font-size: 0.6875rem;
-  padding: 0.25rem 0.5rem;
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-sm);
-  background: var(--bg-secondary);
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: all 0.1s;
+.mint-auto-group__class:hover { background: var(--bg-tertiary);
 }
-.mint-auto-group__action-btn:hover {
-  background: var(--bg-hover);
+.mint-auto-group__class--active { background: var(--color-primary-soft); border-color: var(--color-primary); color: var(--color-primary); font-weight: 500;
 }
-.mint-auto-group__action-btn:focus-visible {
-  outline: 2px solid var(--color-primary);
-  outline-offset: 1px;
+.mint-auto-group__class--qc .mint-auto-group__class-dot { background: var(--mint-warning);
 }
-.mint-auto-group__action-btn--active {
-  background: var(--color-primary-soft);
-  border-color: var(--color-primary);
-  color: var(--color-primary);
-  font-weight: 500;
+.mint-auto-group__class-dot { width: 8px; height: 8px; border-radius: 9999px; background: var(--text-muted);
 }
-.mint-auto-group__action-btn--active.mint-auto-group__action-btn--exclude {
-  background: var(--mint-error-bg);
-  border-color: var(--mint-error);
-  color: var(--mint-error);
+.mint-auto-group__class-count { font-family: 'Fira Code', monospace; font-size: 11.5px; color: var(--text-secondary); background: var(--bg-secondary); padding: 2px 8px; border-radius: 9999px; border: 1px solid var(--border);
 }
-.mint-auto-group__action-btn--active.mint-auto-group__action-btn--qc {
-  background: rgba(107, 114, 128, 0.12);
-  border-color: var(--text-secondary);
-  color: var(--text-secondary);
+.mint-auto-group__schema { display: flex; flex-direction: column; gap: 12px; min-width: 0;
 }
 
-/* --- Field step --- */
-.mint-auto-group__field-step {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
+/* --- Suggestion banner --- */
+.mint-auto-group__suggest { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: var(--radius); border: 1px dashed var(--color-primary); background: var(--color-primary-soft); color: var(--color-primary); font-size: 12.5px;
 }
-.mint-auto-group__field-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 0.75rem;
+.mint-auto-group__suggest-btn { margin-left: 8px; background: var(--bg-primary); border: 1px solid var(--color-primary); color: var(--color-primary); padding: 4px 10px; border-radius: var(--radius-sm); cursor: pointer; font-size: 12px;
 }
-@media (max-width: 600px) {
-.mint-auto-group__field-grid {
-    grid-template-columns: 1fr;
+.mint-auto-group__suggest-btn--ghost { border-color: var(--border); color: var(--text-secondary);
 }
+
+/* --- 3-stat strip (Option B redesign) ---
+ *
+ * Three peer stats at the top of the schema panel:
+ *   Groups (primary, with factor-chip composition below)
+ *   Samples (active class size · class label · token count)
+ *   Avg / group (with min/max sub)
+ *
+ * Replaces the old schema header + group summary bar. The strip is a
+ * single rounded card with 1px gap dividers so the three cells read as
+ * a unit, not three floating panels. */
+.mint-auto-group__stats {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1px;
+  background: var(--border);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  overflow: hidden;
 }
-.mint-auto-group__field-card {
-  padding: 0.75rem;
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md);
-  background: var(--bg-secondary);
-  transition: border-color 0.15s, box-shadow 0.15s;
+.mint-auto-group__stat {
+  background: var(--bg-primary);
+  padding: 12px 14px;
+  min-width: 0;
 }
-.mint-auto-group__field-card--enabled {
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 1px var(--color-primary-soft);
+.mint-auto-group__stat-v {
+  font-size: 22px;
+  font-weight: 700;
+  color: var(--text-primary);
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
 }
-.mint-auto-group__field-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 0.5rem;
+.mint-auto-group__stat--primary .mint-auto-group__stat-v { color: var(--color-primary);
+}
+.mint-auto-group__stat-l {
+  font-size: 11px;
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-top: 4px;
+  font-weight: 600;
 }
-.mint-auto-group__field-toggle {
+.mint-auto-group__stat-sub {
+  margin-top: 8px;
   display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
   align-items: center;
-  gap: 0.375rem;
-  cursor: pointer;
-  font-size: 0.8125rem;
+  font-size: 11.5px;
   color: var(--text-secondary);
+  min-height: 22px;
 }
-.mint-auto-group__field-toggle input {
-  accent-color: var(--color-primary);
-}
-.mint-auto-group__field-toggle-label {
-  user-select: none;
-}
-.mint-auto-group__field-cardinality {
-  font-size: 0.6875rem;
+.mint-auto-group__stat-sub--muted {
   color: var(--text-muted);
+  font-size: 11.5px;
 }
-.mint-auto-group__field-name-input {
-  margin-bottom: 0.5rem;
-}
-.mint-auto-group__field-values {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-  max-height: 4.5rem;
-  overflow-y: auto;
+.mint-auto-group__stat-empty {
+  color: var(--text-muted);
+  font-style: italic;
 }
-.mint-auto-group__field-value {
-  font-size: 0.6875rem;
-  padding: 0.125rem 0.375rem;
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
+.mint-auto-group__stat-empty strong {
   color: var(--text-secondary);
+  font-style: normal;
+  font-weight: 600;
+}
+.mint-auto-group__group-chip {
+  font-size: 10.5px;
   font-family: 'Fira Code', monospace;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  padding: 2px 7px;
+  border-radius: 9999px;
+  background: var(--color-primary-soft);
+  color: var(--color-primary);
   white-space: nowrap;
+  line-height: 1.4;
 }
-.mint-auto-group__field-more {
-  font-size: 0.6875rem;
-  padding: 0.125rem 0.375rem;
-  color: var(--text-muted);
-  font-style: italic;
+
+/* --- QC routing radio group (replaces the two checkboxes) --- */
+.mint-auto-group__routing {
+  margin-top: 14px;
+  padding-top: 14px;
+  border-top: 1px solid var(--border);
 }
-.mint-auto-group__field-summary {
-  font-size: 0.8125rem;
-  color: var(--text-secondary);
-  padding: 0.5rem 0.75rem;
-  background: var(--bg-tertiary);
-  border-radius: var(--radius);
+.mint-auto-group__routing-head {
+  margin: 0 0 8px;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  font-weight: 600;
 }
-.mint-auto-group__field-summary strong {
+.mint-auto-group__routing-radio {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  font-size: 12.5px;
   color: var(--text-primary);
+  padding: 5px 0;
+  cursor: pointer;
+  line-height: 1.4;
 }
-.mint-auto-group__field-warning {
-  font-size: 0.8125rem;
-  color: var(--mint-warning);
-  padding: 0.5rem 0.75rem;
-  background: var(--mint-warning-bg);
-  border-radius: var(--radius);
+.mint-auto-group__routing-radio input {
+  margin-top: 2px;
+  accent-color: var(--color-primary);
+  flex-shrink: 0;
+}
+.mint-auto-group__routing-radio small {
+  display: block;
+  color: var(--text-muted);
+  font-size: 11px;
+  margin-top: 1px;
 }
 
-/* --- Preview step --- */
-.mint-auto-group__preview-step {
+/* --- Compact token table (replaces the horizontal cards row) ---
+ *
+ * One row per token position. Lets users scan a 6+ token batch without
+ * horizontal scrolling and without each row carrying redundant card chrome.
+ * Click the row to open the popover (rename, role override, value ops).
+ * The Use checkbox lives inline; @click.stop on the label prevents
+ * accidental popover triggering when toggling Use. */
+.mint-auto-group__token-table {
+  flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
-  gap: 1rem;
-}
-.mint-auto-group__preview-summary {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem 1rem;
-  padding: 0.75rem 1rem;
-  background: var(--bg-tertiary);
-  border-radius: var(--radius-md);
-}
-.mint-auto-group__preview-stat {
-  font-size: 0.8125rem;
-  color: var(--text-secondary);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--bg-primary);
+  overflow: auto;
 }
-.mint-auto-group__preview-stat strong {
+.mint-auto-group__token-row {
+  display: grid;
+  /* Column widths chosen to fit in the lg modal's ~440px schema panel.
+   * Token# stays narrow (single digit), Name + Preview share remaining
+   * flex space, Role pill is fixed for badge stability, # uses a glyph
+   * header so 32px is enough, Use is the checkbox, then the ⋯ trigger. */
+  grid-template-columns: 28px minmax(0, 1fr) 76px 48px minmax(0, 1.4fr) 28px 18px;
+  align-items: center;
+  gap: 8px;
+  padding: 9px 12px;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  font-size: 12.5px;
   color: var(--text-primary);
+  text-align: left;
+  cursor: pointer;
+  width: 100%;
+  font-family: inherit;
+  transition: background-color 150ms ease;
 }
-.mint-auto-group__preview-stat--excluded strong {
-  color: var(--mint-error);
+.mint-auto-group__token-row:last-child { border-bottom: 0;
 }
-.mint-auto-group__preview-groups {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  max-height: 20rem;
-  overflow-y: auto;
+.mint-auto-group__token-row:hover { background: var(--bg-secondary);
 }
-.mint-auto-group__preview-group {
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius);
-  overflow: hidden;
+.mint-auto-group__token-row:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: -2px;
 }
-.mint-auto-group__preview-group[open] {
-  background: var(--bg-secondary);
+.mint-auto-group__token-row--active { background: var(--color-primary-soft);
 }
-.mint-auto-group__preview-group-header {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  cursor: pointer;
-  font-size: 0.8125rem;
-  user-select: none;
-  min-width: 0;
+.mint-auto-group__token-row--head {
+  cursor: default;
+  background: var(--bg-secondary);
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  padding: 8px 14px;
 }
-.mint-auto-group__preview-group-header:hover {
-  background: var(--bg-hover);
+.mint-auto-group__token-row--head:hover { background: var(--bg-secondary);
 }
-.mint-auto-group__preview-dot {
-  width: 0.625rem;
-  height: 0.625rem;
-  border-radius: 50%;
-  flex-shrink: 0;
+.mint-auto-group__token-ix {
+  font-family: 'Fira Code', monospace;
+  font-size: 12px;
+  color: var(--text-muted);
 }
-.mint-auto-group__preview-group-name {
+.mint-auto-group__token-nm {
   font-weight: 500;
-  color: var(--text-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
 }
-.mint-auto-group__preview-group-count {
-  font-size: 0.6875rem;
-  font-weight: 500;
-  padding: 0.0625rem 0.375rem;
-  border-radius: var(--radius-sm);
-  margin-left: auto;
+.mint-auto-group__token-unique {
+  font-family: 'Fira Code', monospace;
+  font-size: 12.5px;
+  color: var(--text-secondary);
+  text-align: right;
+  font-variant-numeric: tabular-nums;
 }
-.mint-auto-group__preview-samples {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  border-top: 1px solid var(--border-light);
+.mint-auto-group__token-num { text-align: right;
 }
-.mint-auto-group__preview-sample {
-  font-size: 0.75rem;
+.mint-auto-group__token-preview {
   font-family: 'Fira Code', monospace;
-  padding: 0.125rem 0.375rem;
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
+  font-size: 11.5px;
   color: var(--text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
 }
-.mint-auto-group__preview-sample--excluded {
-  opacity: 0.5;
-  text-decoration: line-through;
+.mint-auto-group__token-more {
+  color: var(--text-muted);
+  font-style: italic;
 }
-
-/* --- Excluded section --- */
-.mint-auto-group__preview-excluded {
-  border-top: 1px solid var(--border-color);
-  padding-top: 0.75rem;
+.mint-auto-group__token-use,
+.mint-auto-group__token-use-head { display: flex; justify-content: center;
 }
-.mint-auto-group__preview-excluded-title {
-  font-size: 0.75rem;
-  font-weight: 500;
+.mint-auto-group__token-use { cursor: pointer;
+}
+.mint-auto-group__token-use input {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+  accent-color: var(--color-primary);
+}
+.mint-auto-group__token-trigger {
   color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  margin-bottom: 0.5rem;
+  text-align: center;
+  font-size: 14px;
+  user-select: none;
 }
-.mint-auto-group__preview-excluded-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
+
+/* --- Role badge (used in token rows and inside the popover) --- */
+.mint-auto-group__role { align-self: flex-start; display: inline-flex; padding: 2px 8px; border-radius: 9999px; border: 1px solid var(--border); background: var(--bg-secondary); color: var(--text-secondary); font-size: 10.5px; text-transform: uppercase; cursor: pointer;
+}
+.mint-auto-group__role--factor { background: var(--color-primary-soft); color: var(--color-primary); border-color: transparent;
+}
+.mint-auto-group__role--constant { background: var(--bg-tertiary); color: var(--text-muted); border-color: transparent;
+}
+.mint-auto-group__role--replicate { background: var(--mint-info-bg); color: var(--mint-info); border-color: var(--mint-info-border);
+}
+.mint-auto-group__role--run-order { background: var(--bg-tertiary); color: var(--text-muted); border-color: transparent;
+}
+.mint-auto-group__role--numeric { background: rgba(249,115,22,.10); color: var(--color-cta); border-color: rgba(249,115,22,.30);
+}
+.mint-auto-group__role--class-tag { background: rgba(123,208,181,.16); color: #0F766E; border-color: transparent;
+}
+.mint-auto-group__role--ignore { background: var(--bg-tertiary); color: var(--text-muted); border-color: transparent;
 }
 
-/* --- Navigation --- */
-.mint-auto-group__nav {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
+/* --- Column popover (token rename, role override, value ops) ---
+ * - bg-primary so it reads brighter than the surrounding bg-secondary panels.
+ * - Layered shadow (close + far) reads as elevated rather than recessed.
+ * - z-index 20 sits above schema cards but stays scoped to the modal's
+ *   stacking context. */
+.mint-auto-group__popover { position: absolute; right: 20px; top: 60px; width: 320px; background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 12px 32px -8px rgba(15, 23, 42, .22); padding: 14px; z-index: 20; display: flex; flex-direction: column; gap: 12px;
 }
-.mint-auto-group__nav-spacer {
-  flex: 1;
+.mint-auto-group__popover-head { display: flex; align-items: center; gap: 8px;
+}
+.mint-auto-group__popover-head .mono { font-family: 'Fira Code', monospace; font-size: 11px; color: var(--text-muted); margin-left: auto;
+}
+.mint-auto-group__popover-close { background: transparent; border: 0; cursor: pointer; color: var(--text-secondary); font-size: 16px;
+}
+.mint-auto-group__popover-section { display: flex; flex-direction: column; gap: 6px;
+}
+.mint-auto-group__popover-label { font-size: 12px; font-weight: 600; color: var(--text-primary);
+}
+.mint-auto-group__pills { display: flex; flex-wrap: wrap; gap: 6px;
+}
+.mint-auto-group__pill-btn { font-size: 11.5px; padding: 3px 10px; border-radius: 9999px; border: 1px solid var(--border); background: var(--bg-primary); color: var(--text-secondary); cursor: pointer;
+}
+.mint-auto-group__pill-btn--on { background: var(--color-primary-soft); border-color: var(--color-primary); color: var(--color-primary); font-weight: 600;
+}
+.mint-auto-group__values-list { display: flex; flex-direction: column; gap: 6px; max-height: 180px; overflow-y: auto;
+}
+.mint-auto-group__value-row { display: grid; grid-template-columns: 100px 1fr auto; gap: 8px; align-items: center;
+}
+.mint-auto-group__value-src { font-family: 'Fira Code', monospace; font-size: 11.5px; color: var(--text-muted); text-align: right;
+}
+.mint-auto-group__value-input { border: 1px solid var(--border); background: var(--bg-secondary); padding: 4px 8px; border-radius: var(--radius-sm); font-family: 'Fira Code', monospace; font-size: 12px;
+}
+.mint-auto-group__value-excl { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--text-secondary);
+}
+.mint-auto-group__link { background: transparent; border: 0; color: var(--color-primary); font-size: 12.5px; cursor: pointer; text-align: left; padding: 0;
+}
+
+/* --- CSV download templates (Input step) --- */
+.mint-auto-group__template { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--border); display: flex; align-items: center; gap: 12px;
+}
+.mint-auto-group__template-label { font-size: 12.5px; color: var(--text-secondary);
+}
+.mint-auto-group__template-actions { display: flex; gap: 8px;
+}
+
+/* --- Preview step --- */
+.mint-auto-group__preview { display: flex; flex-direction: column; gap: 14px;
+}
+.mint-auto-group__preview-summary { background: var(--color-primary-soft); color: var(--color-primary); border: 1px solid var(--color-primary); border-radius: var(--radius); padding: 10px 14px; font-size: 13px;
+}
+.mint-auto-group__preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
+}
+.mint-auto-group__preview-panel { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px;
+}
+.mint-auto-group__preview-panel h4 { margin: 0 0 10px; font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .06em;
+}
+.mint-auto-group__preview-group { border: 1px solid var(--border-color); border-radius: var(--radius); overflow: hidden;
+}
+.mint-auto-group__preview-group[open] { background: var(--bg-secondary);
+}
+.mint-auto-group__preview-group summary { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 13px; padding: 0.5rem 0.875rem;
+}
+.mint-auto-group__preview-group[open] summary { border-bottom: 1px solid var(--border);
+}
+.mint-auto-group__preview-dot { width: 10px; height: 10px; border-radius: 9999px; flex-shrink: 0;
+}
+.mint-auto-group__preview-count { margin-left: auto; font-family: 'Fira Code', monospace; font-size: 12px; color: var(--text-secondary); background: var(--bg-primary); border: 1px solid var(--border); padding: 2px 8px; border-radius: 9999px;
+}
+.mint-auto-group__preview-samples { display: flex; flex-wrap: wrap; gap: 6px; padding: 0.5rem 0.875rem 0.625rem;
+}
+.mint-auto-group__preview-sample { font-family: 'Fira Code', monospace; font-size: 11.5px; color: var(--text-primary); background: var(--bg-primary); border: 1px solid var(--border); padding: 3px 8px; border-radius: 9999px;
+}
+.mint-auto-group__qc-chips { display: flex; flex-wrap: wrap; gap: 6px;
+}
+.mint-auto-group__qc-chip { background: var(--mint-warning-bg); color: #92400E; border: 1px solid var(--mint-warning-border); padding: 4px 10px; border-radius: 9999px; font-size: 12px;
+}
+.mint-auto-group__fingerprint { margin-top: 14px;
+}
+.mint-auto-group__fingerprint summary { cursor: pointer; font-size: 12px; color: var(--text-muted);
+}
+.mint-auto-group__fingerprint pre { font-family: 'Fira Code', monospace; font-size: 11px; background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 8px; overflow-x: auto;
 }
 /* SampleSelector Component Styles - RFA Design */
 .mint-sample-selector {
@@ -12061,10 +12564,10 @@ to {
 }
 }
 
-.mint-control-workspace-view[data-v-ec2a5a8a] {
+.mint-control-workspace-view[data-v-83e93e6c] {
   min-width: 0;
 }
-.mint-control-workspace-view__content[data-v-ec2a5a8a] {
+.mint-control-workspace-view__content[data-v-83e93e6c] {
   min-width: 0;
   padding: 1rem;
 }
@@ -12488,90 +12991,6 @@ to {
   width: 0.875rem;
   height: 0.875rem;
 }
-/* Tooltip — Dark Short */
-.mint-tooltip {
-  display: inline-flex;
-}
-.mint-tooltip__content {
-  position: absolute;
-  z-index: 9999;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.375rem 0.625rem;
-  font-size: 0.75rem;
-  line-height: 1.2;
-  color: #FFFFFF;
-  background: #0F172A;
-  border-radius: var(--radius-sm);
-  white-space: nowrap;
-  pointer-events: none;
-  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
-}
-
-/* Multi-line opt-in via maxWidth prop */
-.mint-tooltip__content--multiline {
-  white-space: normal;
-  line-height: 1.4;
-}
-.mint-tooltip__body {
-  display: inline;
-}
-
-/* Keyboard shortcut chip */
-.mint-tooltip__shortcut {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.0625rem 0.375rem;
-  font-family: var(--font-mono, 'Fira Code', monospace);
-  font-size: 0.6875rem;
-  font-weight: 500;
-  color: rgba(255, 255, 255, 0.85);
-  background: rgba(255, 255, 255, 0.12);
-  border: 1px solid rgba(255, 255, 255, 0.18);
-  border-radius: 3px;
-  line-height: 1;
-}
-
-/* Arrow — color matches the dark tooltip bg */
-.mint-tooltip__content::after {
-  content: '';
-  position: absolute;
-  border-width: 4px;
-  border-style: solid;
-}
-.mint-tooltip__content--top::after,
-.mint-tooltip__content--top-start::after,
-.mint-tooltip__content--top-end::after {
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border-color: #0F172A transparent transparent transparent;
-}
-.mint-tooltip__content--bottom::after,
-.mint-tooltip__content--bottom-start::after,
-.mint-tooltip__content--bottom-end::after {
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border-color: transparent transparent #0F172A transparent;
-}
-.mint-tooltip__content--left::after,
-.mint-tooltip__content--left-start::after,
-.mint-tooltip__content--left-end::after {
-  left: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  border-color: transparent transparent transparent #0F172A;
-}
-.mint-tooltip__content--right::after,
-.mint-tooltip__content--right-start::after,
-.mint-tooltip__content--right-end::after {
-  right: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  border-color: transparent #0F172A transparent transparent;
-}
 /* ChartContainer Component Styles */
 .mint-chart {
   background-color: var(--bg-card);
@@ -17946,7 +18365,7 @@ code, pre {
   height: 100%;
   overflow: hidden;
   background-color: var(--bg-secondary);
-  transition: width 180ms ease;
+  transition: width 180ms ease, background-color 150ms ease;
 }
 .mint-sidebar--hidden {
   display: none;
@@ -17984,6 +18403,10 @@ code, pre {
   padding: 0.75rem;
   gap: 0.75rem;
 }
+.mint-sidebar--analysis.mint-sidebar--dense .mint-sidebar__sections {
+  padding: 0.75rem;
+  gap: 0.75rem;
+}
 /* Header / Footer slots */
 .mint-sidebar__header {
   padding: 0.75rem;
@@ -18097,7 +18520,92 @@ code, pre {
   align-items: center;
   gap: 0.5rem;
 }
-/* Dense sidebar variant — compact sections */
+.mint-sidebar__collapsed--default {
+  padding-top: 0.75rem;
+}
+.mint-sidebar__rail-item {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  border: 0;
+  border-radius: var(--radius-md);
+  color: var(--text-secondary);
+  background: transparent;
+  cursor: pointer;
+  transition:
+    background-color 150ms ease,
+    transform 150ms ease;
+}
+.mint-sidebar__rail-item:hover {
+  background: var(--bg-tertiary);
+  transform: translateY(-1px);
+}
+.mint-sidebar__rail-item:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.mint-sidebar__rail-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: var(--radius-md);
+  transition: transform 150ms ease;
+}
+.mint-sidebar__rail-item:hover .mint-sidebar__rail-icon {
+  transform: scale(1.04);
+}
+.mint-sidebar__rail-svg {
+  width: 0.9375rem;
+  height: 0.9375rem;
+}
+.mint-sidebar__rail-text-icon {
+  font-size: 0.8125rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-sidebar__rail-badge {
+  position: absolute;
+  top: -0.25rem;
+  right: -0.25rem;
+  min-width: 1rem;
+  height: 1rem;
+  padding: 0 0.25rem;
+  border-radius: 9999px;
+  background: var(--mint-sidebar-rail-badge-color);
+  color: white;
+  font-size: 0.625rem;
+  font-weight: 700;
+  line-height: 1rem;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+.mint-sidebar__rail-badge--primary {
+  --mint-sidebar-rail-badge-color: var(--color-primary);
+}
+.mint-sidebar__rail-badge--cta {
+  --mint-sidebar-rail-badge-color: var(--color-cta);
+}
+.mint-sidebar__rail-badge--success {
+  --mint-sidebar-rail-badge-color: var(--mint-success);
+}
+.mint-sidebar__rail-badge--warning {
+  --mint-sidebar-rail-badge-color: var(--mint-warning);
+}
+.mint-sidebar__rail-badge--error {
+  --mint-sidebar-rail-badge-color: var(--mint-error);
+}
+.mint-sidebar__rail-badge--info {
+  --mint-sidebar-rail-badge-color: var(--mint-info);
+}
+.mint-sidebar__rail-badge--neutral {
+  --mint-sidebar-rail-badge-color: var(--text-secondary);
+}
+/* Dense sidebar variant — compact sections */
 .mint-sidebar--dense .mint-sidebar__sections {
   padding: 0.5rem;
   gap: 0.375rem;
@@ -18114,21 +18622,25 @@ code, pre {
   background-color: var(--bg-card);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
 }
+.mint-sidebar--analysis .mint-sidebar__sections > .mint-collapsible-card {
+  border-color: var(--border-color);
+  border-radius: var(--radius-lg);
+}
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__header {
   padding: 0.625rem 0.75rem;
   min-height: auto;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-badge {
-  width: 2.25rem;
-  height: 2.25rem;
+  width: 1.75rem;
+  height: 1.75rem;
   border-radius: var(--radius-md);
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon {
-  width: 1.125rem;
-  height: 1.125rem;
+  width: 0.9375rem;
+  height: 0.9375rem;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-text {
-  font-size: 1.125rem;
+  font-size: 0.9375rem;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__title {
   font-size: 0.875rem;
@@ -18164,6 +18676,21 @@ code, pre {
   flex-direction: column;
   gap: 0.75rem;
 }
+.mint-sidebar__footer--collapsed {
+  padding: 0.5rem;
+}
+@media (prefers-reduced-motion: reduce) {
+  .mint-sidebar,
+  .mint-sidebar__rail-item,
+  .mint-sidebar__rail-icon {
+    transition: none;
+  }
+
+  .mint-sidebar__rail-item:hover,
+  .mint-sidebar__rail-item:hover .mint-sidebar__rail-icon {
+    transform: none;
+  }
+}
 /* AppTopBar - BEM-style naming for external package consumers */
 /* Motion tokens — shared across AppTopBar subcomponents */
 :root {
@@ -18585,15 +19112,77 @@ code, pre {
   cursor: pointer;
   user-select: none;
 }
+.mint-checkbox--default {
+  width: fit-content;
+}
+.mint-checkbox--row {
+  width: 100%;
+  min-height: 2rem;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem;
+  border-radius: var(--radius-sm, 0.375rem);
+  background: transparent;
+  box-sizing: border-box;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+.mint-checkbox--row:hover {
+  background: var(--bg-hover);
+}
 .mint-checkbox--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
+.mint-checkbox--disabled.mint-checkbox--row:hover {
+  background: transparent;
+}
+.mint-checkbox__row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
+  flex-shrink: 0;
+  transition:
+    color 0.15s ease,
+    transform 0.15s ease;
+}
+.mint-checkbox--row:hover .mint-checkbox__row-icon {
+  transform: scale(1.04);
+}
+.mint-checkbox__row-svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-checkbox__row-text-icon {
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-checkbox__copy {
+  display: block;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.mint-checkbox__copy .mint-tooltip {
+  max-width: 100%;
+}
+.mint-checkbox--row .mint-checkbox__label {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mint-checkbox__label--tooltip {
+  cursor: help;
+}
 .mint-checkbox__input-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0;
 }
 .mint-checkbox__native {
   position: absolute;
@@ -18670,6 +19259,7 @@ code, pre {
 }
 .mint-checkbox__label {
   color: var(--text-primary);
+  line-height: 1.25;
 }
 .mint-checkbox__label--sm {
   font-size: 0.875rem;
@@ -18680,30 +19270,60 @@ code, pre {
 .mint-checkbox__label--lg {
   font-size: 1rem;
 }
+@media (prefers-reduced-motion: reduce) {
+  .mint-checkbox--row,
+  .mint-checkbox__row-icon,
+  .mint-checkbox__box {
+    transition: none;
+  }
+
+  .mint-checkbox--row:hover .mint-checkbox__row-icon {
+    transform: none;
+  }
+}
 /* CollapsibleCard Component Styles */
 .mint-collapsible-card {
   border: 1px solid var(--border-color);
   border-radius: var(--radius-lg);
   overflow: hidden;
   background-color: var(--bg-card);
+  transition:
+    border-color 150ms ease,
+    box-shadow 150ms ease,
+    transform 150ms ease;
 }
-.mint-collapsible-card__header {
+.mint-collapsible-card:hover {
+  border-color: color-mix(in srgb, var(--color-primary) 20%, var(--border-color));
+  box-shadow: var(--shadow-sm);
+}
+.mint-collapsible-card__header-shell {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   width: 100%;
+  background-color: var(--bg-card);
+  transition: background-color 0.15s ease;
+}
+.mint-collapsible-card__header-shell:hover {
+  background-color: var(--bg-hover);
+}
+.mint-collapsible-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex: 1;
+  min-width: 0;
   padding: 0.75rem;
   text-align: left;
-  background-color: var(--bg-card);
+  background-color: transparent;
   border: none;
   cursor: pointer;
-  transition: background-color 0.15s ease;
+  transition: color 0.15s ease;
   gap: 0.75rem;
   font-family: inherit;
   min-height: 3rem;
 }
 .mint-collapsible-card__header:hover {
-  background-color: var(--bg-hover);
+  background-color: transparent;
 }
 .mint-collapsible-card__header:focus-visible {
   outline: none;
@@ -18728,6 +19348,10 @@ code, pre {
   height: 2rem;
   border-radius: var(--radius-md);
   flex-shrink: 0;
+  transition: transform 180ms ease, background-color 150ms ease;
+}
+.mint-collapsible-card__header-shell:hover .mint-collapsible-card__icon-badge {
+  transform: scale(1.04);
 }
 .mint-collapsible-card__icon {
   width: 1rem;
@@ -18769,8 +19393,95 @@ code, pre {
 .mint-collapsible-card__actions {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 0.375rem;
   flex-shrink: 0;
+  padding-right: 0.625rem;
+}
+.mint-collapsible-card__badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  padding: 0 0.375rem;
+  border-radius: 9999px;
+  background: color-mix(in srgb, var(--mint-sidebar-badge-color) 14%, transparent);
+  color: var(--mint-sidebar-badge-color);
+  font-size: 0.6875rem;
+  font-weight: 700;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+}
+.mint-collapsible-card__badge--primary,
+.mint-collapsible-card__action--primary {
+  --mint-sidebar-badge-color: var(--color-primary);
+}
+.mint-collapsible-card__badge--cta,
+.mint-collapsible-card__action--cta {
+  --mint-sidebar-badge-color: var(--color-cta);
+}
+.mint-collapsible-card__badge--success,
+.mint-collapsible-card__action--success {
+  --mint-sidebar-badge-color: var(--mint-success);
+}
+.mint-collapsible-card__badge--warning,
+.mint-collapsible-card__action--warning {
+  --mint-sidebar-badge-color: var(--mint-warning);
+}
+.mint-collapsible-card__badge--error,
+.mint-collapsible-card__action--error {
+  --mint-sidebar-badge-color: var(--mint-error);
+}
+.mint-collapsible-card__badge--info,
+.mint-collapsible-card__action--info {
+  --mint-sidebar-badge-color: var(--mint-info);
+}
+.mint-collapsible-card__badge--neutral,
+.mint-collapsible-card__action--neutral {
+  --mint-sidebar-badge-color: var(--text-secondary);
+}
+.mint-collapsible-card__action,
+.mint-collapsible-card__chevron-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border: 0;
+  border-radius: var(--radius-md);
+  color: var(--mint-sidebar-badge-color, var(--text-muted));
+  background: transparent;
+  cursor: pointer;
+  transition:
+    color 150ms ease,
+    background-color 150ms ease,
+    transform 150ms ease;
+}
+.mint-collapsible-card__action:hover,
+.mint-collapsible-card__chevron-button:hover {
+  color: var(--mint-sidebar-badge-color, var(--text-secondary));
+  background: color-mix(in srgb, var(--mint-sidebar-badge-color, var(--text-secondary)) 10%, transparent);
+  transform: translateY(-1px);
+}
+.mint-collapsible-card__action:focus-visible,
+.mint-collapsible-card__chevron-button:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.mint-collapsible-card__action:disabled,
+.mint-collapsible-card__action--disabled,
+.mint-collapsible-card__chevron-button:disabled {
+  opacity: var(--mint-disabled-opacity);
+  cursor: not-allowed;
+  transform: none;
+}
+.mint-collapsible-card__action-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-collapsible-card__action-text-icon {
+  font-size: 0.8125rem;
+  line-height: 1;
 }
 .mint-collapsible-card__toggle {
   display: flex;
@@ -18808,8 +19519,8 @@ code, pre {
   left: 1.125rem;
 }
 .mint-collapsible-card__chevron {
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 1rem;
+  height: 1rem;
   color: var(--text-muted);
   transition: transform 0.2s ease;
   flex-shrink: 0;
@@ -18817,7 +19528,7 @@ code, pre {
 .mint-collapsible-card__chevron--open {
   transform: rotate(180deg);
 }
-.mint-collapsible-card__header:hover .mint-collapsible-card__chevron {
+.mint-collapsible-card__header-shell:hover .mint-collapsible-card__chevron {
   color: var(--text-secondary);
 }
 .mint-collapsible-card__body {
@@ -18838,15 +19549,13 @@ code, pre {
   gap: 0.5rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__icon-badge {
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 1.75rem;
+  height: 1.75rem;
   border-radius: var(--radius);
-  background: transparent !important;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__icon {
   width: 0.875rem;
   height: 0.875rem;
-  opacity: 0.5;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__title {
   font-size: 0.8125rem;
@@ -18855,7 +19564,8 @@ code, pre {
   font-size: 0.6875rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__actions {
-  gap: 0.5rem;
+  gap: 0.25rem;
+  padding-right: 0.5rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__chevron {
   width: 0.875rem;
@@ -18886,6 +19596,20 @@ code, pre {
     transition: none;
   }
 
+  .mint-collapsible-card,
+  .mint-collapsible-card__icon-badge,
+  .mint-collapsible-card__action,
+  .mint-collapsible-card__chevron-button {
+    transition: none;
+  }
+
+  .mint-collapsible-card:hover,
+  .mint-collapsible-card__header-shell:hover .mint-collapsible-card__icon-badge,
+  .mint-collapsible-card__action:hover,
+  .mint-collapsible-card__chevron-button:hover {
+    transform: none;
+  }
+
   .mint-collapsible-card__toggle-knob {
     transition: none;
   }
@@ -22377,6 +23101,24 @@ html.dark .mint-toast__item .mint-toast__message {
   cursor: pointer;
   user-select: none;
 }
+.mint-toggle--default {
+  width: fit-content;
+}
+.mint-toggle--row {
+  width: 100%;
+  min-height: 2rem;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem;
+  border-radius: var(--radius-sm, 0.375rem);
+  background: transparent;
+  box-sizing: border-box;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+.mint-toggle--row:hover {
+  background: var(--bg-hover);
+}
 .mint-toggle--reverse {
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -22394,27 +23136,70 @@ html.dark .mint-toast__item .mint-toast__message {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
-.mint-toggle__track {
-  position: relative;
-  display: inline-block;
+.mint-toggle--disabled.mint-toggle--row:hover {
+  background: transparent;
+}
+.mint-toggle__row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
   flex-shrink: 0;
-  padding: 2px;
-  border-radius: 9999px;
-  /* Explicit border-box — knob `left` math assumes the declared width/height
-     are the outer dimensions. Without this, a consumer without a global
-     box-sizing reset (e.g. raw Histoire) renders the track 4px too wide and
-     the on-state knob falls short of the right edge. */
-  box-sizing: border-box;
-  transition: background-color 0.15s ease, box-shadow 0.15s ease;
+  transition:
+    color 0.15s ease,
+    transform 0.15s ease;
 }
-.mint-toggle__track--off {
-  background-color: var(--bg-tertiary);
+.mint-toggle--row:hover .mint-toggle__row-icon {
+  transform: scale(1.04);
 }
-.mint-toggle__track--on {
-  background-color: var(--color-primary);
+.mint-toggle__row-svg {
+  width: 0.875rem;
+  height: 0.875rem;
 }
-.mint-toggle:not(.mint-toggle--disabled):hover .mint-toggle__track {
-  box-shadow: var(--shadow-sm);
+.mint-toggle__row-text-icon {
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-toggle__copy {
+  display: block;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.mint-toggle__copy .mint-tooltip {
+  max-width: 100%;
+}
+.mint-toggle--row .mint-toggle__label {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mint-toggle__label--tooltip {
+  cursor: help;
+}
+.mint-toggle__track {
+  position: relative;
+  display: inline-block;
+  flex-shrink: 0;
+  padding: 2px;
+  border-radius: 9999px;
+  /* Explicit border-box — knob `left` math assumes the declared width/height
+     are the outer dimensions. Without this, a consumer without a global
+     box-sizing reset (e.g. raw Histoire) renders the track 4px too wide and
+     the on-state knob falls short of the right edge. */
+  box-sizing: border-box;
+  transition: background-color 0.15s ease, box-shadow 0.15s ease;
+}
+.mint-toggle__track--off {
+  background-color: var(--bg-tertiary);
+}
+.mint-toggle__track--on {
+  background-color: var(--color-primary);
+}
+.mint-toggle:not(.mint-toggle--disabled):hover .mint-toggle__track {
+  box-shadow: var(--shadow-sm);
 }
 .mint-toggle__track:focus {
   outline: none;
@@ -22473,6 +23258,7 @@ html.dark .mint-toast__item .mint-toast__message {
 }
 .mint-toggle__label {
   color: var(--text-primary);
+  line-height: 1.25;
 }
 .mint-toggle__label--sm {
   font-size: 0.875rem;
@@ -22484,9 +23270,15 @@ html.dark .mint-toast__item .mint-toast__message {
   font-size: 1rem;
 }
 @media (prefers-reduced-motion: reduce) {
+  .mint-toggle--row,
+  .mint-toggle__row-icon,
   .mint-toggle__knob {
     transition: none;
   }
+
+  .mint-toggle--row:hover .mint-toggle__row-icon {
+    transform: none;
+  }
 }
 /* WellPlate Component Styles */
 .mint-well-plate {
@@ -23414,6 +24206,7 @@ html.dark .mint-toast__item .mint-toast__message {
   display: flex;
   flex-direction: column;
 }
+/* --- Paste: free-form textarea (the self-designed input path) --- */
 .mint-auto-group__paste {
   position: relative;
 }
@@ -23630,324 +24423,303 @@ html.dark .mint-toast__item .mint-toast__message {
   flex-wrap: wrap;
   gap: 0.375rem;
 }
-/* --- Outlier step --- */
-.mint-auto-group__outlier-step {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-.mint-auto-group__outlier-banner {
-  padding: 0.75rem 1rem;
-  background: var(--mint-warning-bg);
-  border: 1px solid rgba(245, 158, 11, 0.3);
-  border-radius: var(--radius-md);
-  font-size: 0.8125rem;
-  color: var(--text-primary);
-}
-.mint-auto-group__outlier-banner code {
+.mint-auto-group__field-value {
   font-family: 'Fira Code', monospace;
-  background: var(--bg-tertiary);
-  padding: 0.125rem 0.375rem;
-  border-radius: var(--radius-sm);
-  font-size: 0.8125rem;
+  font-size: 11.5px;
+  background: var(--bg-primary);
+  border: 1px solid var(--border);
+  padding: 2px 8px;
+  border-radius: 9999px;
+  color: var(--text-secondary);
 }
-.mint-auto-group__outlier-batch {
+/* --- Navigation --- */
+.mint-auto-group__nav {
   display: flex;
+  align-items: center;
   gap: 0.5rem;
 }
-.mint-auto-group__outlier-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  max-height: 300px;
-  overflow-y: auto;
+.mint-auto-group__nav-spacer {
+  flex: 1;
 }
-.mint-auto-group__outlier-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem 0.75rem;
-  background: var(--bg-secondary);
-  border: 1px solid var(--border-color);
+/* --- Workspace step --- */
+.mint-auto-group__workspace { display: grid; grid-template-columns: 220px 1fr; gap: 16px; min-height: 480px; position: relative; }
+.mint-auto-group__classes { background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--radius); padding: 12px; display: flex; flex-direction: column; gap: 4px; }
+.mint-auto-group__classes h3 { font-size: 11px; letter-spacing: .08em; color: var(--text-muted); text-transform: uppercase; margin: 0 0 8px; }
+.mint-auto-group__class { display: grid; grid-template-columns: 12px 1fr auto; align-items: center; gap: 8px; padding: 8px 10px; border-radius: var(--radius-sm); cursor: pointer; background: transparent; border: 1px solid transparent; font-size: 13px; color: var(--text-primary); text-align: left; }
+.mint-auto-group__class:hover { background: var(--bg-tertiary); }
+.mint-auto-group__class--active { background: var(--color-primary-soft); border-color: var(--color-primary); color: var(--color-primary); font-weight: 500; }
+.mint-auto-group__class--qc .mint-auto-group__class-dot { background: var(--mint-warning); }
+.mint-auto-group__class-dot { width: 8px; height: 8px; border-radius: 9999px; background: var(--text-muted); }
+.mint-auto-group__class-count { font-family: 'Fira Code', monospace; font-size: 11.5px; color: var(--text-secondary); background: var(--bg-secondary); padding: 2px 8px; border-radius: 9999px; border: 1px solid var(--border); }
+.mint-auto-group__schema { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
+/* --- Suggestion banner --- */
+.mint-auto-group__suggest { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: var(--radius); border: 1px dashed var(--color-primary); background: var(--color-primary-soft); color: var(--color-primary); font-size: 12.5px; }
+.mint-auto-group__suggest-btn { margin-left: 8px; background: var(--bg-primary); border: 1px solid var(--color-primary); color: var(--color-primary); padding: 4px 10px; border-radius: var(--radius-sm); cursor: pointer; font-size: 12px; }
+.mint-auto-group__suggest-btn--ghost { border-color: var(--border); color: var(--text-secondary); }
+/* --- 3-stat strip (Option B redesign) ---
+ *
+ * Three peer stats at the top of the schema panel:
+ *   Groups (primary, with factor-chip composition below)
+ *   Samples (active class size · class label · token count)
+ *   Avg / group (with min/max sub)
+ *
+ * Replaces the old schema header + group summary bar. The strip is a
+ * single rounded card with 1px gap dividers so the three cells read as
+ * a unit, not three floating panels. */
+.mint-auto-group__stats {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1px;
+  background: var(--border);
+  border: 1px solid var(--border);
   border-radius: var(--radius);
+  overflow: hidden;
 }
-.mint-auto-group__outlier-info {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
+.mint-auto-group__stat {
+  background: var(--bg-primary);
+  padding: 12px 14px;
   min-width: 0;
 }
-.mint-auto-group__outlier-name {
-  font-family: 'Fira Code', monospace;
-  font-size: 0.8125rem;
+.mint-auto-group__stat-v {
+  font-size: 22px;
+  font-weight: 700;
   color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
 }
-.mint-auto-group__outlier-badge {
-  font-size: 0.6875rem;
-  padding: 0.125rem 0.375rem;
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
+.mint-auto-group__stat--primary .mint-auto-group__stat-v { color: var(--color-primary); }
+.mint-auto-group__stat-l {
+  font-size: 11px;
   color: var(--text-muted);
-  white-space: nowrap;
-  flex-shrink: 0;
-}
-.mint-auto-group__outlier-actions {
-  display: flex;
-  gap: 0.25rem;
-  flex-shrink: 0;
-  margin-left: 0.75rem;
-}
-.mint-auto-group__action-btn {
-  font-size: 0.6875rem;
-  padding: 0.25rem 0.5rem;
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-sm);
-  background: var(--bg-secondary);
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: all 0.1s;
-}
-.mint-auto-group__action-btn:hover {
-  background: var(--bg-hover);
-}
-.mint-auto-group__action-btn:focus-visible {
-  outline: 2px solid var(--color-primary);
-  outline-offset: 1px;
-}
-.mint-auto-group__action-btn--active {
-  background: var(--color-primary-soft);
-  border-color: var(--color-primary);
-  color: var(--color-primary);
-  font-weight: 500;
-}
-.mint-auto-group__action-btn--active.mint-auto-group__action-btn--exclude {
-  background: var(--mint-error-bg);
-  border-color: var(--mint-error);
-  color: var(--mint-error);
-}
-.mint-auto-group__action-btn--active.mint-auto-group__action-btn--qc {
-  background: rgba(107, 114, 128, 0.12);
-  border-color: var(--text-secondary);
-  color: var(--text-secondary);
-}
-/* --- Field step --- */
-.mint-auto-group__field-step {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-.mint-auto-group__field-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 0.75rem;
-}
-@media (max-width: 600px) {
-  .mint-auto-group__field-grid {
-    grid-template-columns: 1fr;
-  }
-}
-.mint-auto-group__field-card {
-  padding: 0.75rem;
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md);
-  background: var(--bg-secondary);
-  transition: border-color 0.15s, box-shadow 0.15s;
-}
-.mint-auto-group__field-card--enabled {
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 1px var(--color-primary-soft);
-}
-.mint-auto-group__field-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 0.5rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-top: 4px;
+  font-weight: 600;
 }
-.mint-auto-group__field-toggle {
+.mint-auto-group__stat-sub {
+  margin-top: 8px;
   display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
   align-items: center;
-  gap: 0.375rem;
-  cursor: pointer;
-  font-size: 0.8125rem;
+  font-size: 11.5px;
   color: var(--text-secondary);
+  min-height: 22px;
 }
-.mint-auto-group__field-toggle input {
-  accent-color: var(--color-primary);
-}
-.mint-auto-group__field-toggle-label {
-  user-select: none;
-}
-.mint-auto-group__field-cardinality {
-  font-size: 0.6875rem;
+.mint-auto-group__stat-sub--muted {
   color: var(--text-muted);
+  font-size: 11.5px;
 }
-.mint-auto-group__field-name-input {
-  margin-bottom: 0.5rem;
-}
-.mint-auto-group__field-values {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-  max-height: 4.5rem;
-  overflow-y: auto;
-}
-.mint-auto-group__field-value {
-  font-size: 0.6875rem;
-  padding: 0.125rem 0.375rem;
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
-  color: var(--text-secondary);
-  font-family: 'Fira Code', monospace;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.mint-auto-group__field-more {
-  font-size: 0.6875rem;
-  padding: 0.125rem 0.375rem;
+.mint-auto-group__stat-empty {
   color: var(--text-muted);
   font-style: italic;
 }
-.mint-auto-group__field-summary {
-  font-size: 0.8125rem;
+.mint-auto-group__stat-empty strong {
   color: var(--text-secondary);
-  padding: 0.5rem 0.75rem;
-  background: var(--bg-tertiary);
-  border-radius: var(--radius);
+  font-style: normal;
+  font-weight: 600;
 }
-.mint-auto-group__field-summary strong {
-  color: var(--text-primary);
+.mint-auto-group__group-chip {
+  font-size: 10.5px;
+  font-family: 'Fira Code', monospace;
+  padding: 2px 7px;
+  border-radius: 9999px;
+  background: var(--color-primary-soft);
+  color: var(--color-primary);
+  white-space: nowrap;
+  line-height: 1.4;
 }
-.mint-auto-group__field-warning {
-  font-size: 0.8125rem;
-  color: var(--mint-warning);
-  padding: 0.5rem 0.75rem;
-  background: var(--mint-warning-bg);
-  border-radius: var(--radius);
+/* --- QC routing radio group (replaces the two checkboxes) --- */
+.mint-auto-group__routing {
+  margin-top: 14px;
+  padding-top: 14px;
+  border-top: 1px solid var(--border);
 }
-/* --- Preview step --- */
-.mint-auto-group__preview-step {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
+.mint-auto-group__routing-head {
+  margin: 0 0 8px;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  font-weight: 600;
 }
-.mint-auto-group__preview-summary {
+.mint-auto-group__routing-radio {
   display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem 1rem;
-  padding: 0.75rem 1rem;
-  background: var(--bg-tertiary);
-  border-radius: var(--radius-md);
-}
-.mint-auto-group__preview-stat {
-  font-size: 0.8125rem;
-  color: var(--text-secondary);
-}
-.mint-auto-group__preview-stat strong {
+  align-items: flex-start;
+  gap: 8px;
+  font-size: 12.5px;
   color: var(--text-primary);
+  padding: 5px 0;
+  cursor: pointer;
+  line-height: 1.4;
 }
-.mint-auto-group__preview-stat--excluded strong {
-  color: var(--mint-error);
+.mint-auto-group__routing-radio input {
+  margin-top: 2px;
+  accent-color: var(--color-primary);
+  flex-shrink: 0;
 }
-.mint-auto-group__preview-groups {
+.mint-auto-group__routing-radio small {
+  display: block;
+  color: var(--text-muted);
+  font-size: 11px;
+  margin-top: 1px;
+}
+/* --- Compact token table (replaces the horizontal cards row) ---
+ *
+ * One row per token position. Lets users scan a 6+ token batch without
+ * horizontal scrolling and without each row carrying redundant card chrome.
+ * Click the row to open the popover (rename, role override, value ops).
+ * The Use checkbox lives inline; @click.stop on the label prevents
+ * accidental popover triggering when toggling Use. */
+.mint-auto-group__token-table {
+  flex: 1;
+  min-height: 0;
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
-  max-height: 20rem;
-  overflow-y: auto;
-}
-.mint-auto-group__preview-group {
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--border);
   border-radius: var(--radius);
-  overflow: hidden;
-}
-.mint-auto-group__preview-group[open] {
-  background: var(--bg-secondary);
+  background: var(--bg-primary);
+  overflow: auto;
 }
-.mint-auto-group__preview-group-header {
-  display: flex;
+.mint-auto-group__token-row {
+  display: grid;
+  /* Column widths chosen to fit in the lg modal's ~440px schema panel.
+   * Token# stays narrow (single digit), Name + Preview share remaining
+   * flex space, Role pill is fixed for badge stability, # uses a glyph
+   * header so 32px is enough, Use is the checkbox, then the ⋯ trigger. */
+  grid-template-columns: 28px minmax(0, 1fr) 76px 48px minmax(0, 1.4fr) 28px 18px;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
+  gap: 8px;
+  padding: 9px 12px;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  font-size: 12.5px;
+  color: var(--text-primary);
+  text-align: left;
   cursor: pointer;
-  font-size: 0.8125rem;
-  user-select: none;
-  min-width: 0;
+  width: 100%;
+  font-family: inherit;
+  transition: background-color 150ms ease;
 }
-.mint-auto-group__preview-group-header:hover {
-  background: var(--bg-hover);
+.mint-auto-group__token-row:last-child { border-bottom: 0; }
+.mint-auto-group__token-row:hover { background: var(--bg-secondary); }
+.mint-auto-group__token-row:focus-visible {
+  outline: 2px solid var(--color-primary);
+  outline-offset: -2px;
 }
-.mint-auto-group__preview-dot {
-  width: 0.625rem;
-  height: 0.625rem;
-  border-radius: 50%;
-  flex-shrink: 0;
+.mint-auto-group__token-row--active { background: var(--color-primary-soft); }
+.mint-auto-group__token-row--head {
+  cursor: default;
+  background: var(--bg-secondary);
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  padding: 8px 14px;
 }
-.mint-auto-group__preview-group-name {
+.mint-auto-group__token-row--head:hover { background: var(--bg-secondary); }
+.mint-auto-group__token-ix {
+  font-family: 'Fira Code', monospace;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+.mint-auto-group__token-nm {
   font-weight: 500;
-  color: var(--text-primary);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
 }
-.mint-auto-group__preview-group-count {
-  font-size: 0.6875rem;
-  font-weight: 500;
-  padding: 0.0625rem 0.375rem;
-  border-radius: var(--radius-sm);
-  margin-left: auto;
-}
-.mint-auto-group__preview-samples {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-  padding: 0.5rem 0.75rem;
-  border-top: 1px solid var(--border-light);
-}
-.mint-auto-group__preview-sample {
-  font-size: 0.75rem;
+.mint-auto-group__token-unique {
   font-family: 'Fira Code', monospace;
-  padding: 0.125rem 0.375rem;
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
+  font-size: 12.5px;
   color: var(--text-secondary);
+  text-align: right;
+  font-variant-numeric: tabular-nums;
 }
-.mint-auto-group__preview-sample--excluded {
-  opacity: 0.5;
-  text-decoration: line-through;
-}
-/* --- Excluded section --- */
-.mint-auto-group__preview-excluded {
-  border-top: 1px solid var(--border-color);
-  padding-top: 0.75rem;
+.mint-auto-group__token-num { text-align: right; }
+.mint-auto-group__token-preview {
+  font-family: 'Fira Code', monospace;
+  font-size: 11.5px;
+  color: var(--text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
 }
-.mint-auto-group__preview-excluded-title {
-  font-size: 0.75rem;
-  font-weight: 500;
+.mint-auto-group__token-more {
   color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  margin-bottom: 0.5rem;
-}
-.mint-auto-group__preview-excluded-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
+  font-style: italic;
 }
-/* --- Navigation --- */
-.mint-auto-group__nav {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
+.mint-auto-group__token-use,
+.mint-auto-group__token-use-head { display: flex; justify-content: center; }
+.mint-auto-group__token-use { cursor: pointer; }
+.mint-auto-group__token-use input {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+  accent-color: var(--color-primary);
 }
-.mint-auto-group__nav-spacer {
-  flex: 1;
+.mint-auto-group__token-trigger {
+  color: var(--text-muted);
+  text-align: center;
+  font-size: 14px;
+  user-select: none;
 }
+/* --- Role badge (used in token rows and inside the popover) --- */
+.mint-auto-group__role { align-self: flex-start; display: inline-flex; padding: 2px 8px; border-radius: 9999px; border: 1px solid var(--border); background: var(--bg-secondary); color: var(--text-secondary); font-size: 10.5px; text-transform: uppercase; cursor: pointer; }
+.mint-auto-group__role--factor { background: var(--color-primary-soft); color: var(--color-primary); border-color: transparent; }
+.mint-auto-group__role--constant { background: var(--bg-tertiary); color: var(--text-muted); border-color: transparent; }
+.mint-auto-group__role--replicate { background: var(--mint-info-bg); color: var(--mint-info); border-color: var(--mint-info-border); }
+.mint-auto-group__role--run-order { background: var(--bg-tertiary); color: var(--text-muted); border-color: transparent; }
+.mint-auto-group__role--numeric { background: rgba(249,115,22,.10); color: var(--color-cta); border-color: rgba(249,115,22,.30); }
+.mint-auto-group__role--class-tag { background: rgba(123,208,181,.16); color: #0F766E; border-color: transparent; }
+.mint-auto-group__role--ignore { background: var(--bg-tertiary); color: var(--text-muted); border-color: transparent; }
+/* --- Column popover (token rename, role override, value ops) ---
+ * - bg-primary so it reads brighter than the surrounding bg-secondary panels.
+ * - Layered shadow (close + far) reads as elevated rather than recessed.
+ * - z-index 20 sits above schema cards but stays scoped to the modal's
+ *   stacking context. */
+.mint-auto-group__popover { position: absolute; right: 20px; top: 60px; width: 320px; background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 12px 32px -8px rgba(15, 23, 42, .22); padding: 14px; z-index: 20; display: flex; flex-direction: column; gap: 12px; }
+.mint-auto-group__popover-head { display: flex; align-items: center; gap: 8px; }
+.mint-auto-group__popover-head .mono { font-family: 'Fira Code', monospace; font-size: 11px; color: var(--text-muted); margin-left: auto; }
+.mint-auto-group__popover-close { background: transparent; border: 0; cursor: pointer; color: var(--text-secondary); font-size: 16px; }
+.mint-auto-group__popover-section { display: flex; flex-direction: column; gap: 6px; }
+.mint-auto-group__popover-label { font-size: 12px; font-weight: 600; color: var(--text-primary); }
+.mint-auto-group__pills { display: flex; flex-wrap: wrap; gap: 6px; }
+.mint-auto-group__pill-btn { font-size: 11.5px; padding: 3px 10px; border-radius: 9999px; border: 1px solid var(--border); background: var(--bg-primary); color: var(--text-secondary); cursor: pointer; }
+.mint-auto-group__pill-btn--on { background: var(--color-primary-soft); border-color: var(--color-primary); color: var(--color-primary); font-weight: 600; }
+.mint-auto-group__values-list { display: flex; flex-direction: column; gap: 6px; max-height: 180px; overflow-y: auto; }
+.mint-auto-group__value-row { display: grid; grid-template-columns: 100px 1fr auto; gap: 8px; align-items: center; }
+.mint-auto-group__value-src { font-family: 'Fira Code', monospace; font-size: 11.5px; color: var(--text-muted); text-align: right; }
+.mint-auto-group__value-input { border: 1px solid var(--border); background: var(--bg-secondary); padding: 4px 8px; border-radius: var(--radius-sm); font-family: 'Fira Code', monospace; font-size: 12px; }
+.mint-auto-group__value-excl { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; color: var(--text-secondary); }
+.mint-auto-group__link { background: transparent; border: 0; color: var(--color-primary); font-size: 12.5px; cursor: pointer; text-align: left; padding: 0; }
+/* --- CSV download templates (Input step) --- */
+.mint-auto-group__template { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--border); display: flex; align-items: center; gap: 12px; }
+.mint-auto-group__template-label { font-size: 12.5px; color: var(--text-secondary); }
+.mint-auto-group__template-actions { display: flex; gap: 8px; }
+/* --- Preview step --- */
+.mint-auto-group__preview { display: flex; flex-direction: column; gap: 14px; }
+.mint-auto-group__preview-summary { background: var(--color-primary-soft); color: var(--color-primary); border: 1px solid var(--color-primary); border-radius: var(--radius); padding: 10px 14px; font-size: 13px; }
+.mint-auto-group__preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+.mint-auto-group__preview-panel { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px; }
+.mint-auto-group__preview-panel h4 { margin: 0 0 10px; font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .06em; }
+.mint-auto-group__preview-group { border: 1px solid var(--border-color); border-radius: var(--radius); overflow: hidden; }
+.mint-auto-group__preview-group[open] { background: var(--bg-secondary); }
+.mint-auto-group__preview-group summary { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 13px; padding: 0.5rem 0.875rem; }
+.mint-auto-group__preview-group[open] summary { border-bottom: 1px solid var(--border); }
+.mint-auto-group__preview-dot { width: 10px; height: 10px; border-radius: 9999px; flex-shrink: 0; }
+.mint-auto-group__preview-count { margin-left: auto; font-family: 'Fira Code', monospace; font-size: 12px; color: var(--text-secondary); background: var(--bg-primary); border: 1px solid var(--border); padding: 2px 8px; border-radius: 9999px; }
+.mint-auto-group__preview-samples { display: flex; flex-wrap: wrap; gap: 6px; padding: 0.5rem 0.875rem 0.625rem; }
+.mint-auto-group__preview-sample { font-family: 'Fira Code', monospace; font-size: 11.5px; color: var(--text-primary); background: var(--bg-primary); border: 1px solid var(--border); padding: 3px 8px; border-radius: 9999px; }
+.mint-auto-group__qc-chips { display: flex; flex-wrap: wrap; gap: 6px; }
+.mint-auto-group__qc-chip { background: var(--mint-warning-bg); color: #92400E; border: 1px solid var(--mint-warning-border); padding: 4px 10px; border-radius: 9999px; font-size: 12px; }
+.mint-auto-group__fingerprint { margin-top: 14px; }
+.mint-auto-group__fingerprint summary { cursor: pointer; font-size: 12px; color: var(--text-muted); }
+.mint-auto-group__fingerprint pre { font-family: 'Fira Code', monospace; font-size: 11px; background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 8px; overflow-x: auto; }
 /* GroupAssigner Component Styles */
 .mint-group-assigner {
   display: flex;