@morscherlab/mint-sdk 1.0.14 → 1.0.16

package/dist/{components-Dq02EVZH.js → components-D0CzE0XK.js}

@@ -1,15 +1,15 @@
-import { a as BasePill_default, i as Skeleton_default, n as ExperimentCodeBadge_default, o as BaseButton_default, r as EmptyState_default, t as ExperimentSelectorModal_default } from "./ExperimentSelectorModal-CHsU-LIh.js";
-import { n as normalizeOptionInput, r as BaseInput_default, t as BaseSelect_default } from "./BaseSelect-DksaKYq_.js";
-import { A as useConcentrationUnits, B as TagsInput_default, I as useChemicalFormula, J as formatTime, L as DateTimePicker_default, M as SequenceInput_default, O as ConcentrationInput_default, P as FormulaInput_default, R as FileUploader_default, T as getDefaultControlView, U as compareTime, V as TimePicker_default, W as durationMinutes, _ as controlsToFormSchema, at as MultiSelect_default, ct as BaseSlider_default, dt as BaseCheckbox_default, f as resolveControlModel, ft as Tooltip_default, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, it as DatePicker_default, j as MoleculeInput_default, k as UnitInput_default, lt as BaseRadioGroup_default, m as controlValuesToComponentBindingsById, o as defineDoseDesignControlModel, ot as useListSelection, p as controlValuesToComponentBindings, pt as BaseTextarea_default, q as formatDuration, r as getControlDefaults, u as useControlWorkspace, ut as BaseToggle_default, w as controlsToViewItems, x as controlsToSidebarPanels, y as controlsToSectionFormSchemas, z as NumberInput_default } from "./useControlSchema-0n8Bcftq.js";
+import { a as BasePill_default, i as Skeleton_default, n as ExperimentCodeBadge_default, o as BaseButton_default, r as EmptyState_default, t as ExperimentSelectorModal_default } from "./ExperimentSelectorModal-CX0oBzpV.js";
+import { n as normalizeOptionInput, r as BaseInput_default, t as BaseSelect_default } from "./BaseSelect-ekgr9fDo.js";
+import { A as useConcentrationUnits, B as TagsInput_default, I as useChemicalFormula, J as formatTime, L as DateTimePicker_default, M as SequenceInput_default, O as ConcentrationInput_default, P as FormulaInput_default, R as FileUploader_default, T as getDefaultControlView, U as compareTime, V as TimePicker_default, W as durationMinutes, _ as controlsToFormSchema, at as MultiSelect_default, ct as BaseSlider_default, dt as BaseCheckbox_default, f as resolveControlModel, ft as Tooltip_default, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, it as DatePicker_default, j as MoleculeInput_default, k as UnitInput_default, lt as BaseRadioGroup_default, m as controlValuesToComponentBindingsById, o as defineDoseDesignControlModel, ot as useListSelection, p as controlValuesToComponentBindings, pt as BaseTextarea_default, q as formatDuration, r as getControlDefaults, u as useControlWorkspace, ut as BaseToggle_default, w as controlsToViewItems, x as controlsToSidebarPanels, y as controlsToSectionFormSchemas, z as NumberInput_default } from "./useControlSchema-Dkm-W_lg.js";
 import { t as useEventListener } from "./useEventListener-CfVkP9Xz.js";
-import { a as recordValuesEqualForKeys, c as normalizeLabelItemInput, i as pickExistingRecordKeys, n as FormFieldRendererInternal_default, o as FormField_default, r as formSchemaFieldNames, s as normalizeItemInput, t as SettingsModal_default } from "./SettingsModal-LEKI6Ebl.js";
+import { a as recordValuesEqualForKeys, c as normalizeLabelItemInput, i as pickExistingRecordKeys, n as FormFieldRendererInternal_default, o as FormField_default, r as formSchemaFieldNames, s as normalizeItemInput, t as SettingsModal_default } from "./SettingsModal-BTyXD0uP.js";
 import { t as BaseModal_default } from "./BaseModal-B9UA8Y_I.js";
 import { t as useDropdownState } from "./useDropdownState-Ben4DnjJ.js";
-import { A as parseCSV, B as useTheme, C as useExpansionSet, F as classKey, I as useWellPlateEditor, K as useSortedItems, L as useDoseCalculator, P as DEFAULT_COLORS, R as APP_EXPERIMENT_KEY, V as useToast, W as useTextSearch, _ as useScheduleDrag, a as useReagentSeries, c as useBioTemplatePresetWorkspace, k as useAutoGroup, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, v as useExperimentSamples, w as useSampleGroups, y as useExperimentData, z as useAppExperiment } from "./useProtocolTemplates-DODHlhxr.js";
-import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-COfYWDuC.js";
+import { A as parseCSV, B as APP_EXPERIMENT_KEY, C as useExpansionSet, F as classKey, H as useTheme, I as useWellPlateEditor, J as useSortedItems, K as useTextSearch, L as useDoseCalculator, P as DEFAULT_COLORS, R as DEFAULT_MOBILE_VIEWPORT_QUERY, U as useToast, V as useAppExperiment, _ as useScheduleDrag, a as useReagentSeries, c as useBioTemplatePresetWorkspace, k as useAutoGroup, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, v as useExperimentSamples, w as useSampleGroups, y as useExperimentData, z as useMobileSupportGate } from "./useProtocolTemplates-r2GOnnH1.js";
+import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-BOJ52N4M.js";
 import { i as useApi } from "./useExperimentSelector-BBaz0w51.js";
 import { n as ConfirmDialog_default, t as ExperimentPopover_default } from "./ExperimentPopover-B29fIHQz.js";
-import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, V as toBioTemplateComponentPropsByComponent, dn as extractTemplateCollection } from "./templates-Do43ZIMb.js";
+import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, V as toBioTemplateComponentPropsByComponent, dn as extractTemplateCollection } from "./templates-Dnf8UNxg.js";
 import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
@@ -24,9 +24,9 @@ var __exportAll = (all, no_symbols) => {
 };
 //#endregion
 //#region src/components/ColorSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = { class: "mint-color-slider__row" };
-var _hoisted_2$59 = { class: "mint-color-slider__track" };
-var _hoisted_3$54 = [
+var _hoisted_1$68 = { class: "mint-color-slider__row" };
+var _hoisted_2$60 = { class: "mint-color-slider__track" };
+var _hoisted_3$56 = [
 	"value",
 	"min",
 	"max",
@@ -141,7 +141,7 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 			emit("update:modelValue", Number(target.value));
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-color-slider", { "mint-color-slider--disabled": __props.disabled }]) }, [createElementVNode("div", _hoisted_1$67, [createElementVNode("div", _hoisted_2$59, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-color-slider", { "mint-color-slider--disabled": __props.disabled }]) }, [createElementVNode("div", _hoisted_1$68, [createElementVNode("div", _hoisted_2$60, [createElementVNode("input", {
 				type: "range",
 				value: currentValue.value,
 				min: __props.min,
@@ -158,7 +158,7 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 					"--thumb-size": `${sizeConfig.value.thumb}px`
 				}),
 				onInput: handleInput
-			}, null, 44, _hoisted_3$54)]), __props.showValue ? (openBlock(), createElementBlock("div", {
+			}, null, 44, _hoisted_3$56)]), __props.showValue ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-color-slider__badge",
 				style: normalizeStyle({
@@ -177,13 +177,13 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseTabs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = [
+var _hoisted_1$67 = [
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
 ];
-var _hoisted_2$58 = { class: "mint-tab__content" };
-var _hoisted_3$53 = {
+var _hoisted_2$59 = { class: "mint-tab__content" };
+var _hoisted_3$55 = {
 	key: 0,
 	class: "mint-tab__icon mint-tab__icon--svg",
 	viewBox: "0 0 24 24",
@@ -194,8 +194,8 @@ var _hoisted_3$53 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_4$50 = ["d"];
-var _hoisted_5$48 = ["d"];
+var _hoisted_4$51 = ["d"];
+var _hoisted_5$49 = ["d"];
 var _hoisted_6$47 = {
 	key: 1,
 	class: "mint-tab__icon"
@@ -245,33 +245,33 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 						tab.disabled ? "mint-tab--disabled" : ""
 					]),
 					onClick: ($event) => selectTab(tab.id)
-				}, [createElementVNode("span", _hoisted_2$58, [
-					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$53, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
+				}, [createElementVNode("span", _hoisted_2$59, [
+					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$55, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
 						return openBlock(), createElementBlock("path", {
 							key: index,
 							d
-						}, null, 8, _hoisted_4$50);
+						}, null, 8, _hoisted_4$51);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: tab.icon
-					}, null, 8, _hoisted_5$48))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_6$47, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
+					}, null, 8, _hoisted_5$49))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_6$47, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
 					createTextVNode(" " + toDisplayString(tab.label) + " ", 1),
 					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_7$43, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
-				])], 10, _hoisted_1$66);
+				])], 10, _hoisted_1$67);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = [
+var _hoisted_1$66 = [
 	"aria-checked",
 	"disabled",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_2$57 = { class: "mint-segmented-control__label" };
-var _hoisted_3$52 = {
+var _hoisted_2$58 = { class: "mint-segmented-control__label" };
+var _hoisted_3$54 = {
 	key: 0,
 	class: "mint-segmented-control__description"
 };
@@ -343,24 +343,24 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					]),
 					onClick: ($event) => handleSelect(option),
 					onKeydown: ($event) => handleKeydown($event, option)
-				}, [createElementVNode("span", _hoisted_2$57, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$52, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$65);
+				}, [createElementVNode("span", _hoisted_2$58, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$54, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$66);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/DropdownButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = ["disabled", "aria-expanded"];
-var _hoisted_2$56 = {
+var _hoisted_1$65 = ["disabled", "aria-expanded"];
+var _hoisted_2$57 = {
 	key: 0,
 	class: "mint-dropdown-button__spinner",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
 };
-var _hoisted_3$51 = { class: "mint-dropdown-button__label" };
-var _hoisted_4$49 = ["aria-activedescendant"];
-var _hoisted_5$47 = [
+var _hoisted_3$53 = { class: "mint-dropdown-button__label" };
+var _hoisted_4$50 = ["aria-activedescendant"];
+var _hoisted_5$48 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
@@ -446,7 +446,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "listbox",
 				onClick: toggle
 			}, [
-				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$56, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$57, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10",
@@ -459,7 +459,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "3",
 					"stroke-linecap": "round"
 				}, null, -1)])])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$51, toDisplayString(selectedLabel.value), 1),
+				createElementVNode("span", _hoisted_3$53, toDisplayString(selectedLabel.value), 1),
 				(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-dropdown-button__chevron", { "mint-dropdown-button__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
@@ -469,7 +469,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))
-			], 10, _hoisted_1$64), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
+			], 10, _hoisted_1$65), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
 				default: withCtx(() => [unref(isOpen) ? (openBlock(), createElementBlock("ul", {
 					key: 0,
 					class: "mint-dropdown-button__menu",
@@ -491,8 +491,8 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 						createElementVNode("span", _hoisted_6$46, toDisplayString(option.label), 1),
 						option.description ? (openBlock(), createElementBlock("span", _hoisted_7$42, toDisplayString(option.description), 1)) : createCommentVNode("", true),
 						option.value === __props.modelValue ? (openBlock(), createElementBlock("svg", _hoisted_8$39, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)
-					], 10, _hoisted_5$47);
-				}), 128))], 8, _hoisted_4$49)) : createCommentVNode("", true)]),
+					], 10, _hoisted_5$48);
+				}), 128))], 8, _hoisted_4$50)) : createCommentVNode("", true)]),
 				_: 1
 			})], 512);
 		};
@@ -500,14 +500,14 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Calendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = { class: "mint-calendar" };
-var _hoisted_2$55 = {
+var _hoisted_1$64 = { class: "mint-calendar" };
+var _hoisted_2$56 = {
 	key: 0,
 	class: "mint-calendar__header"
 };
-var _hoisted_3$50 = { class: "mint-calendar__title" };
-var _hoisted_4$48 = { class: "mint-calendar__weekdays" };
-var _hoisted_5$46 = { class: "mint-calendar__grid" };
+var _hoisted_3$52 = { class: "mint-calendar__title" };
+var _hoisted_4$49 = { class: "mint-calendar__weekdays" };
+var _hoisted_5$47 = { class: "mint-calendar__grid" };
 var _hoisted_6$45 = [
 	"disabled",
 	"onClick",
@@ -734,8 +734,8 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 			emit("navigate", "next", currentMonth.value, currentYear.value);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$63, [
-				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$55, [
+			return openBlock(), createElementBlock("div", _hoisted_1$64, [
+				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$56, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -754,7 +754,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						year: currentYear.value,
 						prevMonth,
 						nextMonth
-					}, () => [createElementVNode("span", _hoisted_3$50, toDisplayString(monthLabel.value), 1)]),
+					}, () => [createElementVNode("span", _hoisted_3$52, toDisplayString(monthLabel.value), 1)]),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -769,7 +769,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round"
 					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])])
 				])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_4$48, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDayLabels.value, (label, i) => {
+				createElementVNode("div", _hoisted_4$49, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDayLabels.value, (label, i) => {
 					return openBlock(), createElementBlock("span", {
 						key: i,
 						class: "mint-calendar__weekday"
@@ -778,7 +778,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						index: i
 					}, () => [createTextVNode(toDisplayString(label), 1)])]);
 				}), 128))]),
-				createElementVNode("div", _hoisted_5$46, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, i) => {
+				createElementVNode("div", _hoisted_5$47, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, i) => {
 					return openBlock(), createElementBlock("button", {
 						key: i,
 						type: "button",
@@ -808,14 +808,14 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DataFrame.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = {
+var _hoisted_1$63 = {
 	key: 0,
 	class: "mint-dataframe__header"
 };
-var _hoisted_2$54 = { class: "mint-dataframe__search-wrapper" };
-var _hoisted_3$49 = ["placeholder"];
-var _hoisted_4$47 = { class: "mint-dataframe__table" };
-var _hoisted_5$45 = {
+var _hoisted_2$55 = { class: "mint-dataframe__search-wrapper" };
+var _hoisted_3$51 = ["placeholder"];
+var _hoisted_4$48 = { class: "mint-dataframe__table" };
+var _hoisted_5$46 = {
 	key: 0,
 	class: "mint-dataframe__th mint-dataframe__th--checkbox"
 };
@@ -1037,7 +1037,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-dataframe", { "mint-dataframe--bordered": __props.bordered }]) }, [
-				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$62, [createElementVNode("div", _hoisted_2$54, [_cache[4] || (_cache[4] = createElementVNode("svg", {
+				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$63, [createElementVNode("div", _hoisted_2$55, [_cache[4] || (_cache[4] = createElementVNode("svg", {
 					class: "mint-dataframe__search-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1054,12 +1054,12 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					type: "text",
 					class: "mint-dataframe__search",
 					placeholder: __props.searchPlaceholder
-				}, null, 8, _hoisted_3$49), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$51), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
 				createElementVNode("div", {
 					class: "mint-dataframe__table-wrapper",
 					style: normalizeStyle(wrapperStyle.value)
 				}, [
-					createElementVNode("table", _hoisted_4$47, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$45, [createElementVNode("input", {
+					createElementVNode("table", _hoisted_4$48, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$46, [createElementVNode("input", {
 						type: "checkbox",
 						checked: allSelected.value,
 						indeterminate: selectIndeterminate.value,
@@ -1199,7 +1199,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertBox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = {
+var _hoisted_1$62 = {
 	key: 0,
 	class: "mint-alert__icon mint-alert__icon--success",
 	viewBox: "0 0 24 24",
@@ -1209,7 +1209,7 @@ var _hoisted_1$61 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_2$53 = {
+var _hoisted_2$54 = {
 	key: 1,
 	class: "mint-alert__icon mint-alert__icon--error",
 	viewBox: "0 0 24 24",
@@ -1219,7 +1219,7 @@ var _hoisted_2$53 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_3$48 = {
+var _hoisted_3$50 = {
 	key: 2,
 	class: "mint-alert__icon mint-alert__icon--warning",
 	viewBox: "0 0 24 24",
@@ -1229,7 +1229,7 @@ var _hoisted_3$48 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_4$46 = {
+var _hoisted_4$47 = {
 	key: 3,
 	class: "mint-alert__icon mint-alert__icon--info",
 	viewBox: "0 0 24 24",
@@ -1239,7 +1239,7 @@ var _hoisted_4$46 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_5$44 = { class: "mint-alert__content" };
+var _hoisted_5$45 = { class: "mint-alert__content" };
 var _hoisted_6$43 = {
 	key: 0,
 	class: "mint-alert__title"
@@ -1274,11 +1274,11 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["mint-alert", `mint-alert--${props.type}`]),
 				role: "alert"
 			}, [
-				props.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_1$61, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
+				props.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_1$62, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10"
-				}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : props.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_2$53, [..._cache[3] || (_cache[3] = [
+				}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : props.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_2$54, [..._cache[3] || (_cache[3] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1286,11 +1286,11 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 					}, null, -1),
 					createElementVNode("path", { d: "m15 9-6 6" }, null, -1),
 					createElementVNode("path", { d: "m9 9 6 6" }, null, -1)
-				])])) : props.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_3$48, [..._cache[4] || (_cache[4] = [
+				])])) : props.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_3$50, [..._cache[4] || (_cache[4] = [
 					createElementVNode("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }, null, -1),
 					createElementVNode("path", { d: "M12 9v4" }, null, -1),
 					createElementVNode("path", { d: "M12 17h.01" }, null, -1)
-				])])) : (openBlock(), createElementBlock("svg", _hoisted_4$46, [..._cache[5] || (_cache[5] = [
+				])])) : (openBlock(), createElementBlock("svg", _hoisted_4$47, [..._cache[5] || (_cache[5] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1299,7 +1299,7 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("path", { d: "M12 16v-4" }, null, -1),
 					createElementVNode("path", { d: "M12 8h.01" }, null, -1)
 				])])),
-				createElementVNode("div", _hoisted_5$44, [props.title ? (openBlock(), createElementBlock("h4", _hoisted_6$43, toDisplayString(props.title), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$39, [renderSlot(_ctx.$slots, "default")])]),
+				createElementVNode("div", _hoisted_5$45, [props.title ? (openBlock(), createElementBlock("h4", _hoisted_6$43, toDisplayString(props.title), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$39, [renderSlot(_ctx.$slots, "default")])]),
 				hasActions() ? (openBlock(), createElementBlock("div", _hoisted_8$36, [renderSlot(_ctx.$slots, "actions", {}, () => [createElementVNode("button", {
 					type: "button",
 					class: normalizeClass(["mint-alert__action-btn", `mint-alert__action-btn--${props.type}`]),
@@ -1326,9 +1326,9 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppToastContainer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = { class: "mint-toast__container" };
-var _hoisted_2$52 = ["onClick"];
-var _hoisted_3$47 = { class: "mint-toast__message" };
+var _hoisted_1$61 = { class: "mint-toast__container" };
+var _hoisted_2$53 = ["onClick"];
+var _hoisted_3$49 = { class: "mint-toast__message" };
 //#endregion
 //#region src/components/AppToastContainer.vue
 var AppToastContainer_default = /* @__PURE__ */ defineComponent({
@@ -1343,7 +1343,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 			info: "#3B82F6"
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$60, [createVNode(TransitionGroup, { name: "toast" }, {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$61, [createVNode(TransitionGroup, { name: "toast" }, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(toasts), (toast) => {
 					return openBlock(), createElementBlock("div", {
 						key: toast.id,
@@ -1417,7 +1417,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 							createElementVNode("path", { d: "M12 16v-4" }, null, -1),
 							createElementVNode("path", { d: "M12 8h.01" }, null, -1)
 						])], 4)),
-						createElementVNode("span", _hoisted_3$47, toDisplayString(toast.message), 1),
+						createElementVNode("span", _hoisted_3$49, toDisplayString(toast.message), 1),
 						createElementVNode("span", {
 							class: "mint-toast__progress",
 							style: normalizeStyle({
@@ -1425,7 +1425,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 								animationDuration: `${toast.duration ?? 3500}ms`
 							})
 						}, null, 4)
-					], 14, _hoisted_2$52);
+					], 14, _hoisted_2$53);
 				}), 128))]),
 				_: 1
 			})])]);
@@ -1434,7 +1434,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/IconButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = [
+var _hoisted_1$60 = [
 	"disabled",
 	"aria-label",
 	"title"
@@ -1496,13 +1496,13 @@ var IconButton_default = /* @__PURE__ */ defineComponent({
 			}, null, -1)])], 2)) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(`mint-icon-button__icon--${__props.size}`)
-			}, [renderSlot(_ctx.$slots, "default")], 2))], 10, _hoisted_1$59);
+			}, [renderSlot(_ctx.$slots, "default")], 2))], 10, _hoisted_1$60);
 		};
 	}
 });
 //#endregion
 //#region src/components/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = {
+var _hoisted_1$59 = {
 	key: 0,
 	class: "mint-theme-toggle__icon",
 	viewBox: "0 0 24 24",
@@ -1512,7 +1512,7 @@ var _hoisted_1$58 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_2$51 = {
+var _hoisted_2$52 = {
 	key: 1,
 	class: "mint-theme-toggle__icon",
 	viewBox: "0 0 24 24",
@@ -1538,7 +1538,7 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 				label: unref(isDark) ? "Switch to light mode" : "Switch to dark mode",
 				onClick: unref(toggleTheme)
 			}, {
-				default: withCtx(() => [unref(isDark) ? (openBlock(), createElementBlock("svg", _hoisted_1$58, [..._cache[0] || (_cache[0] = [
+				default: withCtx(() => [unref(isDark) ? (openBlock(), createElementBlock("svg", _hoisted_1$59, [..._cache[0] || (_cache[0] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1552,7 +1552,7 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("path", { d: "M20 12h2" }, null, -1),
 					createElementVNode("path", { d: "m6.34 17.66-1.41 1.41" }, null, -1),
 					createElementVNode("path", { d: "m19.07 4.93-1.41 1.41" }, null, -1)
-				])])) : (openBlock(), createElementBlock("svg", _hoisted_2$51, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }, null, -1)])]))]),
+				])])) : (openBlock(), createElementBlock("svg", _hoisted_2$52, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }, null, -1)])]))]),
 				_: 1
 			}, 8, [
 				"size",
@@ -1564,11 +1564,11 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/CollapsibleCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = { class: "mint-collapsible-card__header-shell" };
-var _hoisted_2$50 = ["disabled", "aria-expanded"];
-var _hoisted_3$46 = { class: "mint-collapsible-card__title-section" };
-var _hoisted_4$45 = ["d"];
-var _hoisted_5$43 = ["d"];
+var _hoisted_1$58 = { class: "mint-collapsible-card__header-shell" };
+var _hoisted_2$51 = ["disabled", "aria-expanded"];
+var _hoisted_3$48 = { class: "mint-collapsible-card__title-section" };
+var _hoisted_4$46 = ["d"];
+var _hoisted_5$44 = ["d"];
 var _hoisted_6$42 = { class: "mint-collapsible-card__titles" };
 var _hoisted_7$38 = { class: "mint-collapsible-card__title" };
 var _hoisted_8$35 = {
@@ -1686,13 +1686,13 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 			emit("action", action.id);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$57, [createElementVNode("button", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$58, [createElementVNode("button", {
 				type: "button",
 				class: normalizeClass(headerClasses.value),
 				disabled: __props.disabled,
 				"aria-expanded": isOpen.value,
 				onClick: toggle
-			}, [createElementVNode("div", _hoisted_3$46, [__props.icon ? (openBlock(), createElementBlock("div", {
+			}, [createElementVNode("div", _hoisted_3$48, [__props.icon ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-collapsible-card__icon-badge",
 				style: normalizeStyle(iconBgStyle.value)
@@ -1710,15 +1710,15 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					key: i,
 					d
-				}, null, 8, _hoisted_4$45);
+				}, null, 8, _hoisted_4$46);
 			}), 128)) : (openBlock(), createElementBlock("path", {
 				key: 1,
 				d: __props.icon
-			}, null, 8, _hoisted_5$43))], 4)) : (openBlock(), createElementBlock("span", {
+			}, null, 8, _hoisted_5$44))], 4)) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: "mint-collapsible-card__icon-text",
 				style: normalizeStyle(iconColorStyle.value)
-			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$42, [createElementVNode("h3", _hoisted_7$38, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$35, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$50), createElementVNode("div", _hoisted_9$32, [
+			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$42, [createElementVNode("h3", _hoisted_7$38, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$35, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$51), createElementVNode("div", _hoisted_9$32, [
 				__props.badge !== void 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(badgeClasses.value)
@@ -1913,18 +1913,18 @@ function isFiniteNumber(value, min, max) {
 }
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = [
+var _hoisted_1$57 = [
 	"href",
 	"aria-disabled",
 	"tabindex"
 ];
-var _hoisted_2$49 = [
+var _hoisted_2$50 = [
 	"href",
 	"aria-disabled",
 	"tabindex",
 	"onClick"
 ];
-var _hoisted_3$45 = ["type", "disabled"];
+var _hoisted_3$47 = ["type", "disabled"];
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue
 var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
@@ -1970,7 +1970,7 @@ var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
 				"aria-disabled": __props.disabled || void 0,
 				tabindex: __props.disabled ? -1 : void 0,
 				onClick: handleClick
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$56)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$57)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
 				key: 1,
 				to: __props.to,
 				custom: ""
@@ -1980,33 +1980,33 @@ var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
 					"aria-disabled": __props.disabled || void 0,
 					tabindex: __props.disabled ? -1 : void 0,
 					onClick: ($event) => handleRouterClick($event, navigate)
-				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$49)]),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$50)]),
 				_: 3
 			}, 8, ["to"])) : (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, _ctx.$attrs, {
 				type: __props.type,
 				disabled: __props.disabled,
 				onClick: handleClick
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$45));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$47));
 		};
 	}
 });
 //#endregion
 //#region src/components/PluginIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = ["viewBox"];
-var _hoisted_2$48 = { key: 0 };
-var _hoisted_3$44 = [
+var _hoisted_1$56 = ["viewBox"];
+var _hoisted_2$49 = { key: 0 };
+var _hoisted_3$46 = [
 	"id",
 	"x1",
 	"y1",
 	"x2",
 	"y2"
 ];
-var _hoisted_4$44 = [
+var _hoisted_4$45 = [
 	"offset",
 	"stop-color",
 	"stop-opacity"
 ];
-var _hoisted_5$42 = [
+var _hoisted_5$43 = [
 	"x",
 	"y",
 	"width",
@@ -2107,7 +2107,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 				viewBox: structuredIcon.value.viewBox,
 				"aria-hidden": "true"
 			}, [
-				structuredIcon.value.gradient ? (openBlock(), createElementBlock("defs", _hoisted_2$48, [createElementVNode("linearGradient", {
+				structuredIcon.value.gradient ? (openBlock(), createElementBlock("defs", _hoisted_2$49, [createElementVNode("linearGradient", {
 					id: gradientId.value,
 					x1: gradientCoords.value.x1,
 					y1: gradientCoords.value.y1,
@@ -2119,8 +2119,8 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 						offset: stop.offset,
 						"stop-color": stop.color,
 						"stop-opacity": stop.opacity
-					}, null, 8, _hoisted_4$44);
-				}), 128))], 8, _hoisted_3$44)])) : createCommentVNode("", true),
+					}, null, 8, _hoisted_4$45);
+				}), 128))], 8, _hoisted_3$46)])) : createCommentVNode("", true),
 				structuredIcon.value.background ? (openBlock(), createElementBlock("rect", {
 					key: 1,
 					x: structuredViewBox.value.x,
@@ -2129,7 +2129,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 					height: structuredViewBox.value.height,
 					rx: structuredIcon.value.background.radius,
 					fill: backgroundFill.value
-				}, null, 8, _hoisted_5$42)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_5$43)) : createCommentVNode("", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(structuredIcon.value.paths, (path, index) => {
 					return openBlock(), createElementBlock("path", {
 						key: index,
@@ -2142,7 +2142,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round"
 					}, null, 8, _hoisted_6$41);
 				}), 128))
-			], 8, _hoisted_1$55)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$37, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$34)])) : (openBlock(), createElementBlock("img", {
+			], 8, _hoisted_1$56)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$37, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$34)])) : (openBlock(), createElementBlock("img", {
 				key: 2,
 				class: "mint-plugin-icon__img",
 				src: iconValue.value,
@@ -2155,17 +2155,17 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/AppTopBarPageSelectorInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = ["aria-expanded"];
-var _hoisted_2$47 = {
+var _hoisted_1$55 = ["aria-expanded"];
+var _hoisted_2$48 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_3$43 = { class: "mint-page-selector__label" };
-var _hoisted_4$43 = {
+var _hoisted_3$45 = { class: "mint-page-selector__label" };
+var _hoisted_4$44 = {
 	class: "mint-page-selector__chevron-wrap",
 	"aria-hidden": "true"
 };
-var _hoisted_5$41 = {
+var _hoisted_5$42 = {
 	key: 0,
 	class: "mint-page-selector__menu",
 	role: "menu"
@@ -2228,9 +2228,9 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					icon: current.value.icon,
 					size: "sm",
 					variant: "tinted"
-				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$47, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$43, toDisplayString(current.value?.label ?? __props.placeholder), 1),
-				createElementVNode("span", _hoisted_4$43, [(openBlock(), createElementBlock("svg", {
+				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$48, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$45, toDisplayString(current.value?.label ?? __props.placeholder), 1),
+				createElementVNode("span", _hoisted_4$44, [(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-page-selector__chevron", { "mint-page-selector__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -2239,7 +2239,7 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])
-			], 10, _hoisted_1$54), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$41, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page) => {
+			], 10, _hoisted_1$55), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$42, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page) => {
 				return openBlock(), createBlock(ActionItemInternal_default, {
 					key: page.id,
 					href: page.href,
@@ -2278,16 +2278,16 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/AppTopBarPillNavInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = {
+var _hoisted_1$54 = {
 	class: "mint-pill-nav",
 	"aria-label": "Primary"
 };
-var _hoisted_2$46 = [
+var _hoisted_2$47 = [
 	"disabled",
 	"aria-expanded",
 	"onClick"
 ];
-var _hoisted_3$42 = {
+var _hoisted_3$44 = {
 	key: 0,
 	class: "mint-pill-nav__icon",
 	viewBox: "0 0 24 24",
@@ -2298,8 +2298,8 @@ var _hoisted_3$42 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_4$42 = ["d"];
-var _hoisted_5$40 = ["d"];
+var _hoisted_4$43 = ["d"];
+var _hoisted_5$41 = ["d"];
 var _hoisted_6$39 = {
 	key: 0,
 	class: "mint-pill-nav__icon",
@@ -2378,7 +2378,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 		}
 		useEventListener(() => document, "click", handleClickOutside);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", _hoisted_1$53, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$54, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
 				return openBlock(), createElementBlock("div", {
 					key: item.id,
 					ref_for: true,
@@ -2397,15 +2397,15 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 					"aria-haspopup": "menu",
 					onClick: withModifiers(($event) => handleClick(item), ["stop"])
 				}, [
-					isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$42, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
+					isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$44, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
 						return openBlock(), createElementBlock("path", {
 							key: index,
 							d
-						}, null, 8, _hoisted_4$42);
+						}, null, 8, _hoisted_4$43);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: item.icon
-					}, null, 8, _hoisted_5$40))])) : createCommentVNode("", true),
+					}, null, 8, _hoisted_5$41))])) : createCommentVNode("", true),
 					createTextVNode(" " + toDisplayString(item.label) + " ", 1),
 					(openBlock(), createElementBlock("svg", {
 						class: normalizeClass(["mint-pill-nav__chevron", { "mint-pill-nav__chevron--open": openItemId.value === item.id }]),
@@ -2417,7 +2417,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round",
 						"aria-hidden": "true"
 					}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))
-				], 10, _hoisted_2$46)) : (openBlock(), createBlock(ActionItemInternal_default, {
+				], 10, _hoisted_2$47)) : (openBlock(), createBlock(ActionItemInternal_default, {
 					key: 1,
 					href: item.href,
 					to: item.to,
@@ -2475,18 +2475,18 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppAvatarMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = ["aria-expanded", "title"];
-var _hoisted_2$45 = { class: "mint-avatar-menu__avatar" };
-var _hoisted_3$41 = {
+var _hoisted_1$53 = ["aria-expanded", "title"];
+var _hoisted_2$46 = { class: "mint-avatar-menu__avatar" };
+var _hoisted_3$43 = {
 	key: 0,
 	class: "mint-avatar-menu__name"
 };
-var _hoisted_4$41 = {
+var _hoisted_4$42 = {
 	key: 0,
 	class: "mint-avatar-menu__panel",
 	role: "menu"
 };
-var _hoisted_5$39 = {
+var _hoisted_5$40 = {
 	key: 0,
 	class: "mint-avatar-menu__header"
 };
@@ -2578,8 +2578,8 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "menu",
 				title: __props.userName ? `${__props.userName} · Account menu` : "Account menu",
 				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"]))
-			}, [createElementVNode("span", _hoisted_2$45, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$41, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 10, _hoisted_1$52), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_4$41, [
-				__props.userName || __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_5$39, [__props.userName ? (openBlock(), createElementBlock("div", _hoisted_6$38, toDisplayString(__props.userName), 1)) : createCommentVNode("", true), __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_7$34, toDisplayString(__props.userEmail), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+			}, [createElementVNode("span", _hoisted_2$46, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$43, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 10, _hoisted_1$53), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_4$42, [
+				__props.userName || __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_5$40, [__props.userName ? (openBlock(), createElementBlock("div", _hoisted_6$38, toDisplayString(__props.userName), 1)) : createCommentVNode("", true), __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_7$34, toDisplayString(__props.userEmail), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "items", { close: closeSilently }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 					return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.divider ? (openBlock(), createElementBlock("div", _hoisted_8$31)) : (openBlock(), createBlock(ActionItemInternal_default, {
 						key: 1,
@@ -2617,17 +2617,17 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppPluginSwitcher.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = ["aria-expanded"];
-var _hoisted_2$44 = { class: "mint-plugin-switcher__label" };
-var _hoisted_3$40 = {
+var _hoisted_1$52 = ["aria-expanded"];
+var _hoisted_2$45 = { class: "mint-plugin-switcher__label" };
+var _hoisted_3$42 = {
 	key: 0,
 	class: "mint-plugin-switcher__version"
 };
-var _hoisted_4$40 = {
+var _hoisted_4$41 = {
 	class: "mint-plugin-switcher__chevron-wrap",
 	"aria-hidden": "true"
 };
-var _hoisted_5$38 = {
+var _hoisted_5$39 = {
 	key: 0,
 	class: "mint-plugin-switcher__menu",
 	role: "menu"
@@ -2697,9 +2697,9 @@ var AppPluginSwitcher_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "menu",
 				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"]))
 			}, [
-				createElementVNode("span", _hoisted_2$44, toDisplayString(__props.current.label), 1),
-				__props.current.version ? (openBlock(), createElementBlock("span", _hoisted_3$40, "v" + toDisplayString(__props.current.version), 1)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_4$40, [(openBlock(), createElementBlock("svg", {
+				createElementVNode("span", _hoisted_2$45, toDisplayString(__props.current.label), 1),
+				__props.current.version ? (openBlock(), createElementBlock("span", _hoisted_3$42, "v" + toDisplayString(__props.current.version), 1)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_4$41, [(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-plugin-switcher__chevron", { "mint-plugin-switcher__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -2708,7 +2708,7 @@ var AppPluginSwitcher_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])
-			], 10, _hoisted_1$51), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$38, [
+			], 10, _hoisted_1$52), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$39, [
 				_cache[4] || (_cache[4] = createElementVNode("div", { class: "mint-plugin-switcher__menu-title" }, "Switch plugin", -1)),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plugins, (plugin) => {
 					return openBlock(), createBlock(ActionItemInternal_default, {
@@ -2806,14 +2806,14 @@ function currentItemIdFromLocation(pages, pathname, routePrefix) {
 }
 //#endregion
 //#region src/components/AppTopBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = { class: "mint-topbar__container" };
-var _hoisted_2$43 = { class: "mint-topbar__brand" };
-var _hoisted_3$39 = ["href"];
-var _hoisted_4$39 = {
+var _hoisted_1$51 = { class: "mint-topbar__container" };
+var _hoisted_2$44 = { class: "mint-topbar__brand" };
+var _hoisted_3$41 = ["href"];
+var _hoisted_4$40 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_5$37 = {
+var _hoisted_5$38 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
@@ -2924,9 +2924,9 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		/** Full application top bar with brand logo, page selector or plugin switcher, centered pill nav, experiment popover, and avatar menu. */
 		const props = __props;
-		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-L7Ejny45.js"));
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-DXcSKk9D.js"));
 		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-gdSA9ZCF.js"));
-		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-DIFyL5ta.js"));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-BOzDs8TU.js"));
 		const emit = __emit;
 		const settingsOpen = ref(false);
 		const { isIntegrated, plugin } = usePlatformContext();
@@ -2962,8 +2962,8 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			const _component_router_link = resolveComponent("router-link");
 			return openBlock(), createElementBlock(Fragment, null, [
-				createElementVNode("header", { class: normalizeClass(["mint-topbar", `mint-topbar--${props.variant}`]) }, [createElementVNode("div", _hoisted_1$50, [
-					createElementVNode("div", _hoisted_2$43, [__props.homePath && (__props.homePath.startsWith("http") || __props.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
+				createElementVNode("header", { class: normalizeClass(["mint-topbar", `mint-topbar--${props.variant}`]) }, [createElementVNode("div", _hoisted_1$51, [
+					createElementVNode("div", _hoisted_2$44, [__props.homePath && (__props.homePath.startsWith("http") || __props.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
 						key: 0,
 						href: __props.homePath,
 						class: "mint-topbar-home-link"
@@ -2974,7 +2974,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						tone: pluginIcon.value.color,
 						size: "md",
 						variant: "solid"
-					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_4$39, [..._cache[19] || (_cache[19] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])], 8, _hoisted_3$39)) : __props.homePath ? (openBlock(), createBlock(_component_router_link, {
+					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_4$40, [..._cache[19] || (_cache[19] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])], 8, _hoisted_3$41)) : __props.homePath ? (openBlock(), createBlock(_component_router_link, {
 						key: 1,
 						to: __props.homePath,
 						class: "mint-topbar-home-link"
@@ -2986,7 +2986,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							tone: pluginIcon.value.color,
 							size: "md",
 							variant: "solid"
-						}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_5$37, [..._cache[20] || (_cache[20] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])]),
+						}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_5$38, [..._cache[20] || (_cache[20] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])]),
 						_: 3
 					}, 8, ["to"])) : renderSlot(_ctx.$slots, "icon", { key: 2 }, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
 						key: 0,
@@ -3178,14 +3178,14 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StepWizard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = {
+var _hoisted_1$50 = {
 	key: 0,
 	class: "mint-wizard__progress"
 };
-var _hoisted_2$42 = { class: "mint-wizard__steps-indicator" };
-var _hoisted_3$38 = ["onClick"];
-var _hoisted_4$38 = { class: "mint-wizard__step-dot" };
-var _hoisted_5$36 = {
+var _hoisted_2$43 = { class: "mint-wizard__steps-indicator" };
+var _hoisted_3$40 = ["onClick"];
+var _hoisted_4$39 = { class: "mint-wizard__step-dot" };
+var _hoisted_5$37 = {
 	key: 0,
 	width: "12",
 	height: "12",
@@ -3294,18 +3294,18 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 				tabindex: "0",
 				onKeydown: handleKeydown
 			}, [
-				props.showProgress ? (openBlock(), createElementBlock("div", _hoisted_1$49, [renderSlot(_ctx.$slots, "progress", {
+				props.showProgress ? (openBlock(), createElementBlock("div", _hoisted_1$50, [renderSlot(_ctx.$slots, "progress", {
 					steps: props.steps,
 					current: props.modelValue,
 					states: stepStates.value
-				}, () => [createElementVNode("div", _hoisted_2$42, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
+				}, () => [createElementVNode("div", _hoisted_2$43, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
 					return openBlock(), createElementBlock(Fragment, { key: step.id }, [index > 0 ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(["mint-wizard__step-connector", stepStates.value[index - 1] === "completed" ? "mint-wizard__step-connector--completed" : ""])
 					}, null, 2)) : createCommentVNode("", true), createElementVNode("div", {
 						class: normalizeClass(["mint-wizard__step-indicator", `mint-wizard__step-indicator--${stepStates.value[index]}`]),
 						onClick: ($event) => goToStep(index)
-					}, [createElementVNode("div", _hoisted_4$38, [stepStates.value[index] === "completed" ? (openBlock(), createElementBlock("svg", _hoisted_5$36, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : props.showStepNumbers ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(index + 1), 1)], 64)) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$35, toDisplayString(step.label), 1)], 10, _hoisted_3$38)], 64);
+					}, [createElementVNode("div", _hoisted_4$39, [stepStates.value[index] === "completed" ? (openBlock(), createElementBlock("svg", _hoisted_5$37, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : props.showStepNumbers ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(index + 1), 1)], 64)) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$35, toDisplayString(step.label), 1)], 10, _hoisted_3$40)], 64);
 				}), 128))])])])) : createCommentVNode("", true),
 				createElementVNode("div", _hoisted_7$31, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
 					return withDirectives((openBlock(), createElementBlock("div", {
@@ -3357,23 +3357,23 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/FormSectionRenderer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = {
+var _hoisted_1$49 = {
 	key: 0,
 	class: "mint-form-section"
 };
-var _hoisted_2$41 = {
+var _hoisted_2$42 = {
 	key: 1,
 	class: "mint-form-section--static"
 };
-var _hoisted_3$37 = {
+var _hoisted_3$39 = {
 	key: 0,
 	class: "mint-form-section__header"
 };
-var _hoisted_4$37 = {
+var _hoisted_4$38 = {
 	key: 0,
 	class: "mint-form-section__title"
 };
-var _hoisted_5$35 = {
+var _hoisted_5$36 = {
 	key: 1,
 	class: "mint-form-section__description"
 };
@@ -3390,7 +3390,7 @@ var FormSectionRenderer_default = /* @__PURE__ */ defineComponent({
 		const visibleFields = computed(() => props.section.fields.filter((f) => props.builder.isFieldVisible(f.name)));
 		const gridStyle = computed(() => ({ gridTemplateColumns: `repeat(${props.section.columns ?? 1}, 1fr)` }));
 		return (_ctx, _cache) => {
-			return visibleFields.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$48, [renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
+			return visibleFields.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$49, [renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
 				section: __props.section,
 				form: __props.builder.form
 			}, () => [__props.section.collapsible ? (openBlock(), createBlock(CollapsibleCard_default, {
@@ -3425,7 +3425,7 @@ var FormSectionRenderer_default = /* @__PURE__ */ defineComponent({
 				"title",
 				"subtitle",
 				"default-open"
-			])) : (openBlock(), createElementBlock("div", _hoisted_2$41, [__props.section.title || __props.section.description ? (openBlock(), createElementBlock("div", _hoisted_3$37, [__props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_4$37, toDisplayString(__props.section.title), 1)) : createCommentVNode("", true), __props.section.description ? (openBlock(), createElementBlock("p", _hoisted_5$35, toDisplayString(__props.section.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", {
+			])) : (openBlock(), createElementBlock("div", _hoisted_2$42, [__props.section.title || __props.section.description ? (openBlock(), createElementBlock("div", _hoisted_3$39, [__props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_4$38, toDisplayString(__props.section.title), 1)) : createCommentVNode("", true), __props.section.description ? (openBlock(), createElementBlock("p", _hoisted_5$36, toDisplayString(__props.section.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", {
 				class: "mint-form-section__grid",
 				style: normalizeStyle(gridStyle.value)
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleFields.value, (field) => {
@@ -3451,7 +3451,7 @@ var FormSectionRenderer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormActions.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = { class: "mint-form-actions" };
+var _hoisted_1$48 = { class: "mint-form-actions" };
 //#endregion
 //#region src/components/FormActions.vue
 var FormActions_default = /* @__PURE__ */ defineComponent({
@@ -3508,7 +3508,7 @@ var FormActions_default = /* @__PURE__ */ defineComponent({
 		*/
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$47, [
+			return openBlock(), createElementBlock("div", _hoisted_1$48, [
 				__props.showCancel ? (openBlock(), createBlock(BaseButton_default, {
 					key: 0,
 					variant: "ghost",
@@ -3553,7 +3553,7 @@ var FormActions_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormBuilder.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = { class: "mint-form-builder__step" };
+var _hoisted_1$47 = { class: "mint-form-builder__step" };
 //#endregion
 //#region src/components/FormBuilder.vue
 var FormBuilder_default = /* @__PURE__ */ defineComponent({
@@ -3697,7 +3697,7 @@ var FormBuilder_default = /* @__PURE__ */ defineComponent({
 			}, createSlots({ _: 2 }, [renderList(resolvedSchema.value.steps, (step) => {
 				return {
 					name: `step-${step.id}`,
-					fn: withCtx(() => [createElementVNode("div", _hoisted_1$46, [(openBlock(true), createElementBlock(Fragment, null, renderList(step.sections, (section) => {
+					fn: withCtx(() => [createElementVNode("div", _hoisted_1$47, [(openBlock(true), createElementBlock(Fragment, null, renderList(step.sections, (section) => {
 						return openBlock(), createElementBlock(Fragment, { key: section.id }, [unref(builder).isSectionVisible(section.id) ? (openBlock(), createBlock(FormSectionRenderer_default, {
 							key: 0,
 							section,
@@ -3784,20 +3784,20 @@ var FormBuilder_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppSidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = {
+var _hoisted_1$46 = {
 	key: 0,
 	class: "mint-sidebar__header"
 };
-var _hoisted_2$40 = {
+var _hoisted_2$41 = {
 	key: 0,
 	class: "mint-sidebar__heading"
 };
-var _hoisted_3$36 = { class: "mint-sidebar__heading-copy" };
-var _hoisted_4$36 = {
+var _hoisted_3$38 = { class: "mint-sidebar__heading-copy" };
+var _hoisted_4$37 = {
 	key: 0,
 	class: "mint-sidebar__title"
 };
-var _hoisted_5$34 = {
+var _hoisted_5$35 = {
 	key: 1,
 	class: "mint-sidebar__subtitle"
 };
@@ -4071,10 +4071,10 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(sidebarClasses.value),
 				style: normalizeStyle(sidebarStyle.value)
 			}, [
-				_ctx.$slots.header || __props.title || __props.subtitle || __props.badge !== void 0 || resolvedCollapsible.value ? (openBlock(), createElementBlock("div", _hoisted_1$45, [renderSlot(_ctx.$slots, "header", {
+				_ctx.$slots.header || __props.title || __props.subtitle || __props.badge !== void 0 || resolvedCollapsible.value ? (openBlock(), createElementBlock("div", _hoisted_1$46, [renderSlot(_ctx.$slots, "header", {
 					collapsed: collapsedModel.value,
 					toggleCollapsed
-				}, () => [!collapsedModel.value ? (openBlock(), createElementBlock("div", _hoisted_2$40, [createElementVNode("div", _hoisted_3$36, [__props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$36, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$34, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), __props.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6$34, toDisplayString(__props.badge), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), resolvedCollapsible.value ? (openBlock(), createElementBlock("button", {
+				}, () => [!collapsedModel.value ? (openBlock(), createElementBlock("div", _hoisted_2$41, [createElementVNode("div", _hoisted_3$38, [__props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$37, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$35, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), __props.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6$34, toDisplayString(__props.badge), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), resolvedCollapsible.value ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
 					class: "mint-sidebar__collapse-button",
@@ -4193,13 +4193,13 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppLayout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = {
+var _hoisted_1$45 = {
 	key: 0,
 	class: "mint-layout__topbar"
 };
-var _hoisted_2$39 = { class: "mint-layout__body" };
-var _hoisted_3$35 = ["aria-label", "aria-expanded"];
-var _hoisted_4$35 = {
+var _hoisted_2$40 = { class: "mint-layout__body" };
+var _hoisted_3$37 = ["aria-label", "aria-expanded"];
+var _hoisted_4$36 = {
 	key: 0,
 	class: "mint-layout__sidebar-toggle-icon",
 	viewBox: "0 0 24 24",
@@ -4210,7 +4210,7 @@ var _hoisted_4$35 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_5$33 = {
+var _hoisted_5$34 = {
 	key: 1,
 	class: "mint-layout__sidebar-toggle-icon",
 	viewBox: "0 0 24 24",
@@ -4299,7 +4299,7 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 			sidebarOpenModel.value = false;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(layoutClasses.value) }, [_ctx.$slots.topbar ? (openBlock(), createElementBlock("div", _hoisted_1$44, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$39, [
+			return openBlock(), createElementBlock("div", { class: normalizeClass(layoutClasses.value) }, [_ctx.$slots.topbar ? (openBlock(), createElementBlock("div", _hoisted_1$45, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$40, [
 				__props.responsiveSidebar && _ctx.$slots.sidebar ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -4307,7 +4307,7 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 					"aria-label": sidebarOpenModel.value ? __props.sidebarCloseLabel : __props.sidebarToggleLabel,
 					"aria-expanded": sidebarOpenModel.value,
 					onClick: toggleSidebar
-				}, [!sidebarOpenModel.value ? (openBlock(), createElementBlock("svg", _hoisted_4$35, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6h16M4 12h16M4 18h16" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5$33, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 18 18 6M6 6l12 12" }, null, -1)])]))], 8, _hoisted_3$35)) : createCommentVNode("", true),
+				}, [!sidebarOpenModel.value ? (openBlock(), createElementBlock("svg", _hoisted_4$36, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6h16M4 12h16M4 18h16" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5$34, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 18 18 6M6 6l12 12" }, null, -1)])]))], 8, _hoisted_3$37)) : createCommentVNode("", true),
 				__props.responsiveSidebar && _ctx.$slots.sidebar && sidebarOpenModel.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "mint-layout__sidebar-backdrop",
@@ -4324,6 +4324,74 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/MobileSupportGate.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$44 = { class: "mint-mobile-support-gate__panel" };
+var _hoisted_2$39 = { class: "mint-mobile-support-gate__copy" };
+var _hoisted_3$36 = { class: "mint-mobile-support-gate__eyebrow" };
+var _hoisted_4$35 = { class: "mint-mobile-support-gate__message" };
+var _hoisted_5$33 = { class: "mint-mobile-support-gate__hint" };
+var nextMobileSupportGateTitleId = 0;
+//#endregion
+//#region src/components/MobileSupportGate.vue
+var MobileSupportGate_default = /* @__PURE__ */ defineComponent({
+	__name: "MobileSupportGate",
+	props: {
+		supported: {
+			type: Boolean,
+			default: true
+		},
+		mediaQuery: { default: DEFAULT_MOBILE_VIEWPORT_QUERY },
+		appName: { default: "MINT" },
+		title: { default: "Desktop workspace recommended" },
+		message: { default: "This workspace is optimized for a wider desktop screen and is not supported on mobile." },
+		desktopLabel: { default: "Open this page from a desktop browser to use the full workflow." }
+	},
+	setup(__props) {
+		const props = __props;
+		const titleId = `mint-mobile-support-title-${++nextMobileSupportGateTitleId}`;
+		const { isMobileViewport, isSupported, shouldShowUnsupported } = useMobileSupportGate({
+			supported: computed(() => props.supported),
+			mediaQuery: computed(() => props.mediaQuery)
+		});
+		return (_ctx, _cache) => {
+			return unref(shouldShowUnsupported) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "mint-mobile-support-gate",
+				role: "main",
+				"aria-labelledby": titleId,
+				"data-testid": "mobile-unsupported"
+			}, [renderSlot(_ctx.$slots, "unsupported", {
+				isMobileViewport: unref(isMobileViewport),
+				isSupported: unref(isSupported)
+			}, () => [createElementVNode("section", _hoisted_1$44, [
+				_cache[1] || (_cache[1] = createStaticVNode("<div class=\"mint-mobile-support-gate__mark\" aria-hidden=\"true\"><svg class=\"mint-mobile-support-gate__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"></rect><path d=\"M8 20h8\"></path><path d=\"M12 16v4\"></path></svg></div>", 1)),
+				createElementVNode("div", _hoisted_2$39, [
+					createElementVNode("p", _hoisted_3$36, toDisplayString(__props.appName), 1),
+					createElementVNode("h1", {
+						id: titleId,
+						class: "mint-mobile-support-gate__title"
+					}, toDisplayString(__props.title), 1),
+					createElementVNode("p", _hoisted_4$35, toDisplayString(__props.message), 1)
+				]),
+				createElementVNode("div", _hoisted_5$33, [_cache[0] || (_cache[0] = createElementVNode("svg", {
+					class: "mint-mobile-support-gate__hint-icon",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [createElementVNode("path", { d: "M12 20h9" }), createElementVNode("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" })], -1)), createElementVNode("span", null, toDisplayString(__props.desktopLabel), 1)])
+			])])])) : renderSlot(_ctx.$slots, "default", {
+				key: 1,
+				isMobileViewport: unref(isMobileViewport),
+				isSupported: unref(isSupported)
+			});
+		};
+	}
+});
+//#endregion
 //#region src/components/PluginWorkspaceView.controls.ts
 function usePluginWorkspaceControls(options) {
 	const resolvedModel = computed(() => resolveControlModel(options.model()));
@@ -4911,7 +4979,7 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 //#region src/components/DoseCalculatorVolumeField.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$43 = { class: "mint-dose-calculator__field" };
 var _hoisted_2$38 = { class: "mint-dose-calculator__field-label" };
-var _hoisted_3$34 = { class: "mint-dose-calculator__field-row" };
+var _hoisted_3$35 = { class: "mint-dose-calculator__field-row" };
 var _hoisted_4$34 = ["value", "disabled"];
 var _hoisted_5$32 = ["value", "disabled"];
 var _hoisted_6$32 = ["value"];
@@ -4950,7 +5018,7 @@ var DoseCalculatorVolumeField_default = /* @__PURE__ */ defineComponent({
 			});
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$43, [createElementVNode("label", _hoisted_2$38, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_3$34, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", _hoisted_1$43, [createElementVNode("label", _hoisted_2$38, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_3$35, [createElementVNode("input", {
 				type: "number",
 				value: __props.modelValue.value,
 				disabled: __props.disabled,
@@ -4980,7 +5048,7 @@ var _hoisted_1$42 = {
 	role: "tablist"
 };
 var _hoisted_2$37 = ["aria-selected"];
-var _hoisted_3$33 = ["aria-selected"];
+var _hoisted_3$34 = ["aria-selected"];
 var _hoisted_4$33 = ["aria-selected"];
 var _hoisted_5$31 = {
 	key: 1,
@@ -5181,7 +5249,7 @@ var DoseCalculator_default = /* @__PURE__ */ defineComponent({
 						role: "tab",
 						"aria-selected": activeMode.value === "serial",
 						onClick: _cache[1] || (_cache[1] = ($event) => activeMode.value = "serial")
-					}, " Serial ", 10, _hoisted_3$33),
+					}, " Serial ", 10, _hoisted_3$34),
 					createElementVNode("button", {
 						type: "button",
 						class: normalizeClass(["mint-dose-calculator__tab", activeMode.value === "conversion" ? "mint-dose-calculator__tab--active" : ""]),
@@ -5335,7 +5403,7 @@ var _hoisted_2$36 = [
 	"onDragover",
 	"onDrop"
 ];
-var _hoisted_3$32 = {
+var _hoisted_3$33 = {
 	key: 0,
 	class: "mint-timeline__connector"
 };
@@ -5547,7 +5615,7 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 						onDrop: ($event) => handleDrop($event, step),
 						onDragend: handleDragEnd
 					}, [
-						index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$32)) : createCommentVNode("", true),
+						index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$33)) : createCommentVNode("", true),
 						createElementVNode("div", {
 							class: normalizeClass([
 								"mint-timeline__card",
@@ -5691,7 +5759,7 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 //#region src/components/internal/WellEditPopupInternal.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$40 = { class: "mint-well-edit-popup__header" };
 var _hoisted_2$35 = { class: "mint-well-edit-popup__header-left" };
-var _hoisted_3$31 = { class: "mint-well-edit-popup__well-id" };
+var _hoisted_3$32 = { class: "mint-well-edit-popup__well-id" };
 var _hoisted_4$31 = { class: "mint-well-edit-popup__body" };
 var _hoisted_5$29 = { key: 0 };
 var _hoisted_6$29 = { class: "mint-well-edit-popup__row" };
@@ -5811,7 +5879,7 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle(popupStyle.value),
 				onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
 			}, [
-				createElementVNode("div", _hoisted_1$40, [createElementVNode("div", _hoisted_2$35, [createElementVNode("span", _hoisted_3$31, toDisplayString(__props.wellId), 1), _cache[6] || (_cache[6] = createElementVNode("span", { class: "mint-well-edit-popup__title" }, "Edit Well", -1))]), createElementVNode("button", {
+				createElementVNode("div", _hoisted_1$40, [createElementVNode("div", _hoisted_2$35, [createElementVNode("span", _hoisted_3$32, toDisplayString(__props.wellId), 1), _cache[6] || (_cache[6] = createElementVNode("span", { class: "mint-well-edit-popup__title" }, "Edit Well", -1))]), createElementVNode("button", {
 					class: "mint-well-edit-popup__close",
 					onClick: close
 				}, [..._cache[7] || (_cache[7] = [createElementVNode("svg", {
@@ -6512,7 +6580,7 @@ var DEFAULT_WELL_LEGEND_ITEMS = [
 //#region src/components/WellPlate.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$39 = { class: "mint-well-plate__scroll" };
 var _hoisted_2$34 = { class: "mint-well-plate__content" };
-var _hoisted_3$30 = ["aria-label"];
+var _hoisted_3$31 = ["aria-label"];
 var _hoisted_4$30 = { key: 0 };
 var _hoisted_5$28 = ["colspan"];
 var _hoisted_6$28 = ["colspan"];
@@ -6871,7 +6939,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 							}), 128))
 						]);
 					}), 128))])
-				], 12, _hoisted_3$30),
+				], 12, _hoisted_3$31),
 				props.heatmap?.enabled && props.heatmap.showLegend ? (openBlock(), createElementBlock("div", _hoisted_16$11, [
 					createElementVNode("span", _hoisted_17$11, toDisplayString(props.heatmap.min ?? 0), 1),
 					createElementVNode("div", _hoisted_18$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.heatmap.colorScale === "custom" && props.heatmap.customColors?.length ? props.heatmap.customColors : unref(HEATMAP_COLORS)[props.heatmap.colorScale || "viridis"], (color, index) => {
@@ -7056,7 +7124,7 @@ var SampleLegend_default = /* @__PURE__ */ defineComponent({
 //#region src/components/internal/PlateMapEditorToolbarInternal.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$37 = { class: "mint-plate-editor__toolbar" };
 var _hoisted_2$32 = { class: "mint-plate-editor__tabs" };
-var _hoisted_3$29 = ["onClick"];
+var _hoisted_3$30 = ["onClick"];
 var _hoisted_4$29 = { class: "mint-plate-editor__tab-name" };
 var _hoisted_5$27 = {
 	key: 0,
@@ -7121,7 +7189,7 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round"
 						}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])], 8, _hoisted_6$27)) : createCommentVNode("", true)
-					], 10, _hoisted_3$29);
+					], 10, _hoisted_3$30);
 				}), 128)), __props.canAddPlate ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -7213,7 +7281,7 @@ var _hoisted_2$31 = {
 	key: 2,
 	class: "mint-plate-editor__selection-bar"
 };
-var _hoisted_3$28 = { class: "mint-plate-editor__selection-count" };
+var _hoisted_3$29 = { class: "mint-plate-editor__selection-count" };
 var _hoisted_4$28 = {
 	key: 0,
 	class: "mint-plate-editor__sidebar"
@@ -7456,7 +7524,7 @@ var PlateMapEditor_default = /* @__PURE__ */ defineComponent({
 						"size"
 					])) : createCommentVNode("", true),
 					unref(editor).selectedWells.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$31, [
-						createElementVNode("span", _hoisted_3$28, [createElementVNode("strong", null, toDisplayString(unref(editor).selectedWells.value.length), 1), _cache[8] || (_cache[8] = createTextVNode(" wells selected ", -1))]),
+						createElementVNode("span", _hoisted_3$29, [createElementVNode("strong", null, toDisplayString(unref(editor).selectedWells.value.length), 1), _cache[8] || (_cache[8] = createTextVNode(" wells selected ", -1))]),
 						_cache[9] || (_cache[9] = createElementVNode("div", { class: "mint-plate-editor__spacer" }, null, -1)),
 						unref(editor).activeSampleId.value ? (openBlock(), createElementBlock("button", {
 							key: 0,
@@ -7599,7 +7667,7 @@ function getReagentRowClasses(reagent, options) {
 //#region src/components/ReagentList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$35 = { class: "mint-reagent-list" };
 var _hoisted_2$30 = { class: "mint-reagent-list__header" };
-var _hoisted_3$27 = {
+var _hoisted_3$28 = {
 	key: 0,
 	class: "mint-reagent-list__search"
 };
@@ -7848,7 +7916,7 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 			dragOverId.value = null;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$35, [createElementVNode("div", _hoisted_2$30, [__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_3$27, [_cache[1] || (_cache[1] = createElementVNode("svg", {
+			return openBlock(), createElementBlock("div", _hoisted_1$35, [createElementVNode("div", _hoisted_2$30, [__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_3$28, [_cache[1] || (_cache[1] = createElementVNode("svg", {
 				class: "mint-reagent-list__search-icon",
 				fill: "none",
 				stroke: "currentColor",
@@ -8050,144 +8118,252 @@ var LoadingSpinner_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/SampleSelector.colors.ts
+var DEFAULT_COLOR_PICKER_SEED = "#3B82F6";
+var SAMPLE_GROUP_COLOR_OPTIONS = DEFAULT_COLORS.slice(0, 5);
+function applySampleGroupColorEdit(groups, edit, color) {
+	const targets = edit.kind === "family" ? new Set(edit.names) : new Set([edit.name]);
+	return groups.map((group) => targets.has(group.name) ? {
+		...group,
+		color
+	} : group);
+}
+function getSampleGroupColorEditSeed(edit, getGroupColor) {
+	if (!edit) return DEFAULT_COLOR_PICKER_SEED;
+	return getGroupColor(edit.kind === "family" ? edit.names[0] : edit.name);
+}
+function pickUnusedSampleGroupColor(groups) {
+	const usedColors = new Set(groups.map((group) => group.color));
+	return DEFAULT_COLORS.find((color) => !usedColors.has(color)) || DEFAULT_COLORS[0];
+}
+function createSampleGroup(name, existingGroups, color) {
+	const trimmedName = name.trim();
+	if (!trimmedName) return null;
+	return {
+		name: trimmedName,
+		color: color || pickUnusedSampleGroupColor(existingGroups),
+		samples: []
+	};
+}
+//#endregion
 //#region src/components/AutoGroupModal.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$33 = { class: "mint-auto-group" };
-var _hoisted_2$29 = { class: "mint-auto-group__input-step" };
-var _hoisted_3$26 = { class: "mint-auto-group__mode-toggle" };
-var _hoisted_4$26 = {
+var _hoisted_2$29 = {
+	class: "mint-auto-group__workflow-tabs",
+	role: "tablist",
+	"aria-label": "Grouping workflow"
+};
+var _hoisted_3$27 = ["aria-selected"];
+var _hoisted_4$26 = ["aria-selected"];
+var _hoisted_5$24 = {
+	key: 0,
+	class: "mint-auto-group__manual-summary"
+};
+var _hoisted_6$24 = {
+	class: "mint-auto-group__manual-stats",
+	"aria-label": "Manual grouping status"
+};
+var _hoisted_7$22 = { class: "mint-auto-group__input-step" };
+var _hoisted_8$19 = { class: "mint-auto-group__mode-toggle" };
+var _hoisted_9$17 = {
 	key: 0,
 	class: "mint-auto-group__experiment"
 };
-var _hoisted_5$24 = {
+var _hoisted_10$16 = {
 	key: 0,
 	class: "mint-auto-group__experiment-loading"
 };
-var _hoisted_6$24 = {
+var _hoisted_11$14 = {
 	key: 1,
 	class: "mint-auto-group__experiment-error"
 };
-var _hoisted_7$22 = {
+var _hoisted_12$13 = {
 	key: 2,
 	class: "mint-auto-group__experiment-loaded"
 };
-var _hoisted_8$19 = { class: "mint-auto-group__experiment-summary" };
-var _hoisted_9$17 = { class: "mint-auto-group__experiment-stat" };
-var _hoisted_10$16 = { class: "mint-auto-group__experiment-stat" };
-var _hoisted_11$14 = { class: "mint-auto-group__experiment-fields" };
-var _hoisted_12$13 = {
+var _hoisted_13$13 = { class: "mint-auto-group__experiment-summary" };
+var _hoisted_14$11 = { class: "mint-auto-group__experiment-stat" };
+var _hoisted_15$10 = { class: "mint-auto-group__experiment-stat" };
+var _hoisted_16$9 = { class: "mint-auto-group__experiment-fields" };
+var _hoisted_17$9 = {
 	key: 1,
 	class: "mint-auto-group__paste"
 };
-var _hoisted_13$13 = {
+var _hoisted_18$9 = {
 	key: 0,
 	class: "mint-auto-group__sample-count"
 };
-var _hoisted_14$11 = {
+var _hoisted_19$9 = {
 	key: 2,
 	class: "mint-auto-group__csv"
 };
-var _hoisted_15$10 = {
+var _hoisted_20$8 = {
 	key: 1,
 	class: "mint-auto-group__csv-error"
 };
-var _hoisted_16$9 = {
+var _hoisted_21$7 = {
 	key: 2,
 	class: "mint-auto-group__file-info"
 };
-var _hoisted_17$9 = { class: "mint-auto-group__file-name" };
-var _hoisted_18$9 = { class: "mint-auto-group__file-rows" };
-var _hoisted_19$9 = {
+var _hoisted_22$6 = { class: "mint-auto-group__file-name" };
+var _hoisted_23$5 = { class: "mint-auto-group__file-rows" };
+var _hoisted_24$5 = {
 	key: 3,
 	class: "mint-auto-group__template"
 };
-var _hoisted_20$8 = { class: "mint-auto-group__template-actions" };
-var _hoisted_21$7 = { class: "mint-auto-group__workspace" };
-var _hoisted_22$6 = {
+var _hoisted_25$5 = { class: "mint-auto-group__template-actions" };
+var _hoisted_26$5 = { class: "mint-auto-group__workspace" };
+var _hoisted_27$4 = {
 	class: "mint-auto-group__classes",
 	"aria-label": "Detected sample classes"
 };
-var _hoisted_23$5 = ["onClick"];
-var _hoisted_24$5 = { class: "mint-auto-group__class-label" };
-var _hoisted_25$5 = { class: "mint-auto-group__class-count" };
-var _hoisted_26$5 = { class: "mint-auto-group__routing" };
-var _hoisted_27$4 = { class: "mint-auto-group__routing-radio" };
-var _hoisted_28$3 = ["checked"];
-var _hoisted_29$2 = { class: "mint-auto-group__routing-radio" };
-var _hoisted_30$2 = ["checked"];
-var _hoisted_31$2 = { class: "mint-auto-group__routing-radio" };
-var _hoisted_32$2 = ["checked"];
-var _hoisted_33$2 = {
+var _hoisted_28$3 = ["onClick"];
+var _hoisted_29$2 = { class: "mint-auto-group__class-label" };
+var _hoisted_30$2 = { class: "mint-auto-group__class-count" };
+var _hoisted_31$2 = { class: "mint-auto-group__routing" };
+var _hoisted_32$2 = { class: "mint-auto-group__routing-radio" };
+var _hoisted_33$2 = ["checked"];
+var _hoisted_34$2 = { class: "mint-auto-group__routing-radio" };
+var _hoisted_35$2 = ["checked"];
+var _hoisted_36$2 = { class: "mint-auto-group__routing-radio" };
+var _hoisted_37$2 = ["checked"];
+var _hoisted_38$2 = {
 	class: "mint-auto-group__schema",
 	"aria-label": "Schema editor"
 };
-var _hoisted_34$2 = { class: "mint-auto-group__stats" };
-var _hoisted_35$2 = { class: "mint-auto-group__stat mint-auto-group__stat--primary" };
-var _hoisted_36$2 = { class: "mint-auto-group__stat-v" };
-var _hoisted_37$2 = { class: "mint-auto-group__stat-sub" };
-var _hoisted_38$2 = {
+var _hoisted_39$2 = { class: "mint-auto-group__stats" };
+var _hoisted_40$1 = { class: "mint-auto-group__stat mint-auto-group__stat--primary" };
+var _hoisted_41$1 = { class: "mint-auto-group__stat-v" };
+var _hoisted_42 = { class: "mint-auto-group__stat-sub" };
+var _hoisted_43 = {
 	key: 0,
 	class: "mint-auto-group__stat-empty"
 };
-var _hoisted_39$1 = { class: "mint-auto-group__stat" };
-var _hoisted_40$1 = { class: "mint-auto-group__stat-v" };
-var _hoisted_41$1 = { class: "mint-auto-group__stat-sub mint-auto-group__stat-sub--muted" };
-var _hoisted_42 = { class: "mint-auto-group__stat" };
-var _hoisted_43 = { class: "mint-auto-group__stat-v" };
-var _hoisted_44 = { class: "mint-auto-group__stat-sub mint-auto-group__stat-sub--muted" };
-var _hoisted_45 = {
+var _hoisted_44 = { class: "mint-auto-group__stat" };
+var _hoisted_45 = { class: "mint-auto-group__stat-v" };
+var _hoisted_46 = { class: "mint-auto-group__stat-sub mint-auto-group__stat-sub--muted" };
+var _hoisted_47 = { class: "mint-auto-group__stat" };
+var _hoisted_48 = { class: "mint-auto-group__stat-v" };
+var _hoisted_49 = { class: "mint-auto-group__stat-sub mint-auto-group__stat-sub--muted" };
+var _hoisted_50 = {
 	key: 0,
 	class: "mint-auto-group__suggest"
 };
-var _hoisted_46 = {
+var _hoisted_51 = {
 	class: "mint-auto-group__token-table",
 	role: "table",
 	"aria-label": "Token positions"
 };
-var _hoisted_47 = ["onClick"];
-var _hoisted_48 = {
+var _hoisted_52 = ["onClick"];
+var _hoisted_53 = {
 	class: "mint-auto-group__token-ix",
 	role: "cell"
 };
-var _hoisted_49 = {
+var _hoisted_54 = {
 	class: "mint-auto-group__token-nm",
 	role: "cell"
 };
-var _hoisted_50 = {
+var _hoisted_55 = {
 	class: "mint-auto-group__token-unique",
 	role: "cell"
 };
-var _hoisted_51 = {
+var _hoisted_56 = {
 	class: "mint-auto-group__token-preview",
 	role: "cell"
 };
-var _hoisted_52 = {
+var _hoisted_57 = {
 	key: 0,
 	class: "mint-auto-group__token-more"
 };
-var _hoisted_53 = ["checked", "onChange"];
-var _hoisted_54 = { class: "mint-auto-group__popover-head" };
-var _hoisted_55 = { class: "mono" };
-var _hoisted_56 = { class: "mint-auto-group__popover-section" };
-var _hoisted_57 = { class: "mint-auto-group__pills" };
-var _hoisted_58 = ["onClick"];
-var _hoisted_59 = { class: "mint-auto-group__popover-section" };
-var _hoisted_60 = { class: "mint-auto-group__popover-section" };
-var _hoisted_61 = { class: "mint-auto-group__popover-label" };
-var _hoisted_62 = { class: "mint-auto-group__values-list" };
-var _hoisted_63 = { class: "mint-auto-group__value-src" };
-var _hoisted_64 = ["value", "onChange"];
-var _hoisted_65 = { class: "mint-auto-group__value-excl" };
-var _hoisted_66 = ["checked", "onChange"];
-var _hoisted_67 = { class: "mint-auto-group__preview" };
-var _hoisted_68 = { class: "mint-auto-group__preview-summary" };
-var _hoisted_69 = { class: "mint-auto-group__preview-grid" };
-var _hoisted_70 = { class: "mint-auto-group__preview-panel" };
-var _hoisted_71 = { class: "mint-auto-group__preview-count" };
-var _hoisted_72 = { class: "mint-auto-group__preview-samples" };
-var _hoisted_73 = { class: "mint-auto-group__preview-panel" };
-var _hoisted_74 = { class: "mint-auto-group__qc-chips" };
-var _hoisted_75 = { class: "mint-auto-group__fingerprint" };
-var _hoisted_76 = { class: "mint-auto-group__nav" };
+var _hoisted_58 = ["checked", "onChange"];
+var _hoisted_59 = { class: "mint-auto-group__popover-head" };
+var _hoisted_60 = { class: "mono" };
+var _hoisted_61 = { class: "mint-auto-group__popover-section" };
+var _hoisted_62 = { class: "mint-auto-group__pills" };
+var _hoisted_63 = ["onClick"];
+var _hoisted_64 = { class: "mint-auto-group__popover-section" };
+var _hoisted_65 = { class: "mint-auto-group__popover-section" };
+var _hoisted_66 = { class: "mint-auto-group__popover-label" };
+var _hoisted_67 = { class: "mint-auto-group__values-list" };
+var _hoisted_68 = { class: "mint-auto-group__value-src" };
+var _hoisted_69 = ["value", "onChange"];
+var _hoisted_70 = { class: "mint-auto-group__value-excl" };
+var _hoisted_71 = ["checked", "onChange"];
+var _hoisted_72 = { class: "mint-auto-group__preview" };
+var _hoisted_73 = { class: "mint-auto-group__preview-summary" };
+var _hoisted_74 = { class: "mint-auto-group__preview-grid" };
+var _hoisted_75 = { class: "mint-auto-group__preview-panel" };
+var _hoisted_76 = { class: "mint-auto-group__preview-count" };
+var _hoisted_77 = { class: "mint-auto-group__preview-samples" };
+var _hoisted_78 = { class: "mint-auto-group__preview-panel" };
+var _hoisted_79 = { class: "mint-auto-group__qc-chips" };
+var _hoisted_80 = { class: "mint-auto-group__fingerprint" };
+var _hoisted_81 = { class: "mint-auto-group__nav" };
+var _hoisted_82 = {
+	key: 1,
+	class: "mint-auto-group__manual-mode"
+};
+var _hoisted_83 = { class: "mint-auto-group__manual-grid" };
+var _hoisted_84 = {
+	class: "mint-auto-group__manual-panel",
+	"aria-label": "Manual sample selection"
+};
+var _hoisted_85 = { class: "mint-auto-group__manual-panel-head" };
+var _hoisted_86 = { class: "mint-auto-group__manual-panel-meta" };
+var _hoisted_87 = { class: "mint-auto-group__manual-filter" };
+var _hoisted_88 = { class: "mint-auto-group__manual-search" };
+var _hoisted_89 = { class: "mint-auto-group__manual-selectbar" };
+var _hoisted_90 = [
+	"checked",
+	"indeterminate",
+	"disabled"
+];
+var _hoisted_91 = { class: "mint-auto-group__manual-selectbar-count" };
+var _hoisted_92 = { class: "mint-auto-group__manual-list" };
+var _hoisted_93 = ["title"];
+var _hoisted_94 = ["checked", "onChange"];
+var _hoisted_95 = { class: "mint-auto-group__manual-sample-name" };
+var _hoisted_96 = { class: "mint-auto-group__manual-tooltip" };
+var _hoisted_97 = {
+	key: 0,
+	class: "mint-auto-group__manual-empty"
+};
+var _hoisted_98 = { class: "mint-auto-group__manual-selection-footer" };
+var _hoisted_99 = ["disabled"];
+var _hoisted_100 = {
+	class: "mint-auto-group__manual-panel",
+	"aria-label": "Manual cohort assignment"
+};
+var _hoisted_101 = { class: "mint-auto-group__manual-selected-summary" };
+var _hoisted_102 = { class: "mint-auto-group__manual-fields" };
+var _hoisted_103 = { class: "mint-auto-group__manual-field" };
+var _hoisted_104 = { class: "mint-auto-group__manual-combo" };
+var _hoisted_105 = { id: "mint-auto-group-manual-groups" };
+var _hoisted_106 = ["value"];
+var _hoisted_107 = { class: "mint-auto-group__manual-field" };
+var _hoisted_108 = { class: "mint-auto-group__manual-combo" };
+var _hoisted_109 = { id: "mint-auto-group-manual-subgroups" };
+var _hoisted_110 = ["value"];
+var _hoisted_111 = { class: "mint-auto-group__manual-field" };
+var _hoisted_112 = { class: "mint-auto-group__manual-swatches" };
+var _hoisted_113 = ["aria-label", "onClick"];
+var _hoisted_114 = { class: "mint-auto-group__manual-target" };
+var _hoisted_115 = { class: "mint-auto-group__manual-cohorts" };
+var _hoisted_116 = { class: "mint-auto-group__manual-cohorts-head" };
+var _hoisted_117 = ["title", "onClick"];
+var _hoisted_118 = { class: "mint-auto-group__manual-chip-main" };
+var _hoisted_119 = { class: "mint-auto-group__manual-chip-count" };
+var _hoisted_120 = ["title", "onClick"];
+var _hoisted_121 = { class: "mint-auto-group__manual-chip-sub" };
+var _hoisted_122 = { class: "mint-auto-group__manual-chip-count" };
+var _hoisted_123 = ["title", "onClick"];
+var _hoisted_124 = { class: "mint-auto-group__manual-chip-main" };
+var _hoisted_125 = { class: "mint-auto-group__manual-chip-count" };
+var _hoisted_126 = {
+	key: 2,
+	class: "mint-auto-group__manual-empty"
+};
+var _hoisted_127 = { class: "mint-auto-group__nav mint-auto-group__nav--manual" };
 //#endregion
 //#region src/components/AutoGroupModal.vue
 var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
@@ -8195,6 +8371,8 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 	props: {
 		modelValue: { type: Boolean },
 		samples: { default: () => [] },
+		groups: { default: () => [] },
+		initialMode: { default: "auto" },
 		experimentId: { default: void 0 },
 		designData: { default: void 0 }
 	},
@@ -8212,6 +8390,15 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 		const experimentLoading = ref(false);
 		const experimentError = ref(null);
 		const csvError = ref(null);
+		const activeWorkflow = ref("auto");
+		const manualDraftGroups = ref([]);
+		const manualSearchQuery = ref("");
+		const manualUngroupedOnly = ref(true);
+		const manualSelectedSamples = ref([]);
+		const manualGroupName = ref("");
+		const manualSubGroupName = ref("");
+		const manualColorOptions = SAMPLE_GROUP_COLOR_OPTIONS;
+		const manualSelectedColor = ref(manualColorOptions[0]);
 		const openPopoverIdx = ref(null);
 		const qcAsOverlay = ref(true);
 		const excludeQc = ref(false);
@@ -8244,6 +8431,143 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 		});
 		const totalGrouped = computed(() => (autoGroup.result.value.experimentalGroups ?? []).reduce((acc, g) => acc + g.samples.length, 0));
 		const totalQc = computed(() => (autoGroup.qcGroups.value ?? []).reduce((acc, g) => acc + g.samples.length, 0));
+		function cloneGroups(groups) {
+			return groups.map((group) => ({
+				...group,
+				samples: [...group.samples]
+			}));
+		}
+		function manualResetSelection() {
+			manualSearchQuery.value = "";
+			manualUngroupedOnly.value = true;
+			manualSelectedSamples.value = [];
+			manualGroupName.value = "";
+			manualSubGroupName.value = "";
+			manualSelectedColor.value = manualColorOptions[0];
+		}
+		function manualToggleSample(sample) {
+			if (manualSelectedSet.value.has(sample)) manualSelectedSamples.value = manualSelectedSamples.value.filter((item) => item !== sample);
+			else manualSelectedSamples.value = [...manualSelectedSamples.value, sample];
+		}
+		function manualSelectVisibleSamples() {
+			const next = new Set(manualSelectedSamples.value);
+			for (const sample of manualFilteredSamples.value) next.add(sample);
+			manualSelectedSamples.value = [...next];
+		}
+		function manualClearSamples() {
+			manualSelectedSamples.value = [];
+		}
+		function manualToggleVisibleSamples() {
+			if (manualAllVisibleSelected.value) {
+				manualSelectedSamples.value = manualSelectedSamples.value.filter((sample) => !manualVisibleSet.value.has(sample));
+				return;
+			}
+			manualSelectVisibleSamples();
+		}
+		function manualGetSampleGroup(sample) {
+			return manualDraftGroups.value.find((group) => group.samples.includes(sample));
+		}
+		function manualGetSampleStatus(sample) {
+			return manualGetSampleGroup(sample)?.name.replace("/", " · ") || "unassigned";
+		}
+		function manualGetGroupPrimaryName(name) {
+			return name.split("/")[0];
+		}
+		function manualGetGroupSecondaryName(name) {
+			const separatorIndex = name.indexOf("/");
+			return separatorIndex === -1 ? null : name.slice(separatorIndex + 1);
+		}
+		function manualChooseColor(color) {
+			manualSelectedColor.value = color;
+		}
+		function manualUseExistingGroupAsTarget(name) {
+			const existingGroup = manualDraftGroups.value.find((group) => group.name === name);
+			if (existingGroup) manualSelectedColor.value = existingGroup.color;
+			const separatorIndex = name.indexOf("/");
+			if (separatorIndex === -1) {
+				manualGroupName.value = name;
+				manualSubGroupName.value = "";
+				return;
+			}
+			manualGroupName.value = name.slice(0, separatorIndex);
+			manualSubGroupName.value = name.slice(separatorIndex + 1);
+		}
+		function manualAssignSamplesToGroup() {
+			const target = manualTargetGroupName.value;
+			if (!manualCanAssign.value || !target) return;
+			const selected = manualAssignableSamples.value;
+			const selectedSet = new Set(selected);
+			if (selectedSet.size === 0) return;
+			let nextGroups = manualDraftGroups.value.map((group) => ({
+				...group,
+				samples: group.samples.filter((sample) => !selectedSet.has(sample))
+			}));
+			const targetIndex = nextGroups.findIndex((group) => group.name === target);
+			if (targetIndex === -1) {
+				const newGroup = createSampleGroup(target, nextGroups, manualSelectedColor.value);
+				if (!newGroup) return;
+				nextGroups = [...nextGroups, {
+					...newGroup,
+					samples: selected
+				}];
+			} else {
+				const group = nextGroups[targetIndex];
+				nextGroups[targetIndex] = {
+					...group,
+					color: manualSelectedColor.value,
+					samples: [...group.samples, ...selected.filter((sample) => !group.samples.includes(sample))]
+				};
+			}
+			manualDraftGroups.value = nextGroups;
+			manualSelectedSamples.value = [];
+		}
+		const manualSamples = computed(() => props.samples.length > 0 ? props.samples : autoGroup.samples.value);
+		const manualSampleGroups = useSampleGroups({
+			samples: () => manualSamples.value,
+			groups: computed({
+				get: () => manualDraftGroups.value,
+				set: (value) => {
+					manualDraftGroups.value = value;
+				}
+			})
+		});
+		const manualHierarchicalGroups = manualSampleGroups.hierarchicalGroups;
+		const manualShowHierarchy = manualSampleGroups.showHierarchy;
+		const manualUngroupedSamples = manualSampleGroups.ungroupedSamples;
+		const manualSamplePool = computed(() => manualUngroupedOnly.value ? manualUngroupedSamples.value : manualSamples.value);
+		const manualFilteredSamples = useTextSearch({
+			items: () => manualSamplePool.value,
+			query: manualSearchQuery,
+			getText: (sample) => sample
+		}).filteredItems;
+		const manualSelectedSet = computed(() => new Set(manualSelectedSamples.value));
+		const manualVisibleSet = computed(() => new Set(manualFilteredSamples.value));
+		const manualAllVisibleSelected = computed(() => manualFilteredSamples.value.length > 0 && manualFilteredSamples.value.every((sample) => manualSelectedSet.value.has(sample)));
+		const manualSomeVisibleSelected = computed(() => manualFilteredSamples.value.some((sample) => manualSelectedSet.value.has(sample)) && !manualAllVisibleSelected.value);
+		const manualAssignableSamples = computed(() => manualSelectedSamples.value.filter((sample) => manualSamples.value.includes(sample)));
+		const manualTargetGroupName = computed(() => {
+			const major = manualGroupName.value.trim();
+			const sub = manualSubGroupName.value.trim();
+			if (!major) return "";
+			return sub ? `${major}/${sub}` : major;
+		});
+		const manualCanAssign = computed(() => manualAssignableSamples.value.length > 0 && manualTargetGroupName.value.length > 0);
+		const manualGroupedSamples = computed(() => {
+			const validSamples = new Set(manualSamples.value);
+			return new Set(manualDraftGroups.value.flatMap((group) => group.samples).filter((sample) => validSamples.has(sample)));
+		});
+		const manualGroupedCount = computed(() => manualGroupedSamples.value.size);
+		const manualUngroupedCount = computed(() => Math.max(manualSamples.value.length - manualGroupedCount.value, 0));
+		const manualResult = computed(() => {
+			const groups = cloneGroups(manualDraftGroups.value);
+			return {
+				groups,
+				experimentalGroups: groups,
+				qcGroups: [],
+				metadata: [],
+				excludedSamples: []
+			};
+		});
 		function acceptSuggestion(s) {
 			autoGroup.mergeColumns(autoGroup.activeClassKey.value, s.columnIndices);
 		}
@@ -8327,6 +8651,9 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 		}
 		watch(() => props.modelValue, (open) => {
 			if (open) {
+				activeWorkflow.value = props.initialMode;
+				manualDraftGroups.value = cloneGroups(props.groups);
+				manualResetSelection();
 				autoGroup.reset();
 				currentStep.value = 0;
 				csvFileName.value = "";
@@ -8343,6 +8670,15 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 				} else autoGroup.inputMode.value = "paste";
 			}
 		}, { immediate: true });
+		watch(manualSamples, (samples) => {
+			manualSelectedSamples.value = manualSelectedSamples.value.filter((sample) => samples.includes(sample));
+		});
+		watch(manualTargetGroupName, (target) => {
+			if (!target) return;
+			const existingGroup = manualDraftGroups.value.find((group) => group.name === target);
+			if (!existingGroup) return;
+			manualSelectedColor.value = existingGroup.color;
+		});
 		const allSteps = [
 			{
 				id: "input",
@@ -8387,6 +8723,10 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 			emit("apply", autoGroup.result.value);
 			emit("update:modelValue", false);
 		}
+		function handleManualApply() {
+			emit("apply", manualResult.value);
+			emit("update:modelValue", false);
+		}
 		function handleCancel() {
 			emit("update:modelValue", false);
 		}
@@ -8456,24 +8796,41 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(BaseModal_default, {
 				"model-value": __props.modelValue,
-				title: "Smart Group",
-				size: "lg",
+				title: "Group Samples",
+				size: activeWorkflow.value === "manual" ? "xl" : "lg",
 				"close-on-overlay": false,
 				"close-on-escape": false,
-				"onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => emit("update:modelValue", $event)),
+				"onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => emit("update:modelValue", $event)),
 				onClose: handleCancel
-			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$33, [createVNode(StepWizard_default, {
+			}, createSlots({
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$33, [createElementVNode("div", { class: normalizeClass(["mint-auto-group__workflow-bar", activeWorkflow.value === "manual" ? "mint-auto-group__workflow-bar--manual" : ""]) }, [createElementVNode("div", _hoisted_2$29, [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["mint-auto-group__workflow-tab", activeWorkflow.value === "auto" ? "mint-auto-group__workflow-tab--active" : ""]),
+					role: "tab",
+					"aria-selected": activeWorkflow.value === "auto",
+					onClick: _cache[0] || (_cache[0] = ($event) => activeWorkflow.value = "auto")
+				}, " Auto ", 10, _hoisted_3$27), createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["mint-auto-group__workflow-tab", activeWorkflow.value === "manual" ? "mint-auto-group__workflow-tab--active" : ""]),
+					role: "tab",
+					"aria-selected": activeWorkflow.value === "manual",
+					onClick: _cache[1] || (_cache[1] = ($event) => activeWorkflow.value = "manual")
+				}, " Manual ", 10, _hoisted_4$26)]), activeWorkflow.value === "manual" ? (openBlock(), createElementBlock("div", _hoisted_5$24, [_cache[27] || (_cache[27] = createElementVNode("div", { class: "mint-auto-group__manual-summary-text" }, [createElementVNode("span", { class: "mint-auto-group__manual-eyebrow" }, "Manual workflow"), createElementVNode("strong", null, "Assign selected samples to cohorts")], -1)), createElementVNode("div", _hoisted_6$24, [
+					createElementVNode("span", null, [createElementVNode("strong", null, toDisplayString(manualGroupedCount.value), 1), _cache[24] || (_cache[24] = createTextVNode(" grouped", -1))]),
+					createElementVNode("span", null, [createElementVNode("strong", null, toDisplayString(manualUngroupedCount.value), 1), _cache[25] || (_cache[25] = createTextVNode(" unassigned", -1))]),
+					createElementVNode("span", null, [createElementVNode("strong", null, toDisplayString(manualDraftGroups.value.length), 1), _cache[26] || (_cache[26] = createTextVNode(" cohorts", -1))])
+				])])) : createCommentVNode("", true)], 2), activeWorkflow.value === "auto" ? (openBlock(), createBlock(StepWizard_default, {
+					key: 0,
 					ref_key: "wizardRef",
 					ref: wizardRef,
 					modelValue: currentStep.value,
-					"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => currentStep.value = $event),
+					"onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => currentStep.value = $event),
 					steps: dynamicSteps.value,
 					linear: true,
 					size: "sm"
 				}, {
-					"step-input": withCtx(() => [createElementVNode("div", _hoisted_2$29, [
-						createElementVNode("div", _hoisted_3$26, [
+					"step-input": withCtx(() => [createElementVNode("div", _hoisted_7$22, [
+						createElementVNode("div", _hoisted_8$19, [
 							__props.experimentId || __props.designData ? (openBlock(), createBlock(BaseButton_default, {
 								key: 0,
 								variant: unref(autoGroup).inputMode.value === "experiment" ? "primary" : "secondary",
@@ -8481,7 +8838,7 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 								disabled: experimentLoading.value,
 								onClick: fetchExperimentData
 							}, {
-								default: withCtx(() => [..._cache[18] || (_cache[18] = [createTextVNode(" Experiment ", -1)])]),
+								default: withCtx(() => [..._cache[28] || (_cache[28] = [createTextVNode(" Experiment ", -1)])]),
 								_: 1
 							}, 8, ["variant", "disabled"])) : createCommentVNode("", true),
 							createVNode(BaseButton_default, {
@@ -8489,51 +8846,51 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 								size: "sm",
 								onClick: switchToPasteMode
 							}, {
-								default: withCtx(() => [..._cache[19] || (_cache[19] = [createTextVNode(" Paste ", -1)])]),
+								default: withCtx(() => [..._cache[29] || (_cache[29] = [createTextVNode(" Paste ", -1)])]),
 								_: 1
 							}, 8, ["variant"]),
 							createVNode(BaseButton_default, {
 								variant: unref(autoGroup).inputMode.value === "csv" ? "primary" : "secondary",
 								size: "sm",
-								onClick: _cache[0] || (_cache[0] = ($event) => unref(autoGroup).inputMode.value = "csv")
+								onClick: _cache[2] || (_cache[2] = ($event) => unref(autoGroup).inputMode.value = "csv")
 							}, {
-								default: withCtx(() => [..._cache[20] || (_cache[20] = [createTextVNode(" CSV ", -1)])]),
+								default: withCtx(() => [..._cache[30] || (_cache[30] = [createTextVNode(" CSV ", -1)])]),
 								_: 1
 							}, 8, ["variant"])
 						]),
-						unref(autoGroup).inputMode.value === "experiment" ? (openBlock(), createElementBlock("div", _hoisted_4$26, [experimentLoading.value ? (openBlock(), createElementBlock("div", _hoisted_5$24, [createVNode(LoadingSpinner_default, { size: "sm" }), _cache[21] || (_cache[21] = createElementVNode("span", null, "Loading experiment metadata…", -1))])) : experimentError.value ? (openBlock(), createElementBlock("div", _hoisted_6$24, [createElementVNode("p", null, toDisplayString(experimentError.value), 1), createElementVNode("p", null, [
-							_cache[22] || (_cache[22] = createTextVNode(" Switch to ", -1)),
+						unref(autoGroup).inputMode.value === "experiment" ? (openBlock(), createElementBlock("div", _hoisted_9$17, [experimentLoading.value ? (openBlock(), createElementBlock("div", _hoisted_10$16, [createVNode(LoadingSpinner_default, { size: "sm" }), _cache[31] || (_cache[31] = createElementVNode("span", null, "Loading experiment metadata…", -1))])) : experimentError.value ? (openBlock(), createElementBlock("div", _hoisted_11$14, [createElementVNode("p", null, toDisplayString(experimentError.value), 1), createElementVNode("p", null, [
+							_cache[32] || (_cache[32] = createTextVNode(" Switch to ", -1)),
 							createElementVNode("button", {
 								type: "button",
 								class: "mint-auto-group__link-btn",
 								onClick: switchToPasteMode
 							}, "Paste"),
-							_cache[23] || (_cache[23] = createTextVNode(" or ", -1)),
+							_cache[33] || (_cache[33] = createTextVNode(" or ", -1)),
 							createElementVNode("button", {
 								type: "button",
 								class: "mint-auto-group__link-btn",
-								onClick: _cache[1] || (_cache[1] = ($event) => unref(autoGroup).inputMode.value = "csv")
+								onClick: _cache[3] || (_cache[3] = ($event) => unref(autoGroup).inputMode.value = "csv")
 							}, "CSV"),
-							_cache[24] || (_cache[24] = createTextVNode(" mode instead. ", -1))
-						])])) : unref(autoGroup).csvData.value ? (openBlock(), createElementBlock("div", _hoisted_7$22, [createElementVNode("div", _hoisted_8$19, [createElementVNode("span", _hoisted_9$17, [createElementVNode("strong", null, toDisplayString(unref(autoGroup).csvData.value.rows.length), 1), _cache[25] || (_cache[25] = createTextVNode(" samples ", -1))]), createElementVNode("span", _hoisted_10$16, [createElementVNode("strong", null, toDisplayString(experimentFieldNames.value.length), 1), _cache[26] || (_cache[26] = createTextVNode(" metadata fields ", -1))])]), createElementVNode("div", _hoisted_11$14, [(openBlock(true), createElementBlock(Fragment, null, renderList(experimentFieldNames.value, (col) => {
+							_cache[34] || (_cache[34] = createTextVNode(" mode instead. ", -1))
+						])])) : unref(autoGroup).csvData.value ? (openBlock(), createElementBlock("div", _hoisted_12$13, [createElementVNode("div", _hoisted_13$13, [createElementVNode("span", _hoisted_14$11, [createElementVNode("strong", null, toDisplayString(unref(autoGroup).csvData.value.rows.length), 1), _cache[35] || (_cache[35] = createTextVNode(" samples ", -1))]), createElementVNode("span", _hoisted_15$10, [createElementVNode("strong", null, toDisplayString(experimentFieldNames.value.length), 1), _cache[36] || (_cache[36] = createTextVNode(" metadata fields ", -1))])]), createElementVNode("div", _hoisted_16$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(experimentFieldNames.value, (col) => {
 							return openBlock(), createElementBlock("span", {
 								key: col,
 								class: "mint-auto-group__field-value"
 							}, toDisplayString(col), 1);
 						}), 128))])])) : createCommentVNode("", true)])) : createCommentVNode("", true),
-						unref(autoGroup).inputMode.value === "paste" ? (openBlock(), createElementBlock("div", _hoisted_12$13, [withDirectives(createElementVNode("textarea", {
-							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(autoGroup).rawText.value = $event),
+						unref(autoGroup).inputMode.value === "paste" ? (openBlock(), createElementBlock("div", _hoisted_17$9, [withDirectives(createElementVNode("textarea", {
+							"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(autoGroup).rawText.value = $event),
 							class: "mint-auto-group__textarea",
 							rows: "12",
 							placeholder: "Paste sample names, one per line..."
-						}, null, 512), [[vModelText, unref(autoGroup).rawText.value]]), unref(autoGroup).samples.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_13$13, toDisplayString(unref(autoGroup).samples.value.length) + " samples ", 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
-						unref(autoGroup).inputMode.value === "csv" ? (openBlock(), createElementBlock("div", _hoisted_14$11, [
+						}, null, 512), [[vModelText, unref(autoGroup).rawText.value]]), unref(autoGroup).samples.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_18$9, toDisplayString(unref(autoGroup).samples.value.length) + " samples ", 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+						unref(autoGroup).inputMode.value === "csv" ? (openBlock(), createElementBlock("div", _hoisted_19$9, [
 							!unref(autoGroup).csvData.value ? (openBlock(), createElementBlock("div", {
 								key: 0,
 								class: normalizeClass(["mint-auto-group__dropzone", isDragOver.value ? "mint-auto-group__dropzone--dragover" : ""]),
 								onDrop: handleFileDrop,
-								onDragover: _cache[3] || (_cache[3] = withModifiers(($event) => isDragOver.value = true, ["prevent"])),
-								onDragleave: _cache[4] || (_cache[4] = ($event) => isDragOver.value = false)
+								onDragover: _cache[5] || (_cache[5] = withModifiers(($event) => isDragOver.value = true, ["prevent"])),
+								onDragleave: _cache[6] || (_cache[6] = ($event) => isDragOver.value = false)
 							}, [
 								createElementVNode("input", {
 									type: "file",
@@ -8541,7 +8898,7 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 									class: "mint-auto-group__file-input",
 									onChange: handleFileInput
 								}, null, 32),
-								_cache[27] || (_cache[27] = createElementVNode("svg", {
+								_cache[37] || (_cache[37] = createElementVNode("svg", {
 									class: "mint-auto-group__upload-icon",
 									fill: "none",
 									stroke: "currentColor",
@@ -8552,12 +8909,12 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 									"stroke-width": "1.5",
 									d: "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
 								})], -1)),
-								_cache[28] || (_cache[28] = createElementVNode("p", { class: "mint-auto-group__upload-text" }, [createElementVNode("span", { class: "mint-auto-group__upload-highlight" }, "Click to upload"), createTextVNode(" or drag and drop a CSV file ")], -1)),
-								_cache[29] || (_cache[29] = createElementVNode("p", { class: "mint-auto-group__upload-hint" }, " CSV or TSV with a header row. First column or column named \"Sample\" / \"File Name\" is used as sample identifier. Other columns become grouping fields. ", -1))
+								_cache[38] || (_cache[38] = createElementVNode("p", { class: "mint-auto-group__upload-text" }, [createElementVNode("span", { class: "mint-auto-group__upload-highlight" }, "Click to upload"), createTextVNode(" or drag and drop a CSV file ")], -1)),
+								_cache[39] || (_cache[39] = createElementVNode("p", { class: "mint-auto-group__upload-hint" }, " CSV or TSV with a header row. First column or column named \"Sample\" / \"File Name\" is used as sample identifier. Other columns become grouping fields. ", -1))
 							], 34)) : createCommentVNode("", true),
-							csvError.value && !unref(autoGroup).csvData.value ? (openBlock(), createElementBlock("div", _hoisted_15$10, toDisplayString(csvError.value), 1)) : createCommentVNode("", true),
-							unref(autoGroup).csvData.value ? (openBlock(), createElementBlock("div", _hoisted_16$9, [
-								_cache[30] || (_cache[30] = createElementVNode("svg", {
+							csvError.value && !unref(autoGroup).csvData.value ? (openBlock(), createElementBlock("div", _hoisted_20$8, toDisplayString(csvError.value), 1)) : createCommentVNode("", true),
+							unref(autoGroup).csvData.value ? (openBlock(), createElementBlock("div", _hoisted_21$7, [
+								_cache[40] || (_cache[40] = createElementVNode("svg", {
 									class: "mint-auto-group__file-icon",
 									fill: "none",
 									stroke: "currentColor",
@@ -8568,8 +8925,8 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 									"stroke-width": "2",
 									d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
 								})], -1)),
-								createElementVNode("span", _hoisted_17$9, toDisplayString(csvFileName.value), 1),
-								createElementVNode("span", _hoisted_18$9, toDisplayString(unref(autoGroup).csvData.value.rows.length) + " rows", 1),
+								createElementVNode("span", _hoisted_22$6, toDisplayString(csvFileName.value), 1),
+								createElementVNode("span", _hoisted_23$5, toDisplayString(unref(autoGroup).csvData.value.rows.length) + " rows", 1),
 								createElementVNode("button", {
 									type: "button",
 									class: "mint-auto-group__file-clear",
@@ -8577,25 +8934,25 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 								}, " Change file ")
 							])) : createCommentVNode("", true)
 						])) : createCommentVNode("", true),
-						unref(autoGroup).canDownloadTemplate.value ? (openBlock(), createElementBlock("div", _hoisted_19$9, [_cache[33] || (_cache[33] = createElementVNode("div", { class: "mint-auto-group__template-label" }, "Or hand-edit in Excel:", -1)), createElementVNode("div", _hoisted_20$8, [createVNode(BaseButton_default, {
+						unref(autoGroup).canDownloadTemplate.value ? (openBlock(), createElementBlock("div", _hoisted_24$5, [_cache[43] || (_cache[43] = createElementVNode("div", { class: "mint-auto-group__template-label" }, "Or hand-edit in Excel:", -1)), createElementVNode("div", _hoisted_25$5, [createVNode(BaseButton_default, {
 							size: "sm",
 							variant: "ghost",
-							onClick: _cache[5] || (_cache[5] = ($event) => unref(autoGroup).downloadTemplate("prefilled", "csv"))
+							onClick: _cache[7] || (_cache[7] = ($event) => unref(autoGroup).downloadTemplate("prefilled", "csv"))
 						}, {
-							default: withCtx(() => [..._cache[31] || (_cache[31] = [createTextVNode(" Download pre-filled CSV ", -1)])]),
+							default: withCtx(() => [..._cache[41] || (_cache[41] = [createTextVNode(" Download pre-filled CSV ", -1)])]),
 							_: 1
 						}), createVNode(BaseButton_default, {
 							size: "sm",
 							variant: "ghost",
-							onClick: _cache[6] || (_cache[6] = ($event) => unref(autoGroup).downloadTemplate("blank", "csv"))
+							onClick: _cache[8] || (_cache[8] = ($event) => unref(autoGroup).downloadTemplate("blank", "csv"))
 						}, {
-							default: withCtx(() => [..._cache[32] || (_cache[32] = [createTextVNode(" Download blank CSV ", -1)])]),
+							default: withCtx(() => [..._cache[42] || (_cache[42] = [createTextVNode(" Download blank CSV ", -1)])]),
 							_: 1
 						})])])) : createCommentVNode("", true)
 					])]),
-					"step-workspace": withCtx(() => [createElementVNode("div", _hoisted_21$7, [
-						createElementVNode("aside", _hoisted_22$6, [
-							_cache[39] || (_cache[39] = createElementVNode("h3", null, "Detected classes", -1)),
+					"step-workspace": withCtx(() => [createElementVNode("div", _hoisted_26$5, [
+						createElementVNode("aside", _hoisted_27$4, [
+							_cache[49] || (_cache[49] = createElementVNode("h3", null, "Detected classes", -1)),
 							(openBlock(true), createElementBlock(Fragment, null, renderList(unref(autoGroup).classes.value, (cls) => {
 								return openBlock(), createElementBlock("button", {
 									key: unref(classKey)(cls),
@@ -8607,39 +8964,39 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 									]),
 									onClick: ($event) => unref(autoGroup).activeClassKey.value = unref(classKey)(cls)
 								}, [
-									_cache[34] || (_cache[34] = createElementVNode("span", { class: "mint-auto-group__class-dot" }, null, -1)),
-									createElementVNode("span", _hoisted_24$5, toDisplayString(cls.label), 1),
-									createElementVNode("span", _hoisted_25$5, toDisplayString(cls.members.length), 1)
-								], 10, _hoisted_23$5);
+									_cache[44] || (_cache[44] = createElementVNode("span", { class: "mint-auto-group__class-dot" }, null, -1)),
+									createElementVNode("span", _hoisted_29$2, toDisplayString(cls.label), 1),
+									createElementVNode("span", _hoisted_30$2, toDisplayString(cls.members.length), 1)
+								], 10, _hoisted_28$3);
 							}), 128)),
-							createElementVNode("div", _hoisted_26$5, [
-								_cache[38] || (_cache[38] = createElementVNode("h4", { class: "mint-auto-group__routing-head" }, "QC routing", -1)),
-								createElementVNode("label", _hoisted_27$4, [createElementVNode("input", {
+							createElementVNode("div", _hoisted_31$2, [
+								_cache[48] || (_cache[48] = createElementVNode("h4", { class: "mint-auto-group__routing-head" }, "QC routing", -1)),
+								createElementVNode("label", _hoisted_32$2, [createElementVNode("input", {
 									type: "radio",
 									name: "qc-routing",
 									checked: qcRouting.value === "overlay",
-									onChange: _cache[7] || (_cache[7] = ($event) => setQcRouting("overlay"))
-								}, null, 40, _hoisted_28$3), _cache[35] || (_cache[35] = createElementVNode("span", null, [createTextVNode("Overlay "), createElementVNode("small", null, "preview only")], -1))]),
-								createElementVNode("label", _hoisted_29$2, [createElementVNode("input", {
+									onChange: _cache[9] || (_cache[9] = ($event) => setQcRouting("overlay"))
+								}, null, 40, _hoisted_33$2), _cache[45] || (_cache[45] = createElementVNode("span", null, [createTextVNode("Overlay "), createElementVNode("small", null, "preview only")], -1))]),
+								createElementVNode("label", _hoisted_34$2, [createElementVNode("input", {
 									type: "radio",
 									name: "qc-routing",
 									checked: qcRouting.value === "exclude",
-									onChange: _cache[8] || (_cache[8] = ($event) => setQcRouting("exclude"))
-								}, null, 40, _hoisted_30$2), _cache[36] || (_cache[36] = createElementVNode("span", null, "Exclude entirely", -1))]),
-								createElementVNode("label", _hoisted_31$2, [createElementVNode("input", {
+									onChange: _cache[10] || (_cache[10] = ($event) => setQcRouting("exclude"))
+								}, null, 40, _hoisted_35$2), _cache[46] || (_cache[46] = createElementVNode("span", null, "Exclude entirely", -1))]),
+								createElementVNode("label", _hoisted_36$2, [createElementVNode("input", {
 									type: "radio",
 									name: "qc-routing",
 									checked: qcRouting.value === "mix",
-									onChange: _cache[9] || (_cache[9] = ($event) => setQcRouting("mix"))
-								}, null, 40, _hoisted_32$2), _cache[37] || (_cache[37] = createElementVNode("span", null, "Mix into groups", -1))])
+									onChange: _cache[11] || (_cache[11] = ($event) => setQcRouting("mix"))
+								}, null, 40, _hoisted_37$2), _cache[47] || (_cache[47] = createElementVNode("span", null, "Mix into groups", -1))])
 							])
 						]),
-						createElementVNode("section", _hoisted_33$2, [
-							createElementVNode("div", _hoisted_34$2, [
-								createElementVNode("div", _hoisted_35$2, [
-									createElementVNode("div", _hoisted_36$2, toDisplayString(groupStats.value.count), 1),
-									_cache[41] || (_cache[41] = createElementVNode("div", { class: "mint-auto-group__stat-l" }, "Groups", -1)),
-									createElementVNode("div", _hoisted_37$2, [groupKeyNames.value.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_38$2, [..._cache[40] || (_cache[40] = [
+						createElementVNode("section", _hoisted_38$2, [
+							createElementVNode("div", _hoisted_39$2, [
+								createElementVNode("div", _hoisted_40$1, [
+									createElementVNode("div", _hoisted_41$1, toDisplayString(groupStats.value.count), 1),
+									_cache[51] || (_cache[51] = createElementVNode("div", { class: "mint-auto-group__stat-l" }, "Groups", -1)),
+									createElementVNode("div", _hoisted_42, [groupKeyNames.value.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_43, [..._cache[50] || (_cache[50] = [
 										createTextVNode("Toggle ", -1),
 										createElementVNode("strong", null, "Use", -1),
 										createTextVNode(" on a column to start splitting", -1)
@@ -8650,34 +9007,34 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 										}, toDisplayString(name), 1);
 									}), 128))])
 								]),
-								createElementVNode("div", _hoisted_39$1, [
-									createElementVNode("div", _hoisted_40$1, toDisplayString(activeMemberCount.value), 1),
-									_cache[42] || (_cache[42] = createElementVNode("div", { class: "mint-auto-group__stat-l" }, "Samples", -1)),
-									createElementVNode("div", _hoisted_41$1, toDisplayString(activeSchemaLabel.value) + " · " + toDisplayString(activeColumnCount.value) + " token positions", 1)
+								createElementVNode("div", _hoisted_44, [
+									createElementVNode("div", _hoisted_45, toDisplayString(activeMemberCount.value), 1),
+									_cache[52] || (_cache[52] = createElementVNode("div", { class: "mint-auto-group__stat-l" }, "Samples", -1)),
+									createElementVNode("div", _hoisted_46, toDisplayString(activeSchemaLabel.value) + " · " + toDisplayString(activeColumnCount.value) + " token positions", 1)
 								]),
-								createElementVNode("div", _hoisted_42, [
-									createElementVNode("div", _hoisted_43, toDisplayString(groupStats.value.avg), 1),
-									_cache[43] || (_cache[43] = createElementVNode("div", { class: "mint-auto-group__stat-l" }, "Avg / group", -1)),
-									createElementVNode("div", _hoisted_44, [groupStats.value.count > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("Min " + toDisplayString(groupStats.value.min) + " · Max " + toDisplayString(groupStats.value.max), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode("—")], 64))])
+								createElementVNode("div", _hoisted_47, [
+									createElementVNode("div", _hoisted_48, toDisplayString(groupStats.value.avg), 1),
+									_cache[53] || (_cache[53] = createElementVNode("div", { class: "mint-auto-group__stat-l" }, "Avg / group", -1)),
+									createElementVNode("div", _hoisted_49, [groupStats.value.count > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("Min " + toDisplayString(groupStats.value.min) + " · Max " + toDisplayString(groupStats.value.max), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode("—")], 64))])
 								])
 							]),
-							unref(autoGroup).suggestions.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_45, [
-								_cache[44] || (_cache[44] = createElementVNode("strong", null, "Suggested merge:", -1)),
+							unref(autoGroup).suggestions.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_50, [
+								_cache[54] || (_cache[54] = createElementVNode("strong", null, "Suggested merge:", -1)),
 								createTextVNode(" columns " + toDisplayString(unref(autoGroup).suggestions.value[0].columnIndices.map((i) => i + 1).join(" + ")) + " always co-occur — combine into ", 1),
 								createElementVNode("code", null, toDisplayString(unref(autoGroup).suggestions.value[0].proposedName), 1),
-								_cache[45] || (_cache[45] = createTextVNode("? ", -1)),
+								_cache[55] || (_cache[55] = createTextVNode("? ", -1)),
 								createElementVNode("button", {
 									type: "button",
 									class: "mint-auto-group__suggest-btn",
-									onClick: _cache[10] || (_cache[10] = ($event) => acceptSuggestion(unref(autoGroup).suggestions.value[0]))
+									onClick: _cache[12] || (_cache[12] = ($event) => acceptSuggestion(unref(autoGroup).suggestions.value[0]))
 								}, " Accept · merge "),
 								createElementVNode("button", {
 									type: "button",
 									class: "mint-auto-group__suggest-btn mint-auto-group__suggest-btn--ghost",
-									onClick: _cache[11] || (_cache[11] = ($event) => dismissSuggestion(unref(autoGroup).suggestions.value[0]))
+									onClick: _cache[13] || (_cache[13] = ($event) => dismissSuggestion(unref(autoGroup).suggestions.value[0]))
 								}, " Dismiss ")
 							])) : createCommentVNode("", true),
-							createElementVNode("div", _hoisted_46, [_cache[47] || (_cache[47] = createElementVNode("div", {
+							createElementVNode("div", _hoisted_51, [_cache[57] || (_cache[57] = createElementVNode("div", {
 								class: "mint-auto-group__token-row mint-auto-group__token-row--head",
 								role: "row"
 							}, [
@@ -8709,46 +9066,46 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 									class: normalizeClass(["mint-auto-group__token-row", openPopoverIdx.value === col.index ? "mint-auto-group__token-row--active" : ""]),
 									onClick: ($event) => openPopoverIdx.value = col.index
 								}, [
-									createElementVNode("span", _hoisted_48, toDisplayString(col.index + 1), 1),
-									createElementVNode("span", _hoisted_49, toDisplayString(col.displayName ?? col.name), 1),
+									createElementVNode("span", _hoisted_53, toDisplayString(col.index + 1), 1),
+									createElementVNode("span", _hoisted_54, toDisplayString(col.displayName ?? col.name), 1),
 									createElementVNode("span", {
 										class: normalizeClass(["mint-auto-group__role", `mint-auto-group__role--${col.role}`]),
 										role: "cell"
 									}, toDisplayString(roleLabel(col.role)), 3),
-									createElementVNode("span", _hoisted_50, toDisplayString(col.cardinality), 1),
-									createElementVNode("span", _hoisted_51, [createTextVNode(toDisplayString(col.uniqueValues.slice(0, 4).join(", ")), 1), col.uniqueValues.length > 4 ? (openBlock(), createElementBlock("span", _hoisted_52, " +" + toDisplayString(col.uniqueValues.length - 4) + " more", 1)) : createCommentVNode("", true)]),
+									createElementVNode("span", _hoisted_55, toDisplayString(col.cardinality), 1),
+									createElementVNode("span", _hoisted_56, [createTextVNode(toDisplayString(col.uniqueValues.slice(0, 4).join(", ")), 1), col.uniqueValues.length > 4 ? (openBlock(), createElementBlock("span", _hoisted_57, " +" + toDisplayString(col.uniqueValues.length - 4) + " more", 1)) : createCommentVNode("", true)]),
 									createElementVNode("label", {
 										class: "mint-auto-group__token-use",
 										role: "cell",
-										onClick: _cache[12] || (_cache[12] = withModifiers(() => {}, ["stop"]))
+										onClick: _cache[14] || (_cache[14] = withModifiers(() => {}, ["stop"]))
 									}, [createElementVNode("input", {
 										type: "checkbox",
 										checked: (unref(autoGroup).activeSchema.value?.groupBy ?? []).includes(col.index),
 										onChange: ($event) => unref(autoGroup).toggleGroupBy(unref(autoGroup).activeClassKey.value, col.index)
-									}, null, 40, _hoisted_53)]),
-									_cache[46] || (_cache[46] = createElementVNode("span", {
+									}, null, 40, _hoisted_58)]),
+									_cache[56] || (_cache[56] = createElementVNode("span", {
 										class: "mint-auto-group__token-trigger",
 										role: "cell",
 										"aria-hidden": "true"
 									}, "⋯", -1))
-								], 10, _hoisted_47);
+								], 10, _hoisted_52);
 							}), 128))])
 						]),
 						openPopoverIdx.value !== null && activeColumn.value ? (openBlock(), createElementBlock("div", {
 							key: 0,
 							class: "mint-auto-group__popover",
-							onClick: _cache[15] || (_cache[15] = withModifiers(() => {}, ["stop"]))
+							onClick: _cache[17] || (_cache[17] = withModifiers(() => {}, ["stop"]))
 						}, [
-							createElementVNode("div", _hoisted_54, [
+							createElementVNode("div", _hoisted_59, [
 								createElementVNode("strong", null, toDisplayString(activeColumn.value.displayName ?? activeColumn.value.name), 1),
-								createElementVNode("span", _hoisted_55, toDisplayString(activeColumn.value.cardinality) + " unique", 1),
+								createElementVNode("span", _hoisted_60, toDisplayString(activeColumn.value.cardinality) + " unique", 1),
 								createElementVNode("button", {
 									type: "button",
 									class: "mint-auto-group__popover-close",
-									onClick: _cache[13] || (_cache[13] = ($event) => openPopoverIdx.value = null)
+									onClick: _cache[15] || (_cache[15] = ($event) => openPopoverIdx.value = null)
 								}, "×")
 							]),
-							createElementVNode("div", _hoisted_56, [_cache[48] || (_cache[48] = createElementVNode("div", { class: "mint-auto-group__popover-label" }, "Role", -1)), createElementVNode("div", _hoisted_57, [(openBlock(), createElementBlock(Fragment, null, renderList([
+							createElementVNode("div", _hoisted_61, [_cache[58] || (_cache[58] = createElementVNode("div", { class: "mint-auto-group__popover-label" }, "Role", -1)), createElementVNode("div", _hoisted_62, [(openBlock(), createElementBlock(Fragment, null, renderList([
 								"factor",
 								"replicate",
 								"run-order",
@@ -8761,28 +9118,28 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 									type: "button",
 									class: normalizeClass(["mint-auto-group__pill-btn", activeColumn.value.role === r ? "mint-auto-group__pill-btn--on" : ""]),
 									onClick: ($event) => unref(autoGroup).setRole(unref(autoGroup).activeClassKey.value, activeColumn.value.index, r)
-								}, toDisplayString(roleLabel(r)), 11, _hoisted_58);
+								}, toDisplayString(roleLabel(r)), 11, _hoisted_63);
 							}), 64))])]),
-							createElementVNode("div", _hoisted_59, [_cache[49] || (_cache[49] = createElementVNode("div", { class: "mint-auto-group__popover-label" }, "Rename", -1)), createVNode(BaseInput_default, {
+							createElementVNode("div", _hoisted_64, [_cache[59] || (_cache[59] = createElementVNode("div", { class: "mint-auto-group__popover-label" }, "Rename", -1)), createVNode(BaseInput_default, {
 								"model-value": activeColumn.value.displayName ?? activeColumn.value.name,
-								"onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => renameActive(String($event ?? "")))
+								"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => renameActive(String($event ?? "")))
 							}, null, 8, ["model-value"])]),
-							createElementVNode("div", _hoisted_60, [createElementVNode("div", _hoisted_61, "Values (" + toDisplayString(activeColumn.value.uniqueValues.length) + ")", 1), createElementVNode("div", _hoisted_62, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeColumn.value.uniqueValues, (v) => {
+							createElementVNode("div", _hoisted_65, [createElementVNode("div", _hoisted_66, "Values (" + toDisplayString(activeColumn.value.uniqueValues.length) + ")", 1), createElementVNode("div", _hoisted_67, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeColumn.value.uniqueValues, (v) => {
 								return openBlock(), createElementBlock("div", {
 									key: v,
 									class: "mint-auto-group__value-row"
 								}, [
-									createElementVNode("span", _hoisted_63, toDisplayString(v) + " →", 1),
+									createElementVNode("span", _hoisted_68, toDisplayString(v) + " →", 1),
 									createElementVNode("input", {
 										class: "mint-auto-group__value-input",
 										value: activeColumn.value.ops?.alias?.[v] ?? v,
 										onChange: ($event) => setAlias(v, $event.target.value)
-									}, null, 40, _hoisted_64),
-									createElementVNode("label", _hoisted_65, [createElementVNode("input", {
+									}, null, 40, _hoisted_69),
+									createElementVNode("label", _hoisted_70, [createElementVNode("input", {
 										type: "checkbox",
 										checked: activeColumn.value.ops?.exclude?.includes(v) ?? false,
 										onChange: ($event) => toggleExclude(v)
-									}, null, 40, _hoisted_66), _cache[50] || (_cache[50] = createTextVNode(" excl ", -1))])
+									}, null, 40, _hoisted_71), _cache[60] || (_cache[60] = createTextVNode(" excl ", -1))])
 								]);
 							}), 128))])]),
 							createElementVNode("div", { class: "mint-auto-group__popover-section" }, [createElementVNode("button", {
@@ -8792,26 +9149,26 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 							}, "▸ Merge with next column")])
 						])) : createCommentVNode("", true)
 					])]),
-					"step-preview": withCtx(() => [createElementVNode("div", _hoisted_67, [
-						createElementVNode("div", _hoisted_68, [
+					"step-preview": withCtx(() => [createElementVNode("div", _hoisted_72, [
+						createElementVNode("div", _hoisted_73, [
 							createElementVNode("strong", null, toDisplayString(unref(autoGroup).groups.value.length), 1),
-							_cache[51] || (_cache[51] = createTextVNode(" groups · ", -1)),
+							_cache[61] || (_cache[61] = createTextVNode(" groups · ", -1)),
 							createElementVNode("strong", null, toDisplayString(totalGrouped.value), 1),
-							_cache[52] || (_cache[52] = createTextVNode(" samples · ", -1)),
+							_cache[62] || (_cache[62] = createTextVNode(" samples · ", -1)),
 							createElementVNode("strong", null, toDisplayString(totalQc.value), 1),
-							_cache[53] || (_cache[53] = createTextVNode(" QC kept aside · ", -1)),
+							_cache[63] || (_cache[63] = createTextVNode(" QC kept aside · ", -1)),
 							createElementVNode("strong", null, toDisplayString(unref(autoGroup).excludedSamples.value.length), 1),
-							_cache[54] || (_cache[54] = createTextVNode(" excluded ", -1))
+							_cache[64] || (_cache[64] = createTextVNode(" excluded ", -1))
 						]),
 						unref(autoGroup).allSingletons.value ? (openBlock(), createBlock(AlertBox_default, {
 							key: 0,
 							type: "warning",
 							title: "Each group has only one sample"
 						}, {
-							default: withCtx(() => [..._cache[55] || (_cache[55] = [createTextVNode(" Group key produced a unique key per row. Go back and disable any column whose values are unique per sample. ", -1)])]),
+							default: withCtx(() => [..._cache[65] || (_cache[65] = [createTextVNode(" Group key produced a unique key per row. Go back and disable any column whose values are unique per sample. ", -1)])]),
 							_: 1
 						})) : createCommentVNode("", true),
-						createElementVNode("div", _hoisted_69, [createElementVNode("div", _hoisted_70, [_cache[56] || (_cache[56] = createElementVNode("h4", null, "Experimental groups", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(autoGroup).result.value.experimentalGroups ?? [], (group) => {
+						createElementVNode("div", _hoisted_74, [createElementVNode("div", _hoisted_75, [_cache[66] || (_cache[66] = createElementVNode("h4", null, "Experimental groups", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(autoGroup).result.value.experimentalGroups ?? [], (group) => {
 							return openBlock(), createElementBlock("details", {
 								key: group.name,
 								class: "mint-auto-group__preview-group"
@@ -8821,39 +9178,39 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 									style: normalizeStyle({ background: group.color })
 								}, null, 4),
 								createElementVNode("span", null, toDisplayString(group.name), 1),
-								createElementVNode("span", _hoisted_71, toDisplayString(group.samples.length), 1)
-							]), createElementVNode("div", _hoisted_72, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.samples, (s) => {
+								createElementVNode("span", _hoisted_76, toDisplayString(group.samples.length), 1)
+							]), createElementVNode("div", _hoisted_77, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.samples, (s) => {
 								return openBlock(), createElementBlock("span", {
 									key: s,
 									class: "mint-auto-group__preview-sample"
 								}, toDisplayString(s), 1);
 							}), 128))])]);
-						}), 128))]), createElementVNode("div", _hoisted_73, [
-							_cache[58] || (_cache[58] = createElementVNode("h4", null, "QC kept aside (overlay)", -1)),
-							createElementVNode("div", _hoisted_74, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(autoGroup).qcGroups.value ?? [], (g) => {
+						}), 128))]), createElementVNode("div", _hoisted_78, [
+							_cache[68] || (_cache[68] = createElementVNode("h4", null, "QC kept aside (overlay)", -1)),
+							createElementVNode("div", _hoisted_79, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(autoGroup).qcGroups.value ?? [], (g) => {
 								return openBlock(), createElementBlock("span", {
 									key: g.name,
 									class: "mint-auto-group__qc-chip"
 								}, [createTextVNode(toDisplayString(g.name) + " ", 1), createElementVNode("code", null, "×" + toDisplayString(g.samples.length), 1)]);
 							}), 128))]),
-							createElementVNode("details", _hoisted_75, [_cache[57] || (_cache[57] = createElementVNode("summary", null, "Schema fingerprint", -1)), createElementVNode("pre", null, toDisplayString(JSON.stringify(unref(autoGroup).fingerprint.value, null, 2)), 1)])
+							createElementVNode("details", _hoisted_80, [_cache[67] || (_cache[67] = createElementVNode("summary", null, "Schema fingerprint", -1)), createElementVNode("pre", null, toDisplayString(JSON.stringify(unref(autoGroup).fingerprint.value, null, 2)), 1)])
 						])])
 					])]),
-					navigation: withCtx(({ goBack, goNext, canProceed }) => [createElementVNode("div", _hoisted_76, [
+					navigation: withCtx(({ goBack, goNext, canProceed }) => [createElementVNode("div", _hoisted_81, [
 						createVNode(BaseButton_default, {
 							variant: "secondary",
 							onClick: handleCancel
 						}, {
-							default: withCtx(() => [..._cache[59] || (_cache[59] = [createTextVNode(" Cancel ", -1)])]),
+							default: withCtx(() => [..._cache[69] || (_cache[69] = [createTextVNode(" Cancel ", -1)])]),
 							_: 1
 						}),
-						_cache[63] || (_cache[63] = createElementVNode("div", { class: "mint-auto-group__nav-spacer" }, null, -1)),
+						_cache[73] || (_cache[73] = createElementVNode("div", { class: "mint-auto-group__nav-spacer" }, null, -1)),
 						!isFirstStep.value ? (openBlock(), createBlock(BaseButton_default, {
 							key: 0,
 							variant: "secondary",
 							onClick: goBack
 						}, {
-							default: withCtx(() => [..._cache[60] || (_cache[60] = [createTextVNode(" Back ", -1)])]),
+							default: withCtx(() => [..._cache[70] || (_cache[70] = [createTextVNode(" Back ", -1)])]),
 							_: 1
 						}, 8, ["onClick"])) : createCommentVNode("", true),
 						!isLastStep.value ? (openBlock(), createBlock(BaseButton_default, {
@@ -8865,7 +9222,7 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 								goNext();
 							}
 						}, {
-							default: withCtx(() => [..._cache[61] || (_cache[61] = [createTextVNode(" Next ", -1)])]),
+							default: withCtx(() => [..._cache[71] || (_cache[71] = [createTextVNode(" Next ", -1)])]),
 							_: 1
 						}, 8, ["disabled", "onClick"])) : createCommentVNode("", true),
 						isLastStep.value ? (openBlock(), createBlock(BaseButton_default, {
@@ -8873,21 +9230,247 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 							variant: "primary",
 							onClick: handleApply
 						}, {
-							default: withCtx(() => [..._cache[62] || (_cache[62] = [createTextVNode(" Apply ", -1)])]),
+							default: withCtx(() => [..._cache[72] || (_cache[72] = [createTextVNode(" Apply ", -1)])]),
 							_: 1
 						})) : createCommentVNode("", true)
 					])]),
 					_: 1
-				}, 8, ["modelValue", "steps"])])]),
-				_: 1
-			}, 8, ["model-value"]);
+				}, 8, ["modelValue", "steps"])) : (openBlock(), createElementBlock("div", _hoisted_82, [createElementVNode("div", _hoisted_83, [createElementVNode("section", _hoisted_84, [
+					createElementVNode("div", _hoisted_85, [_cache[75] || (_cache[75] = createElementVNode("div", null, [createElementVNode("span", { class: "mint-auto-group__manual-step" }, "1"), createElementVNode("h3", null, "Samples")], -1)), createElementVNode("div", _hoisted_86, [createElementVNode("span", null, toDisplayString(unref(manualFilteredSamples).length) + " of " + toDisplayString(manualSamplePool.value.length), 1), createElementVNode("label", _hoisted_87, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => manualUngroupedOnly.value = $event),
+						type: "checkbox",
+						class: "mint-auto-group__manual-checkbox"
+					}, null, 512), [[vModelCheckbox, manualUngroupedOnly.value]]), _cache[74] || (_cache[74] = createElementVNode("span", null, "Ungrouped only", -1))])])]),
+					createElementVNode("div", _hoisted_88, [_cache[76] || (_cache[76] = createElementVNode("svg", {
+						class: "mint-auto-group__manual-search-icon",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "2",
+						d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+					})], -1)), withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => manualSearchQuery.value = $event),
+						type: "text",
+						"aria-label": "Search samples for manual grouping",
+						placeholder: "Search sample keyword...",
+						class: "mint-auto-group__manual-search-input"
+					}, null, 512), [[vModelText, manualSearchQuery.value]])]),
+					createElementVNode("label", _hoisted_89, [
+						createElementVNode("input", {
+							type: "checkbox",
+							checked: manualAllVisibleSelected.value,
+							indeterminate: manualSomeVisibleSelected.value,
+							disabled: unref(manualFilteredSamples).length === 0,
+							class: "mint-auto-group__manual-checkbox",
+							onChange: manualToggleVisibleSamples
+						}, null, 40, _hoisted_90),
+						_cache[77] || (_cache[77] = createElementVNode("span", null, "Select all matching", -1)),
+						createElementVNode("span", _hoisted_91, toDisplayString(unref(manualFilteredSamples).length) + " shown ", 1)
+					]),
+					createElementVNode("div", _hoisted_92, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(manualFilteredSamples), (sample) => {
+						return openBlock(), createElementBlock("label", {
+							key: sample,
+							class: normalizeClass(["mint-auto-group__manual-sample", manualSelectedSet.value.has(sample) ? "mint-auto-group__manual-sample--selected" : ""]),
+							title: sample
+						}, [
+							createElementVNode("input", {
+								type: "checkbox",
+								checked: manualSelectedSet.value.has(sample),
+								class: "mint-auto-group__manual-checkbox",
+								onChange: ($event) => manualToggleSample(sample)
+							}, null, 40, _hoisted_94),
+							createElementVNode("span", _hoisted_95, toDisplayString(sample), 1),
+							createElementVNode("span", { class: normalizeClass(["mint-auto-group__manual-status", manualGetSampleGroup(sample) ? "" : "mint-auto-group__manual-status--empty"]) }, [manualGetSampleGroup(sample) ? (openBlock(), createElementBlock("span", {
+								key: 0,
+								class: "mint-auto-group__manual-dot",
+								style: normalizeStyle({ backgroundColor: manualGetSampleGroup(sample)?.color }),
+								"aria-hidden": "true"
+							}, null, 4)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(manualGetSampleStatus(sample)), 1)], 2),
+							createElementVNode("span", _hoisted_96, toDisplayString(sample), 1)
+						], 10, _hoisted_93);
+					}), 128)), unref(manualFilteredSamples).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_97, " No samples ")) : createCommentVNode("", true)]),
+					createElementVNode("div", _hoisted_98, [createElementVNode("span", null, [createElementVNode("strong", null, toDisplayString(manualSelectedSamples.value.length), 1), _cache[78] || (_cache[78] = createTextVNode(" selected", -1))]), createElementVNode("button", {
+						type: "button",
+						class: "mint-auto-group__manual-link",
+						disabled: manualSelectedSamples.value.length === 0,
+						onClick: manualClearSamples
+					}, " Clear ", 8, _hoisted_99)])
+				]), createElementVNode("section", _hoisted_100, [
+					_cache[87] || (_cache[87] = createElementVNode("div", { class: "mint-auto-group__manual-panel-head" }, [createElementVNode("div", null, [createElementVNode("span", { class: "mint-auto-group__manual-step" }, "2"), createElementVNode("h3", null, "Cohort target")])], -1)),
+					createElementVNode("div", { class: normalizeClass(["mint-auto-group__manual-assignment", manualSelectedSamples.value.length === 0 ? "mint-auto-group__manual-assignment--empty" : ""]) }, [
+						createElementVNode("div", _hoisted_101, [createElementVNode("span", {
+							class: "mint-auto-group__manual-dot",
+							style: normalizeStyle({ backgroundColor: manualSelectedColor.value }),
+							"aria-hidden": "true"
+						}, null, 4), createElementVNode("span", null, toDisplayString(manualSelectedSamples.value.length > 0 ? `${manualSelectedSamples.value.length} selected` : "No sample selected"), 1)]),
+						createElementVNode("div", _hoisted_102, [createElementVNode("label", _hoisted_103, [_cache[80] || (_cache[80] = createElementVNode("span", null, "Group", -1)), createElementVNode("div", _hoisted_104, [
+							createElementVNode("span", {
+								class: "mint-auto-group__manual-dot",
+								style: normalizeStyle({ backgroundColor: manualSelectedColor.value }),
+								"aria-hidden": "true"
+							}, null, 4),
+							createVNode(BaseInput_default, {
+								modelValue: manualGroupName.value,
+								"onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => manualGroupName.value = $event),
+								list: "mint-auto-group-manual-groups",
+								placeholder: "Type or pick...",
+								size: "sm",
+								class: "mint-auto-group__manual-combo-input"
+							}, null, 8, ["modelValue"]),
+							_cache[79] || (_cache[79] = createElementVNode("svg", {
+								class: "mint-auto-group__manual-combo-icon",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M6 9l6 6 6-6"
+							})], -1)),
+							createElementVNode("datalist", _hoisted_105, [(openBlock(true), createElementBlock(Fragment, null, renderList(manualDraftGroups.value, (group) => {
+								return openBlock(), createElementBlock("option", {
+									key: `manual-group-option-${group.name}`,
+									value: manualGetGroupPrimaryName(group.name)
+								}, null, 8, _hoisted_106);
+							}), 128))])
+						])]), createElementVNode("label", _hoisted_107, [_cache[82] || (_cache[82] = createElementVNode("span", null, [createTextVNode("Subgroup "), createElementVNode("small", null, "optional")], -1)), createElementVNode("div", _hoisted_108, [
+							createVNode(BaseInput_default, {
+								modelValue: manualSubGroupName.value,
+								"onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => manualSubGroupName.value = $event),
+								list: "mint-auto-group-manual-subgroups",
+								placeholder: "e.g. Day 7",
+								size: "sm",
+								class: "mint-auto-group__manual-combo-input"
+							}, null, 8, ["modelValue"]),
+							_cache[81] || (_cache[81] = createElementVNode("svg", {
+								class: "mint-auto-group__manual-combo-icon",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M6 9l6 6 6-6"
+							})], -1)),
+							createElementVNode("datalist", _hoisted_109, [(openBlock(true), createElementBlock(Fragment, null, renderList(manualDraftGroups.value, (group) => {
+								return openBlock(), createElementBlock("option", {
+									key: `manual-subgroup-option-${group.name}`,
+									value: manualGetGroupSecondaryName(group.name) || group.name
+								}, null, 8, _hoisted_110);
+							}), 128))])
+						])])]),
+						createElementVNode("div", _hoisted_111, [_cache[83] || (_cache[83] = createElementVNode("span", null, "Color", -1)), createElementVNode("div", _hoisted_112, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(manualColorOptions), (color) => {
+							return openBlock(), createElementBlock("button", {
+								key: color,
+								type: "button",
+								class: normalizeClass(["mint-auto-group__manual-swatch", manualSelectedColor.value === color ? "mint-auto-group__manual-swatch--active" : ""]),
+								style: normalizeStyle({ backgroundColor: color }),
+								"aria-label": `Use color ${color}`,
+								onClick: ($event) => manualChooseColor(color)
+							}, null, 14, _hoisted_113);
+						}), 128))])]),
+						createElementVNode("div", _hoisted_114, [_cache[84] || (_cache[84] = createElementVNode("span", null, "Target cohort", -1)), createElementVNode("code", null, toDisplayString(manualTargetGroupName.value || "Group/Subgroup"), 1)]),
+						createVNode(BaseButton_default, {
+							variant: "primary",
+							size: "sm",
+							class: "mint-auto-group__manual-assign",
+							disabled: !manualCanAssign.value,
+							onClick: manualAssignSamplesToGroup
+						}, {
+							default: withCtx(() => [..._cache[85] || (_cache[85] = [createElementVNode("svg", {
+								class: "mint-auto-group__manual-btn-icon",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24"
+							}, [createElementVNode("path", {
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round",
+								"stroke-width": "2",
+								d: "M5 12h14m-6-6 6 6-6 6"
+							})], -1), createTextVNode(" Assign ", -1)])]),
+							_: 1
+						}, 8, ["disabled"])
+					], 2),
+					createElementVNode("div", _hoisted_115, [
+						createElementVNode("div", _hoisted_116, [_cache[86] || (_cache[86] = createElementVNode("span", null, "Cohorts so far", -1)), createElementVNode("span", null, toDisplayString(manualDraftGroups.value.length) + " groups", 1)]),
+						unref(manualShowHierarchy) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(manualHierarchicalGroups), (majorGroup) => {
+							return openBlock(), createElementBlock(Fragment, { key: `manual-major-${majorGroup.name}` }, [createElementVNode("button", {
+								type: "button",
+								class: "mint-auto-group__manual-chip mint-auto-group__manual-chip--major",
+								title: majorGroup.name,
+								onClick: ($event) => manualUseExistingGroupAsTarget(majorGroup.subGroups[0]?.name || majorGroup.name)
+							}, [
+								createElementVNode("span", {
+									class: "mint-auto-group__manual-chip-dot",
+									style: normalizeStyle({ backgroundColor: majorGroup.color }),
+									"aria-hidden": "true"
+								}, null, 4),
+								createElementVNode("span", _hoisted_118, toDisplayString(majorGroup.name), 1),
+								createElementVNode("span", _hoisted_119, toDisplayString(majorGroup.allSamples.length), 1)
+							], 8, _hoisted_117), (openBlock(true), createElementBlock(Fragment, null, renderList(majorGroup.subGroups, (subGroup) => {
+								return openBlock(), createElementBlock("button", {
+									key: `manual-sub-${subGroup.name}`,
+									type: "button",
+									class: "mint-auto-group__manual-chip mint-auto-group__manual-chip--sub",
+									title: subGroup.name,
+									onClick: ($event) => manualUseExistingGroupAsTarget(subGroup.name)
+								}, [createElementVNode("span", _hoisted_121, toDisplayString(manualGetGroupSecondaryName(subGroup.name) || subGroup.name), 1), createElementVNode("span", _hoisted_122, toDisplayString(subGroup.samples.length), 1)], 8, _hoisted_120);
+							}), 128))], 64);
+						}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(manualDraftGroups.value, (group) => {
+							return openBlock(), createElementBlock("button", {
+								key: group.name,
+								type: "button",
+								class: "mint-auto-group__manual-chip",
+								title: group.name,
+								onClick: ($event) => manualUseExistingGroupAsTarget(group.name)
+							}, [
+								createElementVNode("span", {
+									class: "mint-auto-group__manual-chip-dot",
+									style: normalizeStyle({ backgroundColor: group.color }),
+									"aria-hidden": "true"
+								}, null, 4),
+								createElementVNode("span", _hoisted_124, toDisplayString(group.name), 1),
+								createElementVNode("span", _hoisted_125, toDisplayString(group.samples.length), 1)
+							], 8, _hoisted_123);
+						}), 128)),
+						manualDraftGroups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_126, " No cohorts yet ")) : createCommentVNode("", true)
+					])
+				])])]))])]),
+				_: 2
+			}, [activeWorkflow.value === "manual" ? {
+				name: "footer",
+				fn: withCtx(() => [createElementVNode("div", _hoisted_127, [
+					createVNode(BaseButton_default, {
+						variant: "secondary",
+						onClick: handleCancel
+					}, {
+						default: withCtx(() => [..._cache[88] || (_cache[88] = [createTextVNode(" Cancel ", -1)])]),
+						_: 1
+					}),
+					_cache[90] || (_cache[90] = createElementVNode("div", { class: "mint-auto-group__nav-spacer" }, null, -1)),
+					createVNode(BaseButton_default, {
+						variant: "primary",
+						onClick: handleManualApply
+					}, {
+						default: withCtx(() => [..._cache[89] || (_cache[89] = [createTextVNode(" Apply ", -1)])]),
+						_: 1
+					})
+				])]),
+				key: "0"
+			} : void 0]), 1032, ["model-value", "size"]);
 		};
 	}
 });
 //#endregion
 //#region src/components/SampleSelectorSampleRow.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = ["checked"];
-var _hoisted_2$28 = { class: "mint-sample-selector__sample-name" };
+var _hoisted_1$32 = ["title", "aria-label"];
+var _hoisted_2$28 = ["checked"];
+var _hoisted_3$26 = { class: "mint-sample-selector__sample-name" };
 //#endregion
 //#region src/components/SampleSelectorSampleRow.vue
 var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
@@ -8915,6 +9498,8 @@ var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(["mint-sample-selector__sample", __props.dragging ? "mint-sample-selector__sample--dragging" : ""]),
+				title: __props.sample,
+				"aria-label": `Sample: ${__props.sample}`,
 				draggable: "true"
 			}, [
 				_cache[3] || (_cache[3] = createElementVNode("svg", {
@@ -8934,8 +9519,8 @@ var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(checkboxClasses.value),
 					style: normalizeStyle(__props.accentColor ? { accentColor: __props.accentColor } : void 0),
 					onChange: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
-				}, null, 46, _hoisted_1$32),
-				createElementVNode("span", _hoisted_2$28, toDisplayString(__props.sample), 1),
+				}, null, 46, _hoisted_2$28),
+				createElementVNode("span", _hoisted_3$26, toDisplayString(__props.sample), 1),
 				__props.removable ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -8952,7 +9537,7 @@ var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					d: "M20 12H4"
 				})], -1)])])) : createCommentVNode("", true)
-			], 2);
+			], 10, _hoisted_1$32);
 		};
 	}
 });
@@ -9206,33 +9791,6 @@ function useSampleSelectorSelection(options) {
 	};
 }
 //#endregion
-//#region src/components/SampleSelector.colors.ts
-var DEFAULT_COLOR_PICKER_SEED = "#3B82F6";
-function applySampleGroupColorEdit(groups, edit, color) {
-	const targets = edit.kind === "family" ? new Set(edit.names) : new Set([edit.name]);
-	return groups.map((group) => targets.has(group.name) ? {
-		...group,
-		color
-	} : group);
-}
-function getSampleGroupColorEditSeed(edit, getGroupColor) {
-	if (!edit) return DEFAULT_COLOR_PICKER_SEED;
-	return getGroupColor(edit.kind === "family" ? edit.names[0] : edit.name);
-}
-function pickUnusedSampleGroupColor(groups) {
-	const usedColors = new Set(groups.map((group) => group.color));
-	return DEFAULT_COLORS.find((color) => !usedColors.has(color)) || DEFAULT_COLORS[0];
-}
-function createSampleGroup(name, existingGroups) {
-	const trimmedName = name.trim();
-	if (!trimmedName) return null;
-	return {
-		name: trimmedName,
-		color: pickUnusedSampleGroupColor(existingGroups),
-		samples: []
-	};
-}
-//#endregion
 //#region src/components/SampleSelector.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$31 = { class: "mint-sample-selector" };
 var _hoisted_2$27 = { class: "mint-sample-selector__select-all" };
@@ -9314,9 +9872,10 @@ var _hoisted_33$1 = {
 };
 var _hoisted_34$1 = { class: "mint-sample-selector__search" };
 var _hoisted_35$1 = { class: "mint-sample-selector__flat-list" };
-var _hoisted_36$1 = ["checked", "onChange"];
-var _hoisted_37$1 = { class: "mint-sample-selector__flat-name" };
-var _hoisted_38$1 = {
+var _hoisted_36$1 = ["title", "aria-label"];
+var _hoisted_37$1 = ["checked", "onChange"];
+var _hoisted_38$1 = { class: "mint-sample-selector__flat-name" };
+var _hoisted_39$1 = {
 	key: 0,
 	class: "mint-sample-selector__empty"
 };
@@ -9353,6 +9912,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const showSmartGroupModal = ref(false);
+		const groupingModalMode = ref("auto");
 		const newGroupName = ref("");
 		const editingColor = ref(null);
 		const colorPickerInput = ref(null);
@@ -9413,6 +9973,10 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 			emit("smartGroup", result);
 			emit("update:groups", result.groups);
 		}
+		function openGroupingModal(mode) {
+			groupingModalMode.value = mode;
+			showSmartGroupModal.value = true;
+		}
 		function clearGroups() {
 			internalGroups.value = [];
 		}
@@ -9470,57 +10034,80 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						onChange: _cache[0] || (_cache[0] = (...args) => unref(toggleSelectAll) && unref(toggleSelectAll)(...args)),
 						class: "mint-sample-selector__checkbox"
 					}, null, 40, _hoisted_3$25),
-					_cache[17] || (_cache[17] = createElementVNode("span", { class: "mint-sample-selector__select-all-label" }, "Select All", -1)),
+					_cache[18] || (_cache[18] = createElementVNode("span", { class: "mint-sample-selector__select-all-label" }, "Select All", -1)),
 					createElementVNode("span", _hoisted_4$25, toDisplayString(resolvedSamples.value.length) + " samples", 1)
 				]),
-				__props.enableGrouping ? (openBlock(), createElementBlock("div", _hoisted_5$23, [createElementVNode("div", _hoisted_6$23, [__props.enableSmartGroup ? (openBlock(), createBlock(BaseButton_default, {
-					key: 0,
-					variant: groupingEnabled.value ? "primary" : "secondary",
-					size: "sm",
-					disabled: resolvedSamples.value.length === 0,
-					class: "mint-sample-selector__action-btn",
-					onClick: _cache[1] || (_cache[1] = ($event) => showSmartGroupModal.value = true)
-				}, {
-					default: withCtx(() => [..._cache[18] || (_cache[18] = [createElementVNode("svg", {
-						class: "mint-sample-selector__action-icon",
-						fill: "none",
-						stroke: "currentColor",
-						viewBox: "0 0 24 24"
-					}, [createElementVNode("path", {
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						"stroke-width": "2",
-						d: "M13 10V3L4 14h7v7l9-11h-7z"
-					})], -1), createElementVNode("span", null, "Smart Group", -1)])]),
-					_: 1
-				}, 8, ["variant", "disabled"])) : createCommentVNode("", true), createVNode(BaseButton_default, {
-					variant: "ghost",
-					size: "sm",
-					disabled: internalGroups.value.length === 0,
-					class: "mint-sample-selector__action-btn mint-sample-selector__action-btn--reset",
-					onClick: clearGroups,
-					title: "Clear all groups"
-				}, {
-					default: withCtx(() => [..._cache[19] || (_cache[19] = [createElementVNode("svg", {
-						class: "mint-sample-selector__action-icon",
-						fill: "none",
-						stroke: "currentColor",
-						viewBox: "0 0 24 24"
-					}, [createElementVNode("path", {
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						"stroke-width": "2",
-						d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-					})], -1)])]),
-					_: 1
-				}, 8, ["disabled"])])])) : createCommentVNode("", true),
+				__props.enableGrouping ? (openBlock(), createElementBlock("div", _hoisted_5$23, [createElementVNode("div", _hoisted_6$23, [
+					__props.enableSmartGroup ? (openBlock(), createBlock(BaseButton_default, {
+						key: 0,
+						variant: groupingEnabled.value ? "primary" : "secondary",
+						size: "sm",
+						disabled: resolvedSamples.value.length === 0,
+						class: "mint-sample-selector__action-btn",
+						onClick: _cache[1] || (_cache[1] = ($event) => openGroupingModal("auto"))
+					}, {
+						default: withCtx(() => [..._cache[19] || (_cache[19] = [createElementVNode("svg", {
+							class: "mint-sample-selector__action-icon",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M13 10V3L4 14h7v7l9-11h-7z"
+						})], -1), createElementVNode("span", null, "Smart Group", -1)])]),
+						_: 1
+					}, 8, ["variant", "disabled"])) : createCommentVNode("", true),
+					createVNode(BaseButton_default, {
+						variant: "secondary",
+						size: "sm",
+						disabled: resolvedSamples.value.length === 0,
+						class: "mint-sample-selector__action-btn",
+						onClick: _cache[2] || (_cache[2] = ($event) => openGroupingModal("manual"))
+					}, {
+						default: withCtx(() => [..._cache[20] || (_cache[20] = [createElementVNode("svg", {
+							class: "mint-sample-selector__action-icon",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M12 3 3 7.5l9 4.5 9-4.5L12 3ZM3 12l9 4.5 9-4.5M3 16.5l9 4.5 9-4.5"
+						})], -1), createElementVNode("span", null, "Manual Group", -1)])]),
+						_: 1
+					}, 8, ["disabled"]),
+					createVNode(BaseButton_default, {
+						variant: "ghost",
+						size: "sm",
+						disabled: internalGroups.value.length === 0,
+						class: "mint-sample-selector__action-btn mint-sample-selector__action-btn--reset",
+						onClick: clearGroups,
+						title: "Clear all groups"
+					}, {
+						default: withCtx(() => [..._cache[21] || (_cache[21] = [createElementVNode("svg", {
+							class: "mint-sample-selector__action-icon",
+							fill: "none",
+							stroke: "currentColor",
+							viewBox: "0 0 24 24"
+						}, [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+						})], -1)])]),
+						_: 1
+					}, 8, ["disabled"])
+				])])) : createCommentVNode("", true),
 				groupingEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_7$21, [
 					createElementVNode("div", _hoisted_8$18, [createElementVNode("span", _hoisted_9$16, "Groups (" + toDisplayString(internalGroups.value.length) + ")", 1), createElementVNode("div", { class: "mint-sample-selector__groups-controls" }, [createElementVNode("button", {
 						type: "button",
 						class: "mint-sample-selector__expand-btn",
 						onClick: expandAllGroups,
 						title: "Expand all"
-					}, [..._cache[20] || (_cache[20] = [createElementVNode("svg", {
+					}, [..._cache[22] || (_cache[22] = [createElementVNode("svg", {
 						class: "mint-sample-selector__expand-icon",
 						fill: "none",
 						stroke: "currentColor",
@@ -9535,7 +10122,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						class: "mint-sample-selector__expand-btn",
 						onClick: collapseAllGroups,
 						title: "Collapse all"
-					}, [..._cache[21] || (_cache[21] = [createElementVNode("svg", {
+					}, [..._cache[23] || (_cache[23] = [createElementVNode("svg", {
 						class: "mint-sample-selector__expand-icon",
 						fill: "none",
 						stroke: "currentColor",
@@ -9560,9 +10147,9 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 							draggable: "true",
 							onClick: ($event) => toggleGroupExpanded(`major:${majorGroup.name}`),
 							onDragstart: ($event) => unref(handleGroupDragStart)(majorGroup.name, "major", $event),
-							onDragend: _cache[3] || (_cache[3] = (...args) => unref(handleGroupDragEnd) && unref(handleGroupDragEnd)(...args)),
+							onDragend: _cache[4] || (_cache[4] = (...args) => unref(handleGroupDragEnd) && unref(handleGroupDragEnd)(...args)),
 							onDragover: ($event) => unref(handleGroupDragOver)(majorGroup.name, "major", $event),
-							onDragleave: _cache[4] || (_cache[4] = ($event) => unref(handleGroupDragLeave)($event)),
+							onDragleave: _cache[5] || (_cache[5] = ($event) => unref(handleGroupDragLeave)($event)),
 							onDrop: ($event) => unref(handleGroupDrop)(majorGroup.name, "major", $event)
 						}, [
 							(openBlock(), createElementBlock("svg", {
@@ -9570,7 +10157,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24"
-							}, [..._cache[22] || (_cache[22] = [createElementVNode("path", {
+							}, [..._cache[24] || (_cache[24] = [createElementVNode("path", {
 								"stroke-linecap": "round",
 								"stroke-linejoin": "round",
 								"stroke-width": "2",
@@ -9582,7 +10169,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 								indeterminate: unref(isMajorGroupPartiallySelected)(majorGroup),
 								class: "mint-sample-selector__checkbox",
 								style: normalizeStyle({ accentColor: majorGroup.color }),
-								onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
+								onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"])),
 								onChange: ($event) => unref(toggleMajorGroupSamples)(majorGroup)
 							}, null, 44, _hoisted_12$12),
 							createElementVNode("button", {
@@ -9605,7 +10192,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 								class: "mint-sample-selector__delete-btn mint-sample-selector__delete-btn--hidden",
 								onClick: withModifiers(($event) => deleteMajorGroup(majorGroup), ["stop"]),
 								title: "Remove major group"
-							}, [..._cache[23] || (_cache[23] = [createElementVNode("svg", {
+							}, [..._cache[25] || (_cache[25] = [createElementVNode("svg", {
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24"
@@ -9625,7 +10212,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 									key: subGroup.name,
 									class: normalizeClass(["mint-sample-selector__sub-group", unref(dragOverGroup) === subGroup.name ? "mint-sample-selector__sub-group--drag-over" : ""]),
 									onDragover: ($event) => unref(handleDragOver)(subGroup.name, $event),
-									onDragleave: _cache[8] || (_cache[8] = (...args) => unref(handleDragLeave) && unref(handleDragLeave)(...args)),
+									onDragleave: _cache[9] || (_cache[9] = (...args) => unref(handleDragLeave) && unref(handleDragLeave)(...args)),
 									onDrop: ($event) => unref(handleDrop)(subGroup.name, $event)
 								}, [createElementVNode("div", {
 									class: normalizeClass([
@@ -9637,9 +10224,9 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 									draggable: "true",
 									onClick: ($event) => toggleGroupExpanded(subGroup.name),
 									onDragstart: ($event) => unref(handleGroupDragStart)(subGroup.name, "sub", $event),
-									onDragend: _cache[6] || (_cache[6] = (...args) => unref(handleGroupDragEnd) && unref(handleGroupDragEnd)(...args)),
+									onDragend: _cache[7] || (_cache[7] = (...args) => unref(handleGroupDragEnd) && unref(handleGroupDragEnd)(...args)),
 									onDragover: ($event) => unref(handleGroupDragOver)(subGroup.name, "sub", $event),
-									onDragleave: _cache[7] || (_cache[7] = ($event) => unref(handleGroupDragLeave)($event)),
+									onDragleave: _cache[8] || (_cache[8] = ($event) => unref(handleGroupDragLeave)($event)),
 									onDrop: ($event) => unref(handleGroupDrop)(subGroup.name, "sub", $event)
 								}, [
 									(openBlock(), createElementBlock("svg", {
@@ -9647,7 +10234,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 										fill: "none",
 										stroke: "currentColor",
 										viewBox: "0 0 24 24"
-									}, [..._cache[24] || (_cache[24] = [createElementVNode("path", {
+									}, [..._cache[26] || (_cache[26] = [createElementVNode("path", {
 										"stroke-linecap": "round",
 										"stroke-linejoin": "round",
 										"stroke-width": "2",
@@ -9659,7 +10246,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 										indeterminate: unref(isGroupPartiallySelected)(subGroup.name),
 										class: "mint-sample-selector__checkbox mint-sample-selector__checkbox--small",
 										style: normalizeStyle({ accentColor: subGroup.displayColor }),
-										onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"])),
+										onClick: _cache[6] || (_cache[6] = withModifiers(() => {}, ["stop"])),
 										onChange: ($event) => unref(toggleGroupSamples)(subGroup.name)
 									}, null, 44, _hoisted_18$8),
 									createElementVNode("div", {
@@ -9680,7 +10267,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 										class: "mint-sample-selector__delete-btn mint-sample-selector__delete-btn--hidden",
 										onClick: withModifiers(($event) => deleteGroup(subGroup.name), ["stop"]),
 										title: "Remove sub group"
-									}, [..._cache[25] || (_cache[25] = [createElementVNode("svg", {
+									}, [..._cache[27] || (_cache[27] = [createElementVNode("svg", {
 										fill: "none",
 										stroke: "currentColor",
 										viewBox: "0 0 24 24"
@@ -9729,7 +10316,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 							key: group.name,
 							class: normalizeClass(["mint-sample-selector__sub-group", unref(dragOverGroup) === group.name ? "mint-sample-selector__sub-group--drag-over" : ""]),
 							onDragover: ($event) => unref(handleDragOver)(group.name, $event),
-							onDragleave: _cache[12] || (_cache[12] = (...args) => unref(handleDragLeave) && unref(handleDragLeave)(...args)),
+							onDragleave: _cache[13] || (_cache[13] = (...args) => unref(handleDragLeave) && unref(handleDragLeave)(...args)),
 							onDrop: ($event) => unref(handleDrop)(group.name, $event)
 						}, [createElementVNode("div", {
 							class: normalizeClass([
@@ -9741,9 +10328,9 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 							draggable: "true",
 							onClick: ($event) => toggleGroupExpanded(group.name),
 							onDragstart: ($event) => unref(handleGroupDragStart)(group.name, "flat", $event),
-							onDragend: _cache[10] || (_cache[10] = (...args) => unref(handleGroupDragEnd) && unref(handleGroupDragEnd)(...args)),
+							onDragend: _cache[11] || (_cache[11] = (...args) => unref(handleGroupDragEnd) && unref(handleGroupDragEnd)(...args)),
 							onDragover: ($event) => unref(handleGroupDragOver)(group.name, "flat", $event),
-							onDragleave: _cache[11] || (_cache[11] = ($event) => unref(handleGroupDragLeave)($event)),
+							onDragleave: _cache[12] || (_cache[12] = ($event) => unref(handleGroupDragLeave)($event)),
 							onDrop: ($event) => unref(handleGroupDrop)(group.name, "flat", $event)
 						}, [
 							(openBlock(), createElementBlock("svg", {
@@ -9751,7 +10338,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24"
-							}, [..._cache[26] || (_cache[26] = [createElementVNode("path", {
+							}, [..._cache[28] || (_cache[28] = [createElementVNode("path", {
 								"stroke-linecap": "round",
 								"stroke-linejoin": "round",
 								"stroke-width": "2",
@@ -9763,7 +10350,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 								indeterminate: unref(isGroupPartiallySelected)(group.name),
 								class: "mint-sample-selector__checkbox",
 								style: normalizeStyle({ accentColor: group.color }),
-								onClick: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"])),
+								onClick: _cache[10] || (_cache[10] = withModifiers(() => {}, ["stop"])),
 								onChange: ($event) => unref(toggleGroupSamples)(group.name)
 							}, null, 44, _hoisted_23$4),
 							createElementVNode("button", {
@@ -9786,7 +10373,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 								class: "mint-sample-selector__delete-btn mint-sample-selector__delete-btn--hidden",
 								onClick: withModifiers(($event) => deleteGroup(group.name), ["stop"]),
 								title: "Remove group"
-							}, [..._cache[27] || (_cache[27] = [createElementVNode("svg", {
+							}, [..._cache[29] || (_cache[29] = [createElementVNode("svg", {
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24"
@@ -9830,20 +10417,20 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 					}), 128)), internalGroups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_27$3, " Click Smart Group to auto-group samples ")) : createCommentVNode("", true)]),
 					unref(ungroupedSamples).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_28$2, [createElementVNode("div", {
 						class: "mint-sample-selector__ungrouped-header",
-						onClick: _cache[13] || (_cache[13] = ($event) => toggleGroupExpanded("__ungrouped__"))
+						onClick: _cache[14] || (_cache[14] = ($event) => toggleGroupExpanded("__ungrouped__"))
 					}, [
 						(openBlock(), createElementBlock("svg", {
 							class: normalizeClass(["mint-sample-selector__chevron", isGroupExpanded("__ungrouped__") ? "mint-sample-selector__chevron--open" : ""]),
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24"
-						}, [..._cache[28] || (_cache[28] = [createElementVNode("path", {
+						}, [..._cache[30] || (_cache[30] = [createElementVNode("path", {
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"stroke-width": "2",
 							d: "M9 5l7 7-7 7"
 						}, null, -1)])], 2)),
-						_cache[29] || (_cache[29] = createElementVNode("span", { class: "mint-sample-selector__ungrouped-label" }, "Ungrouped", -1)),
+						_cache[31] || (_cache[31] = createElementVNode("span", { class: "mint-sample-selector__ungrouped-label" }, "Ungrouped", -1)),
 						createElementVNode("span", _hoisted_29$1, toDisplayString(unref(ungroupedSamples).length), 1)
 					]), createVNode(Transition, { name: "mint-collapse" }, {
 						default: withCtx(() => [isGroupExpanded("__ungrouped__") ? (openBlock(), createElementBlock("div", _hoisted_30$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(ungroupedSamples), (sample) => {
@@ -9869,7 +10456,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 					})])) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_31$1, [createVNode(BaseInput_default, {
 						modelValue: newGroupName.value,
-						"onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => newGroupName.value = $event),
+						"onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => newGroupName.value = $event),
 						placeholder: "New group name...",
 						class: "mint-sample-selector__new-group-input",
 						onKeyup: withKeys(addNewGroup, ["enter"])
@@ -9880,7 +10467,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						class: "mint-sample-selector__new-group-btn",
 						onClick: addNewGroup
 					}, {
-						default: withCtx(() => [..._cache[30] || (_cache[30] = [createTextVNode(" Add ", -1)])]),
+						default: withCtx(() => [..._cache[32] || (_cache[32] = [createTextVNode(" Add ", -1)])]),
 						_: 1
 					}, 8, ["disabled"])]),
 					createElementVNode("input", {
@@ -9892,7 +10479,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						onChange: handleColorChange
 					}, null, 40, _hoisted_32$1)
 				])) : createCommentVNode("", true),
-				!groupingEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_33$1, [createElementVNode("div", _hoisted_34$1, [_cache[31] || (_cache[31] = createElementVNode("svg", {
+				!groupingEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_33$1, [createElementVNode("div", _hoisted_34$1, [_cache[33] || (_cache[33] = createElementVNode("svg", {
 					class: "mint-sample-selector__search-icon",
 					fill: "none",
 					stroke: "currentColor",
@@ -9903,31 +10490,37 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
 				})], -1)), withDirectives(createElementVNode("input", {
-					"onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => searchQuery.value = $event),
+					"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => searchQuery.value = $event),
 					type: "text",
 					placeholder: "Search samples...",
 					class: "mint-sample-selector__search-input"
 				}, null, 512), [[vModelText, searchQuery.value]])]), createElementVNode("div", _hoisted_35$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredSamples), (sample) => {
 					return openBlock(), createElementBlock("div", {
 						key: sample,
-						class: "mint-sample-selector__flat-item"
+						class: "mint-sample-selector__flat-item",
+						title: sample,
+						"aria-label": `Sample: ${sample}`
 					}, [createElementVNode("input", {
 						type: "checkbox",
 						checked: __props.modelValue.includes(sample),
 						class: "mint-sample-selector__checkbox",
 						onChange: ($event) => unref(toggleSample)(sample)
-					}, null, 40, _hoisted_36$1), createElementVNode("span", _hoisted_37$1, toDisplayString(sample), 1)]);
-				}), 128)), unref(filteredSamples).length === 0 && searchQuery.value.trim() ? (openBlock(), createElementBlock("div", _hoisted_38$1, " No samples match \"" + toDisplayString(searchQuery.value) + "\" ", 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+					}, null, 40, _hoisted_37$1), createElementVNode("span", _hoisted_38$1, toDisplayString(sample), 1)], 8, _hoisted_36$1);
+				}), 128)), unref(filteredSamples).length === 0 && searchQuery.value.trim() ? (openBlock(), createElementBlock("div", _hoisted_39$1, " No samples match \"" + toDisplayString(searchQuery.value) + "\" ", 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
 				createVNode(AutoGroupModal_default, {
 					modelValue: showSmartGroupModal.value,
-					"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => showSmartGroupModal.value = $event),
+					"onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => showSmartGroupModal.value = $event),
 					samples: resolvedSamples.value,
+					groups: internalGroups.value,
+					"initial-mode": groupingModalMode.value,
 					"experiment-id": resolvedExperimentId.value,
 					"design-data": resolvedDesignData.value,
 					onApply: handleSmartGroupApply
 				}, null, 8, [
 					"modelValue",
 					"samples",
+					"groups",
+					"initial-mode",
 					"experiment-id",
 					"design-data"
 				])
@@ -15976,6 +16569,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	InstrumentStatusCard: () => InstrumentStatusCard_default,
 	LcmsSequenceTable: () => LcmsSequenceTable_default,
 	LoadingSpinner: () => LoadingSpinner_default,
+	MobileSupportGate: () => MobileSupportGate_default,
 	MoleculeInput: () => MoleculeInput_default,
 	MultiSelect: () => MultiSelect_default,
 	NumberInput: () => NumberInput_default,
@@ -16009,6 +16603,6 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	WellPlate: () => WellPlate_default
 });
 //#endregion
-export { SampleLegend_default as $, ReagentEditor_default as A, ProgressBar_default as B, formatSequenceRemaining as C, ColorSlider_default as Ct, ScientificNumber_default as D, ChemicalFormula_default as E, BioTemplateExperimentWorkspaceView_default as F, ControlWorkspaceView_default as G, Divider_default as H, BioTemplateRenderer_default as I, SampleSelector_default as J, ComponentBindingRenderer_default as K, ChartContainer_default as L, RackEditor_default as M, BioTemplatePresetWorkspaceView_default as N, ProtocolStepEditor_default as O, BioTemplatePackWorkspaceView_default as P, PlateMapEditor_default as Q, Breadcrumb_default as R, formatSequenceEta as S, BaseTabs_default as St, sequenceSamplesRemaining as T, AppContainer_default as U, StatusIndicator_default as V, DoseDesignWorkspaceView_default as W, LoadingSpinner_default as X, AutoGroupModal_default as Y, ReagentList_default as Z, InstrumentStateBadge_default as _, AlertBox_default as _t, ExperimentDataViewer_default as a, AppSidebar_default as at, estimateSequenceFinishDate as b, DropdownButton_default as bt, LcmsSequenceTable_default as c, StepWizard_default as ct, extractLcmsCommonPrefix as d, AppAvatarMenu_default as dt, WellPlate_default as et, extractLcmsSampleName as f, PluginIcon_default as ft, InstrumentStatusCard_default as g, AppToastContainer_default as gt, reconstructLcmsPlateCellsFromSequenceItems as h, IconButton_default as ht, TimeRangeInput_default as i, AppLayout_default as it, GroupAssigner_default as j, SampleHierarchyTree_default as k, DEFAULT_LCMS_SEQUENCE_COLUMNS as l, AppTopBar_default as lt, lcmsWellIdFromPosition as m, ThemeToggle_default as mt, FitPanel_default as n, DoseCalculator_default as nt, BatchProgressList_default as o, FormBuilder_default as ot, inferLcmsPlateTypeFromWellIds as p, CollapsibleCard_default as pt, ScheduleCalendar_default as q, ResourceCard_default as r, PluginWorkspaceView_default as rt, AuditTrail_default as s, FormActions_default as st, components_exports as t, ExperimentTimeline_default as tt, basenameFromWindowsPath as u, AppPluginSwitcher_default as ut, InstrumentAlertLog_default as v, DataFrame_default as vt, sequenceProgressPercent as w, estimateSequenceRemainingSeconds as x, SegmentedControl_default as xt, SequenceProgressBar_default as y, Calendar_default as yt, Avatar_default as z };
+export { SampleLegend_default as $, ReagentEditor_default as A, ProgressBar_default as B, formatSequenceRemaining as C, BaseTabs_default as Ct, ScientificNumber_default as D, ChemicalFormula_default as E, BioTemplateExperimentWorkspaceView_default as F, ControlWorkspaceView_default as G, Divider_default as H, BioTemplateRenderer_default as I, SampleSelector_default as J, ComponentBindingRenderer_default as K, ChartContainer_default as L, RackEditor_default as M, BioTemplatePresetWorkspaceView_default as N, ProtocolStepEditor_default as O, BioTemplatePackWorkspaceView_default as P, PlateMapEditor_default as Q, Breadcrumb_default as R, formatSequenceEta as S, SegmentedControl_default as St, sequenceSamplesRemaining as T, AppContainer_default as U, StatusIndicator_default as V, DoseDesignWorkspaceView_default as W, LoadingSpinner_default as X, AutoGroupModal_default as Y, ReagentList_default as Z, InstrumentStateBadge_default as _, AppToastContainer_default as _t, ExperimentDataViewer_default as a, AppLayout_default as at, estimateSequenceFinishDate as b, Calendar_default as bt, LcmsSequenceTable_default as c, FormActions_default as ct, extractLcmsCommonPrefix as d, AppPluginSwitcher_default as dt, WellPlate_default as et, extractLcmsSampleName as f, AppAvatarMenu_default as ft, InstrumentStatusCard_default as g, IconButton_default as gt, reconstructLcmsPlateCellsFromSequenceItems as h, ThemeToggle_default as ht, TimeRangeInput_default as i, MobileSupportGate_default as it, GroupAssigner_default as j, SampleHierarchyTree_default as k, DEFAULT_LCMS_SEQUENCE_COLUMNS as l, StepWizard_default as lt, lcmsWellIdFromPosition as m, CollapsibleCard_default as mt, FitPanel_default as n, DoseCalculator_default as nt, BatchProgressList_default as o, AppSidebar_default as ot, inferLcmsPlateTypeFromWellIds as p, PluginIcon_default as pt, ScheduleCalendar_default as q, ResourceCard_default as r, PluginWorkspaceView_default as rt, AuditTrail_default as s, FormBuilder_default as st, components_exports as t, ExperimentTimeline_default as tt, basenameFromWindowsPath as u, AppTopBar_default as ut, InstrumentAlertLog_default as v, AlertBox_default as vt, sequenceProgressPercent as w, ColorSlider_default as wt, estimateSequenceRemainingSeconds as x, DropdownButton_default as xt, SequenceProgressBar_default as y, DataFrame_default as yt, Avatar_default as z };
 
-//# sourceMappingURL=components-Dq02EVZH.js.map
+//# sourceMappingURL=components-D0CzE0XK.js.map