@morscherlab/mint-sdk 1.3.0 → 1.3.1

package/dist/{components-vHfxV2PB.js → components-bbanLd1u.js}

@@ -2,7 +2,7 @@ import { a as tryUseSettingsStore, c as mintApiErrorFromResponse, i as tableDens
 import { a as SORT_OPTIONS, c as formatExperimentDate, f as BaseModal_default, h as BaseButton_default, l as formatExperimentStatus, m as useEventListener, p as useFocusTrap, r as EXPERIMENT_STATUS_OPTIONS, t as DATE_PRESET_OPTIONS, u as getExperimentStatusVariant } from "./experiment-utils-DTANyVKV.js";
 import { a as normalizeOptionInput, i as BaseSelect_default, n as Skeleton_default, o as BaseInput_default, r as EmptyState_default, t as ResourcePickerListInternal_default } from "./ResourcePickerListInternal-CFAw4vTZ.js";
 import { $n as FormulaInput_default, An as getControlDefaults, B as toBioTemplateComponentProps, Cn as SAMPLE_GROUP_TOKENS, Cr as FileUploader_default, F as getBioTemplateComponentProps, Fn as controlsToSettingsSchema, Gn as getFieldRegistryEntry, H as toBioTemplateComponentPropsById, Hr as durationMinutes, In as controlsToSidebarPanels, Jn as UnitInput_default, Kr as formatTime, L as toBioTemplateComponentBindings, Mn as controlsToFormSchema, Pn as controlsToSectionFormSchemas, R as toBioTemplateComponentBindingsById, Rr as TagsInput_default, Sn as SAMPLE_COLOR_SCALE, Sr as _plugin_vue_export_helper_default, Tr as SecretInput_default, V as toBioTemplateComponentPropsByComponent, Vr as compareTime, Xn as MoleculeInput_default, Yn as useConcentrationUnits, Zn as SequenceInput_default, _n as createPlateRowLabels, ai as useListSelection, ar as getInjectedPlatformContext, br as isRecord, ci as BaseRadioGroup_default, di as Tooltip_default, fi as BaseTextarea_default, fn as extractTemplateCollection, gn as createPlateColumnLabels, hn as WELL_PLATE_SIZE_CONFIGS, hr as normalizeJobPercent, ii as MultiSelect_default, li as BaseToggle_default, lr as createGeneratedAnalysisTransport, mn as PLATE_CONFIGS, mr as jobStatusLabel, ni as DatePicker_default, nr as GeneratedPathInput_default, qn as ConcentrationInput_default, ri as useDropdownState, rr as GENERATED_JOBS_API_KEY, si as BaseSlider_default, sr as resolveCurrentExperimentId, tr as useChemicalFormula, ui as BaseCheckbox_default, ur as useGeneratedAnalysis, vn as createWellGrid, wn as SLOT_ORDER, wr as NumberInput_default, xr as useMenuKeyboard, yn as getRectangleWellIds, yr as DateTimePicker_default, zr as TimePicker_default } from "./templates-BU1pet28.js";
-import { B as useRackEditor, Bt as useRovingFocus, C as useExperimentSamples, D as getSampleGroupMajorPrefix, Dt as useAppExperiment, E as useSampleGroups, Et as APP_EXPERIMENT_KEY, F as useAutoGroup, G as useDoseCalculator, H as reorderList, J as usePluginJobCenter, Lt as useTextSearch, Mt as usePlatformContext, Nt as useTheme, O as getSampleGroupParentPath, Ot as getInjectedFrontendRevision, Pt as useToast, S as useScheduleDrag, T as useExpansionSet, Tt as mergeControlWorkspaceOptions, U as useListReorder, W as useReorderAnnouncer, X as downloadBlob, a as useExperimentSelector, c as DEFAULT_PRESETS, ct as usePluginWorkspace, d as useReagentSeries, dt as useFormBuilder, f as useGroupAssignment, ht as defineDoseDesignControlModel, i as useAnalysisArtifacts, j as readFileAsText, jt as usePresenceHeartbeat, kt as useRuntimeAlignment, l as DEFAULT_UNITS, lt as DEFAULT_MOBILE_VIEWPORT_QUERY, m as useBioTemplatePackWorkspace, n as pickerFormat, p as useBioTemplatePresetWorkspace, r as pickerReason, s as useProtocolTemplates, st as useRequestSyncState, t as pickerExclusion, ut as useMobileSupportGate, w as useExperimentData, xt as resolveControlModel, yt as useControlWorkspace, z as DEFAULT_COLORS, zt as useSortedItems } from "./validation-Dmp9Q5W0.js";
+import { $ as downloadBlob, At as useAppExperiment, B as GROUPING_FIELD_ROLES, Bt as useTextSearch, C as useExperimentSamples, D as getSampleGroupMajorPrefix, E as useSampleGroups, F as useAutoGroup, Ft as usePlatformContext, G as reorderList, H as classKey, Ht as useSortedItems, It as useTheme, J as useDoseCalculator, K as useListReorder, Lt as useToast, Mt as useRuntimeAlignment, O as getSampleGroupParentPath, Ot as mergeControlWorkspaceOptions, Pt as usePresenceHeartbeat, S as useScheduleDrag, St as useControlWorkspace, T as useExpansionSet, U as useRackEditor, Ut as useRovingFocus, V as isExperimentalKind, Z as usePluginJobCenter, a as useExperimentSelector, c as DEFAULT_PRESETS, d as useReagentSeries, dt as usePluginWorkspace, f as useGroupAssignment, ft as DEFAULT_MOBILE_VIEWPORT_QUERY, i as useAnalysisArtifacts, j as readFileAsText, jt as getInjectedFrontendRevision, kt as APP_EXPERIMENT_KEY, l as DEFAULT_UNITS, m as useBioTemplatePackWorkspace, mt as useFormBuilder, n as pickerFormat, p as useBioTemplatePresetWorkspace, pt as useMobileSupportGate, q as useReorderAnnouncer, r as pickerReason, s as useProtocolTemplates, t as pickerExclusion, ut as useRequestSyncState, vt as defineDoseDesignControlModel, w as useExperimentData, wt as resolveControlModel, z as DEFAULT_COLORS } from "./validation-CukfLjy-.js";
 import { canAccessByPolicy, hasAllPermissions } from "./permissions.js";
 import { a as useApi, o as useAuthStore, t as useExperimentStore } from "./experiment-DgllIc3I.js";
 import { t as ANALYSIS_FILE_ARTIFACT_SCHEMA } from "./analysisArtifactTypes-Cy3D0Ipg.js";
@@ -10714,6 +10714,13 @@ function appendQcGroup(groups, route, qcColor, qcCount = 3) {
 function sampleTotalFor(route, realCount = 9, qcCount = 3) {
 	return route === "Exclude" ? realCount : realCount + qcCount;
 }
+/**
+* True when half or more of the groups have one sample: the design has no
+* replicate in the names, or a field that is on is not part of the condition.
+*/
+function mostlySingletons(groups) {
+	return groups.length > 1 && groups.filter((group) => group.count === 1).length * 2 >= groups.length;
+}
 /** Decide which inline summary callout the Field Recipe should show. */
 function fieldRecipeSummary(input) {
 	const groupCount = input.baseGroups.length;
@@ -10725,6 +10732,10 @@ function fieldRecipeSummary(input) {
 		kind: "warn",
 		groupCount
 	};
+	if (mostlySingletons(input.baseGroups)) return {
+		kind: "singletons",
+		groupCount
+	};
 	return {
 		kind: "info",
 		groupCount
@@ -10732,97 +10743,110 @@ function fieldRecipeSummary(input) {
 }
 //#endregion
 //#region src/components/SmartGroupFieldRecipe.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = { class: "sg-modal fr" };
-var _hoisted_2$38 = { class: "sg-head" };
-var _hoisted_3$31 = { class: "sg-head__sub" };
-var _hoisted_4$30 = {
-	ref: "csvMenuRoot",
-	class: "fr-csv"
-};
-var _hoisted_5$28 = ["aria-expanded"];
-var _hoisted_6$26 = {
-	key: 0,
-	class: "fr-csv-menu",
-	role: "menu"
-};
-var _hoisted_7$24 = [
-	"disabled",
-	"aria-disabled",
-	"title"
-];
-var _hoisted_8$22 = [
-	"disabled",
-	"aria-disabled",
-	"title"
+var _hoisted_1$42 = { class: "sg-head" };
+var _hoisted_2$38 = { class: "sg-head__sub" };
+var _hoisted_3$31 = [
+	"aria-expanded",
+	"onClick",
+	"onKeydown"
 ];
-var _hoisted_9$20 = {
+var _hoisted_4$30 = {
 	class: "sg-mode",
 	role: "tablist",
 	"aria-label": "Grouping mode"
 };
-var _hoisted_10$19 = { class: "sg-body" };
-var _hoisted_11$17 = {
+var _hoisted_5$28 = { class: "sg-body" };
+var _hoisted_6$26 = {
 	key: 0,
 	class: "fr-dropzone"
 };
-var _hoisted_12$16 = {
+var _hoisted_7$24 = {
 	key: 1,
 	class: "fr-loading"
 };
+var _hoisted_8$22 = {
+	key: 2,
+	class: "fr-blank",
+	"data-test": "recipe-empty"
+};
+var _hoisted_9$20 = {
+	key: 0,
+	class: "fr-anatomy"
+};
+var _hoisted_10$19 = { class: "fr-anatomy__tokens" };
+var _hoisted_11$17 = { class: "fr-token__text" };
+var _hoisted_12$16 = { class: "fr-token__caption" };
 var _hoisted_13$16 = { class: "sg-recipe" };
-var _hoisted_14$16 = { class: "fr-field__head" };
-var _hoisted_15$16 = { class: "sg-field__name" };
-var _hoisted_16$13 = [
-	"aria-checked",
-	"aria-label",
-	"onClick"
-];
-var _hoisted_17$13 = {
+var _hoisted_14$16 = {
 	key: 0,
-	class: "sg-field__order"
+	class: "fr-empty"
 };
-var _hoisted_18$13 = { class: "sg-field__layer" };
-var _hoisted_19$13 = [
-	"disabled",
-	"aria-label",
-	"onClick"
+var _hoisted_15$16 = [
+	"data-field",
+	"draggable",
+	"onDragstart",
+	"onDragover",
+	"onDrop"
 ];
-var _hoisted_20$12 = [
-	"disabled",
+var _hoisted_16$13 = ["aria-label", "onKeydown"];
+var _hoisted_17$13 = { class: "fr-row__layer" };
+var _hoisted_18$13 = [
 	"aria-label",
-	"onClick"
+	"aria-invalid",
+	"onKeydown",
+	"onBlur"
 ];
-var _hoisted_21$9 = { class: "sg-field__vals" };
-var _hoisted_22$9 = {
+var _hoisted_19$13 = {
+	key: 1,
+	class: "fr-row__error",
+	role: "alert"
+};
+var _hoisted_20$12 = { class: "sg-field__name" };
+var _hoisted_21$9 = ["aria-label", "onClick"];
+var _hoisted_22$9 = { class: "sg-field__vals" };
+var _hoisted_23$7 = {
+	key: 3,
+	class: "fr-row__hint"
+};
+var _hoisted_24$7 = { class: "sg-recipe" };
+var _hoisted_25$7 = ["data-field"];
+var _hoisted_26$5 = { class: "sg-field__name" };
+var _hoisted_27$5 = { class: "sg-field__vals" };
+var _hoisted_28$4 = {
 	key: 2,
 	class: "sg-summary fr-summary--mute"
 };
-var _hoisted_23$7 = { class: "sg-summary__icon" };
-var _hoisted_24$7 = {
+var _hoisted_29$4 = { class: "sg-summary__icon" };
+var _hoisted_30$3 = {
 	key: 3,
 	class: "sg-summary sg-summary--warn"
 };
-var _hoisted_25$7 = { class: "sg-summary__icon" };
-var _hoisted_26$5 = {
+var _hoisted_31$3 = { class: "sg-summary__icon" };
+var _hoisted_32$3 = {
 	key: 4,
+	class: "sg-summary sg-summary--warn"
+};
+var _hoisted_33$3 = { class: "sg-summary__icon" };
+var _hoisted_34$2 = {
+	key: 5,
 	class: "sg-summary"
 };
-var _hoisted_27$5 = { class: "sg-summary__icon" };
-var _hoisted_28$4 = { class: "sg-body__side" };
-var _hoisted_29$4 = { class: "sg-preview__head" };
-var _hoisted_30$3 = { class: "sg-preview__count" };
-var _hoisted_31$3 = { class: "sg-grouplist" };
-var _hoisted_32$3 = {
+var _hoisted_35$2 = { class: "sg-summary__icon" };
+var _hoisted_36$2 = { class: "sg-body__side" };
+var _hoisted_37$2 = { class: "sg-preview__head" };
+var _hoisted_38$2 = { class: "sg-preview__count" };
+var _hoisted_39$2 = { class: "sg-grouplist" };
+var _hoisted_40$2 = {
 	key: 0,
 	class: "fr-empty"
 };
-var _hoisted_33$3 = { class: "sg-group__name" };
-var _hoisted_34$2 = { class: "sg-group__count" };
-var _hoisted_35$2 = { class: "sg-qc" };
-var _hoisted_36$2 = { class: "sg-qc__head" };
-var _hoisted_37$2 = ["value"];
-var _hoisted_38$2 = { class: "sg-foot" };
-var _hoisted_39$2 = { class: "sg-foot__hint" };
+var _hoisted_41$2 = { class: "sg-group__name" };
+var _hoisted_42$1 = { class: "sg-group__count" };
+var _hoisted_43$1 = { class: "sg-qc" };
+var _hoisted_44$1 = { class: "sg-qc__head" };
+var _hoisted_45$1 = { class: "fr-qc__chips" };
+var _hoisted_46$1 = { class: "sg-foot" };
+var _hoisted_47$1 = { class: "sg-foot__hint" };
 var DEFAULT_SAMPLES = [
 	{
 		Condition: "Control",
@@ -10891,7 +10915,15 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 		loading: {
 			type: Boolean,
 			default: false
-		}
+		},
+		anatomy: {},
+		hints: {},
+		qcChips: {},
+		renamable: {
+			type: Boolean,
+			default: false
+		},
+		reservedNames: {}
 	},
 	emits: [
 		"apply",
@@ -10900,6 +10932,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 		"close",
 		"toggle",
 		"move",
+		"rename",
 		"update:route",
 		"csv-file",
 		"download-template",
@@ -10926,9 +10959,9 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			check: "M20 6L9 17l-5-5",
 			close: "M6 18L18 6M6 6l12 12",
 			upload: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 3v12",
-			download: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3",
 			chev: "M6 9l6 6 6-6",
-			chevUp: "M18 15l-6-6-6 6"
+			grip: "M9 6h.01M9 12h.01M9 18h.01M15 6h.01M15 12h.01M15 18h.01",
+			pencil: "M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z"
 		};
 		const MAX_BAR = 44;
 		/** QC reads the same everywhere: neutral solid ring, never a group color (3a). */
@@ -10948,7 +10981,8 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			if (file) emit("csv-file", file);
 			input.value = "";
 		}
-		function onDragEnter() {
+		function onDragEnter(event) {
+			if (!event.dataTransfer?.types.includes("Files")) return;
 			dragDepth += 1;
 			dragOver.value = true;
 		}
@@ -10962,25 +10996,43 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			const file = event.dataTransfer?.files?.[0];
 			if (file && isCsvLike(file)) emit("csv-file", file);
 		}
-		const { isOpen: csvMenuOpen, close: closeCsvMenu, toggle: toggleCsvMenu } = useDropdownState({
-			rootRef: useTemplateRef("csvMenuRoot"),
-			triggerRef: useTemplateRef("csvMenuTrigger")
-		});
-		function chooseUpload() {
-			closeCsvMenu();
-			pickCsv();
-		}
-		function chooseDownloadTemplate() {
-			if (!props.canDownloadTemplate) return;
-			closeCsvMenu();
-			emit("download-template");
-		}
-		function chooseDownloadPrefilled() {
-			if (!props.canDownloadTemplate) return;
-			closeCsvMenu();
-			emit("download-prefilled");
+		const csvMenuItems = computed(() => [
+			{
+				id: "upload",
+				label: "Upload CSV"
+			},
+			{
+				id: "template",
+				label: "Download template",
+				disabled: !props.canDownloadTemplate
+			},
+			{
+				id: "prefilled",
+				label: "Download pre-filled",
+				disabled: !props.canDownloadTemplate
+			}
+		]);
+		function onCsvMenuSelect(item) {
+			if (item.id === "upload") pickCsv();
+			else if (item.id === "template") emit("download-template");
+			else emit("download-prefilled");
 		}
-		const onInner = ref(props.initialOn ? [...props.initialOn] : props.fields.map((field) => !field.rep));
+		const QC_ROUTE_OPTIONS = [
+			{
+				value: "Overlay only",
+				label: "Overlay"
+			},
+			{
+				value: "Exclude",
+				label: "Exclude"
+			},
+			{
+				value: "Mix into groups",
+				label: "Mix in"
+			}
+		];
+		const startLayers = props.enabled === void 0 ? props.layers : void 0;
+		const onInner = ref(props.initialOn ? [...props.initialOn] : startLayers?.map((layer) => layer !== null) ?? props.fields.map((field) => !field.rep));
 		const orderInner = ref(onInner.value.flatMap((isOn, i) => isOn ? [i] : []));
 		const routeInner = ref(props.initialRoute);
 		const controlledEnabled = computed(() => props.enabled !== void 0);
@@ -10988,7 +11040,11 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 		const on = computed(() => props.enabled ?? onInner.value);
 		const currentRoute = computed(() => props.route ?? routeInner.value);
 		const layers = computed(() => {
-			if (props.layers !== void 0) return props.layers;
+			if (props.layers !== void 0 && controlledEnabled.value) return props.layers;
+			if (props.layers !== void 0) {
+				let last = Math.max(0, ...props.layers.map((layer) => layer ?? 0));
+				return props.layers.map((layer, i) => on.value[i] ? layer ?? ++last : null);
+			}
 			if (controlledEnabled.value) {
 				let layer = 0;
 				return props.fields.map((_, i) => on.value[i] ? ++layer : null);
@@ -11002,19 +11058,22 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			layer,
 			i
 		}]).sort((a, b) => a.layer - b.layer).map((entry) => entry.i));
+		const onCards = computed(() => layerOrder.value.map((index) => ({
+			index,
+			field: props.fields[index]
+		})));
+		const offCards = computed(() => props.fields.flatMap((field, index) => layers.value[index] === null ? [{
+			index,
+			field
+		}] : []));
 		const computedBase = computed(() => computeFieldGroups(props.samples, props.fields, on.value, props.palette, layerOrder.value));
 		const baseGroups = computed(() => props.groups ?? computedBase.value);
 		const groups = computed(() => props.groups ?? appendQcGroup(computedBase.value, currentRoute.value, props.qcColor));
 		const activeFactors = computed(() => layerOrder.value.map((i) => props.fields[i].key));
 		const counts = computed(() => baseGroups.value.map((group) => group.count));
 		const uniform = computed(() => counts.value.length > 0 && counts.value.every((count) => count === counts.value[0]));
-		const repField = computed(() => props.fields.find((field) => field.rep));
-		const repOn = computed(() => props.fields.some((field, i) => field.rep && on.value[i]));
-		const repRange = computed(() => {
-			const parts = (repField.value?.vals ?? "").split(",").map((part) => part.trim()).filter(Boolean);
-			if (parts.length === 0) return "";
-			return parts.length > 1 ? `${parts[0]}–${parts[parts.length - 1]}` : parts[0];
-		});
+		const repOnField = computed(() => props.fields.find((field, i) => field.rep && on.value[i]));
+		const repOn = computed(() => repOnField.value !== void 0);
 		const summary = computed(() => fieldRecipeSummary({
 			activeFactors: activeFactors.value,
 			repOn: repOn.value,
@@ -11025,12 +11084,23 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 		const qcCount = computed(() => props.qcCount ?? Math.max(0, props.headerCount - props.samples.length));
 		const realCount = computed(() => Math.max(0, props.headerCount - qcCount.value));
 		const sampleTotal = computed(() => sampleTotalFor(currentRoute.value, realCount.value, qcCount.value));
-		const qcChip = computed(() => props.qcChip !== void 0 ? props.qcChip : currentRoute.value !== "Mix into groups" ? {
-			name: "QC_Pool",
-			count: qcCount.value
-		} : null);
+		const qcChips = computed(() => {
+			if (props.qcChips !== void 0) return props.qcChips;
+			if (props.qcChip !== void 0) return props.qcChip ? [props.qcChip] : [];
+			return currentRoute.value !== "Mix into groups" ? [{
+				name: "QC_Pool",
+				count: qcCount.value
+			}] : [];
+		});
 		const footHint = computed(() => currentRoute.value === "Exclude" ? ` · ${qcCount.value} QC excluded` : currentRoute.value === "Mix into groups" ? " · QC mixed in" : ` · ${qcCount.value} QC overlaid`);
+		const root = ref(null);
+		const controlOf = (index, selector) => root.value?.querySelector(`[data-field="${index}"] ${selector}`) ?? null;
+		async function refocus(index, selector) {
+			await nextTick();
+			controlOf(index, selector)?.focus();
+		}
 		function toggle(index) {
+			refocus(index, "[role=\"switch\"]");
 			if (controlledEnabled.value) {
 				emit("toggle", index);
 				return;
@@ -11040,7 +11110,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			orderInner.value = wasOn ? orderInner.value.filter((i) => i !== index) : [...orderInner.value, index];
 		}
 		function moveLayer(index, direction) {
-			if (controlledEnabled.value) {
+			if (controlledEnabled.value || props.layers !== void 0) {
 				emit("move", index, direction);
 				return;
 			}
@@ -11052,6 +11122,48 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			[next[from], next[to]] = [next[to], next[from]];
 			orderInner.value = next;
 		}
+		const reorder = useListReorder({
+			items: () => onCards.value,
+			getId: (card) => card.field.key,
+			getLabel: (card) => card.field.key,
+			itemNoun: "layer",
+			getElement: (id) => {
+				const card = onCards.value.find((candidate) => candidate.field.key === id);
+				return card ? controlOf(card.index, ".fr-row__grip") : null;
+			},
+			onReorder: ({ fromIndex, toIndex }) => {
+				const { index } = onCards.value[fromIndex];
+				const direction = toIndex < fromIndex ? "up" : "down";
+				for (let step = 0; step < Math.abs(toIndex - fromIndex); step++) moveLayer(index, direction);
+			}
+		});
+		const renaming = ref(null);
+		const draftName = ref("");
+		const renameTaken = ref(false);
+		const renameInput = ref([]);
+		async function startRename(card) {
+			renaming.value = card.index;
+			renameTaken.value = false;
+			draftName.value = card.field.key;
+			await nextTick();
+			renameInput.value[0]?.select();
+		}
+		function endRename(card, restoreFocus) {
+			renaming.value = null;
+			renameTaken.value = false;
+			if (restoreFocus) refocus(card.index, ".fr-row__rename");
+		}
+		function commitRename(card, fromBlur = false) {
+			if (renaming.value !== card.index) return;
+			const name = draftName.value.trim();
+			const taken = name !== card.field.key && (props.fields.some((field) => field.key === name) || (props.reservedNames?.includes(name) ?? false));
+			if (taken && !fromBlur) {
+				renameTaken.value = true;
+				return;
+			}
+			endRename(card, !fromBlur);
+			if (name && name !== card.field.key && !taken) emit("rename", card.index, name);
+		}
 		function onRouteChange(value) {
 			if (controlledRoute.value) {
 				emit("update:route", value);
@@ -11069,79 +11181,53 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			});
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$42, [
-				createElementVNode("div", _hoisted_2$38, [
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				class: "sg-modal fr"
+			}, [
+				createElementVNode("div", _hoisted_1$42, [
 					createVNode(Icon, {
 						d: ICON.bolt,
 						size: 18
 					}, null, 8, ["d"]),
 					_cache[11] || (_cache[11] = createElementVNode("span", { class: "sg-head__title" }, "Group samples", -1)),
-					createElementVNode("span", _hoisted_3$31, [createTextVNode("· " + toDisplayString(__props.headerCount) + " samples", 1), __props.experimentLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" from " + toDisplayString(__props.experimentLabel), 1)], 64)) : createCommentVNode("", true)]),
+					createElementVNode("span", _hoisted_2$38, [createTextVNode("· " + toDisplayString(__props.headerCount) + " samples", 1), __props.experimentLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" from " + toDisplayString(__props.experimentLabel), 1)], 64)) : createCommentVNode("", true)]),
 					_cache[12] || (_cache[12] = createElementVNode("div", { class: "sg-head__spacer" }, null, -1)),
-					createElementVNode("div", _hoisted_4$30, [
-						createElementVNode("button", {
-							ref: "csvMenuTrigger",
+					createVNode(ActionMenu_default, {
+						label: "CSV",
+						items: csvMenuItems.value,
+						onSelect: onCsvMenuSelect
+					}, {
+						trigger: withCtx(({ open, toggle: toggleMenu, keydown }) => [createElementVNode("button", {
 							type: "button",
 							class: "fr-upload",
 							"aria-haspopup": "menu",
-							"aria-expanded": unref(csvMenuOpen),
-							onClick: _cache[0] || (_cache[0] = (...args) => unref(toggleCsvMenu) && unref(toggleCsvMenu)(...args))
+							"aria-expanded": open,
+							onClick: toggleMenu,
+							onKeydown: keydown
 						}, [
 							createVNode(Icon, {
 								d: ICON.upload,
 								size: 14
 							}, null, 8, ["d"]),
-							_cache[6] || (_cache[6] = createTextVNode(" CSV ", -1)),
+							_cache[9] || (_cache[9] = createTextVNode(" CSV ", -1)),
 							createVNode(Icon, {
 								d: ICON.chev,
 								size: 13
 							}, null, 8, ["d"])
-						], 8, _hoisted_5$28),
-						unref(csvMenuOpen) ? (openBlock(), createElementBlock("div", _hoisted_6$26, [
-							createElementVNode("button", {
-								type: "button",
-								class: "fr-csv-item",
-								role: "menuitem",
-								onClick: chooseUpload
-							}, [createVNode(Icon, {
-								d: ICON.upload,
-								size: 14
-							}, null, 8, ["d"]), _cache[7] || (_cache[7] = createTextVNode(" Upload CSV ", -1))]),
-							createElementVNode("button", {
-								type: "button",
-								class: "fr-csv-item",
-								role: "menuitem",
-								disabled: !__props.canDownloadTemplate,
-								"aria-disabled": !__props.canDownloadTemplate,
-								title: __props.canDownloadTemplate ? void 0 : "Load samples first",
-								onClick: chooseDownloadTemplate
-							}, [createVNode(Icon, {
-								d: ICON.download,
-								size: 14
-							}, null, 8, ["d"]), _cache[8] || (_cache[8] = createTextVNode(" Download template ", -1))], 8, _hoisted_7$24),
-							createElementVNode("button", {
-								type: "button",
-								class: "fr-csv-item",
-								role: "menuitem",
-								disabled: !__props.canDownloadTemplate,
-								"aria-disabled": !__props.canDownloadTemplate,
-								title: __props.canDownloadTemplate ? void 0 : "Load samples first",
-								onClick: chooseDownloadPrefilled
-							}, [createVNode(Icon, {
-								d: ICON.download,
-								size: 14
-							}, null, 8, ["d"]), _cache[9] || (_cache[9] = createTextVNode(" Download pre-filled ", -1))], 8, _hoisted_8$22)
-						])) : createCommentVNode("", true),
-						createElementVNode("input", {
-							ref_key: "fileInput",
-							ref: fileInput,
-							type: "file",
-							accept: ".csv,.tsv,text/csv,text/tab-separated-values",
-							hidden: "",
-							onChange: onFileChange
-						}, null, 544)
-					], 512),
-					createElementVNode("div", _hoisted_9$20, [_cache[10] || (_cache[10] = createElementVNode("button", {
+						], 40, _hoisted_3$31)]),
+						_: 1
+					}, 8, ["items"]),
+					createElementVNode("input", {
+						ref_key: "fileInput",
+						ref: fileInput,
+						type: "file",
+						accept: ".csv,.tsv,text/csv,text/tab-separated-values",
+						hidden: "",
+						onChange: onFileChange
+					}, null, 544),
+					createElementVNode("div", _hoisted_4$30, [_cache[10] || (_cache[10] = createElementVNode("button", {
 						type: "button",
 						class: "sg-mode__btn sg-mode__btn--on",
 						role: "tab",
@@ -11151,104 +11237,166 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 						class: "sg-mode__btn",
 						role: "tab",
 						"aria-selected": false,
-						onClick: _cache[1] || (_cache[1] = ($event) => emit("manual"))
+						onClick: _cache[0] || (_cache[0] = ($event) => emit("manual"))
 					}, "Manual")]),
 					createElementVNode("button", {
 						class: "sg-head__close",
 						"aria-label": "Close",
-						onClick: _cache[2] || (_cache[2] = ($event) => emit("close"))
+						onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
 					}, [createVNode(Icon, {
 						d: ICON.close,
 						size: 16
 					}, null, 8, ["d"])])
 				]),
-				createElementVNode("div", _hoisted_10$19, [createElementVNode("div", {
+				createElementVNode("div", _hoisted_5$28, [createElementVNode("div", {
 					class: "sg-body__main",
 					onDragenter: withModifiers(onDragEnter, ["prevent"]),
-					onDragover: _cache[3] || (_cache[3] = withModifiers(() => {}, ["prevent"])),
+					onDragover: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent"])),
 					onDragleave: withModifiers(onDragLeave, ["prevent"]),
 					onDrop: withModifiers(onDrop, ["prevent"])
 				}, [
-					dragOver.value ? (openBlock(), createElementBlock("div", _hoisted_11$17, [createVNode(Icon, {
+					dragOver.value ? (openBlock(), createElementBlock("div", _hoisted_6$26, [createVNode(Icon, {
 						d: ICON.upload,
 						size: 22
 					}, null, 8, ["d"]), _cache[13] || (_cache[13] = createElementVNode("span", null, "Drop CSV to load samples", -1))])) : createCommentVNode("", true),
-					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_12$16, [createVNode(LoadingSpinner_default, {
+					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_7$24, [createVNode(LoadingSpinner_default, {
 						size: "md",
 						label: "Loading experiment metadata"
 					}), _cache[14] || (_cache[14] = createElementVNode("span", null, "Loading experiment metadata…", -1))])) : createCommentVNode("", true),
-					_cache[23] || (_cache[23] = createElementVNode("div", { class: "sg-lead" }, [createElementVNode("span", { class: "sg-lead__q" }, "Group by which fields?"), createElementVNode("span", { class: "sg-lead__hint" }, " MINT read the structure of your sample names. Switch on the factors that define your groups — replicate fields are detected and left off. ")], -1)),
-					createElementVNode("div", _hoisted_13$16, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields, (field, i) => {
-						return openBlock(), createElementBlock("div", {
-							key: field.key,
-							class: normalizeClass(["sg-field", {
-								"sg-field--on": on.value[i],
-								"fr-field--warn": field.rep && on.value[i]
-							}])
-						}, [
-							createElementVNode("div", _hoisted_14$16, [createElementVNode("span", _hoisted_15$16, toDisplayString(field.key), 1), createElementVNode("span", { class: normalizeClass(["sg-field__role", { "sg-field__role--rep": field.rep }]) }, toDisplayString(field.role), 3)]),
-							createElementVNode("button", {
-								class: normalizeClass(["sg-switch fr-switch", { on: on.value[i] }]),
-								role: "switch",
-								"aria-checked": on.value[i],
-								"aria-label": "Group by " + field.key,
-								onClick: ($event) => toggle(i)
-							}, null, 10, _hoisted_16$13),
-							on.value[i] && layers.value[i] !== null ? (openBlock(), createElementBlock("div", _hoisted_17$13, [
-								createElementVNode("span", _hoisted_18$13, "Layer " + toDisplayString(layers.value[i]), 1),
+					__props.fields.length === 0 && __props.headerCount === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_8$22, [
+						_cache[16] || (_cache[16] = createElementVNode("span", { class: "sg-lead__q" }, "No samples to group", -1)),
+						_cache[17] || (_cache[17] = createElementVNode("span", { class: "sg-lead__hint" }, " Upload a CSV with one sample column and one column for each field, or close this dialog and select samples first. ", -1)),
+						createVNode(BaseButton_default, {
+							variant: "secondary",
+							size: "sm",
+							onClick: pickCsv
+						}, {
+							"icon-left": withCtx(() => [createVNode(Icon, {
+								d: ICON.upload,
+								size: 15
+							}, null, 8, ["d"])]),
+							default: withCtx(() => [_cache[15] || (_cache[15] = createTextVNode(" Upload CSV ", -1))]),
+							_: 1
+						})
+					])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+						__props.anatomy && __props.anatomy.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$20, [_cache[18] || (_cache[18] = createElementVNode("span", { class: "fr-label" }, "How MINT read your names", -1)), createElementVNode("div", _hoisted_10$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.anatomy, (token, t) => {
+							return openBlock(), createElementBlock("span", {
+								key: t,
+								class: normalizeClass(["fr-token", "fr-token--" + token.state])
+							}, [createElementVNode("span", _hoisted_11$17, toDisplayString(token.text), 1), createElementVNode("span", _hoisted_12$16, toDisplayString(token.caption), 1)], 2);
+						}), 128))])])) : createCommentVNode("", true),
+						_cache[28] || (_cache[28] = createElementVNode("span", { class: "fr-label" }, "Group by", -1)),
+						createElementVNode("div", _hoisted_13$16, [onCards.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_14$16, toDisplayString(__props.fields.length === 0 ? "These sample names have no field to group by." : "No field is on. Switch on a field below."), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(onCards.value, (card, position) => {
+							return openBlock(), createElementBlock("div", {
+								key: card.field.key,
+								class: normalizeClass(["sg-field sg-field--on fr-row", {
+									"fr-field--warn": card.field.rep,
+									"fr-row--dragging": unref(reorder).isDragging(card.field.key),
+									"fr-row--over": unref(reorder).isDragOver(card.field.key)
+								}]),
+								"data-test": "field-on",
+								"data-field": card.index,
+								draggable: renaming.value !== card.index,
+								onDragstart: ($event) => unref(reorder).onDragStart($event, card, position),
+								onDragover: ($event) => unref(reorder).onDragOver($event, card, position),
+								onDragleave: _cache[4] || (_cache[4] = (...args) => unref(reorder).onDragLeave && unref(reorder).onDragLeave(...args)),
+								onDrop: ($event) => unref(reorder).onDrop($event, card, position),
+								onDragend: _cache[5] || (_cache[5] = (...args) => unref(reorder).onDragEnd && unref(reorder).onDragEnd(...args))
+							}, [
 								createElementVNode("button", {
 									type: "button",
-									class: "sg-field__order-btn",
-									disabled: layers.value[i] === 1,
-									"aria-label": "Move " + field.key + " up a layer",
-									title: "Move up a layer",
-									onClick: withModifiers(($event) => moveLayer(i, "up"), ["stop"])
+									class: "fr-row__grip",
+									"aria-label": `Move ${card.field.key}, layer ${position + 1} of ${onCards.value.length}. Press Alt and an arrow key.`,
+									onKeydown: ($event) => unref(reorder).onKeydown($event, card, position)
 								}, [createVNode(Icon, {
-									d: ICON.chevUp,
-									size: 12
-								}, null, 8, ["d"])], 8, _hoisted_19$13),
-								createElementVNode("button", {
+									d: ICON.grip,
+									size: 14
+								}, null, 8, ["d"])], 40, _hoisted_16$13),
+								createElementVNode("span", _hoisted_17$13, toDisplayString(position + 1), 1),
+								renaming.value === card.index ? withDirectives((openBlock(), createElementBlock("input", {
+									key: 0,
+									ref_for: true,
+									ref_key: "renameInput",
+									ref: renameInput,
+									"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => draftName.value = $event),
+									class: "fr-row__name-input",
+									"aria-label": "New name for " + card.field.key,
+									"aria-invalid": renameTaken.value || void 0,
+									onInput: _cache[3] || (_cache[3] = ($event) => renameTaken.value = false),
+									onKeydown: [withKeys(withModifiers(($event) => commitRename(card), ["prevent"]), ["enter"]), withKeys(withModifiers(($event) => endRename(card, true), ["stop"]), ["esc"])],
+									onBlur: ($event) => commitRename(card, true)
+								}, null, 40, _hoisted_18$13)), [[vModelText, draftName.value]]) : createCommentVNode("", true),
+								renaming.value === card.index && renameTaken.value ? (openBlock(), createElementBlock("span", _hoisted_19$13, " Another field has this name ")) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", _hoisted_20$12, toDisplayString(card.field.key), 1), __props.renamable ? (openBlock(), createElementBlock("button", {
+									key: 0,
 									type: "button",
-									class: "sg-field__order-btn",
-									disabled: layers.value[i] === layerOrder.value.length,
-									"aria-label": "Move " + field.key + " down a layer",
-									title: "Move down a layer",
-									onClick: withModifiers(($event) => moveLayer(i, "down"), ["stop"])
+									class: "fr-row__rename",
+									"aria-label": "Rename " + card.field.key,
+									onClick: ($event) => startRename(card)
 								}, [createVNode(Icon, {
-									d: ICON.chev,
+									d: ICON.pencil,
 									size: 12
-								}, null, 8, ["d"])], 8, _hoisted_20$12)
-							])) : createCommentVNode("", true),
-							createElementVNode("div", _hoisted_21$9, toDisplayString(field.vals), 1)
-						], 2);
-					}), 128))]),
-					summary.value.kind === "mute" ? (openBlock(), createElementBlock("div", _hoisted_22$9, [createElementVNode("span", _hoisted_23$7, [createVNode(Icon, {
-						d: ICON.info,
-						size: 16
-					}, null, 8, ["d"])]), _cache[15] || (_cache[15] = createElementVNode("span", null, "Turn on at least one field to form groups.", -1))])) : summary.value.kind === "warn" ? (openBlock(), createElementBlock("div", _hoisted_24$7, [createElementVNode("span", _hoisted_25$7, [createVNode(Icon, {
-						d: ICON.warn,
-						size: 16
-					}, null, 8, ["d"])]), createElementVNode("span", null, [
-						_cache[16] || (_cache[16] = createTextVNode(" Including ", -1)),
-						createElementVNode("b", null, toDisplayString(repField.value?.key ?? "Replicate"), 1),
-						_cache[17] || (_cache[17] = createTextVNode(" makes every sample unique — ", -1)),
-						createElementVNode("b", null, toDisplayString(baseGroups.value.length) + " groups of 1", 1),
-						_cache[18] || (_cache[18] = createTextVNode(". Turn it off to keep ", -1)),
-						createElementVNode("code", null, toDisplayString(repRange.value), 1),
-						_cache[19] || (_cache[19] = createTextVNode(" together. ", -1))
-					])])) : (openBlock(), createElementBlock("div", _hoisted_26$5, [createElementVNode("span", _hoisted_27$5, [createVNode(Icon, {
-						d: ICON.info,
-						size: 16
-					}, null, 8, ["d"])]), createElementVNode("span", null, [
-						_cache[20] || (_cache[20] = createTextVNode(" Grouping by ", -1)),
-						createElementVNode("b", null, toDisplayString(activeFactors.value.join(" × ")), 1),
-						_cache[21] || (_cache[21] = createTextVNode(" → ", -1)),
-						createElementVNode("b", null, [createTextVNode(toDisplayString(baseGroups.value.length) + " groups", 1), uniform.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" of " + toDisplayString(counts.value[0]), 1)], 64)) : createCommentVNode("", true)]),
-						_cache[22] || (_cache[22] = createTextVNode(". Replicates kept together. ", -1))
-					])]))
-				], 32), createElementVNode("div", _hoisted_28$4, [
-					createElementVNode("div", _hoisted_29$4, [_cache[24] || (_cache[24] = createTextVNode(" Resulting groups ", -1)), createElementVNode("span", _hoisted_30$3, toDisplayString(groups.value.length) + " groups · " + toDisplayString(groupedSampleTotal.value) + " samples", 1)]),
-					createElementVNode("div", _hoisted_31$3, [groups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_32$3, "No groups yet — pick a field to start.")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(groups.value, (group) => {
+								}, null, 8, ["d"])], 8, _hoisted_21$9)) : createCommentVNode("", true)], 64)),
+								createElementVNode("span", _hoisted_22$9, toDisplayString(card.field.vals), 1),
+								__props.hints?.[card.index] ? (openBlock(), createElementBlock("span", _hoisted_23$7, toDisplayString(__props.hints[card.index]), 1)) : createCommentVNode("", true),
+								createVNode(BaseToggle_default, {
+									size: "sm",
+									"model-value": true,
+									"aria-label": "Group by " + card.field.key,
+									"onUpdate:modelValue": ($event) => toggle(card.index)
+								}, null, 8, ["aria-label", "onUpdate:modelValue"])
+							], 42, _hoisted_15$16);
+						}), 128))]),
+						createElementVNode("span", {
+							style: normalizeStyle(unref(reorder).announcerStyle),
+							"aria-live": "polite"
+						}, toDisplayString(unref(reorder).announcement.value), 5),
+						offCards.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[19] || (_cache[19] = createElementVNode("span", { class: "fr-label" }, "Left off", -1)), createElementVNode("div", _hoisted_24$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(offCards.value, (card) => {
+							return openBlock(), createElementBlock("div", {
+								key: card.field.key,
+								class: "sg-field fr-row",
+								"data-test": "field-off",
+								"data-field": card.index
+							}, [
+								createElementVNode("span", _hoisted_26$5, toDisplayString(card.field.key), 1),
+								createElementVNode("span", { class: normalizeClass(["sg-field__role", { "sg-field__role--rep": card.field.rep }]) }, toDisplayString(card.field.role), 3),
+								createElementVNode("span", _hoisted_27$5, toDisplayString(card.field.vals), 1),
+								createVNode(BaseToggle_default, {
+									size: "sm",
+									"model-value": false,
+									"aria-label": "Group by " + card.field.key,
+									"onUpdate:modelValue": ($event) => toggle(card.index)
+								}, null, 8, ["aria-label", "onUpdate:modelValue"])
+							], 8, _hoisted_25$7);
+						}), 128))])], 64)) : createCommentVNode("", true),
+						summary.value.kind === "mute" ? (openBlock(), createElementBlock("div", _hoisted_28$4, [createElementVNode("span", _hoisted_29$4, [createVNode(Icon, {
+							d: ICON.info,
+							size: 16
+						}, null, 8, ["d"])]), _cache[20] || (_cache[20] = createElementVNode("span", null, "Turn on at least one field to form groups.", -1))])) : summary.value.kind === "warn" ? (openBlock(), createElementBlock("div", _hoisted_30$3, [createElementVNode("span", _hoisted_31$3, [createVNode(Icon, {
+							d: ICON.warn,
+							size: 16
+						}, null, 8, ["d"])]), createElementVNode("span", null, [
+							_cache[21] || (_cache[21] = createTextVNode(" Including ", -1)),
+							createElementVNode("b", null, toDisplayString(repOnField.value?.key), 1),
+							_cache[22] || (_cache[22] = createTextVNode(" makes every sample unique — ", -1)),
+							createElementVNode("b", null, toDisplayString(baseGroups.value.length) + " groups of 1", 1),
+							_cache[23] || (_cache[23] = createTextVNode(". Switch it off to keep replicates together. ", -1))
+						])])) : summary.value.kind === "singletons" ? (openBlock(), createElementBlock("div", _hoisted_32$3, [createElementVNode("span", _hoisted_33$3, [createVNode(Icon, {
+							d: ICON.warn,
+							size: 16
+						}, null, 8, ["d"])]), createElementVNode("span", null, [createElementVNode("b", null, toDisplayString(counts.value.filter((count) => count === 1).length) + " of " + toDisplayString(baseGroups.value.length) + " groups", 1), _cache[24] || (_cache[24] = createTextVNode(" have one sample. Switch off a field to form larger groups. ", -1))])])) : (openBlock(), createElementBlock("div", _hoisted_34$2, [createElementVNode("span", _hoisted_35$2, [createVNode(Icon, {
+							d: ICON.info,
+							size: 16
+						}, null, 8, ["d"])]), createElementVNode("span", null, [
+							_cache[25] || (_cache[25] = createTextVNode(" Grouping by ", -1)),
+							createElementVNode("b", null, toDisplayString(activeFactors.value.join(" × ")), 1),
+							_cache[26] || (_cache[26] = createTextVNode(" → ", -1)),
+							createElementVNode("b", null, [createTextVNode(toDisplayString(baseGroups.value.length) + " groups", 1), uniform.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" of " + toDisplayString(counts.value[0]), 1)], 64)) : createCommentVNode("", true)]),
+							_cache[27] || (_cache[27] = createTextVNode(". ", -1))
+						])]))
+					], 64))
+				], 32), createElementVNode("div", _hoisted_36$2, [
+					createElementVNode("div", _hoisted_37$2, [_cache[29] || (_cache[29] = createTextVNode(" Resulting groups ", -1)), createElementVNode("span", _hoisted_38$2, toDisplayString(groups.value.length) + " groups · " + toDisplayString(groupedSampleTotal.value) + " samples", 1)]),
+					createElementVNode("div", _hoisted_39$2, [groups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_40$2, "No groups yet — pick a field to start.")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(groups.value, (group) => {
 						return openBlock(), createElementBlock("div", {
 							key: group.name,
 							class: "sg-group"
@@ -11257,7 +11405,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 								class: "sg-dot",
 								style: normalizeStyle(group.name === unref("QC_Pool") ? unref(QC_DOT_STYLE) : { background: group.color })
 							}, null, 4),
-							createElementVNode("span", _hoisted_33$3, toDisplayString(group.name), 1),
+							createElementVNode("span", _hoisted_41$2, toDisplayString(group.name), 1),
 							createElementVNode("span", {
 								class: "sg-group__bar",
 								style: normalizeStyle({
@@ -11265,34 +11413,36 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 									"--g": group.color
 								})
 							}, null, 4),
-							createElementVNode("span", _hoisted_34$2, toDisplayString(group.count), 1)
+							createElementVNode("span", _hoisted_42$1, toDisplayString(group.count), 1)
 						]);
 					}), 128))]),
-					createElementVNode("div", _hoisted_35$2, [createElementVNode("div", _hoisted_36$2, [_cache[26] || (_cache[26] = createElementVNode("span", { class: "sg-qc__title" }, "Quality control", -1)), createElementVNode("select", {
-						class: "sg-qc__route",
-						value: currentRoute.value,
-						onChange: _cache[4] || (_cache[4] = ($event) => onRouteChange($event.target.value))
-					}, [..._cache[25] || (_cache[25] = [
-						createElementVNode("option", null, "Overlay only", -1),
-						createElementVNode("option", null, "Exclude", -1),
-						createElementVNode("option", null, "Mix into groups", -1)
-					])], 40, _hoisted_37$2)]), qcChip.value ? (openBlock(), createElementBlock("span", {
-						key: 0,
-						class: normalizeClass(["sg-qc__chip", { "fr-qc__chip--off": currentRoute.value === "Exclude" }])
-					}, [createElementVNode("span", {
-						class: "sg-dot",
-						style: normalizeStyle(unref(QC_DOT_STYLE))
-					}, null, 4), createTextVNode(toDisplayString(qcChip.value.name) + " ×" + toDisplayString(qcChip.value.count), 1)], 2)) : createCommentVNode("", true)])
+					createElementVNode("div", _hoisted_43$1, [createElementVNode("div", _hoisted_44$1, [_cache[30] || (_cache[30] = createElementVNode("span", { class: "sg-qc__title" }, "Quality control", -1)), createVNode(SegmentedControl_default, {
+						class: "fr-qc__route",
+						size: "sm",
+						variant: "card",
+						"aria-label": "Quality control routing",
+						"model-value": currentRoute.value,
+						options: QC_ROUTE_OPTIONS,
+						"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => onRouteChange($event))
+					}, null, 8, ["model-value"])]), createElementVNode("div", _hoisted_45$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(qcChips.value, (chip) => {
+						return openBlock(), createElementBlock("span", {
+							key: chip.name,
+							class: normalizeClass(["sg-qc__chip", { "fr-qc__chip--off": currentRoute.value === "Exclude" }])
+						}, [createElementVNode("span", {
+							class: "sg-dot",
+							style: normalizeStyle(unref(QC_DOT_STYLE))
+						}, null, 4), createTextVNode(toDisplayString(chip.name) + " ×" + toDisplayString(chip.count), 1)], 2);
+					}), 128))])])
 				])]),
-				createElementVNode("div", _hoisted_38$2, [
-					createElementVNode("span", _hoisted_39$2, "Applies to " + toDisplayString(sampleTotal.value) + " samples" + toDisplayString(footHint.value), 1),
-					_cache[29] || (_cache[29] = createElementVNode("div", { class: "sg-foot__spacer" }, null, -1)),
+				createElementVNode("div", _hoisted_46$1, [
+					createElementVNode("span", _hoisted_47$1, "Applies to " + toDisplayString(sampleTotal.value) + " samples" + toDisplayString(footHint.value), 1),
+					_cache[33] || (_cache[33] = createElementVNode("div", { class: "sg-foot__spacer" }, null, -1)),
 					createVNode(BaseButton_default, {
 						variant: "ghost",
 						size: "sm",
-						onClick: _cache[5] || (_cache[5] = ($event) => emit("cancel"))
+						onClick: _cache[8] || (_cache[8] = ($event) => emit("cancel"))
 					}, {
-						default: withCtx(() => [..._cache[27] || (_cache[27] = [createTextVNode("Cancel", -1)])]),
+						default: withCtx(() => [..._cache[31] || (_cache[31] = [createTextVNode("Cancel", -1)])]),
 						_: 1
 					}),
 					createVNode(BaseButton_default, {
@@ -11305,11 +11455,11 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 							d: ICON.check,
 							size: 15
 						}, null, 8, ["d"])]),
-						default: withCtx(() => [_cache[28] || (_cache[28] = createTextVNode(" Apply grouping ", -1))]),
+						default: withCtx(() => [_cache[32] || (_cache[32] = createTextVNode(" Apply grouping ", -1))]),
 						_: 1
 					}, 8, ["disabled"])
 				])
-			]);
+			], 512);
 		};
 	}
 });
@@ -11928,11 +12078,73 @@ function parseCSV(text) {
 }
 //#endregion
 //#region src/components/AutoGroupModal.adapter.ts
+var PREVIEW_VALUES = 3;
+/** Value preview of a field card: the first three values, then the count of the rest. */
+function previewValues(values) {
+	const shown = values.slice(0, PREVIEW_VALUES).join(", ");
+	return values.length > PREVIEW_VALUES ? `${shown} … +${values.length - PREVIEW_VALUES}` : shown;
+}
+/** Experiment line of the modal header: `exp157 · 2025-10-13 · LT`. */
+function experimentLabel(header) {
+	return [
+		header.code,
+		header.date,
+		header.operator
+	].filter(Boolean).join(" · ");
+}
+/**
+* Names of all columns of the experimental classes. A field cannot take one
+* of them: the engine merges fields by name.
+*/
+function engineColumnNames(schemas) {
+	const names = Object.values(schemas).filter((schema) => isExperimentalKind(schema.classKind)).flatMap((schema) => schema.columns.map((column) => column.displayName ?? column.name));
+	return [...new Set(names)];
+}
+/** One chip for each QC-type class, with its sample count. */
+function engineQcChips(classes) {
+	return classes.filter((c) => !isExperimentalKind(c.kind)).map((c) => ({
+		name: c.label,
+		count: c.members.length
+	}));
+}
+/**
+* The tokens of one study sample with the role the engine gave each of them,
+* so the user sees how the names were read. The sample is the first member of
+* the largest experimental class. `cards` supplies the on/off state and the
+* layer of the tokens that are grouping fields.
+*/
+function engineAnatomy(classes, schemas, tokenized, cards) {
+	const cls = classes.filter((c) => isExperimentalKind(c.kind) && schemas[classKey(c)]).sort((a, b) => b.members.length - a.members.length)[0];
+	if (!cls) return [];
+	const tokens = tokenized[cls.members[0]] ?? [];
+	return schemas[classKey(cls)].columns.flatMap((column) => {
+		const text = column.sourceIndices.map((index) => tokens[index] ?? "").join("_");
+		if (!text) return [];
+		const name = column.displayName ?? column.name;
+		const card = cards.fields.findIndex((field) => field.key === name);
+		if (card === -1) return [{
+			text,
+			caption: /^(Field \d+|Username.*|.* \d+)$/.test(name) ? roleLabel(column.role).toLowerCase() : name,
+			state: "fixed"
+		}];
+		const layer = cards.layers[card];
+		return [layer === null ? {
+			text,
+			caption: name,
+			state: "off"
+		} : {
+			text,
+			caption: String(layer),
+			state: "on"
+		}];
+	});
+}
 var ROLE_LABELS = {
 	"constant": "Constant",
 	"factor": "Factor",
 	"replicate": "Replicate",
 	"run-order": "Run",
+	"id": "Sample ID",
 	"numeric": "Numeric",
 	"class-tag": "Class tag",
 	"ignore": "Ignore"
@@ -11942,14 +12154,15 @@ function roleLabel(role) {
 	return role ? ROLE_LABELS[role] : "Factor";
 }
 /**
-* Columns worth offering as grouping toggles: factors and replicates, plus any
-* column already enabled in `groupBy` (so a manual group-by choice still shows).
+* Columns worth offering as grouping toggles: factors, numerics, replicates and
+* sample IDs (the last two are off by default), plus any column already enabled
+* in `groupBy` (so a manual group-by choice still shows).
 * Preserves the engine's column order. `groupBy` is the schema's ORDERED layer
 * list — entry N is hierarchy layer N of the composed group names.
 */
 function candidateColumns(columns, groupBy) {
 	const enabled = new Set(groupBy);
-	return columns.filter((c) => c.role === "factor" || c.role === "replicate" || enabled.has(c.index));
+	return columns.filter((c) => GROUPING_FIELD_ROLES.has(c.role) || enabled.has(c.index));
 }
 /**
 * Build the batch-wide field recipe from every class schema. The active schema
@@ -11965,6 +12178,7 @@ function engineSchemasToCards(schemas, activeClassKey) {
 	const enabledOrder = [];
 	const enabled = /* @__PURE__ */ new Set();
 	for (const [, schema] of ordered) {
+		if (!isExperimentalKind(schema.classKind)) continue;
 		for (const index of schema.groupBy) {
 			const column = schema.columns.find((candidate) => candidate.index === index);
 			if (!column) continue;
@@ -11984,8 +12198,8 @@ function engineSchemasToCards(schemas, activeClassKey) {
 		fields: cards.map(([key, column]) => ({
 			key,
 			role: roleLabel(column.role),
-			vals: column.uniqueValues.join(", "),
-			rep: column.role === "replicate"
+			vals: previewValues(column.uniqueValues),
+			rep: column.role === "replicate" || column.role === "id"
 		})),
 		enabled: cards.map(([key]) => enabled.has(key)),
 		layers: cards.map(([key]) => {
@@ -12169,12 +12383,20 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 		const fieldCards = computed(() => engineSchemasToCards(autoGroup.schemas.value, autoGroup.activeClassKey.value));
 		const railGroups = computed(() => engineGroupsToRail(autoGroup.result.value.experimentalGroups ?? autoGroup.groups.value));
 		const qcSampleCount = computed(() => autoGroup.classes.value.filter((c) => c.kind !== "biological" && c.kind !== "unknown").reduce((acc, c) => acc + c.members.length, 0));
-		const qcChip = computed(() => qcRouting.value !== "mix" && qcSampleCount.value > 0 ? {
-			name: "QC_Pool",
-			count: qcSampleCount.value
-		} : null);
+		const qcChips = computed(() => qcRouting.value === "mix" ? [] : engineQcChips(autoGroup.classes.value));
 		const fieldRecipeRoute = computed(() => engineToQcRoute(qcRouting.value));
 		const headerCount = computed(() => autoGroup.samples.value.length);
+		const headerLabel = computed(() => experimentLabel(autoGroup.experiment.value));
+		const reservedNames = computed(() => engineColumnNames(autoGroup.schemas.value));
+		const anatomy = computed(() => autoGroup.inputMode.value === "paste" ? engineAnatomy(autoGroup.classes.value, autoGroup.schemas.value, autoGroup.tokenized.value, fieldCards.value) : []);
+		const fieldHints = computed(() => {
+			const needsHelp = mostlySingletons(railGroups.value);
+			return fieldCards.value.fields.map((field, index) => {
+				if (!needsHelp || !fieldCards.value.enabled[index]) return null;
+				const remaining = autoGroup.groupCountWithout(field.key);
+				return `off → ${remaining} ${remaining === 1 ? "group" : "groups"}`;
+			});
+		});
 		function onToggleField(cardIndex) {
 			const field = fieldCards.value.fields[cardIndex];
 			if (!field) return;
@@ -12185,6 +12407,11 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 			if (!field) return;
 			autoGroup.moveGroupByField(field.key, direction);
 		}
+		function onRenameField(cardIndex, name) {
+			const field = fieldCards.value.fields[cardIndex];
+			if (!field) return;
+			autoGroup.renameGroupByField(field.key, name);
+		}
 		function onRouteChange(route) {
 			setQcRouting(qcRouteToEngine(route));
 		}
@@ -12293,15 +12520,20 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 					enabled: fieldCards.value.enabled,
 					layers: fieldCards.value.layers,
 					groups: railGroups.value,
-					"qc-chip": qcChip.value,
+					"qc-chips": qcChips.value,
 					route: fieldRecipeRoute.value,
 					"header-count": headerCount.value,
 					"qc-count": qcSampleCount.value,
 					"can-download-template": unref(autoGroup).canDownloadTemplate.value,
 					loading: experimentLoading.value,
-					"experiment-label": "",
+					"experiment-label": headerLabel.value,
+					anatomy: anatomy.value,
+					hints: fieldHints.value,
+					"reserved-names": reservedNames.value,
+					renamable: "",
 					onToggle: onToggleField,
 					onMove: onMoveField,
+					onRename: onRenameField,
 					"onUpdate:route": onRouteChange,
 					onCsvFile,
 					onDownloadTemplate,
@@ -12315,12 +12547,16 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 					"enabled",
 					"layers",
 					"groups",
-					"qc-chip",
+					"qc-chips",
 					"route",
 					"header-count",
 					"qc-count",
 					"can-download-template",
-					"loading"
+					"loading",
+					"experiment-label",
+					"anatomy",
+					"hints",
+					"reserved-names"
 				])) : (openBlock(), createBlock(SmartGroupManual_default, {
 					key: manualKey.value,
 					"sample-names": manualSampleNames.value,
@@ -22896,4 +23132,4 @@ var components_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { PlateEditor_default as $, SampleLegend_default as A, AppToastContainer_default as At, StatusIndicator_default as B, ChemicalFormula_default as C, AppAvatarMenu_default as Ct, ReagentEditor_default as D, ActionMenu_default as Dt, SampleHierarchyTree_default as E, ThemeToggle_default as Et, SettingsModal_default as F, Calendar_default as Ft, ControlWorkspaceView_default as G, LayoutResizeHandle_default as H, AdductText_default as I, BasePill_default as It, SampleSelector_default as J, ComponentBindingRenderer_default as K, Breadcrumb_default as L, SegmentedControl_default as Lt, BioTemplatePackWorkspaceView_default as M, FormField_default as Mt, BioTemplateExperimentWorkspaceView_default as N, DataFrame_default as Nt, SmartGroupModal_default as O, IconButton_default as Ot, BioTemplateRenderer_default as P, LoadingSpinner_default as Pt, ReagentList_default as Q, Avatar_default as R, BaseTabs_default as Rt, sequenceSamplesRemaining as S, AppTopBar_default as St, ProtocolStepEditor_default as T, CollapsibleCard_default as Tt, AppContainer_default as U, Divider_default as V, DoseDesignWorkspaceView_default as W, SmartGroupManual_default as X, AutoGroupModal_default as Y, SmartGroupFieldRecipe_default as Z, estimateSequenceFinishDate as _, AppLayout_default as _t, ArtifactSaveDialog_default as a, GeneratedPluginView_default as at, formatSequenceRemaining as b, FormActions_default as bt, SectionCard_default as c, GeneratedPlotlyResult_default as ct, ExperimentCodeBadge_default as d, ChartContainer_default as dt, ConfirmDialog_default as et, ExperimentDataViewer_default as f, generatedJobDefaults as ft, SequenceProgressBar_default as g, MobileSupportGate_default as gt, InstrumentStateBadge_default as h, PluginWorkspaceView_default as ht, ExperimentPopover_default as i, DoseCalculator_default as it, BioTemplatePresetWorkspaceView_default as j, AlertBox_default as jt, GroupAssigner_default as k, RuntimeUpdateNotice_default as kt, ResourceCard_default as l, PlotlyChart_default as lt, AuditTrail_default as m, normalizeGeneratedJobInput as mt, FilePicker_default as n, sampleTypeMarker as nt, ArtifactSelectorModal_default as o, JobsStatusTray_default as ot, BatchProgressList_default as p, generatedJobFormSchema as pt, ScheduleCalendar_default as q, FitPanel_default as r, ExperimentTimeline_default as rt, ExperimentSelectorModal_default as s, GeneratedResultRenderer_default as st, components_exports as t, WellPlate_default as tt, TimeRangeInput_default as u, mintPlotlyTemplate as ut, estimateSequenceRemainingSeconds as v, AppSidebar_default as vt, ScientificNumber_default as w, PluginIcon_default as wt, sequenceProgressPercent as x, StepWizard_default as xt, formatSequenceEta as y, FormBuilder_default as yt, ProgressBar_default as z, SearchableSelect_default as zt };
 
-//# sourceMappingURL=components-vHfxV2PB.js.map
+//# sourceMappingURL=components-bbanLd1u.js.map