@morscherlab/mint-sdk 1.1.7 → 1.1.9

package/dist/{components-CDomhGSj.js → components-BbtUpCTv.js}

@@ -4,18 +4,18 @@ import { a as BaseSelect_default, i as BasePill_default, n as Skeleton_default,
 import { A as useConcentrationUnits, At as BaseCheckbox_default, Ct as DatePicker_default, Dt as BaseSlider_default, Ft as shift, H as getInjectedPlatformContext, I as useChemicalFormula, It as BaseTextarea_default, L as GeneratedPathInput_default, M as SequenceInput_default, Mt as computePosition, Nt as flip, O as ConcentrationInput_default, Ot as BaseRadioGroup_default, P as FormulaInput_default, Pt as offset, Q as normalizeJobPercent, R as _plugin_vue_export_helper_default, T as getDefaultControlView, Tt as useListSelection, W as resolveCurrentExperimentId, Z as jobStatusLabel, _ as controlsToFormSchema, at as TagsInput_default, ct as compareTime, f as resolveControlModel, ft as formatDuration, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, it as NumberInput_default, j as MoleculeInput_default, jt as Tooltip_default, k as UnitInput_default, kt as BaseToggle_default, lt as durationMinutes, m as controlValuesToComponentBindingsById, nt as AlertBox_default, o as defineDoseDesignControlModel, ot as TimePicker_default, p as controlValuesToComponentBindings, pt as formatTime, q as useGeneratedAnalysis, r as getControlDefaults, rt as FileUploader_default, tt as DateTimePicker_default, u as useControlWorkspace, w as controlsToViewItems, wt as MultiSelect_default, x as controlsToSidebarPanels, y as controlsToSectionFormSchemas, z as ArtifactSelectorModal_default } from "./useControlSchema-BMVb2XIQ.js";
 import { a as pickExistingRecordKeys, c as normalizeItemInput, i as formSchemaFieldNames, l as normalizeLabelItemInput, o as recordValuesEqualForKeys, r as FormFieldRendererInternal_default, s as FormField_default, t as SettingsModal_default } from "./SettingsModal-D7LFUokT.js";
 import { t as useDropdownState } from "./useDropdownState-DSb3BC3N.js";
-import { D as readFileAsText, G as useAppExperiment, H as DEFAULT_MOBILE_VIEWPORT_QUERY, I as DEFAULT_COLORS, K as useTheme, L as useWellPlateEditor, M as parseCSV, Q as useSortedItems, R as useDoseCalculator, U as useMobileSupportGate, V as usePluginJobCenter, W as APP_EXPERIMENT_KEY, X as useTextSearch, _ as useScheduleDrag, a as useReagentSeries, b as useExpansionSet, c as useBioTemplatePresetWorkspace, j as useAutoGroup, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, q as useToast, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, v as useExperimentSamples, x as useSampleGroups, y as useExperimentData } from "./useProtocolTemplates-BMt0LlXf.js";
+import { B as useDoseCalculator, C as getSampleGroupParentPath, G as useMobileSupportGate, J as useTheme, K as APP_EXPERIMENT_KEY, N as useAutoGroup, P as parseCSV, Q as useTextSearch, R as DEFAULT_COLORS, S as getSampleGroupMajorPrefix, U as usePluginJobCenter, W as DEFAULT_MOBILE_VIEWPORT_QUERY, Y as useToast, _ as useScheduleDrag, a as useReagentSeries, b as useExpansionSet, c as useBioTemplatePresetWorkspace, et as useSortedItems, k as readFileAsText, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, q as useAppExperiment, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, v as useExperimentSamples, x as useSampleGroups, y as useExperimentData, z as useWellPlateEditor } from "./useProtocolTemplates-BWfNaynA.js";
 import { r as useApi } from "./useApi-CDBq6z23.js";
 import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-DG3HOFGA.js";
 import { t as ANALYSIS_FILE_ARTIFACT_SCHEMA } from "./analysisArtifactTypes-DQ0MjwHZ.js";
 import { r as ConfirmDialog_default, t as ExperimentPopover_default } from "./ExperimentPopover-tLwJ7XF4.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-Cr-48-u2.js";
 import { r as ExperimentCodeBadge_default, t as ExperimentSelectorModal_default } from "./ExperimentSelectorModal-B6P2msT4.js";
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, unref, useId, useModel, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRaw, toRef, unref, useId, useModel, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 //#region src/components/ColorSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$75 = { class: "mint-color-slider__row" };
-var _hoisted_2$67 = { class: "mint-color-slider__track" };
-var _hoisted_3$60 = [
+var _hoisted_1$76 = { class: "mint-color-slider__row" };
+var _hoisted_2$68 = { class: "mint-color-slider__track" };
+var _hoisted_3$61 = [
 	"value",
 	"min",
 	"max",
@@ -130,7 +130,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$75, [createElementVNode("div", _hoisted_2$67, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-color-slider", { "mint-color-slider--disabled": __props.disabled }]) }, [createElementVNode("div", _hoisted_1$76, [createElementVNode("div", _hoisted_2$68, [createElementVNode("input", {
 				type: "range",
 				value: currentValue.value,
 				min: __props.min,
@@ -147,7 +147,7 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 					"--thumb-size": `${sizeConfig.value.thumb}px`
 				}),
 				onInput: handleInput
-			}, null, 44, _hoisted_3$60)]), __props.showValue ? (openBlock(), createElementBlock("div", {
+			}, null, 44, _hoisted_3$61)]), __props.showValue ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-color-slider__badge",
 				style: normalizeStyle({
@@ -166,13 +166,13 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseTabs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$74 = [
+var _hoisted_1$75 = [
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
 ];
-var _hoisted_2$66 = { class: "mint-tab__content" };
-var _hoisted_3$59 = {
+var _hoisted_2$67 = { class: "mint-tab__content" };
+var _hoisted_3$60 = {
 	key: 0,
 	class: "mint-tab__icon mint-tab__icon--svg",
 	viewBox: "0 0 24 24",
@@ -183,8 +183,8 @@ var _hoisted_3$59 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_4$55 = ["d"];
-var _hoisted_5$53 = ["d"];
+var _hoisted_4$56 = ["d"];
+var _hoisted_5$54 = ["d"];
 var _hoisted_6$50 = {
 	key: 1,
 	class: "mint-tab__icon"
@@ -234,33 +234,33 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 						tab.disabled ? "mint-tab--disabled" : ""
 					]),
 					onClick: ($event) => selectTab(tab.id)
-				}, [createElementVNode("span", _hoisted_2$66, [
-					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$59, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
+				}, [createElementVNode("span", _hoisted_2$67, [
+					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$60, [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$55);
+						}, null, 8, _hoisted_4$56);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: tab.icon
-					}, null, 8, _hoisted_5$53))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_6$50, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
+					}, null, 8, _hoisted_5$54))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_6$50, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
 					createTextVNode(" " + toDisplayString(tab.label) + " ", 1),
 					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_7$44, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
-				])], 10, _hoisted_1$74);
+				])], 10, _hoisted_1$75);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$73 = [
+var _hoisted_1$74 = [
 	"aria-checked",
 	"disabled",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_2$65 = { class: "mint-segmented-control__label" };
-var _hoisted_3$58 = {
+var _hoisted_2$66 = { class: "mint-segmented-control__label" };
+var _hoisted_3$59 = {
 	key: 0,
 	class: "mint-segmented-control__description"
 };
@@ -332,24 +332,24 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					]),
 					onClick: ($event) => handleSelect(option),
 					onKeydown: ($event) => handleKeydown($event, option)
-				}, [createElementVNode("span", _hoisted_2$65, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$58, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$73);
+				}, [createElementVNode("span", _hoisted_2$66, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$59, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$74);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/DropdownButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$72 = ["disabled", "aria-expanded"];
-var _hoisted_2$64 = {
+var _hoisted_1$73 = ["disabled", "aria-expanded"];
+var _hoisted_2$65 = {
 	key: 0,
 	class: "mint-dropdown-button__spinner",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
 };
-var _hoisted_3$57 = { class: "mint-dropdown-button__label" };
-var _hoisted_4$54 = ["aria-activedescendant"];
-var _hoisted_5$52 = [
+var _hoisted_3$58 = { class: "mint-dropdown-button__label" };
+var _hoisted_4$55 = ["aria-activedescendant"];
+var _hoisted_5$53 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
@@ -435,7 +435,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "listbox",
 				onClick: toggle
 			}, [
-				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$64, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$65, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10",
@@ -448,7 +448,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "3",
 					"stroke-linecap": "round"
 				}, null, -1)])])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$57, toDisplayString(selectedLabel.value), 1),
+				createElementVNode("span", _hoisted_3$58, 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",
@@ -458,7 +458,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$72), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
+			], 10, _hoisted_1$73), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
 				default: withCtx(() => [unref(isOpen) ? (openBlock(), createElementBlock("ul", {
 					key: 0,
 					class: "mint-dropdown-button__menu",
@@ -480,8 +480,8 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 						createElementVNode("span", _hoisted_6$49, toDisplayString(option.label), 1),
 						option.description ? (openBlock(), createElementBlock("span", _hoisted_7$43, 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$52);
-				}), 128))], 8, _hoisted_4$54)) : createCommentVNode("", true)]),
+					], 10, _hoisted_5$53);
+				}), 128))], 8, _hoisted_4$55)) : createCommentVNode("", true)]),
 				_: 1
 			})], 512);
 		};
@@ -489,14 +489,14 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Calendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$71 = { class: "mint-calendar" };
-var _hoisted_2$63 = {
+var _hoisted_1$72 = { class: "mint-calendar" };
+var _hoisted_2$64 = {
 	key: 0,
 	class: "mint-calendar__header"
 };
-var _hoisted_3$56 = { class: "mint-calendar__title" };
-var _hoisted_4$53 = { class: "mint-calendar__weekdays" };
-var _hoisted_5$51 = { class: "mint-calendar__grid" };
+var _hoisted_3$57 = { class: "mint-calendar__title" };
+var _hoisted_4$54 = { class: "mint-calendar__weekdays" };
+var _hoisted_5$52 = { class: "mint-calendar__grid" };
 var _hoisted_6$48 = [
 	"disabled",
 	"onClick",
@@ -723,8 +723,8 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 			emit("navigate", "next", currentMonth.value, currentYear.value);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$71, [
-				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$63, [
+			return openBlock(), createElementBlock("div", _hoisted_1$72, [
+				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$64, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -743,7 +743,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						year: currentYear.value,
 						prevMonth,
 						nextMonth
-					}, () => [createElementVNode("span", _hoisted_3$56, toDisplayString(monthLabel.value), 1)]),
+					}, () => [createElementVNode("span", _hoisted_3$57, toDisplayString(monthLabel.value), 1)]),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -758,7 +758,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$53, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDayLabels.value, (label, i) => {
+				createElementVNode("div", _hoisted_4$54, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDayLabels.value, (label, i) => {
 					return openBlock(), createElementBlock("span", {
 						key: i,
 						class: "mint-calendar__weekday"
@@ -767,7 +767,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						index: i
 					}, () => [createTextVNode(toDisplayString(label), 1)])]);
 				}), 128))]),
-				createElementVNode("div", _hoisted_5$51, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, i) => {
+				createElementVNode("div", _hoisted_5$52, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, i) => {
 					return openBlock(), createElementBlock("button", {
 						key: i,
 						type: "button",
@@ -797,14 +797,14 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DataFrame.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$70 = {
+var _hoisted_1$71 = {
 	key: 0,
 	class: "mint-dataframe__header"
 };
-var _hoisted_2$62 = { class: "mint-dataframe__search-wrapper" };
-var _hoisted_3$55 = ["placeholder"];
-var _hoisted_4$52 = { class: "mint-dataframe__table" };
-var _hoisted_5$50 = {
+var _hoisted_2$63 = { class: "mint-dataframe__search-wrapper" };
+var _hoisted_3$56 = ["placeholder"];
+var _hoisted_4$53 = { class: "mint-dataframe__table" };
+var _hoisted_5$51 = {
 	key: 0,
 	class: "mint-dataframe__th mint-dataframe__th--checkbox"
 };
@@ -838,7 +838,7 @@ var _hoisted_17$19 = {
 	key: 1,
 	class: "mint-dataframe__loading"
 };
-var _hoisted_18$17 = {
+var _hoisted_18$18 = {
 	key: 1,
 	class: "mint-dataframe__footer"
 };
@@ -1092,7 +1092,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$70, [createElementVNode("div", _hoisted_2$62, [_cache[5] || (_cache[5] = createElementVNode("svg", {
+				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$71, [createElementVNode("div", _hoisted_2$63, [_cache[5] || (_cache[5] = createElementVNode("svg", {
 					class: "mint-dataframe__search-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1109,13 +1109,13 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					type: "text",
 					class: "mint-dataframe__search",
 					placeholder: __props.searchPlaceholder
-				}, null, 8, _hoisted_3$55), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$56), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
 				createElementVNode("div", {
 					class: "mint-dataframe__table-wrapper",
 					style: normalizeStyle(wrapperStyle.value)
 				}, [
-					createElementVNode("table", _hoisted_4$52, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [
-						__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$50, [createElementVNode("input", {
+					createElementVNode("table", _hoisted_4$53, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [
+						__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$51, [createElementVNode("input", {
 							type: "checkbox",
 							checked: allSelected.value,
 							indeterminate: selectIndeterminate.value,
@@ -1254,7 +1254,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round"
 					})], -1))])])) : createCommentVNode("", true)
 				], 4),
-				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_18$17, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_19$16, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_20$15, [
+				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_18$18, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_19$16, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_20$15, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -1289,9 +1289,9 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppToastContainer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$69 = { class: "mint-toast__container" };
-var _hoisted_2$61 = ["onClick"];
-var _hoisted_3$54 = { class: "mint-toast__message" };
+var _hoisted_1$70 = { class: "mint-toast__container" };
+var _hoisted_2$62 = ["onClick"];
+var _hoisted_3$55 = { class: "mint-toast__message" };
 //#endregion
 //#region src/components/AppToastContainer.vue
 var AppToastContainer_default = /* @__PURE__ */ defineComponent({
@@ -1306,7 +1306,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 			info: "#3B82F6"
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$69, [createVNode(TransitionGroup, { name: "toast" }, {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$70, [createVNode(TransitionGroup, { name: "toast" }, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(toasts), (toast) => {
 					return openBlock(), createElementBlock("div", {
 						key: toast.id,
@@ -1380,7 +1380,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$54, toDisplayString(toast.message), 1),
+						createElementVNode("span", _hoisted_3$55, toDisplayString(toast.message), 1),
 						createElementVNode("span", {
 							class: "mint-toast__progress",
 							style: normalizeStyle({
@@ -1388,7 +1388,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 								animationDuration: `${toast.duration ?? 3500}ms`
 							})
 						}, null, 4)
-					], 14, _hoisted_2$61);
+					], 14, _hoisted_2$62);
 				}), 128))]),
 				_: 1
 			})])]);
@@ -1540,7 +1540,7 @@ var Ellipsis = createLucideIcon("ellipsis", [
 ]);
 //#endregion
 //#region src/components/IconButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$68 = [
+var _hoisted_1$69 = [
 	"disabled",
 	"aria-label",
 	"title"
@@ -1602,19 +1602,19 @@ 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$68);
+			}, [renderSlot(_ctx.$slots, "default")], 2))], 10, _hoisted_1$69);
 		};
 	}
 });
 //#endregion
 //#region src/components/ActionMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = [
+var _hoisted_1$68 = [
 	"href",
 	"target",
 	"rel",
 	"onClick"
 ];
-var _hoisted_2$60 = ["disabled", "onClick"];
+var _hoisted_2$61 = ["disabled", "onClick"];
 //#endregion
 //#region src/components/ActionMenu.vue
 var ActionMenu_default = /* @__PURE__ */ defineComponent({
@@ -1781,21 +1781,21 @@ var ActionMenu_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(["mint-action-menu__item", { "mint-action-menu__item--danger": item.danger }]),
 					role: "menuitem",
 					onClick: ($event) => handleSelect(item)
-				}, toDisplayString(item.label), 11, _hoisted_1$67)) : (openBlock(), createElementBlock("button", {
+				}, toDisplayString(item.label), 11, _hoisted_1$68)) : (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
 					class: normalizeClass(["mint-action-menu__item", { "mint-action-menu__item--danger": item.danger }]),
 					role: "menuitem",
 					disabled: item.disabled,
 					onClick: ($event) => handleSelect(item)
-				}, toDisplayString(item.label), 11, _hoisted_2$60))], 64);
+				}, toDisplayString(item.label), 11, _hoisted_2$61))], 64);
 			}), 128))], 36)) : createCommentVNode("", true)]))], 64);
 		};
 	}
 });
 //#endregion
 //#region src/components/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = {
+var _hoisted_1$67 = {
 	key: 0,
 	class: "mint-theme-toggle__icon",
 	viewBox: "0 0 24 24",
@@ -1805,7 +1805,7 @@ var _hoisted_1$66 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_2$59 = {
+var _hoisted_2$60 = {
 	key: 1,
 	class: "mint-theme-toggle__icon",
 	viewBox: "0 0 24 24",
@@ -1831,7 +1831,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$66, [..._cache[0] || (_cache[0] = [
+				default: withCtx(() => [unref(isDark) ? (openBlock(), createElementBlock("svg", _hoisted_1$67, [..._cache[0] || (_cache[0] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1845,7 +1845,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$59, [..._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$60, [..._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",
@@ -1857,11 +1857,11 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/CollapsibleCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = { class: "mint-collapsible-card__header-shell" };
-var _hoisted_2$58 = ["disabled", "aria-expanded"];
-var _hoisted_3$53 = { class: "mint-collapsible-card__title-section" };
-var _hoisted_4$51 = ["d"];
-var _hoisted_5$49 = ["d"];
+var _hoisted_1$66 = { class: "mint-collapsible-card__header-shell" };
+var _hoisted_2$59 = ["disabled", "aria-expanded"];
+var _hoisted_3$54 = { class: "mint-collapsible-card__title-section" };
+var _hoisted_4$52 = ["d"];
+var _hoisted_5$50 = ["d"];
 var _hoisted_6$46 = { class: "mint-collapsible-card__titles" };
 var _hoisted_7$40 = { class: "mint-collapsible-card__title" };
 var _hoisted_8$36 = {
@@ -1899,7 +1899,7 @@ var _hoisted_16$18 = [
 	"aria-expanded"
 ];
 var _hoisted_17$18 = { class: "mint-collapsible-card__body" };
-var _hoisted_18$16 = { class: "mint-collapsible-card__content" };
+var _hoisted_18$17 = { class: "mint-collapsible-card__content" };
 //#endregion
 //#region src/components/CollapsibleCard.vue
 var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
@@ -1979,13 +1979,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$65, [createElementVNode("button", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$66, [createElementVNode("button", {
 				type: "button",
 				class: normalizeClass(headerClasses.value),
 				disabled: __props.disabled,
 				"aria-expanded": isOpen.value,
 				onClick: toggle
-			}, [createElementVNode("div", _hoisted_3$53, [__props.icon ? (openBlock(), createElementBlock("div", {
+			}, [createElementVNode("div", _hoisted_3$54, [__props.icon ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-collapsible-card__icon-badge",
 				style: normalizeStyle(iconBgStyle.value)
@@ -2003,15 +2003,15 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					key: i,
 					d
-				}, null, 8, _hoisted_4$51);
+				}, null, 8, _hoisted_4$52);
 			}), 128)) : (openBlock(), createElementBlock("path", {
 				key: 1,
 				d: __props.icon
-			}, null, 8, _hoisted_5$49))], 4)) : (openBlock(), createElementBlock("span", {
+			}, null, 8, _hoisted_5$50))], 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$46, [createElementVNode("h3", _hoisted_7$40, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$36, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$58), createElementVNode("div", _hoisted_9$34, [
+			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$46, [createElementVNode("h3", _hoisted_7$40, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$36, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$59), createElementVNode("div", _hoisted_9$34, [
 				__props.badge !== void 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(badgeClasses.value)
@@ -2066,7 +2066,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 					"aria-hidden": "true"
 				}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_16$18)
 			])]), createVNode(Transition, { name: "collapse" }, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_17$18, [createElementVNode("div", _hoisted_18$16, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_17$18, [createElementVNode("div", _hoisted_18$17, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
 				_: 3
 			})], 2);
 		};
@@ -2077,6 +2077,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 var PLUGIN_ICON_FALLBACK_PATH = "M14 7v4a1 1 0 0 0 1 1h4M5 3h9l5 5v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z";
 var PATH_REGEX = /^[Mm][\s,\d\-.]/;
 var RASTER_DATA_URL_REGEX = /^data:image\/(png|jpeg|jpg|gif|webp);/;
+var SAME_ORIGIN_ASSET_URL_REGEX = /^\/(?!\/)[^\s?#]+\.(?:svg|png|jpe?g|gif|webp)(?:[?#].*)?$/i;
 var VIEW_BOX_REGEX = /^-?\d+(?:\.\d+)?\s+-?\d+(?:\.\d+)?\s+\d+(?:\.\d+)?\s+\d+(?:\.\d+)?$/;
 var COLOR_REGEX = /^(#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})|currentColor|white|black|none)$/i;
 var MAX_STRUCTURED_ICON_LENGTH = 8e3;
@@ -2104,8 +2105,8 @@ function detectPluginIcon(icon) {
 		format: "data-url",
 		value: raw
 	};
-	if (raw.startsWith("https://")) return {
-		format: "https-url",
+	if (raw.startsWith("https://") || SAME_ORIGIN_ASSET_URL_REGEX.test(raw)) return {
+		format: "asset-url",
 		value: raw
 	};
 	return {
@@ -2206,18 +2207,18 @@ function isFiniteNumber(value, min, max) {
 }
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = [
+var _hoisted_1$65 = [
 	"href",
 	"aria-disabled",
 	"tabindex"
 ];
-var _hoisted_2$57 = [
+var _hoisted_2$58 = [
 	"href",
 	"aria-disabled",
 	"tabindex",
 	"onClick"
 ];
-var _hoisted_3$52 = ["type", "disabled"];
+var _hoisted_3$53 = ["type", "disabled"];
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue
 var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
@@ -2263,7 +2264,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$64)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$65)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
 				key: 1,
 				to: __props.to,
 				custom: ""
@@ -2273,33 +2274,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$57)]),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$58)]),
 				_: 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$52));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$53));
 		};
 	}
 });
 //#endregion
 //#region src/components/PluginIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = ["viewBox"];
-var _hoisted_2$56 = { key: 0 };
-var _hoisted_3$51 = [
+var _hoisted_1$64 = ["viewBox"];
+var _hoisted_2$57 = { key: 0 };
+var _hoisted_3$52 = [
 	"id",
 	"x1",
 	"y1",
 	"x2",
 	"y2"
 ];
-var _hoisted_4$50 = [
+var _hoisted_4$51 = [
 	"offset",
 	"stop-color",
 	"stop-opacity"
 ];
-var _hoisted_5$48 = [
+var _hoisted_5$49 = [
 	"x",
 	"y",
 	"width",
@@ -2343,10 +2344,10 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 		*  - Structured MINT icon JSON ({"type":"mint-icon",...}) → controlled multi-color SVG
 		*  - SVG path data (e.g. "M13 10V3...") → inline <svg><path>
 		*  - Raster data URL (data:image/png|jpeg|jpg|gif|webp;...) → <img>
-		*  - https:// URL → <img> with no-referrer + lazy loading
+		*  - https:// URL or root-relative static image/SVG asset → <img> with no-referrer + lazy loading
 		*  - Anything else → MINT canonical plugin placeholder path
 		*
-		*  http:// URLs and data:image/svg+xml URLs are deliberately rejected
+		*  http://, protocol-relative, and data:image/svg+xml URLs are deliberately rejected
 		*  (mixed-content + XSS, see spec 2026-05-04-plugin-icon-component-design.md). */
 		const props = __props;
 		const detected = computed(() => detectPluginIcon(props.icon));
@@ -2400,7 +2401,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 				viewBox: structuredIcon.value.viewBox,
 				"aria-hidden": "true"
 			}, [
-				structuredIcon.value.gradient ? (openBlock(), createElementBlock("defs", _hoisted_2$56, [createElementVNode("linearGradient", {
+				structuredIcon.value.gradient ? (openBlock(), createElementBlock("defs", _hoisted_2$57, [createElementVNode("linearGradient", {
 					id: gradientId.value,
 					x1: gradientCoords.value.x1,
 					y1: gradientCoords.value.y1,
@@ -2412,8 +2413,8 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 						offset: stop.offset,
 						"stop-color": stop.color,
 						"stop-opacity": stop.opacity
-					}, null, 8, _hoisted_4$50);
-				}), 128))], 8, _hoisted_3$51)])) : createCommentVNode("", true),
+					}, null, 8, _hoisted_4$51);
+				}), 128))], 8, _hoisted_3$52)])) : createCommentVNode("", true),
 				structuredIcon.value.background ? (openBlock(), createElementBlock("rect", {
 					key: 1,
 					x: structuredViewBox.value.x,
@@ -2422,7 +2423,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 					height: structuredViewBox.value.height,
 					rx: structuredIcon.value.background.radius,
 					fill: backgroundFill.value
-				}, null, 8, _hoisted_5$48)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_5$49)) : createCommentVNode("", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(structuredIcon.value.paths, (path, index) => {
 					return openBlock(), createElementBlock("path", {
 						key: index,
@@ -2435,7 +2436,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round"
 					}, null, 8, _hoisted_6$45);
 				}), 128))
-			], 8, _hoisted_1$63)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$39, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$35)])) : (openBlock(), createElementBlock("img", {
+			], 8, _hoisted_1$64)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$39, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$35)])) : (openBlock(), createElementBlock("img", {
 				key: 2,
 				class: "mint-plugin-icon__img",
 				src: iconValue.value,
@@ -2448,17 +2449,17 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/AppTopBarPageSelectorInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = ["aria-expanded"];
-var _hoisted_2$55 = {
+var _hoisted_1$63 = ["aria-expanded"];
+var _hoisted_2$56 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_3$50 = { class: "mint-page-selector__label" };
-var _hoisted_4$49 = {
+var _hoisted_3$51 = { class: "mint-page-selector__label" };
+var _hoisted_4$50 = {
 	class: "mint-page-selector__chevron-wrap",
 	"aria-hidden": "true"
 };
-var _hoisted_5$47 = {
+var _hoisted_5$48 = {
 	key: 0,
 	class: "mint-page-selector__menu",
 	role: "menu"
@@ -2516,10 +2517,10 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					class: "mint-page-selector__trigger-metadata-icon",
 					icon: current.value.icon,
 					size: "sm",
-					variant: "tinted"
-				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$55, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$50, toDisplayString(current.value?.label ?? __props.placeholder), 1),
-				createElementVNode("span", _hoisted_4$49, [(openBlock(), createElementBlock("svg", {
+					variant: "solid"
+				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$56, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$51, toDisplayString(current.value?.label ?? __props.placeholder), 1),
+				createElementVNode("span", _hoisted_4$50, [(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-page-selector__chevron", { "mint-page-selector__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -2528,7 +2529,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$62), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$47, [_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$63), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$48, [_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,
@@ -2547,7 +2548,7 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 						class: "mint-page-selector__metadata-icon",
 						icon: page.icon,
 						size: "sm",
-						variant: "tinted"
+						variant: "solid"
 					}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_6$44, toDisplayString(page.label.charAt(0)), 1))])], 2), createElementVNode("span", _hoisted_7$38, toDisplayString(page.label), 1)]),
 					_: 2
 				}, 1032, [
@@ -2563,16 +2564,16 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/AppTopBarPillNavInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = {
+var _hoisted_1$62 = {
 	class: "mint-pill-nav",
 	"aria-label": "Primary"
 };
-var _hoisted_2$54 = [
+var _hoisted_2$55 = [
 	"disabled",
 	"aria-expanded",
 	"onClick"
 ];
-var _hoisted_3$49 = {
+var _hoisted_3$50 = {
 	key: 0,
 	class: "mint-pill-nav__icon",
 	viewBox: "0 0 24 24",
@@ -2583,8 +2584,8 @@ var _hoisted_3$49 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_4$48 = ["d"];
-var _hoisted_5$46 = ["d"];
+var _hoisted_4$49 = ["d"];
+var _hoisted_5$47 = ["d"];
 var _hoisted_6$43 = {
 	key: 0,
 	class: "mint-pill-nav__icon",
@@ -2663,7 +2664,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 		}
 		useEventListener(() => document, "click", handleClickOutside);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", _hoisted_1$61, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$62, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
 				return openBlock(), createElementBlock("div", {
 					key: item.id,
 					ref_for: true,
@@ -2682,15 +2683,15 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 					"aria-haspopup": "menu",
 					onClick: withModifiers(($event) => handleClick(item), ["stop"])
 				}, [
-					isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$49, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
+					isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$50, [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$48);
+						}, null, 8, _hoisted_4$49);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: item.icon
-					}, null, 8, _hoisted_5$46))])) : createCommentVNode("", true),
+					}, null, 8, _hoisted_5$47))])) : 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 }]),
@@ -2702,7 +2703,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$54)) : (openBlock(), createBlock(ActionItemInternal_default, {
+				], 10, _hoisted_2$55)) : (openBlock(), createBlock(ActionItemInternal_default, {
 					key: 1,
 					href: item.href,
 					to: item.to,
@@ -2760,18 +2761,18 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppAvatarMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = ["aria-expanded", "title"];
-var _hoisted_2$53 = { class: "mint-avatar-menu__avatar" };
-var _hoisted_3$48 = {
+var _hoisted_1$61 = ["aria-expanded", "title"];
+var _hoisted_2$54 = { class: "mint-avatar-menu__avatar" };
+var _hoisted_3$49 = {
 	key: 0,
 	class: "mint-avatar-menu__name"
 };
-var _hoisted_4$47 = {
+var _hoisted_4$48 = {
 	key: 0,
 	class: "mint-avatar-menu__panel",
 	role: "menu"
 };
-var _hoisted_5$45 = {
+var _hoisted_5$46 = {
 	key: 0,
 	class: "mint-avatar-menu__header"
 };
@@ -2863,8 +2864,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$53, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$48, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 10, _hoisted_1$60), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_4$47, [
-				__props.userName || __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_5$45, [__props.userName ? (openBlock(), createElementBlock("div", _hoisted_6$42, toDisplayString(__props.userName), 1)) : createCommentVNode("", true), __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_7$36, toDisplayString(__props.userEmail), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+			}, [createElementVNode("span", _hoisted_2$54, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$49, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 10, _hoisted_1$61), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_4$48, [
+				__props.userName || __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_5$46, [__props.userName ? (openBlock(), createElementBlock("div", _hoisted_6$42, toDisplayString(__props.userName), 1)) : createCommentVNode("", true), __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_7$36, 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$33)) : (openBlock(), createBlock(ActionItemInternal_default, {
 						key: 1,
@@ -2902,17 +2903,17 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppPluginSwitcher.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = ["aria-expanded"];
-var _hoisted_2$52 = { class: "mint-plugin-switcher__label" };
-var _hoisted_3$47 = {
+var _hoisted_1$60 = ["aria-expanded"];
+var _hoisted_2$53 = { class: "mint-plugin-switcher__label" };
+var _hoisted_3$48 = {
 	key: 0,
 	class: "mint-plugin-switcher__version"
 };
-var _hoisted_4$46 = {
+var _hoisted_4$47 = {
 	class: "mint-plugin-switcher__chevron-wrap",
 	"aria-hidden": "true"
 };
-var _hoisted_5$44 = {
+var _hoisted_5$45 = {
 	key: 0,
 	class: "mint-plugin-switcher__menu",
 	role: "menu"
@@ -2982,9 +2983,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$52, toDisplayString(__props.current.label), 1),
-				__props.current.version ? (openBlock(), createElementBlock("span", _hoisted_3$47, "v" + toDisplayString(__props.current.version), 1)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_4$46, [(openBlock(), createElementBlock("svg", {
+				createElementVNode("span", _hoisted_2$53, toDisplayString(__props.current.label), 1),
+				__props.current.version ? (openBlock(), createElementBlock("span", _hoisted_3$48, "v" + toDisplayString(__props.current.version), 1)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_4$47, [(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-plugin-switcher__chevron", { "mint-plugin-switcher__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -2993,7 +2994,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$59), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$44, [
+			], 10, _hoisted_1$60), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$45, [
 				_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, {
@@ -3090,54 +3091,61 @@ function currentItemIdFromLocation(pages, pathname, routePrefix) {
 }
 //#endregion
 //#region src/components/AppTopBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = { class: "mint-topbar__container" };
-var _hoisted_2$51 = { class: "mint-topbar__brand" };
-var _hoisted_3$46 = ["href"];
-var _hoisted_4$45 = {
+var _hoisted_1$59 = { class: "mint-topbar__container" };
+var _hoisted_2$52 = { class: "mint-topbar__brand" };
+var _hoisted_3$47 = ["href"];
+var _hoisted_4$46 = {
 	key: 0,
-	class: "mint-topbar__logo"
+	class: "mint-topbar__identity"
 };
-var _hoisted_5$43 = {
+var _hoisted_5$44 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
 var _hoisted_6$40 = {
 	key: 0,
-	class: "mint-topbar__logo"
+	class: "mint-topbar__identity"
 };
 var _hoisted_7$34 = {
+	key: 0,
+	class: "mint-topbar__logo"
+};
+var _hoisted_8$31 = {
+	key: 0,
+	class: "mint-topbar__identity"
+};
+var _hoisted_9$29 = {
+	key: 0,
+	class: "mint-topbar__logo"
+};
+var _hoisted_10$27 = {
 	key: 2,
 	class: "mint-topbar-title-group"
 };
-var _hoisted_8$31 = { class: "mint-topbar-title" };
-var _hoisted_9$29 = { class: "mint-topbar-subtitle" };
-var _hoisted_10$27 = {
+var _hoisted_11$25 = { class: "mint-topbar-title" };
+var _hoisted_12$23 = { class: "mint-topbar-subtitle" };
+var _hoisted_13$23 = {
 	key: 3,
 	class: "mint-topbar__title-only"
 };
-var _hoisted_11$25 = {
+var _hoisted_14$20 = {
 	key: 4,
 	class: "mint-topbar__center"
 };
-var _hoisted_12$23 = { class: "mint-topbar__right" };
-var _hoisted_13$23 = {
+var _hoisted_15$19 = { class: "mint-topbar__right" };
+var _hoisted_16$17 = {
 	key: 0,
 	class: "mint-topbar__standalone-badge"
 };
-var _hoisted_14$20 = {
+var _hoisted_17$17 = {
 	key: 2,
 	class: "mint-topbar__standalone-badge"
 };
-var _hoisted_15$19 = {
+var _hoisted_18$16 = {
 	key: 0,
 	class: "mint-topbar__icon-btn-dot",
 	"aria-hidden": "true"
 };
-var _hoisted_16$17 = { class: "mint-topbar__profile-avatar" };
-var _hoisted_17$17 = {
-	key: 0,
-	class: "mint-topbar__profile-name"
-};
 //#endregion
 //#region src/components/AppTopBar.vue
 var AppTopBar_default = /* @__PURE__ */ defineComponent({
@@ -3184,16 +3192,11 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		adminPath: { default: "/admin" },
-		showProfile: {
-			type: Boolean,
-			default: false
-		},
 		userName: {},
 		userInitial: {},
 		userEmail: {}
 	},
 	emits: [
-		"profile-click",
 		"admin-click",
 		"page-selector-select",
 		"pill-select",
@@ -3216,6 +3219,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		const { isIntegrated, plugin } = usePlatformContext();
 		const isStandalone = computed(() => !isIntegrated.value);
 		const appExperiment = inject(APP_EXPERIMENT_KEY, null);
+		const canBindExperiment = computed(() => plugin.value?.plugin_type !== "static");
 		const pluginIcon = computed(() => {
 			const currentPlugin = plugin.value;
 			return currentPlugin?.icon ? {
@@ -3223,11 +3227,6 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 				color: currentPlugin.color
 			} : null;
 		});
-		const profileInitial = computed(() => {
-			if (props.userInitial) return props.userInitial;
-			if (props.userName) return props.userName.charAt(0).toUpperCase();
-			return "U";
-		});
 		const hasPlatformPageSelector = computed(() => props.pageSelector === void 0 && (plugin.value?.nav_items?.length ?? 0) > 1);
 		const hasPageSelector = computed(() => (props.pageSelector?.length ?? 0) > 1 || hasPlatformPageSelector.value);
 		const hasPluginSwitcher = computed(() => !!props.pluginSwitcher);
@@ -3243,40 +3242,61 @@ 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$58, [
-					createElementVNode("div", _hoisted_2$51, [__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$59, [
+					createElementVNode("div", _hoisted_2$52, [__props.homePath && (__props.homePath.startsWith("http") || __props.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
 						key: 0,
 						href: __props.homePath,
 						class: "mint-topbar-home-link"
-					}, [renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+					}, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || __props.showLogo ? (openBlock(), createElementBlock("span", _hoisted_4$46, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-topbar__plugin-icon",
+						icon: unref(plugin)?.icon,
+						tone: unref(plugin)?.color,
+						size: "topbar",
+						variant: "solid"
+					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "icon", { key: 1 }, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
 						key: 0,
 						class: "mint-topbar__plugin-icon",
 						icon: pluginIcon.value.icon,
 						tone: pluginIcon.value.color,
-						size: "md",
+						size: "topbar",
 						variant: "solid"
-					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_4$45, [..._cache[17] || (_cache[17] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])], 8, _hoisted_3$46)) : __props.homePath ? (openBlock(), createBlock(_component_router_link, {
+					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_5$44, [..._cache[16] || (_cache[16] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])])) : createCommentVNode("", true)], 8, _hoisted_3$47)) : __props.homePath ? (openBlock(), createBlock(_component_router_link, {
 						key: 1,
 						to: __props.homePath,
 						class: "mint-topbar-home-link"
 					}, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+						default: withCtx(() => [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || __props.showLogo ? (openBlock(), createElementBlock("span", _hoisted_6$40, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+							key: 0,
+							class: "mint-topbar__plugin-icon",
+							icon: unref(plugin)?.icon,
+							tone: unref(plugin)?.color,
+							size: "topbar",
+							variant: "solid"
+						}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "icon", { key: 1 }, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
 							key: 0,
 							class: "mint-topbar__plugin-icon",
 							icon: pluginIcon.value.icon,
 							tone: pluginIcon.value.color,
-							size: "md",
+							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_5$43, [..._cache[18] || (_cache[18] = [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_7$34, [..._cache[17] || (_cache[17] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])])) : createCommentVNode("", true)]),
 						_: 3
-					}, 8, ["to"])) : renderSlot(_ctx.$slots, "icon", { key: 2 }, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+					}, 8, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || __props.showLogo ? (openBlock(), createElementBlock("span", _hoisted_8$31, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-topbar__plugin-icon",
+						icon: unref(plugin)?.icon,
+						tone: unref(plugin)?.color,
+						size: "topbar",
+						variant: "solid"
+					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "icon", { key: 1 }, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
 						key: 0,
 						class: "mint-topbar__plugin-icon",
 						icon: pluginIcon.value.icon,
 						tone: pluginIcon.value.color,
-						size: "md",
+						size: "topbar",
 						variant: "solid"
-					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_6$40, [..._cache[19] || (_cache[19] = [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_9$29, [..._cache[18] || (_cache[18] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])])) : createCommentVNode("", true)], 64))]),
 					hasPluginSwitcher.value && __props.pluginSwitcher ? (openBlock(), createBlock(AppPluginSwitcher_default, {
 						key: 0,
 						current: __props.pluginSwitcher.current,
@@ -3304,23 +3324,23 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-item-icon", normalizeProps(guardReactiveProps(slotProps)))]),
 						key: "1"
 					} : void 0]), 1032, ["pages", "current-page-id"])) : createCommentVNode("", true),
-					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_7$34, [createElementVNode("span", _hoisted_8$31, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_9$29, toDisplayString(__props.subtitle), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_10$27, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_10$27, [createElementVNode("span", _hoisted_11$25, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_12$23, toDisplayString(__props.subtitle), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_13$23, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "nav"),
-					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_11$25, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value && __props.pillNav ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
+					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_14$20, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value && __props.pillNav ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
 						key: 0,
 						items: normalizedPillNav.value,
 						"current-item-id": __props.currentPillId,
 						onSelect: _cache[3] || (_cache[3] = ($event) => emit("pill-select", $event)),
 						onOptionSelect: _cache[4] || (_cache[4] = (option, item) => emit("pill-option-select", option, item))
 					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_12$23, [
-						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_13$23, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
-						unref(appExperiment) && !isStandalone.value ? (openBlock(), createBlock(unref(ExperimentPopover), mergeProps({ key: 1 }, unref(appExperiment).popover.value, {
+					createElementVNode("div", _hoisted_15$19, [
+						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_16$17, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
+						unref(appExperiment) && !isStandalone.value && canBindExperiment.value ? (openBlock(), createBlock(unref(ExperimentPopover), mergeProps({ key: 1 }, unref(appExperiment).popover.value, {
 							onSelect: _cache[5] || (_cache[5] = ($event) => unref(appExperiment).openModal()),
 							onSave: _cache[6] || (_cache[6] = ($event) => unref(appExperiment).handleSave()),
 							onDetach: _cache[7] || (_cache[7] = ($event) => unref(appExperiment).handleDetach())
 						}), null, 16)) : createCommentVNode("", true),
-						unref(appExperiment) && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_14$20, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
+						unref(appExperiment) && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_17$17, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
 						renderSlot(_ctx.$slots, "actions"),
 						__props.showNotifications ? (openBlock(), createElementBlock("button", {
 							key: 3,
@@ -3328,7 +3348,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							class: "mint-topbar__icon-btn",
 							"aria-label": "Notifications",
 							onClick: _cache[8] || (_cache[8] = ($event) => emit("notifications-click"))
-						}, [_cache[20] || (_cache[20] = createElementVNode("svg", {
+						}, [_cache[19] || (_cache[19] = createElementVNode("svg", {
 							class: "mint-topbar__icon-btn-icon",
 							viewBox: "0 0 24 24",
 							fill: "none",
@@ -3336,7 +3356,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"stroke-width": "2",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round"
-						}, [createElementVNode("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), createElementVNode("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })], -1)), __props.hasNotificationDot ? (openBlock(), createElementBlock("span", _hoisted_15$19)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+						}, [createElementVNode("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), createElementVNode("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })], -1)), __props.hasNotificationDot ? (openBlock(), createElementBlock("span", _hoisted_18$16)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 						__props.showThemeToggle ? (openBlock(), createBlock(ThemeToggle_default, {
 							key: 4,
 							size: "sm"
@@ -3347,7 +3367,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							class: "mint-topbar__settings-btn",
 							"aria-label": "Open settings",
 							onClick: _cache[9] || (_cache[9] = ($event) => settingsOpen.value = true)
-						}, [..._cache[21] || (_cache[21] = [createElementVNode("svg", {
+						}, [..._cache[20] || (_cache[20] = [createElementVNode("svg", {
 							class: "mint-topbar__settings-icon",
 							viewBox: "0 0 24 24",
 							fill: "none",
@@ -3367,7 +3387,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"aria-label": "Admin Dashboard",
 							onClick: _cache[10] || (_cache[10] = ($event) => emit("admin-click"))
 						}, {
-							default: withCtx(() => [..._cache[22] || (_cache[22] = [createElementVNode("svg", {
+							default: withCtx(() => [..._cache[21] || (_cache[21] = [createElementVNode("svg", {
 								class: "mint-topbar__admin-icon",
 								viewBox: "0 0 24 24",
 								fill: "none",
@@ -3399,19 +3419,13 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"user-initial",
 							"user-email",
 							"items"
-						])) : __props.showProfile ? (openBlock(), createElementBlock("button", {
-							key: 8,
-							type: "button",
-							class: "mint-topbar__profile-btn",
-							"aria-label": "Edit profile",
-							onClick: _cache[13] || (_cache[13] = ($event) => emit("profile-click"))
-						}, [createElementVNode("div", _hoisted_16$17, toDisplayString(profileInitial.value), 1), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_17$17, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
+						])) : createCommentVNode("", true)
 					])
 				])], 2),
 				__props.showSettings && settingsOpen.value ? (openBlock(), createBlock(unref(SettingsModal), {
 					key: 0,
 					modelValue: settingsOpen.value,
-					"onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => settingsOpen.value = $event),
+					"onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => settingsOpen.value = $event),
 					title: __props.settingsConfig?.title,
 					tabs: normalizedSettingsTabs.value,
 					"show-appearance": __props.settingsConfig?.showAppearance ?? true,
@@ -3424,7 +3438,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					values: __props.settingsConfig?.values,
 					enhancements: __props.settingsConfig?.enhancements,
 					"user-type": __props.settingsConfig?.userType,
-					"onUpdate:values": _cache[15] || (_cache[15] = ($event) => emit("settings-values-change", $event))
+					"onUpdate:values": _cache[14] || (_cache[14] = ($event) => emit("settings-values-change", $event))
 				}, createSlots({
 					appearance: withCtx(() => [renderSlot(_ctx.$slots, "settings-appearance")]),
 					_: 2
@@ -3448,21 +3462,21 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					"enhancements",
 					"user-type"
 				])) : createCommentVNode("", true),
-				unref(appExperiment) && !isStandalone.value && unref(appExperiment).selectorModal.value.modelValue ? (openBlock(), createBlock(unref(ExperimentSelectorModal), mergeProps({ key: 1 }, unref(appExperiment).selectorModal.value, { "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => $event ? unref(appExperiment).openModal() : unref(appExperiment).closeModal()) }), null, 16)) : createCommentVNode("", true)
+				unref(appExperiment) && !isStandalone.value && canBindExperiment.value && unref(appExperiment).selectorModal.value.modelValue ? (openBlock(), createBlock(unref(ExperimentSelectorModal), mergeProps({ key: 1 }, unref(appExperiment).selectorModal.value, { "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => $event ? unref(appExperiment).openModal() : unref(appExperiment).closeModal()) }), null, 16)) : createCommentVNode("", true)
 			], 64);
 		};
 	}
 });
 //#endregion
 //#region src/components/StepWizard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = {
+var _hoisted_1$58 = {
 	key: 0,
 	class: "mint-wizard__progress"
 };
-var _hoisted_2$50 = { class: "mint-wizard__steps-indicator" };
-var _hoisted_3$45 = ["onClick"];
-var _hoisted_4$44 = { class: "mint-wizard__step-dot" };
-var _hoisted_5$42 = {
+var _hoisted_2$51 = { class: "mint-wizard__steps-indicator" };
+var _hoisted_3$46 = ["onClick"];
+var _hoisted_4$45 = { class: "mint-wizard__step-dot" };
+var _hoisted_5$43 = {
 	key: 0,
 	width: "12",
 	height: "12",
@@ -3571,18 +3585,18 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 				tabindex: "0",
 				onKeydown: handleKeydown
 			}, [
-				props.showProgress ? (openBlock(), createElementBlock("div", _hoisted_1$57, [renderSlot(_ctx.$slots, "progress", {
+				props.showProgress ? (openBlock(), createElementBlock("div", _hoisted_1$58, [renderSlot(_ctx.$slots, "progress", {
 					steps: props.steps,
 					current: props.modelValue,
 					states: stepStates.value
-				}, () => [createElementVNode("div", _hoisted_2$50, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
+				}, () => [createElementVNode("div", _hoisted_2$51, [(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$44, [stepStates.value[index] === "completed" ? (openBlock(), createElementBlock("svg", _hoisted_5$42, [..._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$39, toDisplayString(step.label), 1)], 10, _hoisted_3$45)], 64);
+					}, [createElementVNode("div", _hoisted_4$45, [stepStates.value[index] === "completed" ? (openBlock(), createElementBlock("svg", _hoisted_5$43, [..._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$39, toDisplayString(step.label), 1)], 10, _hoisted_3$46)], 64);
 				}), 128))])])])) : createCommentVNode("", true),
 				createElementVNode("div", _hoisted_7$33, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
 					return withDirectives((openBlock(), createElementBlock("div", {
@@ -3634,23 +3648,23 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/FormSectionRenderer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = {
+var _hoisted_1$57 = {
 	key: 0,
 	class: "mint-form-section"
 };
-var _hoisted_2$49 = {
+var _hoisted_2$50 = {
 	key: 1,
 	class: "mint-form-section--static"
 };
-var _hoisted_3$44 = {
+var _hoisted_3$45 = {
 	key: 0,
 	class: "mint-form-section__header"
 };
-var _hoisted_4$43 = {
+var _hoisted_4$44 = {
 	key: 0,
 	class: "mint-form-section__title"
 };
-var _hoisted_5$41 = {
+var _hoisted_5$42 = {
 	key: 1,
 	class: "mint-form-section__description"
 };
@@ -3667,7 +3681,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$56, [renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
+			return visibleFields.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$57, [renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
 				section: __props.section,
 				form: __props.builder.form
 			}, () => [__props.section.collapsible ? (openBlock(), createBlock(CollapsibleCard_default, {
@@ -3702,7 +3716,7 @@ var FormSectionRenderer_default = /* @__PURE__ */ defineComponent({
 				"title",
 				"subtitle",
 				"default-open"
-			])) : (openBlock(), createElementBlock("div", _hoisted_2$49, [__props.section.title || __props.section.description ? (openBlock(), createElementBlock("div", _hoisted_3$44, [__props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_4$43, toDisplayString(__props.section.title), 1)) : createCommentVNode("", true), __props.section.description ? (openBlock(), createElementBlock("p", _hoisted_5$41, toDisplayString(__props.section.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", {
+			])) : (openBlock(), createElementBlock("div", _hoisted_2$50, [__props.section.title || __props.section.description ? (openBlock(), createElementBlock("div", _hoisted_3$45, [__props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_4$44, toDisplayString(__props.section.title), 1)) : createCommentVNode("", true), __props.section.description ? (openBlock(), createElementBlock("p", _hoisted_5$42, 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) => {
@@ -3728,7 +3742,7 @@ var FormSectionRenderer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormActions.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = { class: "mint-form-actions" };
+var _hoisted_1$56 = { class: "mint-form-actions" };
 //#endregion
 //#region src/components/FormActions.vue
 var FormActions_default = /* @__PURE__ */ defineComponent({
@@ -3785,7 +3799,7 @@ var FormActions_default = /* @__PURE__ */ defineComponent({
 		*/
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$55, [
+			return openBlock(), createElementBlock("div", _hoisted_1$56, [
 				__props.showCancel ? (openBlock(), createBlock(BaseButton_default, {
 					key: 0,
 					variant: "ghost",
@@ -3830,7 +3844,7 @@ var FormActions_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormBuilder.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = { class: "mint-form-builder__step" };
+var _hoisted_1$55 = { class: "mint-form-builder__step" };
 //#endregion
 //#region src/components/FormBuilder.vue
 var FormBuilder_default = /* @__PURE__ */ defineComponent({
@@ -3979,7 +3993,7 @@ var FormBuilder_default = /* @__PURE__ */ defineComponent({
 			}, createSlots({ _: 2 }, [renderList(resolvedSchema.value.steps, (step) => {
 				return {
 					name: `step-${step.id}`,
-					fn: withCtx(() => [createElementVNode("div", _hoisted_1$54, [(openBlock(true), createElementBlock(Fragment, null, renderList(step.sections, (section) => {
+					fn: withCtx(() => [createElementVNode("div", _hoisted_1$55, [(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,
@@ -4066,20 +4080,20 @@ var FormBuilder_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppSidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = {
+var _hoisted_1$54 = {
 	key: 0,
 	class: "mint-sidebar__header"
 };
-var _hoisted_2$48 = {
+var _hoisted_2$49 = {
 	key: 0,
 	class: "mint-sidebar__heading"
 };
-var _hoisted_3$43 = { class: "mint-sidebar__heading-copy" };
-var _hoisted_4$42 = {
+var _hoisted_3$44 = { class: "mint-sidebar__heading-copy" };
+var _hoisted_4$43 = {
 	key: 0,
 	class: "mint-sidebar__title"
 };
-var _hoisted_5$40 = {
+var _hoisted_5$41 = {
 	key: 1,
 	class: "mint-sidebar__subtitle"
 };
@@ -4342,10 +4356,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$53, [renderSlot(_ctx.$slots, "header", {
+				_ctx.$slots.header || __props.title || __props.subtitle || __props.badge !== void 0 || resolvedCollapsible.value ? (openBlock(), createElementBlock("div", _hoisted_1$54, [renderSlot(_ctx.$slots, "header", {
 					collapsed: collapsedModel.value,
 					toggleCollapsed
-				}, () => [!collapsedModel.value ? (openBlock(), createElementBlock("div", _hoisted_2$48, [createElementVNode("div", _hoisted_3$43, [__props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$42, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$40, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), __props.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6$38, toDisplayString(__props.badge), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), resolvedCollapsible.value ? (openBlock(), createElementBlock("button", {
+				}, () => [!collapsedModel.value ? (openBlock(), createElementBlock("div", _hoisted_2$49, [createElementVNode("div", _hoisted_3$44, [__props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$43, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$41, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), __props.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6$38, toDisplayString(__props.badge), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), resolvedCollapsible.value ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
 					class: "mint-sidebar__collapse-button",
@@ -4464,13 +4478,13 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppLayout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = {
+var _hoisted_1$53 = {
 	key: 0,
 	class: "mint-layout__topbar"
 };
-var _hoisted_2$47 = { class: "mint-layout__body" };
-var _hoisted_3$42 = ["aria-label", "aria-expanded"];
-var _hoisted_4$41 = {
+var _hoisted_2$48 = { class: "mint-layout__body" };
+var _hoisted_3$43 = ["aria-label", "aria-expanded"];
+var _hoisted_4$42 = {
 	key: 0,
 	class: "mint-layout__sidebar-toggle-icon",
 	viewBox: "0 0 24 24",
@@ -4481,7 +4495,7 @@ var _hoisted_4$41 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_5$39 = {
+var _hoisted_5$40 = {
 	key: 1,
 	class: "mint-layout__sidebar-toggle-icon",
 	viewBox: "0 0 24 24",
@@ -4570,7 +4584,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$52, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$47, [
+			return openBlock(), createElementBlock("div", { class: normalizeClass(layoutClasses.value) }, [_ctx.$slots.topbar ? (openBlock(), createElementBlock("div", _hoisted_1$53, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$48, [
 				__props.responsiveSidebar && _ctx.$slots.sidebar ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -4578,7 +4592,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$41, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6h16M4 12h16M4 18h16" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5$39, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 18 18 6M6 6l12 12" }, null, -1)])]))], 8, _hoisted_3$42)) : createCommentVNode("", true),
+				}, [!sidebarOpenModel.value ? (openBlock(), createElementBlock("svg", _hoisted_4$42, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6h16M4 12h16M4 18h16" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5$40, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 18 18 6M6 6l12 12" }, null, -1)])]))], 8, _hoisted_3$43)) : createCommentVNode("", true),
 				__props.responsiveSidebar && _ctx.$slots.sidebar && sidebarOpenModel.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "mint-layout__sidebar-backdrop",
@@ -4596,11 +4610,11 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/MobileSupportGate.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = { class: "mint-mobile-support-gate__panel" };
-var _hoisted_2$46 = { class: "mint-mobile-support-gate__copy" };
-var _hoisted_3$41 = { class: "mint-mobile-support-gate__eyebrow" };
-var _hoisted_4$40 = { class: "mint-mobile-support-gate__message" };
-var _hoisted_5$38 = { class: "mint-mobile-support-gate__hint" };
+var _hoisted_1$52 = { class: "mint-mobile-support-gate__panel" };
+var _hoisted_2$47 = { class: "mint-mobile-support-gate__copy" };
+var _hoisted_3$42 = { class: "mint-mobile-support-gate__eyebrow" };
+var _hoisted_4$41 = { class: "mint-mobile-support-gate__message" };
+var _hoisted_5$39 = { class: "mint-mobile-support-gate__hint" };
 var nextMobileSupportGateTitleId = 0;
 //#endregion
 //#region src/components/MobileSupportGate.vue
@@ -4634,17 +4648,17 @@ var MobileSupportGate_default = /* @__PURE__ */ defineComponent({
 			}, [renderSlot(_ctx.$slots, "unsupported", {
 				isMobileViewport: unref(isMobileViewport),
 				isSupported: unref(isSupported)
-			}, () => [createElementVNode("section", _hoisted_1$51, [
+			}, () => [createElementVNode("section", _hoisted_1$52, [
 				_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$46, [
-					createElementVNode("p", _hoisted_3$41, toDisplayString(__props.appName), 1),
+				createElementVNode("div", _hoisted_2$47, [
+					createElementVNode("p", _hoisted_3$42, toDisplayString(__props.appName), 1),
 					createElementVNode("h1", {
 						id: titleId,
 						class: "mint-mobile-support-gate__title"
 					}, toDisplayString(__props.title), 1),
-					createElementVNode("p", _hoisted_4$40, toDisplayString(__props.message), 1)
+					createElementVNode("p", _hoisted_4$41, toDisplayString(__props.message), 1)
 				]),
-				createElementVNode("div", _hoisted_5$38, [_cache[0] || (_cache[0] = createElementVNode("svg", {
+				createElementVNode("div", _hoisted_5$39, [_cache[0] || (_cache[0] = createElementVNode("svg", {
 					class: "mint-mobile-support-gate__hint-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -4865,10 +4879,6 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		adminPath: { default: "/admin" },
-		showProfile: {
-			type: Boolean,
-			default: false
-		},
 		userName: { default: void 0 },
 		userInitial: { default: void 0 },
 		userEmail: { default: void 0 },
@@ -4971,7 +4981,6 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 		"sign-out",
 		"notifications-click",
 		"settings-values-change",
-		"profile-click",
 		"admin-click",
 		"experiment-select",
 		"experiment-detach",
@@ -5101,7 +5110,6 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 					"has-notification-dot": __props.hasNotificationDot,
 					"show-admin": __props.showAdmin,
 					"admin-path": __props.adminPath,
-					"show-profile": __props.showProfile,
 					"user-name": __props.userName,
 					"user-initial": __props.userInitial,
 					"user-email": __props.userEmail,
@@ -5114,8 +5122,7 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 					onSignOut: _cache[3] || (_cache[3] = ($event) => emit("sign-out")),
 					onNotificationsClick: _cache[4] || (_cache[4] = ($event) => emit("notifications-click")),
 					onSettingsValuesChange: _cache[5] || (_cache[5] = ($event) => emit("settings-values-change", $event)),
-					onProfileClick: _cache[6] || (_cache[6] = ($event) => emit("profile-click")),
-					onAdminClick: _cache[7] || (_cache[7] = ($event) => emit("admin-click"))
+					onAdminClick: _cache[6] || (_cache[6] = ($event) => emit("admin-click"))
 				}, createSlots({ _: 2 }, [renderList(topBarSlotNames.value, (slotName) => {
 					return {
 						name: slotName,
@@ -5142,7 +5149,6 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 					"has-notification-dot",
 					"show-admin",
 					"admin-path",
-					"show-profile",
 					"user-name",
 					"user-initial",
 					"user-email",
@@ -5200,9 +5206,9 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 					"collapse-button-label": __props.sidebarCollapseButtonLabel,
 					"expand-button-label": __props.sidebarExpandButtonLabel,
 					"onUpdate:modelValue": unref(handleControlValuesUpdate),
-					"onUpdate:collapsed": _cache[8] || (_cache[8] = ($event) => emit("update:sidebarCollapsed", $event)),
+					"onUpdate:collapsed": _cache[7] || (_cache[7] = ($event) => emit("update:sidebarCollapsed", $event)),
 					"onUpdate:toggle": handleToggle,
-					onSectionAction: _cache[9] || (_cache[9] = (sectionId, actionId) => emit("section-action", sectionId, actionId)),
+					onSectionAction: _cache[8] || (_cache[8] = (sectionId, actionId) => emit("section-action", sectionId, actionId)),
 					onFormSubmit: handleFormSubmit,
 					onFormCancel: handleFormCancel
 				}, createSlots({ _: 2 }, [renderList(sidebarSlotNames.value, (slotName) => {
@@ -5344,7 +5350,7 @@ function humanize(value) {
 }
 //#endregion
 //#region src/components/LoadingSpinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = { class: "mint-spinner__label" };
+var _hoisted_1$51 = { class: "mint-spinner__label" };
 //#endregion
 //#region src/components/LoadingSpinner.vue
 var LoadingSpinner_default = /* @__PURE__ */ defineComponent({
@@ -5379,26 +5385,26 @@ var LoadingSpinner_default = /* @__PURE__ */ defineComponent({
 				style: { "opacity": "0.75" },
 				fill: "currentColor",
 				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-			})], -1)), createElementVNode("span", _hoisted_1$50, toDisplayString(__props.label), 1)], 2);
+			})], -1)), createElementVNode("span", _hoisted_1$51, toDisplayString(__props.label), 1)], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/ChartContainer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = { class: "mint-chart" };
-var _hoisted_2$45 = {
+var _hoisted_1$50 = { class: "mint-chart" };
+var _hoisted_2$46 = {
 	key: 0,
 	class: "mint-chart__header"
 };
-var _hoisted_3$40 = {
+var _hoisted_3$41 = {
 	key: 0,
 	class: "mint-chart__header-text"
 };
-var _hoisted_4$39 = {
+var _hoisted_4$40 = {
 	key: 0,
 	class: "mint-chart__title"
 };
-var _hoisted_5$37 = {
+var _hoisted_5$38 = {
 	key: 1,
 	class: "mint-chart__description"
 };
@@ -5435,8 +5441,8 @@ var ChartContainer_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		/** Wraps a chart with header, toolbar slot, loading overlay, empty state, and legend slot. */
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$49, [
-				__props.title || __props.description || _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_2$45, [__props.title || __props.description ? (openBlock(), createElementBlock("div", _hoisted_3$40, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$39, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$37, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_6$36, [renderSlot(_ctx.$slots, "toolbar")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+			return openBlock(), createElementBlock("div", _hoisted_1$50, [
+				__props.title || __props.description || _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_2$46, [__props.title || __props.description ? (openBlock(), createElementBlock("div", _hoisted_3$41, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$40, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$38, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_6$36, [renderSlot(_ctx.$slots, "toolbar")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
 				createElementVNode("div", _hoisted_7$31, [__props.loading ? (openBlock(), createElementBlock("div", _hoisted_8$28, [createVNode(LoadingSpinner_default, { size: "lg" })])) : __props.empty ? renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [createVNode(EmptyState_default, {
 					title: __props.emptyMessage,
 					size: "sm",
@@ -5449,8 +5455,8 @@ var ChartContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/GeneratedPlotlyResult.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = ["src"];
-var _hoisted_2$44 = {
+var _hoisted_1$49 = ["src"];
+var _hoisted_2$45 = {
 	key: 1,
 	class: "mint-generated-result__plotly-error",
 	role: "alert"
@@ -5505,7 +5511,7 @@ var GeneratedPlotlyResult_default = /* @__PURE__ */ _plugin_vue_export_helper_de
 					class: "mint-generated-result__image",
 					src: `data:${__props.fallback.media_type};base64,${__props.fallback.data}`,
 					alt: "Static Plotly chart fallback"
-				}, null, 8, _hoisted_1$48)) : failed.value ? (openBlock(), createElementBlock("p", _hoisted_2$44, " Unable to display this chart. ")) : createCommentVNode("", true), withDirectives(createElementVNode("div", {
+				}, null, 8, _hoisted_1$49)) : failed.value ? (openBlock(), createElementBlock("p", _hoisted_2$45, " Unable to display this chart. ")) : createCommentVNode("", true), withDirectives(createElementVNode("div", {
 					ref_key: "chartElement",
 					ref: chartElement,
 					class: "mint-generated-result__plotly",
@@ -5518,20 +5524,20 @@ var GeneratedPlotlyResult_default = /* @__PURE__ */ _plugin_vue_export_helper_de
 }), [["__scopeId", "data-v-3a33df40"]]);
 //#endregion
 //#region src/components/GeneratedResultRenderer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = {
+var _hoisted_1$48 = {
 	class: "mint-generated-result",
 	"aria-live": "polite"
 };
-var _hoisted_2$43 = {
+var _hoisted_2$44 = {
 	key: 0,
 	class: "mint-generated-result__text"
 };
-var _hoisted_3$39 = {
+var _hoisted_3$40 = {
 	key: 1,
 	class: "mint-generated-result__json"
 };
-var _hoisted_4$38 = ["src", "alt"];
-var _hoisted_5$36 = ["href", "download"];
+var _hoisted_4$39 = ["src", "alt"];
+var _hoisted_5$37 = ["href", "download"];
 //#endregion
 //#region src/components/GeneratedResultRenderer.vue
 var GeneratedResultRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -5565,7 +5571,7 @@ var GeneratedResultRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper_
 			return value.replace(/[_-]+/g, " ").replace(/^\w/, (character) => character.toUpperCase());
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("article", _hoisted_1$47, [__props.result.kind === "text" ? (openBlock(), createElementBlock("p", _hoisted_2$43, toDisplayString(__props.result.text), 1)) : __props.result.kind === "json" ? (openBlock(), createElementBlock("pre", _hoisted_3$39, toDisplayString(formattedJson.value), 1)) : __props.result.kind === "table" ? (openBlock(), createBlock(DataFrame_default, {
+			return openBlock(), createElementBlock("article", _hoisted_1$48, [__props.result.kind === "text" ? (openBlock(), createElementBlock("p", _hoisted_2$44, toDisplayString(__props.result.text), 1)) : __props.result.kind === "json" ? (openBlock(), createElementBlock("pre", _hoisted_3$40, toDisplayString(formattedJson.value), 1)) : __props.result.kind === "table" ? (openBlock(), createBlock(DataFrame_default, {
 				key: 2,
 				data: __props.result.rows,
 				columns: tableColumns.value,
@@ -5581,7 +5587,7 @@ var GeneratedResultRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper_
 					class: "mint-generated-result__image",
 					src: `data:${__props.result.media_type};base64,${__props.result.data}`,
 					alt: __props.result.alt
-				}, null, 8, _hoisted_4$38)]),
+				}, null, 8, _hoisted_4$39)]),
 				_: 1
 			})) : __props.result.kind === "plotly" ? (openBlock(), createBlock(GeneratedPlotlyResult_default, {
 				key: 4,
@@ -5592,21 +5598,21 @@ var GeneratedResultRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper_
 				class: "mint-generated-result__artifact",
 				href: artifactHref.value,
 				download: __props.result.name
-			}, [createElementVNode("span", null, toDisplayString(__props.result.name), 1), createElementVNode("small", null, toDisplayString(__props.result.media_type), 1)], 8, _hoisted_5$36))]);
+			}, [createElementVNode("span", null, toDisplayString(__props.result.name), 1), createElementVNode("small", null, toDisplayString(__props.result.media_type), 1)], 8, _hoisted_5$37))]);
 		};
 	}
 }), [["__scopeId", "data-v-a3757b3e"]]);
 //#endregion
 //#region src/components/JobsStatusTray.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = { class: "mint-jobs-tray" };
-var _hoisted_2$42 = ["aria-expanded"];
-var _hoisted_3$38 = { class: "mint-jobs-tray__trigger-label" };
-var _hoisted_4$37 = {
+var _hoisted_1$47 = { class: "mint-jobs-tray" };
+var _hoisted_2$43 = ["aria-expanded"];
+var _hoisted_3$39 = { class: "mint-jobs-tray__trigger-label" };
+var _hoisted_4$38 = {
 	key: 0,
 	class: "mint-jobs-tray__count",
 	"aria-live": "polite"
 };
-var _hoisted_5$35 = { class: "mint-jobs-tray__header" };
+var _hoisted_5$36 = { class: "mint-jobs-tray__header" };
 var _hoisted_6$35 = { class: "mint-jobs-tray__subtitle" };
 var _hoisted_7$30 = { class: "mint-jobs-tray__header-actions" };
 var _hoisted_8$27 = ["disabled"];
@@ -5638,20 +5644,20 @@ var _hoisted_22$10 = { class: "mint-jobs-tray__job-footer" };
 var _hoisted_23$9 = { class: "mint-jobs-tray__job-actions" };
 var _hoisted_24$9 = ["disabled", "onClick"];
 var _hoisted_25$9 = ["disabled", "onClick"];
-var _hoisted_26$9 = {
+var _hoisted_26$8 = {
 	key: 0,
 	class: "mint-jobs-tray__clear-row"
 };
-var _hoisted_27$8 = {
+var _hoisted_27$7 = {
 	key: 1,
 	class: "mint-jobs-tray__empty"
 };
-var _hoisted_28$7 = { class: "mint-jobs-tray__job-heading" };
-var _hoisted_29$6 = { class: "mint-jobs-tray__job-identity" };
-var _hoisted_30$6 = ["onClick"];
-var _hoisted_31$6 = { class: "mint-jobs-tray__kind" };
-var _hoisted_32$6 = { class: "mint-jobs-tray__job-footer" };
-var _hoisted_33$6 = ["disabled", "onClick"];
+var _hoisted_28$6 = { class: "mint-jobs-tray__job-heading" };
+var _hoisted_29$5 = { class: "mint-jobs-tray__job-identity" };
+var _hoisted_30$5 = ["onClick"];
+var _hoisted_31$5 = { class: "mint-jobs-tray__kind" };
+var _hoisted_32$5 = { class: "mint-jobs-tray__job-footer" };
+var _hoisted_33$5 = ["disabled", "onClick"];
 //#endregion
 //#region src/components/JobsStatusTray.vue
 var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
@@ -5766,7 +5772,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(Teleport, {
 				to: teleportTarget.value,
 				disabled: __props.teleportTo === false
-			}, [createElementVNode("div", _hoisted_1$46, [
+			}, [createElementVNode("div", _hoisted_1$47, [
 				createElementVNode("button", {
 					ref_key: "triggerRef",
 					ref: triggerRef,
@@ -5784,9 +5790,9 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 						stroke: "currentColor",
 						"aria-hidden": "true"
 					}, [..._cache[3] || (_cache[3] = [createElementVNode("path", { d: "M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" }, null, -1), createElementVNode("path", { d: "M9 5a3 3 0 0 1 6 0v2H9V5Z" }, null, -1)])], 2)),
-					createElementVNode("span", _hoisted_3$38, toDisplayString(unref(tray).featuredJob.value ? unref(jobStatusLabel)(unref(tray).featuredJob.value.status) : "Jobs"), 1),
-					unref(tray).activeJobs.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$37, toDisplayString(unref(tray).activeJobs.value.length), 1)) : createCommentVNode("", true)
-				], 8, _hoisted_2$42),
+					createElementVNode("span", _hoisted_3$39, toDisplayString(unref(tray).featuredJob.value ? unref(jobStatusLabel)(unref(tray).featuredJob.value.status) : "Jobs"), 1),
+					unref(tray).activeJobs.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$38, toDisplayString(unref(tray).activeJobs.value.length), 1)) : createCommentVNode("", true)
+				], 8, _hoisted_2$43),
 				createVNode(Transition, { name: "mint-jobs-tray-fade" }, {
 					default: withCtx(() => [unref(tray).isOpen.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
@@ -5809,7 +5815,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 						tabindex: "-1",
 						onKeydown: onPanelKeydown
 					}, [
-						createElementVNode("header", _hoisted_5$35, [createElementVNode("div", null, [createElementVNode("h2", {
+						createElementVNode("header", _hoisted_5$36, [createElementVNode("div", null, [createElementVNode("h2", {
 							id: titleId,
 							class: "mint-jobs-tray__title"
 						}, toDisplayString(__props.title), 1), createElementVNode("p", _hoisted_6$35, toDisplayString(unref(tray).jobs.value.length) + " total", 1)]), createElementVNode("div", _hoisted_7$30, [unref(tray).canRefresh.value ? (openBlock(), createElementBlock("button", {
@@ -5892,21 +5898,21 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 								}, [createElementVNode("path", { d: "M4 7h16M9 7V4h6v3m-8 0 1 13h8l1-13M10 11v5M14 11v5" })], -1)])], 8, _hoisted_25$9)) : createCommentVNode("", true)])])
 							]);
 						}), 128))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-							canClear.value ? (openBlock(), createElementBlock("div", _hoisted_26$9, [createElementVNode("button", {
+							canClear.value ? (openBlock(), createElementBlock("div", _hoisted_26$8, [createElementVNode("button", {
 								type: "button",
 								class: "mint-jobs-tray__action mint-jobs-tray__action--danger",
 								onClick: clearFinished
 							}, " Clear finished ")])) : createCommentVNode("", true),
-							unref(tray).historyJobs.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_27$8, " No job history ")) : createCommentVNode("", true),
+							unref(tray).historyJobs.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_27$7, " No job history ")) : createCommentVNode("", true),
 							(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tray).historyJobs.value, (job) => {
 								return openBlock(), createElementBlock("article", {
 									key: job.job_id,
 									class: "mint-jobs-tray__job"
-								}, [createElementVNode("div", _hoisted_28$7, [createElementVNode("div", _hoisted_29$6, [createElementVNode("button", {
+								}, [createElementVNode("div", _hoisted_28$6, [createElementVNode("div", _hoisted_29$5, [createElementVNode("button", {
 									type: "button",
 									class: "mint-jobs-tray__job-select",
 									onClick: ($event) => emit("select", job)
-								}, toDisplayString(job.name), 9, _hoisted_30$6), createElementVNode("span", _hoisted_31$6, toDisplayString(job.kind), 1)]), createElementVNode("span", { class: normalizeClass(["mint-jobs-tray__status", statusClass(job)]) }, toDisplayString(unref(jobStatusLabel)(job.status)), 3)]), createElementVNode("div", _hoisted_32$6, [createElementVNode("span", null, toDisplayString(formatTimestamp(job.completed_at || job.created_at)), 1), job.can_delete && unref(tray).canDelete.value ? (openBlock(), createElementBlock("button", {
+								}, toDisplayString(job.name), 9, _hoisted_30$5), createElementVNode("span", _hoisted_31$5, toDisplayString(job.kind), 1)]), createElementVNode("span", { class: normalizeClass(["mint-jobs-tray__status", statusClass(job)]) }, toDisplayString(unref(jobStatusLabel)(job.status)), 3)]), createElementVNode("div", _hoisted_32$5, [createElementVNode("span", null, toDisplayString(formatTimestamp(job.completed_at || job.created_at)), 1), job.can_delete && unref(tray).canDelete.value ? (openBlock(), createElementBlock("button", {
 									key: 0,
 									type: "button",
 									class: "mint-jobs-tray__icon-button mint-jobs-tray__icon-button--danger",
@@ -5918,7 +5924,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 									fill: "none",
 									stroke: "currentColor",
 									"aria-hidden": "true"
-								}, [createElementVNode("path", { d: "M4 7h16M9 7V4h6v3m-8 0 1 13h8l1-13M10 11v5M14 11v5" })], -1)])], 8, _hoisted_33$6)) : createCommentVNode("", true)])]);
+								}, [createElementVNode("path", { d: "M4 7h16M9 7V4h6v3m-8 0 1 13h8l1-13M10 11v5M14 11v5" })], -1)])], 8, _hoisted_33$5)) : createCommentVNode("", true)])]);
 							}), 128))
 						], 64))])
 					], 544)) : createCommentVNode("", true)]),
@@ -5930,17 +5936,17 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/GeneratedPluginView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = { class: "mint-generated-workspace" };
-var _hoisted_2$41 = {
+var _hoisted_1$46 = { class: "mint-generated-workspace" };
+var _hoisted_2$42 = {
 	key: 0,
 	class: "mint-generated-workspace__loading"
 };
-var _hoisted_3$37 = {
+var _hoisted_3$38 = {
 	key: 1,
 	class: "mint-generated-workspace__header"
 };
-var _hoisted_4$36 = { key: 0 };
-var _hoisted_5$34 = {
+var _hoisted_4$37 = { key: 0 };
+var _hoisted_5$35 = {
 	class: "mint-generated-workspace__resources",
 	"aria-label": "Job resource requirements"
 };
@@ -6043,17 +6049,17 @@ var GeneratedPluginView_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 				"onUpdate:values": updateValues,
 				onFormSubmit: submitJob
 			}, {
-				default: withCtx(() => [createElementVNode("main", _hoisted_1$45, [unref(generated).isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$41, [createVNode(LoadingSpinner_default, { size: "lg" }), _cache[1] || (_cache[1] = createElementVNode("span", null, "Loading analysis workspace", -1))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+				default: withCtx(() => [createElementVNode("main", _hoisted_1$46, [unref(generated).isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$42, [createVNode(LoadingSpinner_default, { size: "lg" }), _cache[1] || (_cache[1] = createElementVNode("span", null, "Loading analysis workspace", -1))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 					unref(generated).error.value ? (openBlock(), createBlock(AlertBox_default, {
 						key: 0,
 						type: "error",
 						message: unref(generated).error.value
 					}, null, 8, ["message"])) : createCommentVNode("", true),
-					activeDefinition.value ? (openBlock(), createElementBlock("header", _hoisted_3$37, [createElementVNode("div", null, [
+					activeDefinition.value ? (openBlock(), createElementBlock("header", _hoisted_3$38, [createElementVNode("div", null, [
 						_cache[2] || (_cache[2] = createElementVNode("p", { class: "mint-generated-workspace__eyebrow" }, "Analysis result", -1)),
 						createElementVNode("h1", null, toDisplayString(activeDefinition.value.title), 1),
-						activeDefinition.value.description ? (openBlock(), createElementBlock("p", _hoisted_4$36, toDisplayString(activeDefinition.value.description), 1)) : createCommentVNode("", true)
-					]), createElementVNode("div", _hoisted_5$34, [createElementVNode("span", null, toDisplayString(resourceSummary(activeDefinition.value)), 1)])])) : createCommentVNode("", true),
+						activeDefinition.value.description ? (openBlock(), createElementBlock("p", _hoisted_4$37, toDisplayString(activeDefinition.value.description), 1)) : createCommentVNode("", true)
+					]), createElementVNode("div", _hoisted_5$35, [createElementVNode("span", null, toDisplayString(resourceSummary(activeDefinition.value)), 1)])])) : createCommentVNode("", true),
 					createElementVNode("section", _hoisted_6$34, [currentResult.value ? (openBlock(), createBlock(GeneratedResultRenderer_default, {
 						key: 0,
 						result: currentResult.value
@@ -6086,11 +6092,11 @@ var GeneratedPluginView_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 }), [["__scopeId", "data-v-6c599fd1"]]);
 //#endregion
 //#region src/components/DoseCalculatorVolumeField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = { class: "mint-dose-calculator__field" };
-var _hoisted_2$40 = { class: "mint-dose-calculator__field-label" };
-var _hoisted_3$36 = { class: "mint-dose-calculator__field-row" };
-var _hoisted_4$35 = ["value", "disabled"];
-var _hoisted_5$33 = ["value", "disabled"];
+var _hoisted_1$45 = { class: "mint-dose-calculator__field" };
+var _hoisted_2$41 = { class: "mint-dose-calculator__field-label" };
+var _hoisted_3$37 = { class: "mint-dose-calculator__field-row" };
+var _hoisted_4$36 = ["value", "disabled"];
+var _hoisted_5$34 = ["value", "disabled"];
 var _hoisted_6$33 = ["value"];
 //#endregion
 //#region src/components/DoseCalculatorVolumeField.vue
@@ -6127,7 +6133,7 @@ var DoseCalculatorVolumeField_default = /* @__PURE__ */ defineComponent({
 			});
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$44, [createElementVNode("label", _hoisted_2$40, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_3$36, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", _hoisted_1$45, [createElementVNode("label", _hoisted_2$41, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_3$37, [createElementVNode("input", {
 				type: "number",
 				value: __props.modelValue.value,
 				disabled: __props.disabled,
@@ -6135,7 +6141,7 @@ var DoseCalculatorVolumeField_default = /* @__PURE__ */ defineComponent({
 				min: "0",
 				step: "any",
 				onInput: handleValueInput
-			}, null, 40, _hoisted_4$35), createElementVNode("select", {
+			}, null, 40, _hoisted_4$36), createElementVNode("select", {
 				value: __props.modelValue.unit,
 				disabled: __props.disabled,
 				class: "mint-dose-calculator__select",
@@ -6145,21 +6151,21 @@ var DoseCalculatorVolumeField_default = /* @__PURE__ */ defineComponent({
 					key: unit,
 					value: unit
 				}, toDisplayString(unit), 9, _hoisted_6$33);
-			}), 128))], 40, _hoisted_5$33)])]);
+			}), 128))], 40, _hoisted_5$34)])]);
 		};
 	}
 });
 //#endregion
 //#region src/components/DoseCalculator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = {
+var _hoisted_1$44 = {
 	key: 0,
 	class: "mint-dose-calculator__tabs",
 	role: "tablist"
 };
-var _hoisted_2$39 = ["aria-selected"];
-var _hoisted_3$35 = ["aria-selected"];
-var _hoisted_4$34 = ["aria-selected"];
-var _hoisted_5$32 = {
+var _hoisted_2$40 = ["aria-selected"];
+var _hoisted_3$36 = ["aria-selected"];
+var _hoisted_4$35 = ["aria-selected"];
+var _hoisted_5$33 = {
 	key: 1,
 	class: "mint-dose-calculator__form",
 	role: "tabpanel"
@@ -6197,28 +6203,28 @@ var _hoisted_24$8 = {
 	class: "mint-dose-calculator__preview"
 };
 var _hoisted_25$8 = { class: "mint-dose-calculator__preview-steps" };
-var _hoisted_26$8 = { class: "mint-dose-calculator__preview-step" };
-var _hoisted_27$7 = { class: "mint-dose-calculator__preview-step-num" };
-var _hoisted_28$6 = { class: "mint-dose-calculator__preview-step-conc" };
-var _hoisted_29$5 = {
+var _hoisted_26$7 = { class: "mint-dose-calculator__preview-step" };
+var _hoisted_27$6 = { class: "mint-dose-calculator__preview-step-num" };
+var _hoisted_28$5 = { class: "mint-dose-calculator__preview-step-conc" };
+var _hoisted_29$4 = {
 	key: 0,
 	class: "mint-dose-calculator__preview-arrow"
 };
-var _hoisted_30$5 = {
+var _hoisted_30$4 = {
 	key: 1,
 	class: "mint-dose-calculator__error"
 };
-var _hoisted_31$5 = {
+var _hoisted_31$4 = {
 	key: 3,
 	class: "mint-dose-calculator__form",
 	role: "tabpanel"
 };
-var _hoisted_32$5 = { class: "mint-dose-calculator__field" };
-var _hoisted_33$5 = {
+var _hoisted_32$4 = { class: "mint-dose-calculator__field" };
+var _hoisted_33$4 = {
 	key: 0,
 	class: "mint-dose-calculator__error"
 };
-var _hoisted_34$5 = {
+var _hoisted_34$4 = {
 	key: 4,
 	class: "mint-dose-calculator__mw-section"
 };
@@ -6344,30 +6350,30 @@ var DoseCalculator_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-dose-calculator", __props.disabled ? "mint-dose-calculator--disabled" : ""]) }, [
-				showTabs.value ? (openBlock(), createElementBlock("div", _hoisted_1$43, [
+				showTabs.value ? (openBlock(), createElementBlock("div", _hoisted_1$44, [
 					createElementVNode("button", {
 						type: "button",
 						class: normalizeClass(["mint-dose-calculator__tab", activeMode.value === "dilution" ? "mint-dose-calculator__tab--active" : ""]),
 						role: "tab",
 						"aria-selected": activeMode.value === "dilution",
 						onClick: _cache[0] || (_cache[0] = ($event) => activeMode.value = "dilution")
-					}, " Dilution ", 10, _hoisted_2$39),
+					}, " Dilution ", 10, _hoisted_2$40),
 					createElementVNode("button", {
 						type: "button",
 						class: normalizeClass(["mint-dose-calculator__tab", activeMode.value === "serial" ? "mint-dose-calculator__tab--active" : ""]),
 						role: "tab",
 						"aria-selected": activeMode.value === "serial",
 						onClick: _cache[1] || (_cache[1] = ($event) => activeMode.value = "serial")
-					}, " Serial ", 10, _hoisted_3$35),
+					}, " Serial ", 10, _hoisted_3$36),
 					createElementVNode("button", {
 						type: "button",
 						class: normalizeClass(["mint-dose-calculator__tab", activeMode.value === "conversion" ? "mint-dose-calculator__tab--active" : ""]),
 						role: "tab",
 						"aria-selected": activeMode.value === "conversion",
 						onClick: _cache[2] || (_cache[2] = ($event) => activeMode.value = "conversion")
-					}, " Conversion ", 10, _hoisted_4$34)
+					}, " Conversion ", 10, _hoisted_4$35)
 				])) : createCommentVNode("", true),
-				activeMode.value === "dilution" ? (openBlock(), createElementBlock("div", _hoisted_5$32, [
+				activeMode.value === "dilution" ? (openBlock(), createElementBlock("div", _hoisted_5$33, [
 					createElementVNode("div", _hoisted_6$32, [_cache[10] || (_cache[10] = createElementVNode("label", { class: "mint-dose-calculator__field-label" }, "Stock Concentration", -1)), createVNode(ConcentrationInput_default, {
 						modelValue: stockConcentration.value,
 						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => stockConcentration.value = $event),
@@ -6446,15 +6452,15 @@ var DoseCalculator_default = /* @__PURE__ */ defineComponent({
 					]),
 					_cache[22] || (_cache[22] = createElementVNode("div", { class: "mint-dose-calculator__divider" }, null, -1)),
 					serialResult.value?.valid ? (openBlock(), createElementBlock("div", _hoisted_24$8, [_cache[21] || (_cache[21] = createElementVNode("div", { class: "mint-dose-calculator__preview-title" }, "Preview", -1)), createElementVNode("div", _hoisted_25$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(serialResult.value.steps, (step, index) => {
-						return openBlock(), createElementBlock(Fragment, { key: step.stepNumber }, [createElementVNode("div", _hoisted_26$8, [createElementVNode("span", _hoisted_27$7, toDisplayString(step.stepNumber) + ":", 1), createElementVNode("span", _hoisted_28$6, toDisplayString(unref(formatWithUnit)(step.concentration, 3)), 1)]), index < serialResult.value.steps.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_29$5, " → ")) : createCommentVNode("", true)], 64);
-					}), 128))])])) : serialResult.value?.error ? (openBlock(), createElementBlock("div", _hoisted_30$5, toDisplayString(serialResult.value.error), 1)) : createCommentVNode("", true)
-				])) : activeMode.value === "conversion" ? (openBlock(), createElementBlock("div", _hoisted_31$5, [createElementVNode("div", _hoisted_32$5, [_cache[23] || (_cache[23] = createElementVNode("label", { class: "mint-dose-calculator__field-label" }, "Input Concentration", -1)), createVNode(ConcentrationInput_default, {
+						return openBlock(), createElementBlock(Fragment, { key: step.stepNumber }, [createElementVNode("div", _hoisted_26$7, [createElementVNode("span", _hoisted_27$6, toDisplayString(step.stepNumber) + ":", 1), createElementVNode("span", _hoisted_28$5, toDisplayString(unref(formatWithUnit)(step.concentration, 3)), 1)]), index < serialResult.value.steps.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_29$4, " → ")) : createCommentVNode("", true)], 64);
+					}), 128))])])) : serialResult.value?.error ? (openBlock(), createElementBlock("div", _hoisted_30$4, toDisplayString(serialResult.value.error), 1)) : createCommentVNode("", true)
+				])) : activeMode.value === "conversion" ? (openBlock(), createElementBlock("div", _hoisted_31$4, [createElementVNode("div", _hoisted_32$4, [_cache[23] || (_cache[23] = createElementVNode("label", { class: "mint-dose-calculator__field-label" }, "Input Concentration", -1)), createVNode(ConcentrationInput_default, {
 					disabled: __props.disabled,
 					"molecular-weight": __props.molecularWeight,
 					"show-conversion": true,
 					size: "md"
-				}, null, 8, ["disabled", "molecular-weight"])]), !__props.molecularWeight ? (openBlock(), createElementBlock("div", _hoisted_33$5, " Provide molecular weight for mass ↔ molarity conversion ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
-				__props.molecularWeight ? (openBlock(), createElementBlock("div", _hoisted_34$5, [createElementVNode("span", _hoisted_35$4, " Molecular Weight: " + toDisplayString(__props.molecularWeight) + " g/mol ", 1)])) : createCommentVNode("", true),
+				}, null, 8, ["disabled", "molecular-weight"])]), !__props.molecularWeight ? (openBlock(), createElementBlock("div", _hoisted_33$4, " Provide molecular weight for mass ↔ molarity conversion ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				__props.molecularWeight ? (openBlock(), createElementBlock("div", _hoisted_34$4, [createElementVNode("span", _hoisted_35$4, " Molecular Weight: " + toDisplayString(__props.molecularWeight) + " g/mol ", 1)])) : createCommentVNode("", true),
 				hasTargetWells.value ? (openBlock(), createElementBlock("div", _hoisted_36$4, [createElementVNode("button", {
 					type: "button",
 					class: "mint-dose-calculator__apply-btn",
@@ -6505,19 +6511,19 @@ function formatProtocolDuration(minutes) {
 }
 //#endregion
 //#region src/components/ExperimentTimeline.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = ["aria-label"];
-var _hoisted_2$38 = [
+var _hoisted_1$43 = ["aria-label"];
+var _hoisted_2$39 = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
 ];
-var _hoisted_3$34 = {
+var _hoisted_3$35 = {
 	key: 0,
 	class: "mint-timeline__connector"
 };
-var _hoisted_4$33 = ["onClick"];
-var _hoisted_5$31 = {
+var _hoisted_4$34 = ["onClick"];
+var _hoisted_5$32 = {
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24"
@@ -6724,7 +6730,7 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 						onDrop: ($event) => handleDrop($event, step),
 						onDragend: handleDragEnd
 					}, [
-						index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$34)) : createCommentVNode("", true),
+						index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$35)) : createCommentVNode("", true),
 						createElementVNode("div", {
 							class: normalizeClass([
 								"mint-timeline__card",
@@ -6747,7 +6753,7 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 									backgroundColor: `${getStepColor(step)}20`,
 									color: getStepColor(step)
 								} : {})
-							}, [(openBlock(), createElementBlock("svg", _hoisted_5$31, [createElementVNode("path", {
+							}, [(openBlock(), createElementBlock("svg", _hoisted_5$32, [createElementVNode("path", {
 								"stroke-linecap": "round",
 								"stroke-linejoin": "round",
 								"stroke-width": "2",
@@ -6818,7 +6824,7 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 									onClick: withModifiers(($event) => handleStatusChange(step, status), ["stop"])
 								}, toDisplayString(status.replace("_", " ")), 11, _hoisted_15$15);
 							}), 64))])) : createCommentVNode("", true)
-						], 8, _hoisted_10$22)) : createCommentVNode("", true)], 14, _hoisted_4$33),
+						], 8, _hoisted_10$22)) : createCommentVNode("", true)], 14, _hoisted_4$34),
 						__props.editable && __props.orientation === "vertical" ? (openBlock(), createElementBlock("button", {
 							key: 1,
 							type: "button",
@@ -6837,7 +6843,7 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 						})], -1)])], 8, _hoisted_16$13)) : createCommentVNode("", true),
 						__props.orientation === "vertical" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_17$13)) : createCommentVNode("", true),
 						__props.orientation === "horizontal" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_18$13)) : createCommentVNode("", true)
-					], 40, _hoisted_2$38);
+					], 40, _hoisted_2$39);
 				}), 128)),
 				sortedSteps.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_19$13, [createElementVNode("div", _hoisted_20$12, [_cache[5] || (_cache[5] = createElementVNode("p", { class: "mint-timeline__empty-text" }, "No protocol steps defined", -1)), __props.editable ? (openBlock(), createElementBlock("button", {
 					key: 0,
@@ -6860,17 +6866,17 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					d: "M12 4v16m8-8H4"
 				})], -1)), createElementVNode("span", { class: normalizeClass(`mint-timeline__add-end-text--${__props.size}`) }, "Add Step", 2)], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$42);
+			], 10, _hoisted_1$43);
 		};
 	}
 });
 //#endregion
 //#region src/components/internal/WellEditPopupInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = { class: "mint-well-edit-popup__header" };
-var _hoisted_2$37 = { class: "mint-well-edit-popup__header-left" };
-var _hoisted_3$33 = { class: "mint-well-edit-popup__well-id" };
-var _hoisted_4$32 = { class: "mint-well-edit-popup__body" };
-var _hoisted_5$30 = { key: 0 };
+var _hoisted_1$42 = { class: "mint-well-edit-popup__header" };
+var _hoisted_2$38 = { class: "mint-well-edit-popup__header-left" };
+var _hoisted_3$34 = { class: "mint-well-edit-popup__well-id" };
+var _hoisted_4$33 = { class: "mint-well-edit-popup__body" };
+var _hoisted_5$31 = { key: 0 };
 var _hoisted_6$30 = { class: "mint-well-edit-popup__row" };
 var _hoisted_7$27 = { key: 0 };
 var _hoisted_8$24 = { class: "mint-well-edit-popup__type-grid" };
@@ -6988,7 +6994,7 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle(popupStyle.value),
 				onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
 			}, [
-				createElementVNode("div", _hoisted_1$41, [createElementVNode("div", _hoisted_2$37, [createElementVNode("span", _hoisted_3$33, 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$42, [createElementVNode("div", _hoisted_2$38, [createElementVNode("span", _hoisted_3$34, 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", {
@@ -7001,8 +7007,8 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])])]),
-				createElementVNode("div", _hoisted_4$32, [
-					hasField("label") ? (openBlock(), createElementBlock("div", _hoisted_5$30, [_cache[8] || (_cache[8] = createElementVNode("label", { class: "mint-well-edit-popup__label" }, "Sample Name", -1)), withDirectives(createElementVNode("input", {
+				createElementVNode("div", _hoisted_4$33, [
+					hasField("label") ? (openBlock(), createElementBlock("div", _hoisted_5$31, [_cache[8] || (_cache[8] = createElementVNode("label", { class: "mint-well-edit-popup__label" }, "Sample Name", -1)), withDirectives(createElementVNode("input", {
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.label = $event),
 						type: "text",
 						placeholder: "e.g., Sample_001",
@@ -7687,11 +7693,11 @@ var DEFAULT_WELL_LEGEND_ITEMS = [
 ];
 //#endregion
 //#region src/components/WellPlate.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = { class: "mint-well-plate__scroll" };
-var _hoisted_2$36 = { class: "mint-well-plate__content" };
-var _hoisted_3$32 = ["aria-label"];
-var _hoisted_4$31 = { key: 0 };
-var _hoisted_5$29 = ["colspan"];
+var _hoisted_1$41 = { class: "mint-well-plate__scroll" };
+var _hoisted_2$37 = { class: "mint-well-plate__content" };
+var _hoisted_3$33 = ["aria-label"];
+var _hoisted_4$32 = { key: 0 };
+var _hoisted_5$30 = ["colspan"];
 var _hoisted_6$29 = ["colspan"];
 var _hoisted_7$26 = { key: 1 };
 var _hoisted_8$23 = ["rowspan"];
@@ -7911,7 +7917,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 				ref: plateRef,
 				class: normalizeClass(["mint-well-plate", isFillMode.value ? "mint-well-plate--fill" : "mint-well-plate--inline"]),
 				style: normalizeStyle(containerStyle.value)
-			}, [createElementVNode("div", _hoisted_1$40, [createElementVNode("div", _hoisted_2$36, [
+			}, [createElementVNode("div", _hoisted_1$41, [createElementVNode("div", _hoisted_2$37, [
 				createElementVNode("table", {
 					ref_key: "tableRef",
 					ref: tableRef,
@@ -7920,7 +7926,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 					"aria-label": `${props.format}-well plate`,
 					style: normalizeStyle(tableStyle.value)
 				}, [
-					hasColumnConditions.value ? (openBlock(), createElementBlock("thead", _hoisted_4$31, [createElementVNode("tr", null, [
+					hasColumnConditions.value ? (openBlock(), createElementBlock("thead", _hoisted_4$32, [createElementVNode("tr", null, [
 						createElementVNode("th", { style: normalizeStyle({ width: sizeConfig.value.headerWidth }) }, null, 4),
 						hasRowConditions.value ? (openBlock(), createElementBlock("th", {
 							key: 0,
@@ -7936,7 +7942,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 									fontSize: sizeConfig.value.fontSize,
 									color: span.condition.color
 								})
-							}, [createTextVNode(toDisplayString(span.condition.label), 1), span.condition.unit ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" (" + toDisplayString(span.condition.unit) + ")", 1)], 64)) : createCommentVNode("", true)], 12, _hoisted_5$29)) : (openBlock(), createElementBlock("th", {
+							}, [createTextVNode(toDisplayString(span.condition.label), 1), span.condition.unit ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" (" + toDisplayString(span.condition.unit) + ")", 1)], 64)) : createCommentVNode("", true)], 12, _hoisted_5$30)) : (openBlock(), createElementBlock("th", {
 								key: 1,
 								colspan: span.colspan
 							}, null, 8, _hoisted_6$29))], 64);
@@ -8048,7 +8054,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 							}), 128))
 						]);
 					}), 128))])
-				], 12, _hoisted_3$32),
+				], 12, _hoisted_3$33),
 				props.heatmap?.enabled && props.heatmap.showLegend ? (openBlock(), createElementBlock("div", _hoisted_16$12, [
 					createElementVNode("span", _hoisted_17$12, toDisplayString(props.heatmap.min ?? 0), 1),
 					createElementVNode("div", _hoisted_18$12, [(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) => {
@@ -8106,8 +8112,8 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SampleLegend.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = ["aria-pressed", "onClick"];
-var _hoisted_2$35 = ["aria-label", "onClick"];
+var _hoisted_1$40 = ["aria-pressed", "onClick"];
+var _hoisted_2$36 = ["aria-label", "onClick"];
 //#endregion
 //#region src/components/SampleLegend.vue
 var SampleLegend_default = /* @__PURE__ */ defineComponent({
@@ -8207,8 +8213,8 @@ var SampleLegend_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round",
 						"stroke-width": "2",
 						d: "M6 18L18 6M6 6l12 12"
-					})], -1)])], 8, _hoisted_2$35)) : createCommentVNode("", true)
-				], 10, _hoisted_1$39);
+					})], -1)])], 8, _hoisted_2$36)) : createCommentVNode("", true)
+				], 10, _hoisted_1$40);
 			}), 128)), __props.editable ? (openBlock(), createElementBlock("button", {
 				key: 0,
 				type: "button",
@@ -8231,11 +8237,11 @@ var SampleLegend_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/PlateMapEditorToolbarInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = { class: "mint-plate-editor__toolbar" };
-var _hoisted_2$34 = { class: "mint-plate-editor__tabs" };
-var _hoisted_3$31 = ["onClick"];
-var _hoisted_4$30 = { class: "mint-plate-editor__tab-name" };
-var _hoisted_5$28 = {
+var _hoisted_1$39 = { class: "mint-plate-editor__toolbar" };
+var _hoisted_2$35 = { class: "mint-plate-editor__tabs" };
+var _hoisted_3$32 = ["onClick"];
+var _hoisted_4$31 = { class: "mint-plate-editor__tab-name" };
+var _hoisted_5$29 = {
 	key: 0,
 	class: "mint-plate-editor__tab-count"
 };
@@ -8270,8 +8276,8 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$38, [
-				createElementVNode("div", _hoisted_2$34, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plates, (plate, index) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$39, [
+				createElementVNode("div", _hoisted_2$35, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plates, (plate, index) => {
 					return openBlock(), createElementBlock("button", {
 						key: plate.id,
 						type: "button",
@@ -8282,8 +8288,8 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 							class: "mint-plate-editor__tab-slot",
 							style: normalizeStyle({ backgroundColor: __props.slotColorForPlate(plate.id, index) })
 						}, null, 4),
-						createElementVNode("span", _hoisted_4$30, toDisplayString(plate.name), 1),
-						__props.plateWellCounts[plate.id] > 0 ? (openBlock(), createElementBlock("span", _hoisted_5$28, toDisplayString(__props.plateWellCounts[plate.id]), 1)) : createCommentVNode("", true),
+						createElementVNode("span", _hoisted_4$31, toDisplayString(plate.name), 1),
+						__props.plateWellCounts[plate.id] > 0 ? (openBlock(), createElementBlock("span", _hoisted_5$29, toDisplayString(__props.plateWellCounts[plate.id]), 1)) : createCommentVNode("", true),
 						props.plates.length > 1 ? (openBlock(), createElementBlock("button", {
 							key: 1,
 							type: "button",
@@ -8298,7 +8304,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$28)) : createCommentVNode("", true)
-					], 10, _hoisted_3$31);
+					], 10, _hoisted_3$32);
 				}), 128)), __props.canAddPlate ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -8385,17 +8391,17 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PlateMapEditor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = { class: "mint-plate-editor__main" };
-var _hoisted_2$33 = {
+var _hoisted_1$38 = { class: "mint-plate-editor__main" };
+var _hoisted_2$34 = {
 	key: 2,
 	class: "mint-plate-editor__selection-bar"
 };
-var _hoisted_3$30 = { class: "mint-plate-editor__selection-count" };
-var _hoisted_4$29 = {
+var _hoisted_3$31 = { class: "mint-plate-editor__selection-count" };
+var _hoisted_4$30 = {
 	key: 0,
 	class: "mint-plate-editor__sidebar"
 };
-var _hoisted_5$27 = { class: "mint-plate-editor__sidebar-panel" };
+var _hoisted_5$28 = { class: "mint-plate-editor__sidebar-panel" };
 var _hoisted_6$27 = {
 	key: 0,
 	class: "mint-plate-editor__add-sample"
@@ -8589,7 +8595,7 @@ var PlateMapEditor_default = /* @__PURE__ */ defineComponent({
 		useEventListener(() => document, "keydown", handleKeyDown);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-plate-editor", { "mint-plate-editor--with-sidebar": __props.showSidebar }]) }, [
-				createElementVNode("div", _hoisted_1$37, [
+				createElementVNode("div", _hoisted_1$38, [
 					__props.showToolbar ? (openBlock(), createBlock(PlateMapEditorToolbarInternal_default, {
 						key: 0,
 						plates: unref(editor).plates.value,
@@ -8632,8 +8638,8 @@ var PlateMapEditor_default = /* @__PURE__ */ defineComponent({
 						"sample-colors",
 						"size"
 					])) : createCommentVNode("", true),
-					unref(editor).selectedWells.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$33, [
-						createElementVNode("span", _hoisted_3$30, [createElementVNode("strong", null, toDisplayString(unref(editor).selectedWells.value.length), 1), _cache[8] || (_cache[8] = createTextVNode(" wells selected ", -1))]),
+					unref(editor).selectedWells.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$34, [
+						createElementVNode("span", _hoisted_3$31, [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,
@@ -8649,7 +8655,7 @@ var PlateMapEditor_default = /* @__PURE__ */ defineComponent({
 					])) : createCommentVNode("", true),
 					_cache[10] || (_cache[10] = createStaticVNode("<div class=\"mint-plate-editor__legend\"><div class=\"mint-plate-editor__legend-items\"><div class=\"mint-plate-editor__legend-item\"><div class=\"mint-plate-editor__legend-swatch\" style=\"background-color:rgba(16, 185, 129, 0.15);border:1px solid rgba(16, 185, 129, 0.4);\"></div><span class=\"mint-plate-editor__legend-label\">Sample</span></div><div class=\"mint-plate-editor__legend-item\"><div class=\"mint-plate-editor__legend-swatch\" style=\"background-color:rgba(59, 130, 246, 0.15);border:1px solid rgba(59, 130, 246, 0.4);\"></div><span class=\"mint-plate-editor__legend-label\">Control</span></div><div class=\"mint-plate-editor__legend-item\"><div class=\"mint-plate-editor__legend-swatch\" style=\"background-color:rgba(249, 115, 22, 0.15);border:1px solid rgba(249, 115, 22, 0.4);\"></div><span class=\"mint-plate-editor__legend-label\">Blank</span></div><div class=\"mint-plate-editor__legend-item\"><div class=\"mint-plate-editor__legend-swatch\" style=\"background-color:rgba(139, 92, 246, 0.15);border:1px solid rgba(139, 92, 246, 0.4);\"></div><span class=\"mint-plate-editor__legend-label\">QC</span></div></div><span class=\"mint-plate-editor__legend-hint\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72\"></path><path d=\"m14 7 3 3\"></path><path d=\"M5 6v4\"></path><path d=\"M19 14v4\"></path><path d=\"M10 2v2\"></path><path d=\"M7 8H3\"></path><path d=\"M21 16h-4\"></path><path d=\"M11 3H9\"></path></svg> Drag to select </span></div>", 1))
 				]),
-				__props.showSidebar ? (openBlock(), createElementBlock("div", _hoisted_4$29, [createElementVNode("div", _hoisted_5$27, [
+				__props.showSidebar ? (openBlock(), createElementBlock("div", _hoisted_4$30, [createElementVNode("div", _hoisted_5$28, [
 					_cache[11] || (_cache[11] = createElementVNode("h3", { class: "mint-plate-editor__sidebar-title" }, "Sample Types", -1)),
 					createVNode(SampleLegend_default, {
 						"model-value": unref(editor).activeSampleId.value,
@@ -8774,17 +8780,17 @@ function getReagentRowClasses(reagent, options) {
 }
 //#endregion
 //#region src/components/ReagentList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = { class: "mint-reagent-list" };
-var _hoisted_2$32 = { class: "mint-reagent-list__header" };
-var _hoisted_3$29 = {
+var _hoisted_1$37 = { class: "mint-reagent-list" };
+var _hoisted_2$33 = { class: "mint-reagent-list__header" };
+var _hoisted_3$30 = {
 	key: 0,
 	class: "mint-reagent-list__search"
 };
-var _hoisted_4$28 = {
+var _hoisted_4$29 = {
 	key: 0,
 	class: "mint-reagent-list__table"
 };
-var _hoisted_5$26 = {
+var _hoisted_5$27 = {
 	key: 0,
 	style: { "width": "24px" }
 };
@@ -8861,30 +8867,30 @@ var _hoisted_25$7 = {
 	key: 6,
 	class: "mint-reagent-list__cell mint-reagent-list__cell--muted"
 };
-var _hoisted_26$7 = {
+var _hoisted_26$6 = {
 	key: 7,
 	class: "mint-reagent-list__cell"
 };
-var _hoisted_27$6 = {
+var _hoisted_27$5 = {
 	key: 0,
 	class: "mint-reagent-list__stock"
 };
-var _hoisted_28$5 = { class: "mint-reagent-list__stock-bar" };
-var _hoisted_29$4 = { class: "mint-reagent-list__stock-text" };
-var _hoisted_30$4 = {
+var _hoisted_28$4 = { class: "mint-reagent-list__stock-bar" };
+var _hoisted_29$3 = { class: "mint-reagent-list__stock-text" };
+var _hoisted_30$3 = {
 	key: 1,
 	class: "mint-reagent-list__cell--muted"
 };
-var _hoisted_31$4 = {
+var _hoisted_31$3 = {
 	key: 8,
 	class: "mint-reagent-list__cell mint-reagent-list__cell--muted"
 };
-var _hoisted_32$4 = {
+var _hoisted_32$3 = {
 	key: 9,
 	class: "mint-reagent-list__cell mint-reagent-list__cell--actions"
 };
-var _hoisted_33$4 = ["onClick"];
-var _hoisted_34$4 = ["onClick"];
+var _hoisted_33$3 = ["onClick"];
+var _hoisted_34$3 = ["onClick"];
 var _hoisted_35$3 = {
 	key: 1,
 	class: "mint-reagent-list__empty"
@@ -9025,7 +9031,7 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 			dragOverId.value = null;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$36, [createElementVNode("div", _hoisted_2$32, [__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_3$29, [_cache[1] || (_cache[1] = createElementVNode("svg", {
+			return openBlock(), createElementBlock("div", _hoisted_1$37, [createElementVNode("div", _hoisted_2$33, [__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_3$30, [_cache[1] || (_cache[1] = createElementVNode("svg", {
 				class: "mint-reagent-list__search-icon",
 				fill: "none",
 				stroke: "currentColor",
@@ -9054,8 +9060,8 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 				"stroke-linejoin": "round",
 				"stroke-width": "2",
 				d: "M12 4v16m8-8H4"
-			})], -1), createTextVNode(" Add ", -1)])])) : createCommentVNode("", true)]), unref(filteredReagents).length > 0 ? (openBlock(), createElementBlock("table", _hoisted_4$28, [createElementVNode("thead", null, [createElementVNode("tr", null, [
-				__props.sortable && !__props.readonly ? (openBlock(), createElementBlock("th", _hoisted_5$26)) : createCommentVNode("", true),
+			})], -1), createTextVNode(" Add ", -1)])])) : createCommentVNode("", true)]), unref(filteredReagents).length > 0 ? (openBlock(), createElementBlock("table", _hoisted_4$29, [createElementVNode("thead", null, [createElementVNode("tr", null, [
+				__props.sortable && !__props.readonly ? (openBlock(), createElementBlock("th", _hoisted_5$27)) : createCommentVNode("", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 					return openBlock(), createElementBlock("th", {
 						key: col,
@@ -9127,12 +9133,12 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 						class: normalizeClass(["mint-reagent-list__storage", `mint-reagent-list__storage--${reagent.storageCondition}`])
 					}, toDisplayString(reagent.storageCondition), 3)) : (openBlock(), createElementBlock("span", _hoisted_24$7, "-"))])) : createCommentVNode("", true),
 					__props.columns.includes("location") ? (openBlock(), createElementBlock("td", _hoisted_25$7, toDisplayString(reagent.location || "-"), 1)) : createCommentVNode("", true),
-					__props.columns.includes("stock") && __props.showStockLevel ? (openBlock(), createElementBlock("td", _hoisted_26$7, [reagent.stockLevel !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_27$6, [createElementVNode("div", _hoisted_28$5, [createElementVNode("div", {
+					__props.columns.includes("stock") && __props.showStockLevel ? (openBlock(), createElementBlock("td", _hoisted_26$6, [reagent.stockLevel !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_27$5, [createElementVNode("div", _hoisted_28$4, [createElementVNode("div", {
 						class: normalizeClass(["mint-reagent-list__stock-fill", unref(getReagentStockFillClass)(unref(getReagentStockLevel)(reagent))]),
 						style: normalizeStyle({ width: `${Math.min(100, unref(getReagentStockLevel)(reagent))}%` })
-					}, null, 6)]), createElementVNode("span", _hoisted_29$4, toDisplayString(unref(getReagentStockLevel)(reagent)) + "% ", 1)])) : (openBlock(), createElementBlock("span", _hoisted_30$4, "-"))])) : createCommentVNode("", true),
-					__props.columns.includes("supplier") ? (openBlock(), createElementBlock("td", _hoisted_31$4, toDisplayString(reagent.supplier || "-"), 1)) : createCommentVNode("", true),
-					!__props.readonly ? (openBlock(), createElementBlock("td", _hoisted_32$4, [createElementVNode("button", {
+					}, null, 6)]), createElementVNode("span", _hoisted_29$3, toDisplayString(unref(getReagentStockLevel)(reagent)) + "% ", 1)])) : (openBlock(), createElementBlock("span", _hoisted_30$3, "-"))])) : createCommentVNode("", true),
+					__props.columns.includes("supplier") ? (openBlock(), createElementBlock("td", _hoisted_31$3, toDisplayString(reagent.supplier || "-"), 1)) : createCommentVNode("", true),
+					!__props.readonly ? (openBlock(), createElementBlock("td", _hoisted_32$3, [createElementVNode("button", {
 						type: "button",
 						class: "mint-reagent-list__action-btn",
 						"aria-label": "Edit",
@@ -9146,7 +9152,7 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round",
 						"stroke-width": "2",
 						d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
-					})], -1)])], 8, _hoisted_33$4), createElementVNode("button", {
+					})], -1)])], 8, _hoisted_33$3), createElementVNode("button", {
 						type: "button",
 						class: "mint-reagent-list__action-btn mint-reagent-list__action-btn--danger",
 						"aria-label": "Remove",
@@ -9160,7 +9166,7 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round",
 						"stroke-width": "2",
 						d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-					})], -1)])], 8, _hoisted_34$4)])) : createCommentVNode("", true)
+					})], -1)])], 8, _hoisted_34$3)])) : createCommentVNode("", true)
 				], 42, _hoisted_10$18);
 			}), 128))])])) : (openBlock(), createElementBlock("div", _hoisted_35$3, [
 				_cache[8] || (_cache[8] = createElementVNode("svg", {
@@ -9189,10 +9195,11 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 //#region src/components/SmartGroupFieldRecipe.groups.ts
 /**
 * Build the ordered group list from whichever fields are switched on.
-* Returns an empty list when no field is active.
+* Returns an empty list when no field is active. `layerOrder` (field indices
+* in layer order) overrides the default field-order joining of the group name.
 */
-function computeFieldGroups(samples, fields, on, palette) {
-	const keys = fields.filter((_, i) => on[i]).map((field) => field.key);
+function computeFieldGroups(samples, fields, on, palette, layerOrder) {
+	const keys = layerOrder ? layerOrder.filter((i) => on[i]).map((i) => fields[i].key) : fields.filter((_, i) => on[i]).map((field) => field.key);
 	if (keys.length === 0) return [];
 	const order = [];
 	const counts = /* @__PURE__ */ new Map();
@@ -9244,11 +9251,11 @@ function fieldRecipeSummary(input) {
 }
 //#endregion
 //#region src/components/SmartGroupFieldRecipe.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = { class: "sg-modal fr" };
-var _hoisted_2$31 = { class: "sg-head" };
-var _hoisted_3$28 = { class: "sg-head__sub" };
-var _hoisted_4$27 = ["aria-expanded"];
-var _hoisted_5$25 = {
+var _hoisted_1$36 = { class: "sg-modal fr" };
+var _hoisted_2$32 = { class: "sg-head" };
+var _hoisted_3$29 = { class: "sg-head__sub" };
+var _hoisted_4$28 = ["aria-expanded"];
+var _hoisted_5$26 = {
 	key: 0,
 	class: "fr-csv-menu",
 	role: "menu"
@@ -9285,37 +9292,52 @@ var _hoisted_15$11 = [
 	"aria-label",
 	"onClick"
 ];
-var _hoisted_16$10 = { class: "sg-field__vals" };
-var _hoisted_17$10 = {
+var _hoisted_16$10 = {
+	key: 0,
+	class: "sg-field__order"
+};
+var _hoisted_17$10 = { class: "sg-field__layer" };
+var _hoisted_18$10 = [
+	"disabled",
+	"aria-label",
+	"onClick"
+];
+var _hoisted_19$10 = [
+	"disabled",
+	"aria-label",
+	"onClick"
+];
+var _hoisted_20$9 = { class: "sg-field__vals" };
+var _hoisted_21$8 = {
 	key: 2,
 	class: "sg-summary fr-summary--mute"
 };
-var _hoisted_18$10 = { class: "sg-summary__icon" };
-var _hoisted_19$10 = {
+var _hoisted_22$7 = { class: "sg-summary__icon" };
+var _hoisted_23$6 = {
 	key: 3,
 	class: "sg-summary sg-summary--warn"
 };
-var _hoisted_20$9 = { class: "sg-summary__icon" };
-var _hoisted_21$8 = {
+var _hoisted_24$6 = { class: "sg-summary__icon" };
+var _hoisted_25$6 = {
 	key: 4,
 	class: "sg-summary"
 };
-var _hoisted_22$7 = { class: "sg-summary__icon" };
-var _hoisted_23$6 = { class: "sg-body__side" };
-var _hoisted_24$6 = { class: "sg-preview__head" };
-var _hoisted_25$6 = { class: "sg-preview__count" };
-var _hoisted_26$6 = { class: "sg-grouplist" };
-var _hoisted_27$5 = {
+var _hoisted_26$5 = { class: "sg-summary__icon" };
+var _hoisted_27$4 = { class: "sg-body__side" };
+var _hoisted_28$3 = { class: "sg-preview__head" };
+var _hoisted_29$2 = { class: "sg-preview__count" };
+var _hoisted_30$2 = { class: "sg-grouplist" };
+var _hoisted_31$2 = {
 	key: 0,
 	class: "fr-empty"
 };
-var _hoisted_28$4 = { class: "sg-group__name" };
-var _hoisted_29$3 = { class: "sg-group__count" };
-var _hoisted_30$3 = { class: "sg-qc" };
-var _hoisted_31$3 = { class: "sg-qc__head" };
-var _hoisted_32$3 = ["value"];
-var _hoisted_33$3 = { class: "sg-foot" };
-var _hoisted_34$3 = { class: "sg-foot__hint" };
+var _hoisted_32$2 = { class: "sg-group__name" };
+var _hoisted_33$2 = { class: "sg-group__count" };
+var _hoisted_34$2 = { class: "sg-qc" };
+var _hoisted_35$2 = { class: "sg-qc__head" };
+var _hoisted_36$2 = ["value"];
+var _hoisted_37$2 = { class: "sg-foot" };
+var _hoisted_38$2 = { class: "sg-foot__hint" };
 var DEFAULT_SAMPLES = [
 	{
 		Condition: "Control",
@@ -9378,6 +9400,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 		palette: { default: () => DEFAULT_PALETTE$1 },
 		qcColor: { default: "var(--grp-qc)" },
 		enabled: {},
+		layers: {},
 		groups: {},
 		qcChip: {},
 		route: {},
@@ -9397,6 +9420,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 		"manual",
 		"close",
 		"toggle",
+		"move",
 		"update:route",
 		"csv-file",
 		"download-template",
@@ -9424,7 +9448,8 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			close: "M6 18L18 6M6 6l12 12",
 			upload: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 3v12",
 			download: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3",
-			chev: "M6 9l6 6 6-6"
+			chev: "M6 9l6 6 6-6",
+			chevUp: "M18 15l-6-6-6 6"
 		};
 		const MAX_BAR = 44;
 		const fileInput = ref(null);
@@ -9472,15 +9497,31 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			emit("download-prefilled");
 		}
 		const onInner = ref(props.initialOn ? [...props.initialOn] : props.fields.map((field) => !field.rep));
+		const orderInner = ref(onInner.value.flatMap((isOn, i) => isOn ? [i] : []));
 		const routeInner = ref(props.initialRoute);
 		const controlledEnabled = computed(() => props.enabled !== void 0);
 		const controlledRoute = computed(() => props.route !== void 0);
 		const on = computed(() => props.enabled ?? onInner.value);
 		const currentRoute = computed(() => props.route ?? routeInner.value);
-		const computedBase = computed(() => computeFieldGroups(props.samples, props.fields, on.value, props.palette));
+		const layers = computed(() => {
+			if (props.layers !== void 0) return props.layers;
+			if (controlledEnabled.value) {
+				let layer = 0;
+				return props.fields.map((_, i) => on.value[i] ? ++layer : null);
+			}
+			return props.fields.map((_, i) => {
+				const pos = orderInner.value.indexOf(i);
+				return pos === -1 ? null : pos + 1;
+			});
+		});
+		const layerOrder = computed(() => layers.value.flatMap((layer, i) => layer === null ? [] : [{
+			layer,
+			i
+		}]).sort((a, b) => a.layer - b.layer).map((entry) => entry.i));
+		const computedBase = computed(() => computeFieldGroups(props.samples, props.fields, on.value, props.palette, layerOrder.value));
 		const baseGroups = computed(() => props.groups ?? computedBase.value);
 		const groups = computed(() => props.groups ?? appendQcGroup(computedBase.value, currentRoute.value, props.qcColor));
-		const activeFactors = computed(() => props.fields.filter((_, i) => on.value[i]).map((field) => field.key));
+		const activeFactors = computed(() => layerOrder.value.map((i) => props.fields[i].key));
 		const counts = computed(() => baseGroups.value.map((group) => group.count));
 		const uniform = computed(() => counts.value.length > 0 && counts.value.every((count) => count === counts.value[0]));
 		const repField = computed(() => props.fields.find((field) => field.rep));
@@ -9510,7 +9551,22 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 				emit("toggle", index);
 				return;
 			}
+			const wasOn = onInner.value[index];
 			onInner.value = onInner.value.map((value, i) => i === index ? !value : value);
+			orderInner.value = wasOn ? orderInner.value.filter((i) => i !== index) : [...orderInner.value, index];
+		}
+		function moveLayer(index, direction) {
+			if (controlledEnabled.value) {
+				emit("move", index, direction);
+				return;
+			}
+			const from = orderInner.value.indexOf(index);
+			if (from === -1) return;
+			const to = direction === "up" ? from - 1 : from + 1;
+			if (to < 0 || to >= orderInner.value.length) return;
+			const next = [...orderInner.value];
+			[next[from], next[to]] = [next[to], next[from]];
+			orderInner.value = next;
 		}
 		function onRouteChange(value) {
 			if (controlledRoute.value) {
@@ -9529,14 +9585,14 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			});
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$35, [
-				createElementVNode("div", _hoisted_2$31, [
+			return openBlock(), createElementBlock("div", _hoisted_1$36, [
+				createElementVNode("div", _hoisted_2$32, [
 					createVNode(Icon, {
 						d: ICON.bolt,
 						size: 18
 					}, null, 8, ["d"]),
 					_cache[11] || (_cache[11] = createElementVNode("span", { class: "sg-head__title" }, "Group samples", -1)),
-					createElementVNode("span", _hoisted_3$28, [createTextVNode("· " + toDisplayString(__props.headerCount) + " samples", 1), __props.experimentLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" from " + toDisplayString(__props.experimentLabel), 1)], 64)) : createCommentVNode("", true)]),
+					createElementVNode("span", _hoisted_3$29, [createTextVNode("· " + toDisplayString(__props.headerCount) + " samples", 1), __props.experimentLabel ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" from " + toDisplayString(__props.experimentLabel), 1)], 64)) : createCommentVNode("", true)]),
 					_cache[12] || (_cache[12] = createElementVNode("div", { class: "sg-head__spacer" }, null, -1)),
 					createElementVNode("div", {
 						ref_key: "csvMenuRoot",
@@ -9559,8 +9615,8 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 								d: ICON.chev,
 								size: 13
 							}, null, 8, ["d"])
-						], 8, _hoisted_4$27),
-						unref(csvMenuOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$25, [
+						], 8, _hoisted_4$28),
+						unref(csvMenuOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$26, [
 							createElementVNode("button", {
 								type: "button",
 								class: "fr-csv-item",
@@ -9657,13 +9713,38 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 								"aria-label": "Group by " + field.key,
 								onClick: ($event) => toggle(i)
 							}, null, 10, _hoisted_15$11),
-							createElementVNode("div", _hoisted_16$10, toDisplayString(field.vals), 1)
+							on.value[i] && layers.value[i] !== null ? (openBlock(), createElementBlock("div", _hoisted_16$10, [
+								createElementVNode("span", _hoisted_17$10, "Layer " + toDisplayString(layers.value[i]), 1),
+								createElementVNode("button", {
+									type: "button",
+									class: "sg-field__order-btn",
+									disabled: layers.value[i] === 1,
+									"aria-label": "Move " + field.key + " up a layer",
+									title: "Move up a layer",
+									onClick: withModifiers(($event) => moveLayer(i, "up"), ["stop"])
+								}, [createVNode(Icon, {
+									d: ICON.chevUp,
+									size: 12
+								}, null, 8, ["d"])], 8, _hoisted_18$10),
+								createElementVNode("button", {
+									type: "button",
+									class: "sg-field__order-btn",
+									disabled: layers.value[i] === layerOrder.value.length,
+									"aria-label": "Move " + field.key + " down a layer",
+									title: "Move down a layer",
+									onClick: withModifiers(($event) => moveLayer(i, "down"), ["stop"])
+								}, [createVNode(Icon, {
+									d: ICON.chev,
+									size: 12
+								}, null, 8, ["d"])], 8, _hoisted_19$10)
+							])) : createCommentVNode("", true),
+							createElementVNode("div", _hoisted_20$9, toDisplayString(field.vals), 1)
 						], 2);
 					}), 128))]),
-					summary.value.kind === "mute" ? (openBlock(), createElementBlock("div", _hoisted_17$10, [createElementVNode("span", _hoisted_18$10, [createVNode(Icon, {
+					summary.value.kind === "mute" ? (openBlock(), createElementBlock("div", _hoisted_21$8, [createElementVNode("span", _hoisted_22$7, [createVNode(Icon, {
 						d: ICON.info,
 						size: 16
-					}, null, 8, ["d"])]), _cache[15] || (_cache[15] = createElementVNode("span", null, "Turn on at least one field to form groups.", -1))])) : summary.value.kind === "warn" ? (openBlock(), createElementBlock("div", _hoisted_19$10, [createElementVNode("span", _hoisted_20$9, [createVNode(Icon, {
+					}, null, 8, ["d"])]), _cache[15] || (_cache[15] = createElementVNode("span", null, "Turn on at least one field to form groups.", -1))])) : summary.value.kind === "warn" ? (openBlock(), createElementBlock("div", _hoisted_23$6, [createElementVNode("span", _hoisted_24$6, [createVNode(Icon, {
 						d: ICON.warn,
 						size: 16
 					}, null, 8, ["d"])]), createElementVNode("span", null, [
@@ -9674,7 +9755,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 						_cache[18] || (_cache[18] = createTextVNode(". Turn it off to keep ", -1)),
 						createElementVNode("code", null, toDisplayString(repRange.value), 1),
 						_cache[19] || (_cache[19] = createTextVNode(" together. ", -1))
-					])])) : (openBlock(), createElementBlock("div", _hoisted_21$8, [createElementVNode("span", _hoisted_22$7, [createVNode(Icon, {
+					])])) : (openBlock(), createElementBlock("div", _hoisted_25$6, [createElementVNode("span", _hoisted_26$5, [createVNode(Icon, {
 						d: ICON.info,
 						size: 16
 					}, null, 8, ["d"])]), createElementVNode("span", null, [
@@ -9684,9 +9765,9 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 						createElementVNode("b", null, [createTextVNode(toDisplayString(baseGroups.value.length) + " groups", 1), uniform.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" of " + toDisplayString(counts.value[0]), 1)], 64)) : createCommentVNode("", true)]),
 						_cache[22] || (_cache[22] = createTextVNode(". Replicates kept together. ", -1))
 					])]))
-				], 32), createElementVNode("div", _hoisted_23$6, [
-					createElementVNode("div", _hoisted_24$6, [_cache[24] || (_cache[24] = createTextVNode(" Resulting groups ", -1)), createElementVNode("span", _hoisted_25$6, toDisplayString(groups.value.length) + " groups · " + toDisplayString(groupedSampleTotal.value) + " samples", 1)]),
-					createElementVNode("div", _hoisted_26$6, [groups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_27$5, "No groups yet — pick a field to start.")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(groups.value, (group) => {
+				], 32), createElementVNode("div", _hoisted_27$4, [
+					createElementVNode("div", _hoisted_28$3, [_cache[24] || (_cache[24] = createTextVNode(" Resulting groups ", -1)), createElementVNode("span", _hoisted_29$2, toDisplayString(groups.value.length) + " groups · " + toDisplayString(groupedSampleTotal.value) + " samples", 1)]),
+					createElementVNode("div", _hoisted_30$2, [groups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_31$2, "No groups yet — pick a field to start.")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(groups.value, (group) => {
 						return openBlock(), createElementBlock("div", {
 							key: group.name,
 							class: "sg-group"
@@ -9695,7 +9776,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 								class: "sg-dot",
 								style: normalizeStyle({ background: group.color })
 							}, null, 4),
-							createElementVNode("span", _hoisted_28$4, toDisplayString(group.name), 1),
+							createElementVNode("span", _hoisted_32$2, toDisplayString(group.name), 1),
 							createElementVNode("span", {
 								class: "sg-group__bar",
 								style: normalizeStyle({
@@ -9703,10 +9784,10 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 									"--g": group.color
 								})
 							}, null, 4),
-							createElementVNode("span", _hoisted_29$3, toDisplayString(group.count), 1)
+							createElementVNode("span", _hoisted_33$2, toDisplayString(group.count), 1)
 						]);
 					}), 128))]),
-					createElementVNode("div", _hoisted_30$3, [createElementVNode("div", _hoisted_31$3, [_cache[26] || (_cache[26] = createElementVNode("span", { class: "sg-qc__title" }, "Quality control", -1)), createElementVNode("select", {
+					createElementVNode("div", _hoisted_34$2, [createElementVNode("div", _hoisted_35$2, [_cache[26] || (_cache[26] = createElementVNode("span", { class: "sg-qc__title" }, "Quality control", -1)), createElementVNode("select", {
 						class: "sg-qc__route",
 						value: currentRoute.value,
 						onChange: _cache[4] || (_cache[4] = ($event) => onRouteChange($event.target.value))
@@ -9714,7 +9795,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 						createElementVNode("option", null, "Overlay only", -1),
 						createElementVNode("option", null, "Exclude", -1),
 						createElementVNode("option", null, "Mix into groups", -1)
-					])], 40, _hoisted_32$3)]), qcChip.value ? (openBlock(), createElementBlock("span", {
+					])], 40, _hoisted_36$2)]), qcChip.value ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(["sg-qc__chip", { "fr-qc__chip--off": currentRoute.value === "Exclude" }])
 					}, [createElementVNode("span", {
@@ -9722,8 +9803,8 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 						style: normalizeStyle({ background: __props.qcColor })
 					}, null, 4), createTextVNode(toDisplayString(qcChip.value.name) + " ×" + toDisplayString(qcChip.value.count), 1)], 2)) : createCommentVNode("", true)])
 				])]),
-				createElementVNode("div", _hoisted_33$3, [
-					createElementVNode("span", _hoisted_34$3, "Applies to " + toDisplayString(sampleTotal.value) + " samples" + toDisplayString(footHint.value), 1),
+				createElementVNode("div", _hoisted_37$2, [
+					createElementVNode("span", _hoisted_38$2, "Applies to " + toDisplayString(sampleTotal.value) + " samples" + toDisplayString(footHint.value), 1),
 					_cache[29] || (_cache[29] = createElementVNode("div", { class: "sg-foot__spacer" }, null, -1)),
 					createVNode(BaseButton_default, {
 						variant: "ghost",
@@ -9808,15 +9889,15 @@ function assignSamples(samples, selected, assignment) {
 }
 //#endregion
 //#region src/components/SmartGroupManual.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = { class: "sg-modal mg2" };
-var _hoisted_2$30 = { class: "sg-head" };
-var _hoisted_3$27 = {
+var _hoisted_1$35 = { class: "sg-modal mg2" };
+var _hoisted_2$31 = { class: "sg-head" };
+var _hoisted_3$28 = {
 	class: "sg-mode",
 	role: "tablist",
 	"aria-label": "Grouping mode"
 };
-var _hoisted_4$26 = { class: "mg2-body" };
-var _hoisted_5$24 = { class: "mg2-find" };
+var _hoisted_4$27 = { class: "mg2-body" };
+var _hoisted_5$25 = { class: "mg2-find" };
 var _hoisted_6$24 = { class: "mg2-search" };
 var _hoisted_7$21 = { class: "mg2-chips" };
 var _hoisted_8$18 = ["onClick"];
@@ -9846,25 +9927,25 @@ var _hoisted_22$6 = { class: "mg2-cohorts__head" };
 var _hoisted_23$5 = { class: "mg2-cohorts__n" };
 var _hoisted_24$5 = { class: "mg2-progress" };
 var _hoisted_25$5 = { class: "mg2-progress__top" };
-var _hoisted_26$5 = { class: "mg2-progress__pct" };
-var _hoisted_27$4 = { class: "mg2-progress__track" };
-var _hoisted_28$3 = { class: "mg2-tree" };
-var _hoisted_29$2 = {
+var _hoisted_26$4 = { class: "mg2-progress__pct" };
+var _hoisted_27$3 = { class: "mg2-progress__track" };
+var _hoisted_28$2 = { class: "mg2-tree" };
+var _hoisted_29$1 = {
 	key: 0,
 	class: "mg2-tree__empty"
 };
-var _hoisted_30$2 = { class: "mg2-grp__row" };
-var _hoisted_31$2 = { class: "mg2-grp__name" };
-var _hoisted_32$2 = { class: "mg2-grp__n" };
-var _hoisted_33$2 = { class: "mg2-sub" };
-var _hoisted_34$2 = { class: "mg2-sub__name" };
-var _hoisted_35$2 = { class: "mg2-sub__n" };
-var _hoisted_36$2 = { class: "mg2-sub2__name" };
-var _hoisted_37$2 = { class: "mg2-sub2__n" };
-var _hoisted_38$2 = { class: "mg2-unassigned__act" };
-var _hoisted_39$2 = { class: "mg2-bar__inner" };
-var _hoisted_40$2 = { class: "mg2-bar__count" };
-var _hoisted_41$2 = { class: "mg2-field mg2-field--grow" };
+var _hoisted_30$1 = { class: "mg2-grp__row" };
+var _hoisted_31$1 = { class: "mg2-grp__name" };
+var _hoisted_32$1 = { class: "mg2-grp__n" };
+var _hoisted_33$1 = { class: "mg2-sub" };
+var _hoisted_34$1 = { class: "mg2-sub__name" };
+var _hoisted_35$1 = { class: "mg2-sub__n" };
+var _hoisted_36$1 = { class: "mg2-sub2__name" };
+var _hoisted_37$1 = { class: "mg2-sub2__n" };
+var _hoisted_38$1 = { class: "mg2-unassigned__act" };
+var _hoisted_39$1 = { class: "mg2-bar__inner" };
+var _hoisted_40$1 = { class: "mg2-bar__count" };
+var _hoisted_41$1 = { class: "mg2-field mg2-field--grow" };
 var _hoisted_42 = { class: "mg2-combo" };
 var _hoisted_43 = ["value"];
 var _hoisted_44 = { class: "mg2-combo__chev" };
@@ -10078,8 +10159,8 @@ var SmartGroupManual_default = /* @__PURE__ */ defineComponent({
 			emit("done", { samples: samples.value });
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$34, [
-				createElementVNode("div", _hoisted_2$30, [
+			return openBlock(), createElementBlock("div", _hoisted_1$35, [
+				createElementVNode("div", _hoisted_2$31, [
 					createVNode(Icon, {
 						d: ICON.layers,
 						size: 18
@@ -10087,7 +10168,7 @@ var SmartGroupManual_default = /* @__PURE__ */ defineComponent({
 					_cache[10] || (_cache[10] = createElementVNode("span", { class: "sg-head__title" }, "Group samples", -1)),
 					_cache[11] || (_cache[11] = createElementVNode("span", { class: "sg-head__sub" }, "· when names can’t be parsed automatically", -1)),
 					_cache[12] || (_cache[12] = createElementVNode("div", { class: "sg-head__spacer" }, null, -1)),
-					createElementVNode("div", _hoisted_3$27, [createElementVNode("button", {
+					createElementVNode("div", _hoisted_3$28, [createElementVNode("button", {
 						type: "button",
 						class: "sg-mode__btn",
 						role: "tab",
@@ -10108,7 +10189,7 @@ var SmartGroupManual_default = /* @__PURE__ */ defineComponent({
 						size: 16
 					}, null, 8, ["d"])])
 				]),
-				createElementVNode("div", _hoisted_4$26, [createElementVNode("div", _hoisted_5$24, [
+				createElementVNode("div", _hoisted_4$27, [createElementVNode("div", _hoisted_5$25, [
 					createElementVNode("div", _hoisted_6$24, [
 						createVNode(Icon, {
 							d: ICON.search,
@@ -10165,27 +10246,27 @@ var SmartGroupManual_default = /* @__PURE__ */ defineComponent({
 					}), 128))])
 				]), createElementVNode("div", _hoisted_21$7, [
 					createElementVNode("div", _hoisted_22$6, [_cache[14] || (_cache[14] = createElementVNode("span", { class: "mg2-cohorts__t" }, "Cohorts", -1)), createElementVNode("span", _hoisted_23$5, toDisplayString(tree.value.size) + " groups", 1)]),
-					createElementVNode("div", _hoisted_24$5, [createElementVNode("div", _hoisted_25$5, [createElementVNode("span", null, [createElementVNode("b", null, toDisplayString(assignedCount.value), 1), createTextVNode(" of " + toDisplayString(samples.value.length) + " grouped", 1)]), createElementVNode("span", _hoisted_26$5, toDisplayString(pct.value) + "%", 1)]), createElementVNode("div", _hoisted_27$4, [createElementVNode("div", {
+					createElementVNode("div", _hoisted_24$5, [createElementVNode("div", _hoisted_25$5, [createElementVNode("span", null, [createElementVNode("b", null, toDisplayString(assignedCount.value), 1), createTextVNode(" of " + toDisplayString(samples.value.length) + " grouped", 1)]), createElementVNode("span", _hoisted_26$4, toDisplayString(pct.value) + "%", 1)]), createElementVNode("div", _hoisted_27$3, [createElementVNode("div", {
 						class: "mg2-progress__fill",
 						style: normalizeStyle({ width: pct.value + "%" })
 					}, null, 4)])]),
-					createElementVNode("div", _hoisted_28$3, [tree.value.size === 0 ? (openBlock(), createElementBlock("div", _hoisted_29$2, " No cohorts yet. Select samples and assign them to start building. ")) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList([...tree.value.entries()], ([name, group]) => {
+					createElementVNode("div", _hoisted_28$2, [tree.value.size === 0 ? (openBlock(), createElementBlock("div", _hoisted_29$1, " No cohorts yet. Select samples and assign them to start building. ")) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList([...tree.value.entries()], ([name, group]) => {
 						return openBlock(), createElementBlock("div", {
 							key: name,
 							class: "mg2-grp"
-						}, [createElementVNode("div", _hoisted_30$2, [
+						}, [createElementVNode("div", _hoisted_30$1, [
 							createElementVNode("span", {
 								class: "sg-dot",
 								style: normalizeStyle({ background: group.color ?? void 0 })
 							}, null, 4),
-							createElementVNode("span", _hoisted_31$2, toDisplayString(name), 1),
-							createElementVNode("span", _hoisted_32$2, toDisplayString(group.total), 1)
+							createElementVNode("span", _hoisted_31$1, toDisplayString(name), 1),
+							createElementVNode("span", _hoisted_32$1, toDisplayString(group.total), 1)
 						]), (openBlock(true), createElementBlock(Fragment, null, renderList([...group.subs.entries()], ([subName, subNode]) => {
-							return openBlock(), createElementBlock(Fragment, { key: subName }, [createElementVNode("div", _hoisted_33$2, [createElementVNode("span", _hoisted_34$2, toDisplayString(subName), 1), createElementVNode("span", _hoisted_35$2, toDisplayString(subNode.total), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(subsWithout(subNode), ([s2, count]) => {
+							return openBlock(), createElementBlock(Fragment, { key: subName }, [createElementVNode("div", _hoisted_33$1, [createElementVNode("span", _hoisted_34$1, toDisplayString(subName), 1), createElementVNode("span", _hoisted_35$1, toDisplayString(subNode.total), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(subsWithout(subNode), ([s2, count]) => {
 								return openBlock(), createElementBlock("div", {
 									key: s2,
 									class: "mg2-sub2"
-								}, [createElementVNode("span", _hoisted_36$2, toDisplayString(s2), 1), createElementVNode("span", _hoisted_37$2, toDisplayString(count), 1)]);
+								}, [createElementVNode("span", _hoisted_36$1, toDisplayString(s2), 1), createElementVNode("span", _hoisted_37$1, toDisplayString(count), 1)]);
 							}), 128))], 64);
 						}), 128))]);
 					}), 128))]),
@@ -10203,16 +10284,16 @@ var SmartGroupManual_default = /* @__PURE__ */ defineComponent({
 						}, null, -1)),
 						createElementVNode("b", null, toDisplayString(unassignedCount.value), 1),
 						_cache[16] || (_cache[16] = createTextVNode(" still unassigned ", -1)),
-						createElementVNode("span", _hoisted_38$2, toDisplayString(filter.value === "unassigned" ? "showing" : "show"), 1)
+						createElementVNode("span", _hoisted_38$1, toDisplayString(filter.value === "unassigned" ? "showing" : "show"), 1)
 					], 2)) : createCommentVNode("", true)
 				])]),
-				createElementVNode("div", { class: normalizeClass(["mg2-bar", { "mg2-bar--open": sel.value.size > 0 }]) }, [createElementVNode("div", _hoisted_39$2, [
-					createElementVNode("span", _hoisted_40$2, [createElementVNode("b", null, toDisplayString(sel.value.size), 1), _cache[17] || (_cache[17] = createTextVNode("\xA0selected", -1))]),
+				createElementVNode("div", { class: normalizeClass(["mg2-bar", { "mg2-bar--open": sel.value.size > 0 }]) }, [createElementVNode("div", _hoisted_39$1, [
+					createElementVNode("span", _hoisted_40$1, [createElementVNode("b", null, toDisplayString(sel.value.size), 1), _cache[17] || (_cache[17] = createTextVNode("\xA0selected", -1))]),
 					createVNode(Icon, {
 						d: ICON.arrow,
 						size: 16
 					}, null, 8, ["d"]),
-					createElementVNode("div", _hoisted_41$2, [_cache[18] || (_cache[18] = createElementVNode("span", { class: "mg2-field__l" }, "Group", -1)), createElementVNode("div", _hoisted_42, [
+					createElementVNode("div", _hoisted_41$1, [_cache[18] || (_cache[18] = createElementVNode("span", { class: "mg2-field__l" }, "Group", -1)), createElementVNode("div", _hoisted_42, [
 						createElementVNode("span", {
 							class: "sg-dot",
 							style: normalizeStyle({ background: color.value })
@@ -10319,18 +10400,20 @@ function roleLabel(role) {
 /**
 * Columns worth offering as grouping toggles: factors and replicates, plus any
 * column already enabled in `groupBy` (so a manual group-by choice still shows).
-* Preserves the engine's column order.
+* Preserves the engine's column order. `groupBy` is the schema's ORDERED layer
+* list — entry N is hierarchy layer N of the composed group names.
 */
-function candidateColumns(columns, enabled) {
+function candidateColumns(columns, groupBy) {
+	const enabled = new Set(groupBy);
 	return columns.filter((c) => c.role === "factor" || c.role === "replicate" || enabled.has(c.index));
 }
-/** The candidate column indices in display order, so card index → engine column. */
-function candidateColumnIndices(columns, enabled) {
-	return candidateColumns(columns, enabled).map((c) => c.index);
-}
-/** Map engine columns to Field Recipe cards + their on/off state (same order). */
-function engineFieldsToCards(columns, enabled) {
-	const candidates = candidateColumns(columns, enabled);
+/**
+* Map engine columns to Field Recipe cards + their on/off state (same order).
+* `layers` aligns with the cards: the column's 1-based position in the
+* `groupBy` layer order, or `null` when the column is not grouped by.
+*/
+function engineFieldsToCards(columns, groupBy) {
+	const candidates = candidateColumns(columns, groupBy);
 	return {
 		fields: candidates.map((c) => ({
 			key: c.displayName ?? c.name,
@@ -10338,7 +10421,11 @@ function engineFieldsToCards(columns, enabled) {
 			vals: c.uniqueValues.join(", "),
 			rep: c.role === "replicate"
 		})),
-		enabled: candidates.map((c) => enabled.has(c.index))
+		enabled: candidates.map((c) => groupBy.includes(c.index)),
+		layers: candidates.map((c) => {
+			const pos = groupBy.indexOf(c.index);
+			return pos === -1 ? null : pos + 1;
+		})
 	};
 }
 /** Map engine sample groups to the live preview rail shape. */
@@ -10513,8 +10600,8 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 			excludeQc.value = value === "exclude";
 			autoGroup.setClassDispositions((c) => c.kind !== "biological" && c.kind !== "unknown", value === "exclude" ? "exclude" : value === "overlay" ? "overlay" : "group");
 		}
-		const fieldCards = computed(() => engineFieldsToCards(autoGroup.fields.value, autoGroup.enabledFields.value));
-		const cardColumnIndices = computed(() => candidateColumnIndices(autoGroup.fields.value, autoGroup.enabledFields.value));
+		const groupByOrder = computed(() => autoGroup.activeSchema.value?.groupBy ?? []);
+		const fieldCards = computed(() => engineFieldsToCards(autoGroup.fields.value, groupByOrder.value));
 		const railGroups = computed(() => engineGroupsToRail(autoGroup.result.value.experimentalGroups ?? autoGroup.groups.value));
 		const qcSampleCount = computed(() => autoGroup.classes.value.filter((c) => c.kind !== "biological" && c.kind !== "unknown").reduce((acc, c) => acc + c.members.length, 0));
 		const qcChip = computed(() => qcRouting.value !== "mix" && qcSampleCount.value > 0 ? {
@@ -10524,9 +10611,14 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 		const fieldRecipeRoute = computed(() => engineToQcRoute(qcRouting.value));
 		const headerCount = computed(() => autoGroup.samples.value.length);
 		function onToggleField(cardIndex) {
-			const columnIndex = cardColumnIndices.value[cardIndex];
-			if (columnIndex === void 0) return;
-			autoGroup.toggleGroupBy(autoGroup.activeClassKey.value, columnIndex);
+			const field = fieldCards.value.fields[cardIndex];
+			if (!field) return;
+			autoGroup.toggleGroupByField(field.key);
+		}
+		function onMoveField(cardIndex, direction) {
+			const field = fieldCards.value.fields[cardIndex];
+			if (!field) return;
+			autoGroup.moveGroupByField(field.key, direction);
 		}
 		function onRouteChange(route) {
 			setQcRouting(qcRouteToEngine(route));
@@ -10634,6 +10726,7 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					fields: fieldCards.value.fields,
 					enabled: fieldCards.value.enabled,
+					layers: fieldCards.value.layers,
 					groups: railGroups.value,
 					"qc-chip": qcChip.value,
 					route: fieldRecipeRoute.value,
@@ -10643,6 +10736,7 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 					loading: experimentLoading.value,
 					"experiment-label": "",
 					onToggle: onToggleField,
+					onMove: onMoveField,
 					"onUpdate:route": onRouteChange,
 					onCsvFile,
 					onDownloadTemplate,
@@ -10654,6 +10748,7 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 				}, null, 8, [
 					"fields",
 					"enabled",
+					"layers",
 					"groups",
 					"qc-chip",
 					"route",
@@ -10682,9 +10777,9 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SampleSelectorSampleRow.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = ["title", "aria-label"];
-var _hoisted_2$29 = ["checked", "aria-label"];
-var _hoisted_3$26 = { class: "mint-sample-selector__sample-name" };
+var _hoisted_1$34 = ["title", "aria-label"];
+var _hoisted_2$30 = ["checked", "aria-label"];
+var _hoisted_3$27 = { class: "mint-sample-selector__sample-name" };
 //#endregion
 //#region src/components/SampleSelectorSampleRow.vue
 var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
@@ -10735,8 +10830,8 @@ var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
 					style: normalizeStyle(__props.accentColor ? { accentColor: __props.accentColor } : void 0),
 					"aria-label": `Select sample ${__props.sample}`,
 					onChange: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
-				}, null, 46, _hoisted_2$29),
-				createElementVNode("span", _hoisted_3$26, toDisplayString(__props.sample), 1),
+				}, null, 46, _hoisted_2$30),
+				createElementVNode("span", _hoisted_3$27, toDisplayString(__props.sample), 1),
 				__props.removable ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -10755,7 +10850,211 @@ var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					d: "M20 12H4"
 				})], -1)])])) : createCommentVNode("", true)
-			], 10, _hoisted_1$33);
+			], 10, _hoisted_1$34);
+		};
+	}
+});
+//#endregion
+//#region src/components/SampleSelector.tree.ts
+/** Every concrete group name beneath a node, in tree order. */
+function collectLeafGroupNames(node) {
+	if (node.group) return [node.group.name];
+	return node.children.flatMap(collectLeafGroupNames);
+}
+/** Expansion keys for a whole tree, used by "expand all". */
+function collectNodeKeys(nodes) {
+	return nodes.flatMap((node) => [node.key, ...collectNodeKeys(node.children)]);
+}
+//#endregion
+//#region src/components/SampleSelectorGroupNode.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$33 = ["draggable"];
+var _hoisted_2$29 = [
+	"checked",
+	"indeterminate",
+	"aria-label"
+];
+var _hoisted_3$26 = ["title", "aria-label"];
+var _hoisted_4$26 = ["title"];
+var _hoisted_5$24 = ["title", "aria-label"];
+//#endregion
+//#region src/components/SampleSelectorGroupNode.vue
+var SampleSelectorGroupNode_default = /* @__PURE__ */ defineComponent({
+	__name: "SampleSelectorGroupNode",
+	props: {
+		node: {},
+		depth: {},
+		ctx: {}
+	},
+	setup(__props) {
+		/**
+		* One row of the sample-selector group hierarchy, rendered recursively so a
+		* grouping of any depth (Tissue → Dose → Timepoint → samples) nests properly.
+		*
+		* Roots carry the family affordances (large dot, colour-family picker) and
+		* leaves carry the group affordances (sample drop target, sample rows); the
+		* levels in between are pure path nodes that aggregate their descendants.
+		*/
+		const props = __props;
+		const isRoot = computed(() => props.depth === 0);
+		const isLeaf = computed(() => props.node.children.length === 0);
+		const expanded = computed(() => props.ctx.isExpanded(props.node.key));
+		const leafGroupNames = computed(() => collectLeafGroupNames(props.node));
+		/** Roots reorder as a family, leaves as individual groups; path nodes stay put. */
+		const dragKind = computed(() => isRoot.value ? "major" : isLeaf.value ? "sub" : null);
+		/** Reorder drags address a family by its label but a group by its full name. */
+		const dragName = computed(() => isRoot.value ? props.node.label : props.node.group?.name ?? props.node.label);
+		const isDragging = computed(() => dragKind.value !== null && props.ctx.draggingGroup() === dragName.value && props.ctx.draggingGroupKind() === dragKind.value);
+		const reorderEdge = computed(() => {
+			if (dragKind.value === null) return null;
+			if (props.ctx.reorderTarget() !== dragName.value) return null;
+			if (props.ctx.draggingGroupKind() !== dragKind.value) return null;
+			return props.ctx.reorderPosition();
+		});
+		function onHeaderDragStart(event) {
+			if (dragKind.value === null) return;
+			props.ctx.onGroupDragStart(dragName.value, dragKind.value, event);
+		}
+		function onHeaderDragOver(event) {
+			if (dragKind.value === null) return;
+			props.ctx.onGroupDragOver(dragName.value, dragKind.value, event);
+		}
+		function onHeaderDrop(event) {
+			if (dragKind.value === null) return;
+			props.ctx.onGroupDrop(dragName.value, dragKind.value, event);
+		}
+		return (_ctx, _cache) => {
+			const _component_SampleSelectorGroupNode = resolveComponent("SampleSelectorGroupNode", true);
+			return openBlock(), createElementBlock("div", mergeProps({ class: [isRoot.value ? "mint-sample-selector__major-group" : "mint-sample-selector__sub-group", isLeaf.value && __props.ctx.dragOverGroup() === __props.node.group?.name ? "mint-sample-selector__sub-group--drag-over" : ""] }, toHandlers(isLeaf.value && __props.node.group ? {
+				dragover: (e) => __props.ctx.onSampleDragOver(__props.node.group.name, e),
+				dragleave: __props.ctx.onSampleDragLeave,
+				drop: (e) => __props.ctx.onSampleDrop(__props.node.group.name, e)
+			} : {}, true)), [createElementVNode("div", {
+				class: normalizeClass([
+					isRoot.value ? "mint-sample-selector__major-header" : "mint-sample-selector__sub-header",
+					isDragging.value ? "mint-sample-selector__header--dragging" : "",
+					reorderEdge.value === "before" ? "mint-sample-selector__header--drag-over-before" : "",
+					reorderEdge.value === "after" ? "mint-sample-selector__header--drag-over-after" : ""
+				]),
+				draggable: dragKind.value !== null,
+				onClick: _cache[4] || (_cache[4] = ($event) => __props.ctx.toggleExpanded(__props.node.key)),
+				onDragstart: onHeaderDragStart,
+				onDragend: _cache[5] || (_cache[5] = (...args) => __props.ctx.onGroupDragEnd && __props.ctx.onGroupDragEnd(...args)),
+				onDragover: onHeaderDragOver,
+				onDragleave: _cache[6] || (_cache[6] = ($event) => __props.ctx.onGroupDragLeave($event)),
+				onDrop: onHeaderDrop
+			}, [
+				(openBlock(), createElementBlock("svg", {
+					class: normalizeClass([
+						"mint-sample-selector__chevron",
+						isRoot.value ? "" : "mint-sample-selector__chevron--small",
+						expanded.value ? "mint-sample-selector__chevron--open" : ""
+					]),
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24"
+				}, [..._cache[7] || (_cache[7] = [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M9 5l7 7-7 7"
+				}, null, -1)])], 2)),
+				createElementVNode("input", {
+					type: "checkbox",
+					checked: __props.ctx.isFullySelected(__props.node.allSamples),
+					indeterminate: __props.ctx.isPartiallySelected(__props.node.allSamples),
+					class: normalizeClass(["mint-sample-selector__checkbox", isRoot.value ? "" : "mint-sample-selector__checkbox--small"]),
+					style: normalizeStyle({ accentColor: __props.node.color }),
+					"aria-label": `Select ${__props.node.label}`,
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+					onChange: _cache[1] || (_cache[1] = ($event) => __props.ctx.toggleSamples(__props.node.allSamples))
+				}, null, 46, _hoisted_2$29),
+				isRoot.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "mint-sample-selector__color-dot mint-sample-selector__color-dot--large mint-sample-selector__color-dot--clickable",
+					style: normalizeStyle({ backgroundColor: __props.node.color }),
+					title: `Change ${__props.node.label} color family`,
+					"aria-label": `Change ${__props.node.label} color family`,
+					onClick: _cache[2] || (_cache[2] = withModifiers(($event) => __props.ctx.openColorPicker(leafGroupNames.value, $event), ["stop"]))
+				}, null, 12, _hoisted_3$26)) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "mint-sample-selector__color-dot",
+					style: normalizeStyle({ backgroundColor: __props.node.color }),
+					"aria-hidden": "true"
+				}, null, 4)),
+				createElementVNode("span", {
+					class: normalizeClass(isRoot.value ? "mint-sample-selector__major-name" : "mint-sample-selector__sub-name"),
+					title: __props.node.group?.name ?? __props.node.label
+				}, toDisplayString(__props.node.label), 11, _hoisted_4$26),
+				createElementVNode("span", {
+					class: normalizeClass(["mint-sample-selector__count-badge", isRoot.value ? "" : "mint-sample-selector__count-badge--small"]),
+					style: normalizeStyle({
+						backgroundColor: __props.node.displayBg,
+						color: __props.node.color
+					})
+				}, toDisplayString(__props.node.allSamples.length), 7),
+				createElementVNode("button", {
+					type: "button",
+					class: "mint-sample-selector__delete-btn mint-sample-selector__delete-btn--hidden",
+					title: `Remove ${__props.node.label}`,
+					"aria-label": `Remove ${__props.node.label}`,
+					onClick: _cache[3] || (_cache[3] = withModifiers(($event) => __props.ctx.removeGroups(leafGroupNames.value), ["stop"]))
+				}, [..._cache[8] || (_cache[8] = [createElementVNode("svg", {
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M6 18L18 6M6 6l12 12"
+				})], -1)])], 8, _hoisted_5$24)
+			], 42, _hoisted_1$33), createVNode(Transition, { name: "mint-collapse" }, {
+				default: withCtx(() => [expanded.value && !isLeaf.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "mint-sample-selector__sub-groups",
+					style: normalizeStyle({ borderColor: __props.node.displayBorder })
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, (child) => {
+					return openBlock(), createBlock(_component_SampleSelectorGroupNode, {
+						key: child.key,
+						node: child,
+						depth: __props.depth + 1,
+						ctx: __props.ctx
+					}, null, 8, [
+						"node",
+						"depth",
+						"ctx"
+					]);
+				}), 128))], 4)) : expanded.value && __props.node.group ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "mint-sample-selector__samples",
+					style: normalizeStyle({ borderColor: __props.node.displayBorder })
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.group.samples, (sample) => {
+					return openBlock(), createBlock(SampleSelectorSampleRow_default, {
+						key: sample,
+						sample,
+						selected: __props.ctx.isSampleSelected(sample),
+						dragging: __props.ctx.draggingSample() === sample,
+						"accent-color": __props.node.color,
+						"checkbox-size": "tiny",
+						removable: "",
+						onDragstart: (e) => __props.ctx.onSampleDragStart(sample, __props.node.group.name, e),
+						onDragend: __props.ctx.onSampleDragEnd,
+						onToggle: ($event) => __props.ctx.toggleSample(sample),
+						onRemove: ($event) => __props.ctx.removeSampleFromGroup(sample, __props.node.group.name)
+					}, null, 8, [
+						"sample",
+						"selected",
+						"dragging",
+						"accent-color",
+						"onDragstart",
+						"onDragend",
+						"onToggle",
+						"onRemove"
+					]);
+				}), 128))], 4)) : createCommentVNode("", true)]),
+				_: 1
+			})], 16);
 		};
 	}
 });
@@ -10764,10 +11063,6 @@ var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
 function detectSampleGroupSeparator(groups) {
 	return groups.some((group) => group.name.includes("/")) ? "/" : "_";
 }
-function getSampleGroupMajorPrefix(groupName, separator) {
-	const parts = groupName.split(separator);
-	return parts.length > 1 ? parts[0] : groupName;
-}
 function moveSampleToGroup(groups, sample, sourceGroup, targetGroup) {
 	if (sourceGroup === targetGroup) return groups;
 	return groups.map((group) => {
@@ -10782,12 +11077,14 @@ function moveSampleToGroup(groups, sample, sourceGroup, targetGroup) {
 		return group;
 	});
 }
-function removeSampleGroup(groups, groupName) {
-	return groups.filter((group) => group.name !== groupName);
-}
-function removeSampleMajorGroup(groups, majorGroup) {
-	const groupNames = new Set(majorGroup.subGroups.map((group) => group.name));
-	return groups.filter((group) => !groupNames.has(group.name));
+/**
+* Drop every named group. Callers pass the concrete group names beneath the
+* node being removed, so one helper covers a single group, a whole family, or
+* any intermediate hierarchy level.
+*/
+function removeSampleGroups(groups, groupNames) {
+	const removing = new Set(groupNames);
+	return groups.filter((group) => !removing.has(group.name));
 }
 function removeSampleFromGroup(groups, sample, groupName) {
 	return groups.map((group) => group.name === groupName ? {
@@ -10893,7 +11190,7 @@ function useSampleSelectorDrag(groups) {
 		if (draggingGroup.value === name) return;
 		if (kind === "sub") {
 			const separator = detectSampleGroupSeparator(groups.value);
-			if (getSampleGroupMajorPrefix(draggingGroup.value, separator) !== getSampleGroupMajorPrefix(name, separator)) return;
+			if (getSampleGroupParentPath(draggingGroup.value, separator) !== getSampleGroupParentPath(name, separator)) return;
 		}
 		event.preventDefault();
 		if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
@@ -10949,6 +11246,11 @@ function useSampleSelectorDrag(groups) {
 }
 //#endregion
 //#region src/components/SampleSelector.selection.ts
+/**
+* Selection state for the sample selector. Works on plain sample arrays rather
+* than group names, so any level of the group hierarchy can drive it by handing
+* over the samples beneath that node.
+*/
 function useSampleSelectorSelection(options) {
 	const sampleSelection = useListSelection({
 		selected: options.selected,
@@ -10966,46 +11268,19 @@ function useSampleSelectorSelection(options) {
 	function toggleSamplesSelection(samples) {
 		emitSelection(sampleSelection.toggleValues(samples));
 	}
-	function toggleGroupSamples(groupName) {
-		const group = options.findGroup(groupName);
-		if (!group) return;
-		toggleSamplesSelection(group.samples);
-	}
-	function toggleMajorGroupSamples(majorGroup) {
-		toggleSamplesSelection(majorGroup.allSamples);
-	}
 	function isFullySelected(samples) {
 		return sampleSelection.isFullySelected(samples);
 	}
 	function isPartiallySelected(samples) {
 		return sampleSelection.isPartiallySelected(samples);
 	}
-	function isGroupFullySelected(groupName) {
-		const group = options.findGroup(groupName);
-		return group ? isFullySelected(group.samples) : false;
-	}
-	function isGroupPartiallySelected(groupName) {
-		const group = options.findGroup(groupName);
-		return group ? isPartiallySelected(group.samples) : false;
-	}
-	function isMajorGroupFullySelected(majorGroup) {
-		return isFullySelected(majorGroup.allSamples);
-	}
-	function isMajorGroupPartiallySelected(majorGroup) {
-		return isPartiallySelected(majorGroup.allSamples);
-	}
 	return {
 		isAllSelected: sampleSelection.isAllSelected,
 		toggleSelectAll,
 		toggleSample,
-		toggleGroupSamples,
-		toggleMajorGroupSamples,
+		toggleSamplesSelection,
 		isFullySelected,
-		isPartiallySelected,
-		isGroupFullySelected,
-		isGroupPartiallySelected,
-		isMajorGroupFullySelected,
-		isMajorGroupPartiallySelected
+		isPartiallySelected
 	};
 }
 //#endregion
@@ -11040,78 +11315,35 @@ var _hoisted_9$15 = {
 var _hoisted_10$15 = { class: "mint-sample-selector__groups-header" };
 var _hoisted_11$13 = { class: "mint-sample-selector__groups-title" };
 var _hoisted_12$12 = { class: "mint-sample-selector__tree" };
-var _hoisted_13$12 = [
-	"onClick",
-	"onDragstart",
-	"onDragover",
-	"onDrop"
-];
-var _hoisted_14$10 = [
-	"checked",
-	"indeterminate",
-	"onChange"
-];
-var _hoisted_15$9 = ["onClick"];
-var _hoisted_16$8 = { class: "mint-sample-selector__major-name" };
-var _hoisted_17$8 = ["onClick"];
-var _hoisted_18$8 = ["onDragover", "onDrop"];
-var _hoisted_19$8 = [
-	"onClick",
-	"onDragstart",
-	"onDragover",
-	"onDrop"
-];
-var _hoisted_20$7 = [
-	"checked",
-	"indeterminate",
-	"onChange"
-];
-var _hoisted_21$6 = { class: "mint-sample-selector__sub-name" };
-var _hoisted_22$5 = ["onClick"];
-var _hoisted_23$4 = ["onDragover", "onDrop"];
-var _hoisted_24$4 = [
-	"onClick",
-	"onDragstart",
-	"onDragover",
-	"onDrop"
-];
-var _hoisted_25$4 = [
-	"checked",
-	"indeterminate",
-	"onChange"
-];
-var _hoisted_26$4 = ["onClick"];
-var _hoisted_27$3 = { class: "mint-sample-selector__major-name" };
-var _hoisted_28$2 = ["onClick"];
-var _hoisted_29$1 = {
-	key: 2,
+var _hoisted_13$12 = {
+	key: 0,
 	class: "mint-sample-selector__empty"
 };
-var _hoisted_30$1 = {
+var _hoisted_14$10 = {
 	key: 0,
 	class: "mint-sample-selector__ungrouped"
 };
-var _hoisted_31$1 = { class: "mint-sample-selector__ungrouped-count" };
-var _hoisted_32$1 = {
+var _hoisted_15$9 = { class: "mint-sample-selector__ungrouped-count" };
+var _hoisted_16$8 = {
 	key: 0,
 	class: "mint-sample-selector__ungrouped-list"
 };
-var _hoisted_33$1 = { class: "mint-sample-selector__new-group" };
-var _hoisted_34$1 = ["value"];
-var _hoisted_35$1 = {
+var _hoisted_17$8 = { class: "mint-sample-selector__new-group" };
+var _hoisted_18$8 = ["value"];
+var _hoisted_19$8 = {
 	key: 2,
 	class: "mint-sample-selector__flat"
 };
-var _hoisted_36$1 = { class: "mint-sample-selector__search" };
-var _hoisted_37$1 = { class: "mint-sample-selector__flat-list" };
-var _hoisted_38$1 = ["title", "aria-label"];
-var _hoisted_39$1 = [
+var _hoisted_20$7 = { class: "mint-sample-selector__search" };
+var _hoisted_21$6 = { class: "mint-sample-selector__flat-list" };
+var _hoisted_22$5 = ["title", "aria-label"];
+var _hoisted_23$4 = [
 	"checked",
 	"aria-label",
 	"onChange"
 ];
-var _hoisted_40$1 = { class: "mint-sample-selector__flat-name" };
-var _hoisted_41$1 = {
+var _hoisted_24$4 = { class: "mint-sample-selector__flat-name" };
+var _hoisted_25$4 = {
 	key: 0,
 	class: "mint-sample-selector__empty"
 };
@@ -11172,8 +11404,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 			samples: () => resolvedSamples.value,
 			groups: internalGroups
 		});
-		const hierarchicalGroups = sampleGroups.hierarchicalGroups;
-		const showHierarchy = sampleGroups.showHierarchy;
+		const groupTree = sampleGroups.groupTree;
 		const groupingEnabled = computed(() => internalGroups.value.length > 0);
 		const ungroupedSamples = sampleGroups.ungroupedSamples;
 		const groupingActionMode = computed(() => props.enableSmartGroup ? "auto" : "manual");
@@ -11182,10 +11413,9 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 			query: searchQuery,
 			getText: (sample) => sample
 		}).filteredItems;
-		const { isAllSelected, toggleSelectAll, toggleSample, toggleGroupSamples, toggleMajorGroupSamples, isGroupFullySelected, isGroupPartiallySelected, isMajorGroupFullySelected, isMajorGroupPartiallySelected } = useSampleSelectorSelection({
+		const { isAllSelected, toggleSelectAll, toggleSample, toggleSamplesSelection, isFullySelected, isPartiallySelected } = useSampleSelectorSelection({
 			selected: () => props.modelValue,
 			samples: () => resolvedSamples.value,
-			findGroup: sampleGroups.findGroup,
 			emitSelected: (samples) => emit("update:modelValue", samples)
 		});
 		function toggleGroupExpanded(groupName) {
@@ -11195,13 +11425,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 			return groupExpansion.isExpanded(groupName);
 		}
 		function expandAllGroups() {
-			const expanded = [];
-			for (const major of hierarchicalGroups.value) {
-				expanded.push(`major:${major.name}`);
-				for (const sub of major.subGroups) expanded.push(sub.name);
-			}
-			expanded.push("__ungrouped__");
-			groupExpansion.setExpanded(expanded);
+			groupExpansion.setExpanded([...collectNodeKeys(groupTree.value), "__ungrouped__"]);
 		}
 		function collapseAllGroups() {
 			groupExpansion.collapseAll();
@@ -11217,28 +11441,20 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 		function clearGroups() {
 			internalGroups.value = [];
 		}
-		function deleteMajorGroup(majorGroup) {
-			internalGroups.value = removeSampleMajorGroup(internalGroups.value, majorGroup);
-		}
-		function deleteGroup(groupName) {
-			internalGroups.value = removeSampleGroup(internalGroups.value, groupName);
+		function deleteGroups(groupNames) {
+			internalGroups.value = removeSampleGroups(internalGroups.value, groupNames);
 		}
 		function removeSampleFromGroup$1(sample, groupName) {
 			internalGroups.value = removeSampleFromGroup(internalGroups.value, sample, groupName);
 		}
-		function openColorPicker(groupName, event) {
+		function openColorPicker(groupNames, event) {
 			event.stopPropagation();
-			editingColor.value = {
+			editingColor.value = groupNames.length === 1 ? {
 				kind: "single",
-				name: groupName
-			};
-			colorPickerInput.value?.click();
-		}
-		function openMajorGroupColorPicker(majorGroup, event) {
-			event.stopPropagation();
-			editingColor.value = {
+				name: groupNames[0]
+			} : {
 				kind: "family",
-				names: majorGroup.subGroups.map((sg) => sg.name)
+				names: groupNames
 			};
 			colorPickerInput.value?.click();
 		}
@@ -11255,6 +11471,34 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 		const colorPickerSeed = computed(() => {
 			return getSampleGroupColorEditSeed(editingColor.value, getGroupColor);
 		});
+		const treeContext = computed(() => ({
+			isExpanded: isGroupExpanded,
+			toggleExpanded: toggleGroupExpanded,
+			isSampleSelected: (sample) => props.modelValue.includes(sample),
+			isFullySelected,
+			isPartiallySelected,
+			toggleSamples: toggleSamplesSelection,
+			toggleSample,
+			removeGroups: deleteGroups,
+			removeSampleFromGroup: removeSampleFromGroup$1,
+			openColorPicker,
+			draggingSample: () => draggingSample.value,
+			dragOverGroup: () => dragOverGroup.value,
+			draggingGroup: () => draggingGroup.value,
+			draggingGroupKind: () => draggingGroupKind.value,
+			reorderTarget: () => reorderTarget.value,
+			reorderPosition: () => reorderPosition.value,
+			onSampleDragStart: handleDragStart,
+			onSampleDragEnd: handleDragEnd,
+			onSampleDragOver: handleDragOver,
+			onSampleDragLeave: handleDragLeave,
+			onSampleDrop: handleDrop,
+			onGroupDragStart: handleGroupDragStart,
+			onGroupDragEnd: handleGroupDragEnd,
+			onGroupDragOver: handleGroupDragOver,
+			onGroupDragLeave: handleGroupDragLeave,
+			onGroupDrop: handleGroupDrop
+		}));
 		function addNewGroup() {
 			const newGroup = createSampleGroup(newGroupName.value, internalGroups.value);
 			if (!newGroup) return;
@@ -11271,7 +11515,7 @@ 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[6] || (_cache[6] = 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, [createVNode(BaseButton_default, {
@@ -11281,17 +11525,17 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 					class: "mint-sample-selector__action-btn",
 					onClick: _cache[1] || (_cache[1] = ($event) => openGroupingModal(groupingActionMode.value))
 				}, {
-					default: withCtx(() => [__props.enableSmartGroup ? (openBlock(), createElementBlock("svg", _hoisted_7$20, [..._cache[18] || (_cache[18] = [createElementVNode("path", {
+					default: withCtx(() => [__props.enableSmartGroup ? (openBlock(), createElementBlock("svg", _hoisted_7$20, [..._cache[7] || (_cache[7] = [createElementVNode("path", {
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-width": "2",
 						d: "M13 10V3L4 14h7v7l9-11h-7z"
-					}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_8$17, [..._cache[19] || (_cache[19] = [createElementVNode("path", {
+					}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_8$17, [..._cache[8] || (_cache[8] = [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"
-					}, null, -1)])])), _cache[20] || (_cache[20] = createElementVNode("span", { class: "mint-sample-selector__action-label" }, "Grouping", -1))]),
+					}, null, -1)])])), _cache[9] || (_cache[9] = createElementVNode("span", { class: "mint-sample-selector__action-label" }, "Grouping", -1))]),
 					_: 1
 				}, 8, ["variant", "disabled"]), createVNode(BaseButton_default, {
 					variant: "ghost",
@@ -11301,7 +11545,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 					onClick: clearGroups,
 					title: "Clear all groups"
 				}, {
-					default: withCtx(() => [..._cache[21] || (_cache[21] = [createElementVNode("svg", {
+					default: withCtx(() => [..._cache[10] || (_cache[10] = [createElementVNode("svg", {
 						class: "mint-sample-selector__action-icon",
 						fill: "none",
 						stroke: "currentColor",
@@ -11321,7 +11565,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						onClick: expandAllGroups,
 						title: "Expand all",
 						"aria-label": "Expand all groups"
-					}, [..._cache[22] || (_cache[22] = [createElementVNode("svg", {
+					}, [..._cache[11] || (_cache[11] = [createElementVNode("svg", {
 						class: "mint-sample-selector__expand-icon",
 						fill: "none",
 						stroke: "currentColor",
@@ -11337,7 +11581,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						onClick: collapseAllGroups,
 						title: "Collapse all",
 						"aria-label": "Collapse all groups"
-					}, [..._cache[23] || (_cache[23] = [createElementVNode("svg", {
+					}, [..._cache[12] || (_cache[12] = [createElementVNode("svg", {
 						class: "mint-sample-selector__expand-icon",
 						fill: "none",
 						stroke: "currentColor",
@@ -11348,307 +11592,33 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						d: "M9 5l7 7-7 7"
 					})], -1)])])])]),
-					createElementVNode("div", _hoisted_12$12, [unref(showHierarchy) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(hierarchicalGroups), (majorGroup) => {
-						return openBlock(), createElementBlock("div", {
-							key: majorGroup.name,
-							class: "mint-sample-selector__major-group"
-						}, [createElementVNode("div", {
-							class: normalizeClass([
-								"mint-sample-selector__major-header",
-								unref(draggingGroup) === majorGroup.name && unref(draggingGroupKind) === "major" ? "mint-sample-selector__header--dragging" : "",
-								unref(reorderTarget) === majorGroup.name && unref(draggingGroupKind) === "major" && unref(reorderPosition) === "before" ? "mint-sample-selector__header--drag-over-before" : "",
-								unref(reorderTarget) === majorGroup.name && unref(draggingGroupKind) === "major" && unref(reorderPosition) === "after" ? "mint-sample-selector__header--drag-over-after" : ""
-							]),
-							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)),
-							onDragover: ($event) => unref(handleGroupDragOver)(majorGroup.name, "major", $event),
-							onDragleave: _cache[4] || (_cache[4] = ($event) => unref(handleGroupDragLeave)($event)),
-							onDrop: ($event) => unref(handleGroupDrop)(majorGroup.name, "major", $event)
-						}, [
-							(openBlock(), createElementBlock("svg", {
-								class: normalizeClass(["mint-sample-selector__chevron", isGroupExpanded(`major:${majorGroup.name}`) ? "mint-sample-selector__chevron--open" : ""]),
-								fill: "none",
-								stroke: "currentColor",
-								viewBox: "0 0 24 24"
-							}, [..._cache[24] || (_cache[24] = [createElementVNode("path", {
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round",
-								"stroke-width": "2",
-								d: "M9 5l7 7-7 7"
-							}, null, -1)])], 2)),
-							createElementVNode("input", {
-								type: "checkbox",
-								checked: unref(isMajorGroupFullySelected)(majorGroup),
-								indeterminate: unref(isMajorGroupPartiallySelected)(majorGroup),
-								class: "mint-sample-selector__checkbox",
-								style: normalizeStyle({ accentColor: majorGroup.color }),
-								onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
-								onChange: ($event) => unref(toggleMajorGroupSamples)(majorGroup)
-							}, null, 44, _hoisted_14$10),
-							createElementVNode("button", {
-								type: "button",
-								class: "mint-sample-selector__color-dot mint-sample-selector__color-dot--large mint-sample-selector__color-dot--clickable",
-								style: normalizeStyle({ backgroundColor: majorGroup.color }),
-								onClick: withModifiers(($event) => openMajorGroupColorPicker(majorGroup, $event), ["stop"]),
-								title: "Click to change color family"
-							}, null, 12, _hoisted_15$9),
-							createElementVNode("span", _hoisted_16$8, toDisplayString(majorGroup.name), 1),
-							createElementVNode("span", {
-								class: "mint-sample-selector__count-badge",
-								style: normalizeStyle({
-									backgroundColor: majorGroup.color + "20",
-									color: majorGroup.color
-								})
-							}, toDisplayString(majorGroup.allSamples.length), 5),
-							createElementVNode("button", {
-								type: "button",
-								class: "mint-sample-selector__delete-btn mint-sample-selector__delete-btn--hidden",
-								onClick: withModifiers(($event) => deleteMajorGroup(majorGroup), ["stop"]),
-								title: "Remove major group"
-							}, [..._cache[25] || (_cache[25] = [createElementVNode("svg", {
-								fill: "none",
-								stroke: "currentColor",
-								viewBox: "0 0 24 24"
-							}, [createElementVNode("path", {
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round",
-								"stroke-width": "2",
-								d: "M6 18L18 6M6 6l12 12"
-							})], -1)])], 8, _hoisted_17$8)
-						], 42, _hoisted_13$12), createVNode(Transition, { name: "mint-collapse" }, {
-							default: withCtx(() => [isGroupExpanded(`major:${majorGroup.name}`) ? (openBlock(), createElementBlock("div", {
-								key: 0,
-								class: "mint-sample-selector__sub-groups",
-								style: normalizeStyle({ borderColor: majorGroup.color + "30" })
-							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(majorGroup.subGroups, (subGroup) => {
-								return openBlock(), createElementBlock("div", {
-									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)),
-									onDrop: ($event) => unref(handleDrop)(subGroup.name, $event)
-								}, [createElementVNode("div", {
-									class: normalizeClass([
-										"mint-sample-selector__sub-header",
-										unref(draggingGroup) === subGroup.name && unref(draggingGroupKind) === "sub" ? "mint-sample-selector__header--dragging" : "",
-										unref(reorderTarget) === subGroup.name && unref(draggingGroupKind) === "sub" && unref(reorderPosition) === "before" ? "mint-sample-selector__header--drag-over-before" : "",
-										unref(reorderTarget) === subGroup.name && unref(draggingGroupKind) === "sub" && unref(reorderPosition) === "after" ? "mint-sample-selector__header--drag-over-after" : ""
-									]),
-									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)),
-									onDragover: ($event) => unref(handleGroupDragOver)(subGroup.name, "sub", $event),
-									onDragleave: _cache[7] || (_cache[7] = ($event) => unref(handleGroupDragLeave)($event)),
-									onDrop: ($event) => unref(handleGroupDrop)(subGroup.name, "sub", $event)
-								}, [
-									(openBlock(), createElementBlock("svg", {
-										class: normalizeClass(["mint-sample-selector__chevron mint-sample-selector__chevron--small", isGroupExpanded(subGroup.name) ? "mint-sample-selector__chevron--open" : ""]),
-										fill: "none",
-										stroke: "currentColor",
-										viewBox: "0 0 24 24"
-									}, [..._cache[26] || (_cache[26] = [createElementVNode("path", {
-										"stroke-linecap": "round",
-										"stroke-linejoin": "round",
-										"stroke-width": "2",
-										d: "M9 5l7 7-7 7"
-									}, null, -1)])], 2)),
-									createElementVNode("input", {
-										type: "checkbox",
-										checked: unref(isGroupFullySelected)(subGroup.name),
-										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"])),
-										onChange: ($event) => unref(toggleGroupSamples)(subGroup.name)
-									}, null, 44, _hoisted_20$7),
-									createElementVNode("div", {
-										class: "mint-sample-selector__color-dot",
-										style: normalizeStyle({ backgroundColor: subGroup.displayColor }),
-										"aria-hidden": "true"
-									}, null, 4),
-									createElementVNode("span", _hoisted_21$6, toDisplayString(subGroup.name), 1),
-									createElementVNode("span", {
-										class: "mint-sample-selector__count-badge mint-sample-selector__count-badge--small",
-										style: normalizeStyle({
-											backgroundColor: subGroup.displayBg,
-											color: subGroup.displayColor
-										})
-									}, toDisplayString(subGroup.samples.length), 5),
-									createElementVNode("button", {
-										type: "button",
-										class: "mint-sample-selector__delete-btn mint-sample-selector__delete-btn--hidden",
-										onClick: withModifiers(($event) => deleteGroup(subGroup.name), ["stop"]),
-										title: "Remove sub group"
-									}, [..._cache[27] || (_cache[27] = [createElementVNode("svg", {
-										fill: "none",
-										stroke: "currentColor",
-										viewBox: "0 0 24 24"
-									}, [createElementVNode("path", {
-										"stroke-linecap": "round",
-										"stroke-linejoin": "round",
-										"stroke-width": "2",
-										d: "M6 18L18 6M6 6l12 12"
-									})], -1)])], 8, _hoisted_22$5)
-								], 42, _hoisted_19$8), createVNode(Transition, { name: "mint-collapse" }, {
-									default: withCtx(() => [isGroupExpanded(subGroup.name) ? (openBlock(), createElementBlock("div", {
-										key: 0,
-										class: "mint-sample-selector__samples",
-										style: normalizeStyle({ borderColor: subGroup.displayBorder })
-									}, [(openBlock(true), createElementBlock(Fragment, null, renderList(subGroup.samples, (sample) => {
-										return openBlock(), createBlock(SampleSelectorSampleRow_default, {
-											key: sample,
-											sample,
-											selected: __props.modelValue.includes(sample),
-											dragging: unref(draggingSample) === sample,
-											"accent-color": subGroup.displayColor,
-											"checkbox-size": "tiny",
-											removable: "",
-											onDragstart: ($event) => unref(handleDragStart)(sample, subGroup.name, $event),
-											onDragend: unref(handleDragEnd),
-											onToggle: ($event) => unref(toggleSample)(sample),
-											onRemove: ($event) => removeSampleFromGroup$1(sample, subGroup.name)
-										}, null, 8, [
-											"sample",
-											"selected",
-											"dragging",
-											"accent-color",
-											"onDragstart",
-											"onDragend",
-											"onToggle",
-											"onRemove"
-										]);
-									}), 128))], 4)) : createCommentVNode("", true)]),
-									_: 2
-								}, 1024)], 42, _hoisted_18$8);
-							}), 128))], 4)) : createCommentVNode("", true)]),
-							_: 2
-						}, 1024)]);
-					}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(internalGroups.value, (group) => {
-						return openBlock(), createElementBlock("div", {
-							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)),
-							onDrop: ($event) => unref(handleDrop)(group.name, $event)
-						}, [createElementVNode("div", {
-							class: normalizeClass([
-								"mint-sample-selector__major-header",
-								unref(draggingGroup) === group.name && unref(draggingGroupKind) === "flat" ? "mint-sample-selector__header--dragging" : "",
-								unref(reorderTarget) === group.name && unref(draggingGroupKind) === "flat" && unref(reorderPosition) === "before" ? "mint-sample-selector__header--drag-over-before" : "",
-								unref(reorderTarget) === group.name && unref(draggingGroupKind) === "flat" && unref(reorderPosition) === "after" ? "mint-sample-selector__header--drag-over-after" : ""
-							]),
-							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)),
-							onDragover: ($event) => unref(handleGroupDragOver)(group.name, "flat", $event),
-							onDragleave: _cache[11] || (_cache[11] = ($event) => unref(handleGroupDragLeave)($event)),
-							onDrop: ($event) => unref(handleGroupDrop)(group.name, "flat", $event)
-						}, [
-							(openBlock(), createElementBlock("svg", {
-								class: normalizeClass(["mint-sample-selector__chevron", isGroupExpanded(group.name) ? "mint-sample-selector__chevron--open" : ""]),
-								fill: "none",
-								stroke: "currentColor",
-								viewBox: "0 0 24 24"
-							}, [..._cache[28] || (_cache[28] = [createElementVNode("path", {
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round",
-								"stroke-width": "2",
-								d: "M9 5l7 7-7 7"
-							}, null, -1)])], 2)),
-							createElementVNode("input", {
-								type: "checkbox",
-								checked: unref(isGroupFullySelected)(group.name),
-								indeterminate: unref(isGroupPartiallySelected)(group.name),
-								class: "mint-sample-selector__checkbox",
-								style: normalizeStyle({ accentColor: group.color }),
-								onClick: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"])),
-								onChange: ($event) => unref(toggleGroupSamples)(group.name)
-							}, null, 44, _hoisted_25$4),
-							createElementVNode("button", {
-								type: "button",
-								class: "mint-sample-selector__color-dot mint-sample-selector__color-dot--large mint-sample-selector__color-dot--clickable",
-								style: normalizeStyle({ backgroundColor: group.color }),
-								onClick: withModifiers(($event) => openColorPicker(group.name, $event), ["stop"]),
-								title: "Click to change color"
-							}, null, 12, _hoisted_26$4),
-							createElementVNode("span", _hoisted_27$3, toDisplayString(group.name), 1),
-							createElementVNode("span", {
-								class: "mint-sample-selector__count-badge",
-								style: normalizeStyle({
-									backgroundColor: group.color + "20",
-									color: group.color
-								})
-							}, toDisplayString(group.samples.length), 5),
-							createElementVNode("button", {
-								type: "button",
-								class: "mint-sample-selector__delete-btn mint-sample-selector__delete-btn--hidden",
-								onClick: withModifiers(($event) => deleteGroup(group.name), ["stop"]),
-								title: "Remove group"
-							}, [..._cache[29] || (_cache[29] = [createElementVNode("svg", {
-								fill: "none",
-								stroke: "currentColor",
-								viewBox: "0 0 24 24"
-							}, [createElementVNode("path", {
-								"stroke-linecap": "round",
-								"stroke-linejoin": "round",
-								"stroke-width": "2",
-								d: "M6 18L18 6M6 6l12 12"
-							})], -1)])], 8, _hoisted_28$2)
-						], 42, _hoisted_24$4), createVNode(Transition, { name: "mint-collapse" }, {
-							default: withCtx(() => [isGroupExpanded(group.name) ? (openBlock(), createElementBlock("div", {
-								key: 0,
-								class: "mint-sample-selector__samples",
-								style: normalizeStyle({ borderColor: group.color + "40" })
-							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.samples, (sample) => {
-								return openBlock(), createBlock(SampleSelectorSampleRow_default, {
-									key: sample,
-									sample,
-									selected: __props.modelValue.includes(sample),
-									dragging: unref(draggingSample) === sample,
-									"accent-color": group.color,
-									"checkbox-size": "tiny",
-									removable: "",
-									onDragstart: ($event) => unref(handleDragStart)(sample, group.name, $event),
-									onDragend: unref(handleDragEnd),
-									onToggle: ($event) => unref(toggleSample)(sample),
-									onRemove: ($event) => removeSampleFromGroup$1(sample, group.name)
-								}, null, 8, [
-									"sample",
-									"selected",
-									"dragging",
-									"accent-color",
-									"onDragstart",
-									"onDragend",
-									"onToggle",
-									"onRemove"
-								]);
-							}), 128))], 4)) : createCommentVNode("", true)]),
-							_: 2
-						}, 1024)], 42, _hoisted_23$4);
-					}), 128)), internalGroups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_29$1, " Click Smart to auto-group samples ")) : createCommentVNode("", true)]),
-					unref(ungroupedSamples).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_30$1, [createElementVNode("div", {
+					createElementVNode("div", _hoisted_12$12, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(groupTree), (node) => {
+						return openBlock(), createBlock(SampleSelectorGroupNode_default, {
+							key: node.key,
+							node,
+							depth: 0,
+							ctx: treeContext.value
+						}, null, 8, ["node", "ctx"]);
+					}), 128)), internalGroups.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_13$12, " Click Smart to auto-group samples ")) : createCommentVNode("", true)]),
+					unref(ungroupedSamples).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_14$10, [createElementVNode("div", {
 						class: "mint-sample-selector__ungrouped-header",
-						onClick: _cache[13] || (_cache[13] = ($event) => toggleGroupExpanded("__ungrouped__"))
+						onClick: _cache[2] || (_cache[2] = ($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[30] || (_cache[30] = [createElementVNode("path", {
+						}, [..._cache[13] || (_cache[13] = [createElementVNode("path", {
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"stroke-width": "2",
 							d: "M9 5l7 7-7 7"
 						}, null, -1)])], 2)),
-						_cache[31] || (_cache[31] = createElementVNode("span", { class: "mint-sample-selector__ungrouped-label" }, "Ungrouped", -1)),
-						createElementVNode("span", _hoisted_31$1, toDisplayString(unref(ungroupedSamples).length), 1)
+						_cache[14] || (_cache[14] = createElementVNode("span", { class: "mint-sample-selector__ungrouped-label" }, "Ungrouped", -1)),
+						createElementVNode("span", _hoisted_15$9, toDisplayString(unref(ungroupedSamples).length), 1)
 					]), createVNode(Transition, { name: "mint-collapse" }, {
-						default: withCtx(() => [isGroupExpanded("__ungrouped__") ? (openBlock(), createElementBlock("div", _hoisted_32$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(ungroupedSamples), (sample) => {
+						default: withCtx(() => [isGroupExpanded("__ungrouped__") ? (openBlock(), createElementBlock("div", _hoisted_16$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(ungroupedSamples), (sample) => {
 							return openBlock(), createBlock(SampleSelectorSampleRow_default, {
 								key: sample,
 								sample,
@@ -11669,9 +11639,9 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						}), 128))])) : createCommentVNode("", true)]),
 						_: 1
 					})])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_33$1, [createVNode(BaseInput_default, {
+					createElementVNode("div", _hoisted_17$8, [createVNode(BaseInput_default, {
 						modelValue: newGroupName.value,
-						"onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => newGroupName.value = $event),
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => newGroupName.value = $event),
 						placeholder: "New group name...",
 						class: "mint-sample-selector__new-group-input",
 						onKeyup: withKeys(addNewGroup, ["enter"])
@@ -11682,7 +11652,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						class: "mint-sample-selector__new-group-btn",
 						onClick: addNewGroup
 					}, {
-						default: withCtx(() => [..._cache[32] || (_cache[32] = [createTextVNode(" Add ", -1)])]),
+						default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(" Add ", -1)])]),
 						_: 1
 					}, 8, ["disabled"])]),
 					createElementVNode("input", {
@@ -11692,9 +11662,9 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						class: "mint-sample-selector__color-input",
 						value: colorPickerSeed.value,
 						onChange: handleColorChange
-					}, null, 40, _hoisted_34$1)
+					}, null, 40, _hoisted_18$8)
 				])) : createCommentVNode("", true),
-				!groupingEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_35$1, [createElementVNode("div", _hoisted_36$1, [_cache[33] || (_cache[33] = createElementVNode("svg", {
+				!groupingEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_19$8, [createElementVNode("div", _hoisted_20$7, [_cache[16] || (_cache[16] = createElementVNode("svg", {
 					class: "mint-sample-selector__search-icon",
 					fill: "none",
 					stroke: "currentColor",
@@ -11705,11 +11675,11 @@ 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[4] || (_cache[4] = ($event) => searchQuery.value = $event),
 					type: "text",
 					placeholder: "Search samples...",
 					class: "mint-sample-selector__search-input"
-				}, null, 512), [[vModelText, searchQuery.value]])]), createElementVNode("div", _hoisted_37$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredSamples), (sample) => {
+				}, null, 512), [[vModelText, searchQuery.value]])]), createElementVNode("div", _hoisted_21$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredSamples), (sample) => {
 					return openBlock(), createElementBlock("div", {
 						key: sample,
 						class: "mint-sample-selector__flat-item",
@@ -11721,11 +11691,11 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						class: "mint-sample-selector__checkbox",
 						"aria-label": `Select ${sample}`,
 						onChange: ($event) => unref(toggleSample)(sample)
-					}, null, 40, _hoisted_39$1), createElementVNode("span", _hoisted_40$1, toDisplayString(sample), 1)], 8, _hoisted_38$1);
-				}), 128)), unref(filteredSamples).length === 0 && searchQuery.value.trim() ? (openBlock(), createElementBlock("div", _hoisted_41$1, " No samples match \"" + toDisplayString(searchQuery.value) + "\" ", 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+					}, null, 40, _hoisted_23$4), createElementVNode("span", _hoisted_24$4, toDisplayString(sample), 1)], 8, _hoisted_22$5);
+				}), 128)), unref(filteredSamples).length === 0 && searchQuery.value.trim() ? (openBlock(), createElementBlock("div", _hoisted_25$4, " 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[5] || (_cache[5] = ($event) => showSmartGroupModal.value = $event),
 					samples: resolvedSamples.value,
 					groups: internalGroups.value,
 					"initial-mode": groupingModalMode.value,
@@ -18278,4 +18248,4 @@ var components_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { SmartGroupFieldRecipe_default as $, ProtocolStepEditor_default as A, AppToastContainer_default as At, Breadcrumb_default as B, estimateSequenceRemainingSeconds as C, AppPluginSwitcher_default as Ct, sequenceSamplesRemaining as D, ThemeToggle_default as Dt, sequenceProgressPercent as E, CollapsibleCard_default as Et, RackEditor_default as F, BaseTabs_default as Ft, AppContainer_default as G, ProgressBar_default as H, BioTemplatePresetWorkspaceView_default as I, ColorSlider_default as It, ComponentBindingRenderer_default as J, DoseDesignWorkspaceView_default as K, BioTemplatePackWorkspaceView_default as L, ReagentEditor_default as M, Calendar_default as Mt, SmartGroupModal_default as N, DropdownButton_default as Nt, ChemicalFormula_default as O, ActionMenu_default as Ot, GroupAssigner_default as P, SegmentedControl_default as Pt, SmartGroupManual_default as Q, BioTemplateExperimentWorkspaceView_default as R, estimateSequenceFinishDate as S, AppTopBar_default as St, formatSequenceRemaining as T, PluginIcon_default as Tt, StatusIndicator_default as U, Avatar_default as V, Divider_default as W, SampleSelector_default as X, ScheduleCalendar_default as Y, AutoGroupModal_default as Z, reconstructLcmsPlateCellsFromSequenceItems as _, AppLayout_default as _t, ResourceCard_default as a, DoseCalculator_default as at, InstrumentAlertLog_default as b, FormActions_default as bt, BatchProgressList_default as c, GeneratedResultRenderer_default as ct, DEFAULT_LCMS_SEQUENCE_COLUMNS as d, LoadingSpinner_default as dt, ReagentList_default as et, basenameFromWindowsPath as f, generatedJobDefaults as ft, lcmsWellIdFromPosition as g, MobileSupportGate_default as gt, inferLcmsPlateTypeFromWellIds as h, PluginWorkspaceView_default as ht, SectionCard_default as i, ExperimentTimeline_default as it, SampleHierarchyTree_default as j, DataFrame_default as jt, ScientificNumber_default as k, IconButton_default as kt, AuditTrail_default as l, GeneratedPlotlyResult_default as lt, extractLcmsSampleName as m, normalizeGeneratedJobInput as mt, FitPanel_default as n, SampleLegend_default as nt, TimeRangeInput_default as o, GeneratedPluginView_default as ot, extractLcmsCommonPrefix as p, generatedJobFormSchema as pt, ControlWorkspaceView_default as q, ArtifactSaveDialog_default as r, WellPlate_default as rt, ExperimentDataViewer_default as s, JobsStatusTray_default as st, components_exports as t, PlateMapEditor_default as tt, LcmsSequenceTable_default as u, ChartContainer_default as ut, InstrumentStatusCard_default as v, AppSidebar_default as vt, formatSequenceEta as w, AppAvatarMenu_default as wt, SequenceProgressBar_default as x, StepWizard_default as xt, InstrumentStateBadge_default as y, FormBuilder_default as yt, BioTemplateRenderer_default as z };
 
-//# sourceMappingURL=components-CDomhGSj.js.map
+//# sourceMappingURL=components-BbtUpCTv.js.map