@morscherlab/mint-sdk 1.2.1 → 1.2.2

package/dist/{components-Cp8DcNrU.js → components-CxQVQCpP.js}

@@ -2,20 +2,266 @@ import { n as __exportAll, r as __toESM } from "./chunk-BoAXSpZd.js";
 import { i as useApi, l as tableDensityToSize, u as tryUseSettingsStore } from "./errors-BLuqMee5.js";
 import { f as BaseModal_default, h as BaseButton_default, m as useEventListener, p as useFocusTrap } from "./experiment-utils-CV2Wza3z.js";
 import { a as BaseSelect_default, i as BasePill_default, n as useRequestSyncState, o as normalizeOptionInput, r as EmptyState_default, s as BaseInput_default, t as Skeleton_default } from "./Skeleton-jhF9wUkU.js";
-import { A as useConcentrationUnits, Bt as MultiSelect_default, Gt as BaseToggle_default, I as useChemicalFormula, Jt as BaseTextarea_default, K as useGeneratedAnalysis, Kt as BaseCheckbox_default, L as GeneratedPathInput_default, M as SequenceInput_default, O as ConcentrationInput_default, Ot as formatDuration, P as FormulaInput_default, R as ArtifactSelectorModal_default, St as TimePicker_default, Tt as durationMinutes, U as resolveCurrentExperimentId, Ut as BaseSlider_default, V as getInjectedPlatformContext, Vt as useListSelection, Wt as BaseRadioGroup_default, X as jobStatusLabel, Z as normalizeJobPercent, _ as controlsToFormSchema, at as AlertBox_default, ct as SecretInput_default, f as resolveControlModel, g as mergeControlWorkspaceOptions, it as _plugin_vue_export_helper_default, j as MoleculeInput_default, k as UnitInput_default, kt as formatTime, o as defineDoseDesignControlModel, ot as FileUploader_default, qt as Tooltip_default, r as getControlDefaults, rt as isRecord, st as NumberInput_default, tt as DateTimePicker_default, u as useControlWorkspace, wt as compareTime, x as controlsToSidebarPanels, xt as TagsInput_default, y as controlsToSectionFormSchemas, zt as DatePicker_default } from "./useControlSchema-BB2GRPhW.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-DOcCf0Vo.js";
-import { $ as getInjectedFrontendRevision, C as useExpansionSet, E as getSampleGroupParentPath, H as useListReorder, J as usePluginWorkspace, N as useAutoGroup, P as parseCSV, Q as useAppExperiment, R as DEFAULT_COLORS, S as useExperimentData, T as getSampleGroupMajorPrefix, U as useReorderAnnouncer, W as useDoseCalculator, X as useMobileSupportGate, Y as DEFAULT_MOBILE_VIEWPORT_QUERY, Z as APP_EXPERIMENT_KEY, a as DEFAULT_PRESETS, b as useScheduleDrag, c as useReagentSeries, d as useBioTemplatePresetWorkspace, dt as useRovingFocus, et as useRuntimeAlignment, f as useBioTemplatePackWorkspace, i as useProtocolTemplates, it as useToast, k as readFileAsText, l as useGroupAssignment, lt as useSortedItems, n as pickerFormat, nt as usePresenceHeartbeat, o as DEFAULT_UNITS, q as usePluginJobCenter, r as pickerReason, rt as useTheme, st as useTextSearch, t as pickerExclusion, u as useRackEditor, ut as useMenuKeyboard, w as useSampleGroups, x as useExperimentSamples, z as useWellPlateEditor } from "./validation-CTxuzLIX.js";
+import { A as useConcentrationUnits, Bt as MultiSelect_default, Gt as BaseToggle_default, I as useChemicalFormula, Jt as BaseTextarea_default, K as useGeneratedAnalysis, Kt as BaseCheckbox_default, L as GeneratedPathInput_default, M as SequenceInput_default, O as ConcentrationInput_default, Ot as formatDuration, P as FormulaInput_default, R as ArtifactSelectorModal_default, St as TimePicker_default, Tt as durationMinutes, U as resolveCurrentExperimentId, Ut as BaseSlider_default, V as getInjectedPlatformContext, Vt as useListSelection, Wt as BaseRadioGroup_default, X as jobStatusLabel, Z as normalizeJobPercent, _ as controlsToFormSchema, at as AlertBox_default, ct as SecretInput_default, f as resolveControlModel, g as mergeControlWorkspaceOptions, it as _plugin_vue_export_helper_default, j as MoleculeInput_default, k as UnitInput_default, kt as formatTime, o as defineDoseDesignControlModel, ot as FileUploader_default, qt as Tooltip_default, r as getControlDefaults, rt as isRecord, st as NumberInput_default, tt as DateTimePicker_default, u as useControlWorkspace, wt as compareTime, x as controlsToSidebarPanels, xt as TagsInput_default, y as controlsToSectionFormSchemas, zt as DatePicker_default } from "./useControlSchema-vLiRPUmj.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-DELMkUFR.js";
+import { $ as getInjectedFrontendRevision, C as useExpansionSet, E as getSampleGroupParentPath, H as useListReorder, J as usePluginWorkspace, N as useAutoGroup, P as parseCSV, Q as useAppExperiment, R as DEFAULT_COLORS, S as useExperimentData, T as getSampleGroupMajorPrefix, U as useReorderAnnouncer, W as useDoseCalculator, X as useMobileSupportGate, Y as DEFAULT_MOBILE_VIEWPORT_QUERY, Z as APP_EXPERIMENT_KEY, a as DEFAULT_PRESETS, b as useScheduleDrag, c as useReagentSeries, d as useBioTemplatePresetWorkspace, dt as useRovingFocus, et as useRuntimeAlignment, f as useBioTemplatePackWorkspace, i as useProtocolTemplates, it as useToast, k as readFileAsText, l as useGroupAssignment, lt as useSortedItems, n as pickerFormat, nt as usePresenceHeartbeat, o as DEFAULT_UNITS, q as usePluginJobCenter, r as pickerReason, rt as useTheme, st as useTextSearch, t as pickerExclusion, u as useRackEditor, ut as useMenuKeyboard, w as useSampleGroups, x as useExperimentSamples, z as useWellPlateEditor } from "./validation-ChMyixAf.js";
 import { t as useDropdownState } from "./useDropdownState-C7hRiVQf.js";
-import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-BnGSdSRG.js";
+import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-D37ajgS8.js";
 import { t as ANALYSIS_FILE_ARTIFACT_SCHEMA } from "./analysisArtifactTypes-DQ0MjwHZ.js";
-import { B as toBioTemplateComponentProps, Cn as SLOT_ORDER, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, Sn as SLOT_COLORS, V as toBioTemplateComponentPropsByComponent, _n as createWellGrid, dn as extractTemplateCollection, gn as createPlateRowLabels, hn as createPlateColumnLabels, mn as WELL_PLATE_SIZE_CONFIGS, pn as PLATE_CONFIGS, vn as getRectangleWellIds, xn as SAMPLE_COLOR_SCALE } from "./templates-Dd9bBSs6.js";
+import { B as toBioTemplateComponentProps, Cn as SLOT_ORDER, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, Sn as SLOT_COLORS, V as toBioTemplateComponentPropsByComponent, _n as createWellGrid, dn as extractTemplateCollection, gn as createPlateRowLabels, hn as createPlateColumnLabels, mn as WELL_PLATE_SIZE_CONFIGS, pn as PLATE_CONFIGS, vn as getRectangleWellIds, xn as SAMPLE_COLOR_SCALE } from "./templates-NuaNHohp.js";
 import { r as ConfirmDialog_default, t as ExperimentPopover_default } from "./ExperimentPopover-CJdNlCZb.js";
 import { r as ExperimentCodeBadge_default, t as ExperimentSelectorModal_default } from "./ExperimentSelectorModal-DHE9k8TP.js";
 import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, isRef, 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";
 import { computePosition, flip, offset, shift } from "@floating-ui/dom";
 import { Ellipsis, RefreshCw } from "lucide-vue-next";
+//#region src/components/SearchableSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$89 = ["disabled", "aria-expanded"];
+var _hoisted_2$77 = {
+	key: 0,
+	class: "mint-searchable-select__panel"
+};
+var _hoisted_3$70 = { class: "mint-searchable-select__search-wrap" };
+var _hoisted_4$65 = [
+	"placeholder",
+	"aria-label",
+	"aria-expanded",
+	"aria-activedescendant"
+];
+var _hoisted_5$62 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onMouseenter",
+	"onClick"
+];
+var _hoisted_6$58 = { class: "mint-searchable-select__option-text" };
+var _hoisted_7$53 = { class: "mint-searchable-select__option-label" };
+var _hoisted_8$48 = {
+	key: 0,
+	class: "mint-searchable-select__option-description"
+};
+var _hoisted_9$43 = {
+	key: 0,
+	class: "mint-searchable-select__option-meta"
+};
+var _hoisted_10$38 = {
+	key: 1,
+	class: "mint-searchable-select__check",
+	viewBox: "0 0 20 20",
+	fill: "none",
+	stroke: "currentColor",
+	"aria-hidden": "true"
+};
+var _hoisted_11$36 = {
+	key: 0,
+	class: "mint-searchable-select__empty"
+};
+var _hoisted_12$32 = {
+	key: 0,
+	class: "mint-searchable-select__footer"
+};
+//#endregion
+//#region src/components/SearchableSelect.vue
+var SearchableSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "SearchableSelect",
+	props: {
+		modelValue: {},
+		options: {},
+		placeholder: { default: "Select an option" },
+		searchPlaceholder: { default: "Search options…" },
+		noResultsText: { default: "No matching options" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/** Searchable single-select listbox with descriptions, disabled reasons, and custom slots. */
+		const props = __props;
+		const emit = __emit;
+		const listboxId = `mint-searchable-select-${useId().replace(/:/g, "")}`;
+		const root = ref(null);
+		const trigger = ref(null);
+		const search = ref(null);
+		const open = ref(false);
+		const query = ref("");
+		const activeIndex = ref(-1);
+		const normalizedOptions = computed(() => props.options.map(normalizeOptionInput));
+		const selectedOption = computed(() => normalizedOptions.value.find((option) => option.value === props.modelValue));
+		const visibleOptions = computed(() => {
+			const needle = query.value.trim().toLocaleLowerCase();
+			if (!needle) return normalizedOptions.value;
+			return normalizedOptions.value.filter((option) => [
+				option.label,
+				option.description,
+				option.meta,
+				option.disabledReason
+			].some((value) => value?.toLocaleLowerCase().includes(needle)));
+		});
+		const activeDescendant = computed(() => activeIndex.value >= 0 ? `${listboxId}-option-${activeIndex.value}` : void 0);
+		function firstEnabledIndex(options = visibleOptions.value) {
+			return options.findIndex((option) => !option.disabled);
+		}
+		async function openPanel() {
+			if (props.disabled) return;
+			query.value = "";
+			open.value = true;
+			activeIndex.value = firstEnabledIndex(normalizedOptions.value);
+			await nextTick();
+			search.value?.focus();
+		}
+		async function closePanel(restoreFocus = false) {
+			open.value = false;
+			query.value = "";
+			activeIndex.value = -1;
+			if (restoreFocus) {
+				await nextTick();
+				trigger.value?.focus();
+			}
+		}
+		function moveActive(direction) {
+			const enabled = visibleOptions.value.map((option, index) => ({
+				option,
+				index
+			})).filter(({ option }) => !option.disabled);
+			if (enabled.length === 0) return;
+			const current = enabled.findIndex(({ index }) => index === activeIndex.value);
+			activeIndex.value = enabled[current < 0 ? direction === 1 ? 0 : enabled.length - 1 : (current + direction + enabled.length) % enabled.length].index;
+			nextTick(() => document.getElementById(activeDescendant.value ?? "")?.scrollIntoView({ block: "nearest" }));
+		}
+		function select(option) {
+			if (option.disabled) return;
+			emit("update:modelValue", option.value);
+			closePanel(true);
+		}
+		function handleSearchKeydown(event) {
+			if (event.key === "ArrowDown") moveActive(1);
+			else if (event.key === "ArrowUp") moveActive(-1);
+			else if (event.key === "Home") activeIndex.value = firstEnabledIndex();
+			else if (event.key === "End") {
+				for (let index = visibleOptions.value.length - 1; index >= 0; index--) if (!visibleOptions.value[index]?.disabled) {
+					activeIndex.value = index;
+					break;
+				}
+			} else if (event.key === "Enter") {
+				const option = visibleOptions.value[activeIndex.value];
+				if (option) select(option);
+			} else if (event.key === "Escape") closePanel(true);
+			else return;
+			event.preventDefault();
+		}
+		function handleTriggerKeydown(event) {
+			if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+			event.preventDefault();
+			openPanel().then(() => {
+				if (event.key === "ArrowUp") moveActive(-1);
+			});
+		}
+		watch(visibleOptions, (options) => {
+			activeIndex.value = firstEnabledIndex(options);
+		});
+		watch(() => props.disabled, (disabled) => {
+			if (disabled) closePanel();
+		});
+		useEventListener(() => document, "pointerdown", (event) => {
+			if (open.value && !root.value?.contains(event.target)) closePanel();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				class: normalizeClass(["mint-searchable-select", `mint-searchable-select--${__props.size}`]),
+				onFocusout: _cache[3] || (_cache[3] = ($event) => !root.value?.contains($event.relatedTarget) && closePanel())
+			}, [createElementVNode("button", {
+				ref_key: "trigger",
+				ref: trigger,
+				type: "button",
+				class: "mint-searchable-select__trigger",
+				disabled: __props.disabled,
+				"aria-expanded": open.value,
+				"aria-controls": listboxId,
+				"aria-haspopup": "listbox",
+				onClick: _cache[0] || (_cache[0] = ($event) => open.value ? closePanel() : openPanel()),
+				onKeydown: handleTriggerKeydown
+			}, [createElementVNode("span", { class: normalizeClass(["mint-searchable-select__value", { "mint-searchable-select__value--placeholder": !selectedOption.value }]) }, toDisplayString(selectedOption.value?.label ?? __props.placeholder), 3), _cache[4] || (_cache[4] = createElementVNode("svg", {
+				viewBox: "0 0 20 20",
+				fill: "none",
+				stroke: "currentColor",
+				"aria-hidden": "true"
+			}, [createElementVNode("path", {
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				"stroke-width": "1.75",
+				d: "m6 8 4 4 4-4"
+			})], -1))], 40, _hoisted_1$89), open.value ? (openBlock(), createElementBlock("div", _hoisted_2$77, [
+				createElementVNode("div", _hoisted_3$70, [_cache[5] || (_cache[5] = createElementVNode("svg", {
+					viewBox: "0 0 20 20",
+					fill: "none",
+					stroke: "currentColor",
+					"aria-hidden": "true"
+				}, [createElementVNode("circle", {
+					cx: "8.5",
+					cy: "8.5",
+					r: "5.5"
+				}), createElementVNode("path", { d: "m13 13 4 4" })], -1)), withDirectives(createElementVNode("input", {
+					ref_key: "search",
+					ref: search,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+					role: "combobox",
+					type: "search",
+					class: "mint-searchable-select__search",
+					placeholder: __props.searchPlaceholder,
+					"aria-label": __props.searchPlaceholder,
+					"aria-expanded": open.value,
+					"aria-controls": listboxId,
+					"aria-activedescendant": activeDescendant.value,
+					"aria-autocomplete": "list",
+					onKeydown: handleSearchKeydown
+				}, null, 40, _hoisted_4$65), [[vModelText, query.value]])]),
+				createElementVNode("ul", {
+					id: listboxId,
+					class: "mint-searchable-select__list",
+					role: "listbox"
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleOptions.value, (option, index) => {
+					return openBlock(), createElementBlock("li", {
+						id: `${listboxId}-option-${index}`,
+						key: String(option.value),
+						role: "option",
+						class: normalizeClass(["mint-searchable-select__option", {
+							"mint-searchable-select__option--active": activeIndex.value === index,
+							"mint-searchable-select__option--selected": __props.modelValue === option.value,
+							"mint-searchable-select__option--disabled": option.disabled
+						}]),
+						"aria-selected": __props.modelValue === option.value,
+						"aria-disabled": option.disabled || void 0,
+						onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
+						onMouseenter: ($event) => !option.disabled && (activeIndex.value = index),
+						onClick: ($event) => select(option)
+					}, [renderSlot(_ctx.$slots, "option", {
+						option,
+						selected: __props.modelValue === option.value,
+						active: activeIndex.value === index
+					}, () => [
+						createElementVNode("span", _hoisted_6$58, [createElementVNode("span", _hoisted_7$53, toDisplayString(option.label), 1), (option.disabled ? option.disabledReason || option.description : option.description) ? (openBlock(), createElementBlock("span", _hoisted_8$48, toDisplayString(option.disabled ? option.disabledReason || option.description : option.description), 1)) : createCommentVNode("", true)]),
+						option.meta ? (openBlock(), createElementBlock("span", _hoisted_9$43, toDisplayString(option.meta), 1)) : createCommentVNode("", true),
+						__props.modelValue === option.value ? (openBlock(), createElementBlock("svg", _hoisted_10$38, [..._cache[6] || (_cache[6] = [createElementVNode("path", {
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"stroke-width": "2",
+							d: "m5 10 3 3 7-7"
+						}, null, -1)])])) : createCommentVNode("", true)
+					])], 42, _hoisted_5$62);
+				}), 128)), visibleOptions.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_11$36, toDisplayString(__props.noResultsText), 1)) : createCommentVNode("", true)]),
+				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_12$32, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+			])) : createCommentVNode("", true)], 34);
+		};
+	}
+});
+//#endregion
 //#region src/components/ColorSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$86 = { class: "mint-color-slider__row" };
+var _hoisted_1$88 = { class: "mint-color-slider__row" };
 var _hoisted_2$76 = { class: "mint-color-slider__track" };
 var _hoisted_3$69 = [
 	"value",
@@ -132,7 +378,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$86, [createElementVNode("div", _hoisted_2$76, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-color-slider", { "mint-color-slider--disabled": __props.disabled }]) }, [createElementVNode("div", _hoisted_1$88, [createElementVNode("div", _hoisted_2$76, [createElementVNode("input", {
 				type: "range",
 				value: currentValue.value,
 				min: __props.min,
@@ -168,7 +414,7 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseTabs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$85 = {
+var _hoisted_1$87 = {
 	class: "mint-tabs mint-tabs--underline",
 	role: "tablist"
 };
@@ -194,11 +440,11 @@ var _hoisted_4$64 = {
 };
 var _hoisted_5$61 = ["d"];
 var _hoisted_6$57 = ["d"];
-var _hoisted_7$51 = {
+var _hoisted_7$52 = {
 	key: 1,
 	class: "mint-tab__icon"
 };
-var _hoisted_8$46 = {
+var _hoisted_8$47 = {
 	key: 2,
 	class: "mint-tab__badge"
 };
@@ -237,7 +483,7 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 			getElement: (id) => tabButtonRefs.get(id)
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$85, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedTabs.value, (tab) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$87, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedTabs.value, (tab) => {
 				return openBlock(), createElementBlock("button", {
 					id: `mint-tab-${tab.id}`,
 					key: tab.id,
@@ -265,9 +511,9 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: tab.icon
-					}, null, 8, _hoisted_6$57))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_7$51, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
+					}, null, 8, _hoisted_6$57))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_7$52, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
 					createTextVNode(" " + toDisplayString(tab.label) + " ", 1),
-					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_8$46, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
+					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_8$47, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
 				])], 42, _hoisted_2$75);
 			}), 128))]);
 		};
@@ -275,7 +521,7 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$84 = [
+var _hoisted_1$86 = [
 	"aria-checked",
 	"tabindex",
 	"disabled",
@@ -387,14 +633,14 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					]),
 					onClick: ($event) => handleSelect(option),
 					onKeydown: ($event) => handleKeydown($event, option)
-				}, [createElementVNode("span", _hoisted_2$74, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$67, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$84);
+				}, [createElementVNode("span", _hoisted_2$74, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$67, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$86);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/DropdownButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$83 = ["disabled", "aria-expanded"];
+var _hoisted_1$85 = ["disabled", "aria-expanded"];
 var _hoisted_2$73 = {
 	key: 0,
 	class: "mint-dropdown-button__spinner",
@@ -412,11 +658,11 @@ var _hoisted_5$60 = [
 	"onKeydown"
 ];
 var _hoisted_6$56 = { class: "mint-dropdown-button__option-label" };
-var _hoisted_7$50 = {
+var _hoisted_7$51 = {
 	key: 0,
 	class: "mint-dropdown-button__option-description"
 };
-var _hoisted_8$45 = {
+var _hoisted_8$46 = {
 	key: 1,
 	class: "mint-dropdown-button__option-check",
 	viewBox: "0 0 24 24",
@@ -528,7 +774,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [..._cache[3] || (_cache[3] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))
-			], 42, _hoisted_1$83), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
+			], 42, _hoisted_1$85), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
 				default: withCtx(() => [unref(isOpen) ? (openBlock(), createElementBlock("ul", {
 					key: 0,
 					ref_key: "panelRef",
@@ -553,8 +799,8 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 						onKeydown: [withKeys(withModifiers(($event) => selectOption(option), ["prevent"]), ["enter"]), withKeys(withModifiers(($event) => selectOption(option), ["prevent"]), ["space"])]
 					}, [
 						createElementVNode("span", _hoisted_6$56, toDisplayString(option.label), 1),
-						option.description ? (openBlock(), createElementBlock("span", _hoisted_7$50, toDisplayString(option.description), 1)) : createCommentVNode("", true),
-						option.value === __props.modelValue ? (openBlock(), createElementBlock("svg", _hoisted_8$45, [..._cache[4] || (_cache[4] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)
+						option.description ? (openBlock(), createElementBlock("span", _hoisted_7$51, toDisplayString(option.description), 1)) : createCommentVNode("", true),
+						option.value === __props.modelValue ? (openBlock(), createElementBlock("svg", _hoisted_8$46, [..._cache[4] || (_cache[4] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)
 					], 42, _hoisted_5$60);
 				}), 128))], 40, _hoisted_4$63)) : createCommentVNode("", true)]),
 				_: 1
@@ -564,7 +810,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Calendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$82 = { class: "mint-calendar" };
+var _hoisted_1$84 = { class: "mint-calendar" };
 var _hoisted_2$72 = {
 	key: 0,
 	class: "mint-calendar__header"
@@ -577,8 +823,8 @@ var _hoisted_6$55 = [
 	"onClick",
 	"onMouseenter"
 ];
-var _hoisted_7$49 = { class: "mint-calendar__day-number" };
-var _hoisted_8$44 = {
+var _hoisted_7$50 = { class: "mint-calendar__day-number" };
+var _hoisted_8$45 = {
 	key: 0,
 	class: "mint-calendar__markers"
 };
@@ -798,7 +1044,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 			emit("navigate", "next", currentMonth.value, currentYear.value);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$82, [
+			return openBlock(), createElementBlock("div", _hoisted_1$84, [
 				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$72, [
 					createElementVNode("button", {
 						type: "button",
@@ -857,7 +1103,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						}]),
 						onClick: ($event) => handleDayClick(day),
 						onMouseenter: ($event) => handleDayHover(day)
-					}, [renderSlot(_ctx.$slots, "day-content", { day }, () => [createElementVNode("span", _hoisted_7$49, toDisplayString(day.dayOfMonth), 1), day.markers.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8$44, [(openBlock(true), createElementBlock(Fragment, null, renderList(day.markers.slice(0, 3), (marker, mi) => {
+					}, [renderSlot(_ctx.$slots, "day-content", { day }, () => [createElementVNode("span", _hoisted_7$50, toDisplayString(day.dayOfMonth), 1), day.markers.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8$45, [(openBlock(true), createElementBlock(Fragment, null, renderList(day.markers.slice(0, 3), (marker, mi) => {
 						return openBlock(), createElementBlock("span", {
 							key: mi,
 							class: normalizeClass(["mint-calendar__marker", `mint-calendar__marker--${marker.type ?? "dot"}`]),
@@ -872,7 +1118,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/LoadingSpinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$81 = { class: "mint-spinner__label" };
+var _hoisted_1$83 = { class: "mint-spinner__label" };
 //#endregion
 //#region src/components/LoadingSpinner.vue
 var LoadingSpinner_default = /* @__PURE__ */ defineComponent({
@@ -907,13 +1153,13 @@ 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$81, toDisplayString(__props.label), 1)], 2);
+			})], -1)), createElementVNode("span", _hoisted_1$83, toDisplayString(__props.label), 1)], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/internal/DataStateInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$80 = ["data-state"];
+var _hoisted_1$82 = ["data-state"];
 var _hoisted_2$71 = {
 	class: "mint-data-state__loading-text",
 	"aria-hidden": "true"
@@ -978,13 +1224,13 @@ var DataStateInternal_default = /* @__PURE__ */ defineComponent({
 				"size",
 				"variant",
 				"action-label"
-			]))], 10, _hoisted_1$80);
+			]))], 10, _hoisted_1$82);
 		};
 	}
 });
 //#endregion
 //#region src/components/DataFrame.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$79 = {
+var _hoisted_1$81 = {
 	key: 0,
 	class: "mint-dataframe__header"
 };
@@ -996,8 +1242,8 @@ var _hoisted_5$58 = {
 	class: "mint-dataframe__th mint-dataframe__th--checkbox"
 };
 var _hoisted_6$54 = ["checked", "indeterminate"];
-var _hoisted_7$48 = ["aria-sort"];
-var _hoisted_8$43 = { class: "mint-dataframe__th-content" };
+var _hoisted_7$49 = ["aria-sort"];
+var _hoisted_8$44 = { class: "mint-dataframe__th-content" };
 var _hoisted_9$41 = [
 	"aria-label",
 	"aria-valuemin",
@@ -1325,7 +1571,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$79, [createElementVNode("div", _hoisted_2$70, [_cache[5] || (_cache[5] = createElementVNode("svg", {
+				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$81, [createElementVNode("div", _hoisted_2$70, [_cache[5] || (_cache[5] = createElementVNode("svg", {
 					class: "mint-dataframe__search-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1376,7 +1622,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								onClick: ($event) => isColumnSortable(col) ? handleSort(col) : void 0,
 								onKeydown: ($event) => isColumnSortable(col) ? handleSortKeydown($event, col) : void 0
 							}, {
-								default: withCtx(() => [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createElementVNode("div", _hoisted_8$43, [createElementVNode("span", null, toDisplayString(col.label), 1), isColumnSortable(col) ? (openBlock(), createElementBlock("svg", {
+								default: withCtx(() => [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createElementVNode("div", _hoisted_8$44, [createElementVNode("span", null, toDisplayString(col.label), 1), isColumnSortable(col) ? (openBlock(), createElementBlock("svg", {
 									key: 0,
 									class: normalizeClass(["mint-dataframe__sort-icon", {
 										"mint-dataframe__sort-icon--asc": activeSort.value?.key === col.key && activeSort.value?.direction === "asc",
@@ -1411,7 +1657,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								onMousedown: ($event) => startResize(col, $event),
 								onKeydown: ($event) => handleResizeKeydown($event, col),
 								onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-							}, null, 40, _hoisted_9$41)) : createCommentVNode("", true)], 14, _hoisted_7$48);
+							}, null, 40, _hoisted_9$41)) : createCommentVNode("", true)], 14, _hoisted_7$49);
 						}), 128)),
 						__props.deletable ? (openBlock(), createElementBlock("th", {
 							key: 1,
@@ -1520,7 +1766,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppToastContainer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$78 = { class: "mint-toast__container" };
+var _hoisted_1$80 = { class: "mint-toast__container" };
 var _hoisted_2$69 = ["role", "onClick"];
 var _hoisted_3$63 = {
 	key: 0,
@@ -1566,8 +1812,8 @@ var _hoisted_6$53 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_7$47 = { class: "mint-toast__body" };
-var _hoisted_8$42 = { class: "mint-toast__title" };
+var _hoisted_7$48 = { class: "mint-toast__body" };
+var _hoisted_8$43 = { class: "mint-toast__title" };
 var _hoisted_9$40 = { class: "mint-toast__message" };
 var _hoisted_10$36 = {
 	key: 0,
@@ -1608,7 +1854,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 			dismiss(toast.id);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$78, [createVNode(TransitionGroup, { name: "toast" }, {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$80, [createVNode(TransitionGroup, { name: "toast" }, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(toasts), (toast) => {
 					return openBlock(), createElementBlock("div", {
 						key: toast.id,
@@ -1645,8 +1891,8 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 							createElementVNode("path", { d: "M12 16v-4" }, null, -1),
 							createElementVNode("path", { d: "M12 8h.01" }, null, -1)
 						])])),
-						createElementVNode("div", _hoisted_7$47, [
-							createElementVNode("div", _hoisted_8$42, [createElementVNode("span", _hoisted_9$40, toDisplayString(title(toast)), 1), (toast.count ?? 1) > 1 ? (openBlock(), createElementBlock("span", _hoisted_10$36, "×" + toDisplayString(toast.count), 1)) : createCommentVNode("", true)]),
+						createElementVNode("div", _hoisted_7$48, [
+							createElementVNode("div", _hoisted_8$43, [createElementVNode("span", _hoisted_9$40, toDisplayString(title(toast)), 1), (toast.count ?? 1) > 1 ? (openBlock(), createElementBlock("span", _hoisted_10$36, "×" + toDisplayString(toast.count), 1)) : createCommentVNode("", true)]),
 							toast.detail ? (openBlock(), createElementBlock("div", _hoisted_11$34, toDisplayString(toast.detail), 1)) : createCommentVNode("", true),
 							actions(toast).length ? (openBlock(), createElementBlock("div", _hoisted_12$30, [(openBlock(true), createElementBlock(Fragment, null, renderList(actions(toast), (action) => {
 								return openBlock(), createElementBlock("button", {
@@ -1685,7 +1931,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/RuntimeUpdateNotice.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$77 = {
+var _hoisted_1$79 = {
 	key: 0,
 	class: "mint-runtime-update",
 	role: "status"
@@ -1699,7 +1945,7 @@ var RuntimeUpdateNotice_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return __props.visible ? (openBlock(), createElementBlock("div", _hoisted_1$77, [
+			return __props.visible ? (openBlock(), createElementBlock("div", _hoisted_1$79, [
 				createVNode(unref(RefreshCw), {
 					size: 16,
 					"aria-hidden": "true"
@@ -1715,7 +1961,7 @@ var RuntimeUpdateNotice_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 }), [["__scopeId", "data-v-9ca77e18"]]);
 //#endregion
 //#region src/components/IconButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$76 = [
+var _hoisted_1$78 = [
 	"disabled",
 	"aria-label",
 	"title"
@@ -1777,13 +2023,13 @@ var IconButton_default = /* @__PURE__ */ defineComponent({
 			}, null, -1)])], 2)) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(`mint-icon-button__icon--${__props.size}`)
-			}, [renderSlot(_ctx.$slots, "default")], 2))], 10, _hoisted_1$76);
+			}, [renderSlot(_ctx.$slots, "default")], 2))], 10, _hoisted_1$78);
 		};
 	}
 });
 //#endregion
 //#region src/components/ActionMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$75 = [
+var _hoisted_1$77 = [
 	"href",
 	"target",
 	"rel",
@@ -1919,7 +2165,7 @@ 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$75)) : (openBlock(), createElementBlock("button", {
+				}, toDisplayString(item.label), 11, _hoisted_1$77)) : (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
 					class: normalizeClass(["mint-action-menu__item", { "mint-action-menu__item--danger": item.danger }]),
@@ -1933,7 +2179,7 @@ var ActionMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$74 = {
+var _hoisted_1$76 = {
 	key: 0,
 	class: "mint-theme-toggle__icon",
 	viewBox: "0 0 24 24",
@@ -1969,7 +2215,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$74, [..._cache[0] || (_cache[0] = [
+				default: withCtx(() => [unref(isDark) ? (openBlock(), createElementBlock("svg", _hoisted_1$76, [..._cache[0] || (_cache[0] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1995,14 +2241,14 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/CollapsibleCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$73 = { class: "mint-collapsible-card__header-shell" };
+var _hoisted_1$75 = { class: "mint-collapsible-card__header-shell" };
 var _hoisted_2$66 = ["disabled", "aria-expanded"];
 var _hoisted_3$62 = { class: "mint-collapsible-card__title-section" };
 var _hoisted_4$59 = ["d"];
 var _hoisted_5$56 = ["d"];
 var _hoisted_6$52 = { class: "mint-collapsible-card__titles" };
-var _hoisted_7$46 = { class: "mint-collapsible-card__title" };
-var _hoisted_8$41 = {
+var _hoisted_7$47 = { class: "mint-collapsible-card__title" };
+var _hoisted_8$42 = {
 	key: 0,
 	class: "mint-collapsible-card__subtitle"
 };
@@ -2117,7 +2363,7 @@ 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$73, [createElementVNode("button", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$75, [createElementVNode("button", {
 				type: "button",
 				class: normalizeClass(headerClasses.value),
 				disabled: __props.disabled,
@@ -2149,7 +2395,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				key: 1,
 				class: "mint-collapsible-card__icon-text",
 				style: normalizeStyle(iconColorStyle.value)
-			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$52, [createElementVNode("h3", _hoisted_7$46, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$41, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$66), createElementVNode("div", _hoisted_9$39, [
+			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$52, [createElementVNode("h3", _hoisted_7$47, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$42, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$66), createElementVNode("div", _hoisted_9$39, [
 				__props.badge !== void 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(badgeClasses.value)
@@ -2342,7 +2588,7 @@ function isFiniteNumber(value, min, max) {
 }
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$72 = [
+var _hoisted_1$74 = [
 	"href",
 	"aria-disabled",
 	"tabindex"
@@ -2399,7 +2645,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$72)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$74)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
 				key: 1,
 				to: __props.to,
 				custom: ""
@@ -2421,7 +2667,7 @@ var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PluginIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$71 = ["viewBox"];
+var _hoisted_1$73 = ["viewBox"];
 var _hoisted_2$64 = { key: 0 };
 var _hoisted_3$60 = [
 	"id",
@@ -2450,7 +2696,7 @@ var _hoisted_6$51 = [
 	"stroke-width",
 	"opacity"
 ];
-var _hoisted_7$45 = {
+var _hoisted_7$46 = {
 	key: 1,
 	class: "mint-plugin-icon__svg",
 	viewBox: "0 0 24 24",
@@ -2461,7 +2707,7 @@ var _hoisted_7$45 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_8$40 = ["d"];
+var _hoisted_8$41 = ["d"];
 var _hoisted_9$38 = ["src"];
 //#endregion
 //#region src/components/PluginIcon.vue
@@ -2571,7 +2817,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round"
 					}, null, 8, _hoisted_6$51);
 				}), 128))
-			], 8, _hoisted_1$71)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$45, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$40)])) : (openBlock(), createElementBlock("img", {
+			], 8, _hoisted_1$73)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$46, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$41)])) : (openBlock(), createElementBlock("img", {
 				key: 2,
 				class: "mint-plugin-icon__img",
 				src: iconValue.value,
@@ -2584,7 +2830,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/AppTopBarPageSelectorInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$70 = ["aria-expanded"];
+var _hoisted_1$72 = ["aria-expanded"];
 var _hoisted_2$63 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
@@ -2603,7 +2849,7 @@ var _hoisted_6$50 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_7$44 = { class: "mint-page-selector__item-label" };
+var _hoisted_7$45 = { class: "mint-page-selector__item-label" };
 //#endregion
 //#region src/components/internal/AppTopBarPageSelectorInternal.vue
 var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
@@ -2666,7 +2912,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$70), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$54, [_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$72), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$54, [_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,
@@ -2686,7 +2932,7 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 						icon: page.icon,
 						size: "sm",
 						variant: "solid"
-					}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_6$50, toDisplayString(page.label.charAt(0)), 1))])], 2), createElementVNode("span", _hoisted_7$44, toDisplayString(page.label), 1)]),
+					}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_6$50, toDisplayString(page.label.charAt(0)), 1))])], 2), createElementVNode("span", _hoisted_7$45, toDisplayString(page.label), 1)]),
 					_: 2
 				}, 1032, [
 					"href",
@@ -2701,7 +2947,7 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/AppTopBarPillNavInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$69 = {
+var _hoisted_1$71 = {
 	class: "mint-pill-nav",
 	"aria-label": "Primary"
 };
@@ -2734,8 +2980,8 @@ var _hoisted_6$49 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_7$43 = ["d"];
-var _hoisted_8$39 = ["d"];
+var _hoisted_7$44 = ["d"];
+var _hoisted_8$40 = ["d"];
 var _hoisted_9$37 = {
 	key: 2,
 	class: "mint-pill-nav__dropdown",
@@ -2801,7 +3047,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 		}
 		useEventListener(() => document, "click", handleClickOutside);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", _hoisted_1$69, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$71, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
 				return openBlock(), createElementBlock("div", {
 					key: item.id,
 					ref_for: true,
@@ -2856,11 +3102,11 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 						return openBlock(), createElementBlock("path", {
 							key: index,
 							d
-						}, null, 8, _hoisted_7$43);
+						}, null, 8, _hoisted_7$44);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: item.icon
-					}, null, 8, _hoisted_8$39))])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(item.label), 1)]),
+					}, null, 8, _hoisted_8$40))])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(item.label), 1)]),
 					_: 2
 				}, 1032, [
 					"href",
@@ -2898,7 +3144,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppAvatarMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$68 = ["aria-expanded", "title"];
+var _hoisted_1$70 = ["aria-expanded", "title"];
 var _hoisted_2$61 = { class: "mint-avatar-menu__avatar" };
 var _hoisted_3$57 = {
 	key: 0,
@@ -2916,12 +3162,12 @@ var _hoisted_6$48 = {
 	key: 1,
 	class: "mint-avatar-menu__user-email"
 };
-var _hoisted_7$42 = {
+var _hoisted_7$43 = {
 	key: 0,
 	class: "mint-avatar-menu__divider",
 	role: "separator"
 };
-var _hoisted_8$38 = {
+var _hoisted_8$39 = {
 	key: 0,
 	class: "mint-avatar-menu__item-icon"
 };
@@ -3010,7 +3256,7 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 				title: __props.userName ? `${__props.userName} · Account menu` : "Account menu",
 				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"])),
 				onKeydown: _cache[1] || (_cache[1] = (...args) => unref(handleTriggerKeydown) && unref(handleTriggerKeydown)(...args))
-			}, [createElementVNode("span", _hoisted_2$61, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$57, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 42, _hoisted_1$68), unref(isOpen) ? (openBlock(), createElementBlock("div", {
+			}, [createElementVNode("span", _hoisted_2$61, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$57, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 42, _hoisted_1$70), unref(isOpen) ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				ref_key: "panelRef",
 				ref: panelRef,
@@ -3020,7 +3266,7 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 			}, [
 				__props.userName || __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_4$55, [__props.userName ? (openBlock(), createElementBlock("div", _hoisted_5$52, toDisplayString(__props.userName), 1)) : createCommentVNode("", true), __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_6$48, 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_7$42)) : (openBlock(), createBlock(ActionItemInternal_default, {
+					return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.divider ? (openBlock(), createElementBlock("div", _hoisted_7$43)) : (openBlock(), createBlock(ActionItemInternal_default, {
 						key: 1,
 						href: item.href,
 						to: item.to,
@@ -3029,7 +3275,7 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 						onClick: ($event) => handleSelect(item)
 					}, {
 						default: withCtx(() => [
-							item.icon ? (openBlock(), createElementBlock("span", _hoisted_8$38, [renderSlot(_ctx.$slots, "item-icon", { item })])) : createCommentVNode("", true),
+							item.icon ? (openBlock(), createElementBlock("span", _hoisted_8$39, [renderSlot(_ctx.$slots, "item-icon", { item })])) : createCommentVNode("", true),
 							createElementVNode("span", _hoisted_9$36, toDisplayString(item.label), 1),
 							item.rightLabel ? (openBlock(), createElementBlock("span", _hoisted_10$33, toDisplayString(item.rightLabel), 1)) : createCommentVNode("", true)
 						]),
@@ -3056,7 +3302,7 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppPluginSwitcher.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = ["aria-expanded"];
+var _hoisted_1$69 = ["aria-expanded"];
 var _hoisted_2$60 = { class: "mint-plugin-switcher__label" };
 var _hoisted_3$56 = {
 	key: 0,
@@ -3072,11 +3318,11 @@ var _hoisted_5$51 = {
 	role: "menu"
 };
 var _hoisted_6$47 = { class: "mint-plugin-switcher__item-label" };
-var _hoisted_7$41 = {
+var _hoisted_7$42 = {
 	key: 0,
 	class: "mint-plugin-switcher__item-version"
 };
-var _hoisted_8$37 = {
+var _hoisted_8$38 = {
 	key: 1,
 	class: "mint-plugin-switcher__item-check",
 	viewBox: "0 0 24 24",
@@ -3149,7 +3395,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$67), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$51, [
+			], 10, _hoisted_1$69), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$51, [
 				_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, {
@@ -3166,8 +3412,8 @@ var AppPluginSwitcher_default = /* @__PURE__ */ defineComponent({
 								style: normalizeStyle({ background: plugin.color ?? "var(--color-primary)" })
 							}, toDisplayString(initialsOf(plugin)), 5),
 							createElementVNode("span", _hoisted_6$47, toDisplayString(plugin.label), 1),
-							plugin.version ? (openBlock(), createElementBlock("span", _hoisted_7$41, "v" + toDisplayString(plugin.version), 1)) : createCommentVNode("", true),
-							plugin.id === __props.current.id ? (openBlock(), createElementBlock("svg", _hoisted_8$37, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "M5 13l4 4L19 7" }, null, -1)])])) : createCommentVNode("", true)
+							plugin.version ? (openBlock(), createElementBlock("span", _hoisted_7$42, "v" + toDisplayString(plugin.version), 1)) : createCommentVNode("", true),
+							plugin.id === __props.current.id ? (openBlock(), createElementBlock("svg", _hoisted_8$38, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "M5 13l4 4L19 7" }, null, -1)])])) : createCommentVNode("", true)
 						]),
 						_: 2
 					}, 1032, [
@@ -3246,7 +3492,7 @@ function currentItemIdFromLocation(pages, pathname, routePrefix) {
 }
 //#endregion
 //#region src/components/AppTopBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = { class: "mint-topbar__container" };
+var _hoisted_1$68 = { class: "mint-topbar__container" };
 var _hoisted_2$59 = { class: "mint-topbar__brand" };
 var _hoisted_3$55 = ["href"];
 var _hoisted_4$53 = {
@@ -3261,11 +3507,11 @@ var _hoisted_6$46 = {
 	key: 0,
 	class: "mint-topbar__identity"
 };
-var _hoisted_7$40 = {
+var _hoisted_7$41 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_8$36 = {
+var _hoisted_8$37 = {
 	key: 0,
 	class: "mint-topbar__identity"
 };
@@ -3366,7 +3612,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		/** Full application top bar with brand logo, page selector or plugin switcher, centered pill nav, experiment popover, and avatar menu. */
 		const props = __props;
-		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-DOcCf0Vo.js").then((n) => n.n));
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-DELMkUFR.js").then((n) => n.n));
 		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-CJdNlCZb.js").then((n) => n.n));
 		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-DHE9k8TP.js").then((n) => n.n));
 		const emit = __emit;
@@ -3404,7 +3650,7 @@ 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$66, [
+				createElementVNode("header", { class: normalizeClass(["mint-topbar", `mint-topbar--${props.variant}`]) }, [createElementVNode("div", _hoisted_1$68, [
 					createElementVNode("div", _hoisted_2$59, [__props.homePath && (__props.homePath.startsWith("http") || __props.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
 						key: 0,
 						href: __props.homePath,
@@ -3442,9 +3688,9 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							tone: pluginIcon.value.color,
 							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_7$40, [..._cache[17] || (_cache[17] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])])) : createCommentVNode("", true)]),
+						}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_7$41, [..._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"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || __props.showLogo ? (openBlock(), createElementBlock("span", _hoisted_8$36, [unref(isIntegrated) ? (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$37, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
 						key: 0,
 						class: "mint-topbar__plugin-icon",
 						icon: unref(plugin)?.icon,
@@ -3635,7 +3881,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StepWizard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = {
+var _hoisted_1$67 = {
 	key: 0,
 	class: "mint-wizard__progress"
 };
@@ -3654,8 +3900,8 @@ var _hoisted_5$49 = {
 	"stroke-linejoin": "round"
 };
 var _hoisted_6$45 = { class: "mint-wizard__step-label" };
-var _hoisted_7$39 = { class: "mint-wizard__body" };
-var _hoisted_8$35 = { class: "mint-wizard__navigation" };
+var _hoisted_7$40 = { class: "mint-wizard__body" };
+var _hoisted_8$36 = { class: "mint-wizard__navigation" };
 var _hoisted_9$33 = ["disabled"];
 var _hoisted_10$31 = ["disabled"];
 var _hoisted_11$29 = ["disabled"];
@@ -3751,7 +3997,7 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 				tabindex: "0",
 				onKeydown: handleKeydown
 			}, [
-				props.showProgress ? (openBlock(), createElementBlock("div", _hoisted_1$65, [renderSlot(_ctx.$slots, "progress", {
+				props.showProgress ? (openBlock(), createElementBlock("div", _hoisted_1$67, [renderSlot(_ctx.$slots, "progress", {
 					steps: props.steps,
 					current: props.modelValue,
 					states: stepStates.value
@@ -3764,7 +4010,7 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 						onClick: ($event) => goToStep(index)
 					}, [createElementVNode("div", _hoisted_4$52, [stepStates.value[index] === "completed" ? (openBlock(), createElementBlock("svg", _hoisted_5$49, [..._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$45, toDisplayString(step.label), 1)], 10, _hoisted_3$54)], 64);
 				}), 128))])])])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_7$39, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
+				createElementVNode("div", _hoisted_7$40, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
 					return withDirectives((openBlock(), createElementBlock("div", {
 						key: step.id,
 						class: "mint-wizard__step-content"
@@ -3773,7 +4019,7 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 						index
 					})])), [[vShow, index === props.modelValue]]);
 				}), 128))]),
-				createElementVNode("div", _hoisted_8$35, [renderSlot(_ctx.$slots, "navigation", {
+				createElementVNode("div", _hoisted_8$36, [renderSlot(_ctx.$slots, "navigation", {
 					goBack,
 					goNext,
 					finish,
@@ -3814,7 +4060,7 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/FormSectionRenderer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = {
+var _hoisted_1$66 = {
 	key: 0,
 	class: "mint-form-section"
 };
@@ -3847,7 +4093,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$64, [renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
+			return visibleFields.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$66, [renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
 				section: __props.section,
 				form: __props.builder.form
 			}, () => [__props.section.collapsible ? (openBlock(), createBlock(CollapsibleCard_default, {
@@ -3908,7 +4154,7 @@ var FormSectionRenderer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormActions.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = { class: "mint-form-actions" };
+var _hoisted_1$65 = { class: "mint-form-actions" };
 //#endregion
 //#region src/components/FormActions.vue
 var FormActions_default = /* @__PURE__ */ defineComponent({
@@ -3965,7 +4211,7 @@ var FormActions_default = /* @__PURE__ */ defineComponent({
 		*/
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$63, [
+			return openBlock(), createElementBlock("div", _hoisted_1$65, [
 				__props.showCancel ? (openBlock(), createBlock(BaseButton_default, {
 					key: 0,
 					variant: "ghost",
@@ -4010,7 +4256,7 @@ var FormActions_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormBuilder.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = { class: "mint-form-builder__step" };
+var _hoisted_1$64 = { class: "mint-form-builder__step" };
 //#endregion
 //#region src/components/FormBuilder.vue
 var FormBuilder_default = /* @__PURE__ */ defineComponent({
@@ -4159,7 +4405,7 @@ var FormBuilder_default = /* @__PURE__ */ defineComponent({
 			}, createSlots({ _: 2 }, [renderList(resolvedSchema.value.steps, (step) => {
 				return {
 					name: `step-${step.id}`,
-					fn: withCtx(() => [createElementVNode("div", _hoisted_1$62, [(openBlock(true), createElementBlock(Fragment, null, renderList(step.sections, (section) => {
+					fn: withCtx(() => [createElementVNode("div", _hoisted_1$64, [(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,
@@ -4246,7 +4492,7 @@ var FormBuilder_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppSidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = {
+var _hoisted_1$63 = {
 	key: 0,
 	class: "mint-sidebar__header"
 };
@@ -4267,8 +4513,8 @@ var _hoisted_6$44 = {
 	key: 0,
 	class: "mint-sidebar__badge"
 };
-var _hoisted_7$38 = ["aria-label", "aria-expanded"];
-var _hoisted_8$34 = ["id"];
+var _hoisted_7$39 = ["aria-label", "aria-expanded"];
+var _hoisted_8$35 = ["id"];
 var _hoisted_9$32 = { class: "mint-sidebar__group-head" };
 var _hoisted_10$30 = ["aria-expanded", "onClick"];
 var _hoisted_11$28 = {
@@ -4589,7 +4835,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(sidebarClasses.value),
 				style: normalizeStyle(sidebarStyle.value)
 			}, [
-				_ctx.$slots.header || __props.title || __props.subtitle || __props.badge !== void 0 || __props.collapsible ? (openBlock(), createElementBlock("div", _hoisted_1$61, [renderSlot(_ctx.$slots, "header", {
+				_ctx.$slots.header || __props.title || __props.subtitle || __props.badge !== void 0 || __props.collapsible ? (openBlock(), createElementBlock("div", _hoisted_1$63, [renderSlot(_ctx.$slots, "header", {
 					collapsed: collapsedModel.value,
 					toggleCollapsed
 				}, () => [!collapsedModel.value ? (openBlock(), createElementBlock("div", _hoisted_2$56, [createElementVNode("div", _hoisted_3$52, [__props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$50, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$47, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), __props.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6$44, toDisplayString(__props.badge), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), __props.collapsible ? (openBlock(), createElementBlock("button", {
@@ -4608,7 +4854,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"aria-hidden": "true"
-				}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M11 19l-7-7 7-7m8 14l-7-7 7-7" }, null, -1)])], 2))], 8, _hoisted_7$38)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M11 19l-7-7 7-7m8 14l-7-7 7-7" }, null, -1)])], 2))], 8, _hoisted_7$39)) : createCommentVNode("", true)])])) : createCommentVNode("", true),
 				!collapsedModel.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					id: __props.contentId,
@@ -4716,7 +4962,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 					sections: activeSections.value,
 					activeView: resolvedActiveView.value,
 					values: resolvedValues.value
-				})], 8, _hoisted_8$34)) : _ctx.$slots.collapsed ? (openBlock(), createElementBlock("div", _hoisted_27$10, [renderSlot(_ctx.$slots, "collapsed", {
+				})], 8, _hoisted_8$35)) : _ctx.$slots.collapsed ? (openBlock(), createElementBlock("div", _hoisted_27$10, [renderSlot(_ctx.$slots, "collapsed", {
 					sections: activeSections.value,
 					expand: expandCollapsed
 				})])) : (openBlock(), createElementBlock("div", _hoisted_28$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeSections.value, (section) => {
@@ -4750,7 +4996,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppLayout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = {
+var _hoisted_1$62 = {
 	key: 0,
 	class: "mint-layout__topbar"
 };
@@ -4856,7 +5102,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$60, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$55, [
+			return openBlock(), createElementBlock("div", { class: normalizeClass(layoutClasses.value) }, [_ctx.$slots.topbar ? (openBlock(), createElementBlock("div", _hoisted_1$62, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$55, [
 				__props.responsiveSidebar && _ctx.$slots.sidebar ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -4882,7 +5128,7 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/MobileSupportGate.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = { class: "mint-mobile-support-gate__panel" };
+var _hoisted_1$61 = { class: "mint-mobile-support-gate__panel" };
 var _hoisted_2$54 = { class: "mint-mobile-support-gate__copy" };
 var _hoisted_3$50 = { class: "mint-mobile-support-gate__eyebrow" };
 var _hoisted_4$48 = { class: "mint-mobile-support-gate__message" };
@@ -4920,7 +5166,7 @@ var MobileSupportGate_default = /* @__PURE__ */ defineComponent({
 			}, [renderSlot(_ctx.$slots, "unsupported", {
 				isMobileViewport: unref(isMobileViewport),
 				isSupported: unref(isSupported)
-			}, () => [createElementVNode("section", _hoisted_1$59, [
+			}, () => [createElementVNode("section", _hoisted_1$61, [
 				_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$54, [
 					createElementVNode("p", _hoisted_3$50, toDisplayString(__props.appName), 1),
@@ -5551,36 +5797,39 @@ function humanize(value) {
 }
 //#endregion
 //#region src/components/ChartContainer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = { class: "mint-chart" };
-var _hoisted_2$53 = {
+var _hoisted_1$60 = {
 	key: 0,
 	class: "mint-chart__header"
 };
-var _hoisted_3$49 = {
+var _hoisted_2$53 = {
 	key: 0,
 	class: "mint-chart__header-text"
 };
-var _hoisted_4$47 = {
+var _hoisted_3$49 = {
 	key: 0,
 	class: "mint-chart__title"
 };
-var _hoisted_5$44 = {
+var _hoisted_4$47 = {
 	key: 1,
 	class: "mint-chart__description"
 };
-var _hoisted_6$42 = {
-	key: 1,
+var _hoisted_5$44 = {
+	key: 0,
 	class: "mint-chart__toolbar"
 };
-var _hoisted_7$37 = { class: "mint-chart__body" };
-var _hoisted_8$33 = {
+var _hoisted_6$42 = { class: "mint-chart__body" };
+var _hoisted_7$38 = {
 	key: 0,
 	class: "mint-chart__loading-overlay"
 };
-var _hoisted_9$31 = {
+var _hoisted_8$34 = {
 	key: 1,
 	class: "mint-chart__legend"
 };
+var _hoisted_9$31 = {
+	key: 2,
+	class: "mint-chart__footer"
+};
 //#endregion
 //#region src/components/ChartContainer.vue
 var ChartContainer_default = /* @__PURE__ */ defineComponent({
@@ -5596,26 +5845,29 @@ var ChartContainer_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		emptyMessage: { default: "No data available" }
+		emptyMessage: { default: "No data available" },
+		variant: { default: "card" }
 	},
 	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$58, [
-				__props.title || __props.description || _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_2$53, [__props.title || __props.description ? (openBlock(), createElementBlock("div", _hoisted_3$49, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$47, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$44, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_6$42, [renderSlot(_ctx.$slots, "toolbar")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_7$37, [__props.loading ? (openBlock(), createElementBlock("div", _hoisted_8$33, [createVNode(LoadingSpinner_default, { size: "lg" })])) : __props.empty ? renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [createVNode(EmptyState_default, {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-chart", `mint-chart--${__props.variant}`]) }, [
+				__props.title || __props.description || _ctx.$slots.header || _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_1$60, [renderSlot(_ctx.$slots, "header", {}, () => [__props.title || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2$53, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_3$49, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_4$47, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)]), _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_5$44, [renderSlot(_ctx.$slots, "toolbar")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "subhead"),
+				createElementVNode("div", _hoisted_6$42, [__props.loading ? (openBlock(), createElementBlock("div", _hoisted_7$38, [createVNode(LoadingSpinner_default, { size: "lg" })])) : __props.empty ? renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [createVNode(EmptyState_default, {
 					title: __props.emptyMessage,
 					size: "sm",
 					"icon-path": "M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"
 				}, null, 8, ["title"])]) : renderSlot(_ctx.$slots, "default", { key: 2 })]),
-				_ctx.$slots.legend ? (openBlock(), createElementBlock("div", _hoisted_9$31, [renderSlot(_ctx.$slots, "legend")])) : createCommentVNode("", true)
-			]);
+				_ctx.$slots.legend ? (openBlock(), createElementBlock("div", _hoisted_8$34, [renderSlot(_ctx.$slots, "legend")])) : createCommentVNode("", true),
+				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_9$31, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+			], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/PlotlyChart.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = ["aria-label"];
+var _hoisted_1$59 = ["aria-label"];
 //#endregion
 //#region src/components/PlotlyChart.vue
 var PlotlyChart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -5635,9 +5887,21 @@ var PlotlyChart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 			default: false
 		},
 		emptyMessage: { default: "No data available" },
-		ariaLabel: { default: "Interactive Plotly chart" }
+		ariaLabel: { default: "Interactive Plotly chart" },
+		plotly: {},
+		active: {
+			type: Boolean,
+			default: true
+		},
+		height: {},
+		clickEvents: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: "card" }
 	},
-	setup(__props) {
+	emits: ["plotly-click"],
+	setup(__props, { emit: __emit }) {
 		/**
 		* Render native Plotly data with MINT loading, empty, theme, and error states.
 		*
@@ -5655,9 +5919,10 @@ var PlotlyChart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 		* ```
 		*/
 		const props = __props;
+		const emit = __emit;
 		const chartElement = ref(null);
 		const failed = ref(false);
-		let plotly = null;
+		let plotly = props.plotly ?? null;
 		let resizeObserver = null;
 		let themeObserver = null;
 		let renderedElement = null;
@@ -5665,9 +5930,15 @@ var PlotlyChart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 		let disposed = false;
 		let revision = 0;
 		async function loadPlotly() {
+			if (props.plotly) return props.plotly;
 			const module = await import("./plotly.min-c2Sez60c.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
 			return "default" in module ? module.default : module;
 		}
+		function bindEvents(element) {
+			const host = element;
+			host.removeAllListeners?.("plotly_click");
+			if (props.clickEvents) host.on?.("plotly_click", (event) => emit("plotly-click", event));
+		}
 		function cssValue(name, fallback) {
 			return getComputedStyle(chartElement.value ?? document.documentElement).getPropertyValue(name).trim() || getComputedStyle(document.documentElement).getPropertyValue(name).trim() || fallback;
 		}
@@ -5711,17 +5982,17 @@ var PlotlyChart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 		}
 		async function renderChart() {
 			revision++;
-			if (rendering || disposed || props.loading || props.empty) return;
+			if (rendering || disposed || !props.active || props.loading || props.empty) return;
 			rendering = true;
 			try {
-				while (!disposed && !props.loading && !props.empty) {
+				while (!disposed && props.active && !props.loading && !props.empty) {
 					const currentRevision = revision;
 					failed.value = false;
 					await nextTick();
-					if (disposed || props.loading || props.empty) break;
+					if (disposed || !props.active || props.loading || props.empty) break;
 					try {
 						plotly ??= await loadPlotly();
-						if (disposed || props.loading || props.empty) break;
+						if (disposed || !props.active || props.loading || props.empty) break;
 						if (currentRevision !== revision) continue;
 						const element = chartElement.value;
 						if (!element) break;
@@ -5732,7 +6003,10 @@ var PlotlyChart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 							...props.config
 						});
 						if (disposed || props.loading || props.empty || element !== chartElement.value) purgeChart();
-						else resizeObserver?.observe(element);
+						else if (props.active) {
+							bindEvents(element);
+							resizeObserver?.observe(element);
+						}
 					} catch {
 						purgeChart();
 						if (!disposed && currentRevision === revision) failed.value = true;
@@ -5746,7 +6020,7 @@ var PlotlyChart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 		}
 		onMounted(() => {
 			if (typeof ResizeObserver !== "undefined") resizeObserver = new ResizeObserver(() => {
-				if (rendering || !plotly || !renderedElement) return;
+				if (rendering || !props.active || !plotly || !renderedElement) return;
 				Promise.resolve(plotly.Plots.resize(renderedElement)).catch(() => {});
 			});
 			if (typeof MutationObserver !== "undefined") {
@@ -5763,14 +6037,26 @@ var PlotlyChart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 			() => props.layout,
 			() => props.config,
 			() => props.loading,
-			() => props.empty
+			() => props.empty,
+			() => props.active
 		], () => {
-			if (props.loading || props.empty) {
+			if (props.loading || props.empty || !props.active) {
 				resizeObserver?.disconnect();
-				if (!rendering) purgeChart();
+				if ((props.loading || props.empty) && !rendering) purgeChart();
 			}
 			renderChart();
 		});
+		watch(() => props.clickEvents, () => {
+			if (renderedElement) bindEvents(renderedElement);
+		});
+		const chartStyle = computed(() => {
+			if (props.height === void 0) return void 0;
+			const height = typeof props.height === "number" ? `${props.height}px` : props.height;
+			return {
+				height,
+				minHeight: height
+			};
+		});
 		onBeforeUnmount(() => {
 			disposed = true;
 			resizeObserver?.disconnect();
@@ -5783,45 +6069,63 @@ var PlotlyChart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 				description: __props.description,
 				loading: __props.loading,
 				empty: __props.empty,
-				"empty-message": __props.emptyMessage
+				"empty-message": __props.emptyMessage,
+				variant: __props.variant
 			}, createSlots({
 				default: withCtx(() => [failed.value ? renderSlot(_ctx.$slots, "error", { key: 0 }, () => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "mint-plotly-chart__error" }, [createElementVNode("p", { role: "alert" }, "Unable to display this chart.")], -1))], true) : createCommentVNode("", true), withDirectives(createElementVNode("div", {
 					ref_key: "chartElement",
 					ref: chartElement,
 					class: "mint-plotly-chart__plot",
 					role: "group",
-					"aria-label": __props.ariaLabel
-				}, null, 8, _hoisted_1$57), [[vShow, !failed.value]])]),
+					"aria-label": __props.ariaLabel,
+					style: normalizeStyle(chartStyle.value)
+				}, null, 12, _hoisted_1$59), [[vShow, !failed.value]])]),
 				_: 2
 			}, [
+				_ctx.$slots.header ? {
+					name: "header",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "header", {}, void 0, true)]),
+					key: "0"
+				} : void 0,
 				_ctx.$slots.toolbar ? {
 					name: "toolbar",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)]),
-					key: "0"
+					key: "1"
+				} : void 0,
+				_ctx.$slots.subhead ? {
+					name: "subhead",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "subhead", {}, void 0, true)]),
+					key: "2"
 				} : void 0,
 				_ctx.$slots.empty ? {
 					name: "empty",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty", {}, void 0, true)]),
-					key: "1"
+					key: "3"
 				} : void 0,
 				_ctx.$slots.legend ? {
 					name: "legend",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "legend", {}, void 0, true)]),
-					key: "2"
+					key: "4"
+				} : void 0,
+				_ctx.$slots.footer ? {
+					name: "footer",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "footer", {}, void 0, true)]),
+					key: "5"
 				} : void 0
 			]), 1032, [
 				"title",
 				"description",
 				"loading",
 				"empty",
-				"empty-message"
+				"empty-message",
+				"variant"
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-ee2f733a"]]);
+}), [["__scopeId", "data-v-7b24d547"]]);
 //#endregion
 //#region src/components/GeneratedPlotlyResult.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = ["src"];
+var _hoisted_1$58 = ["src"];
 //#endregion
 //#region src/components/GeneratedPlotlyResult.vue
 var GeneratedPlotlyResult_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -5850,7 +6154,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$56)]),
+				}, null, 8, _hoisted_1$58)]),
 				key: "0"
 			} : void 0]), 1032, [
 				"data",
@@ -5862,7 +6166,7 @@ var GeneratedPlotlyResult_default = /* @__PURE__ */ _plugin_vue_export_helper_de
 }), [["__scopeId", "data-v-4a6d15d5"]]);
 //#endregion
 //#region src/components/GeneratedResultRenderer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = {
+var _hoisted_1$57 = {
 	class: "mint-generated-result",
 	"aria-live": "polite"
 };
@@ -5909,7 +6213,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$55, [__props.result.kind === "text" ? (openBlock(), createElementBlock("p", _hoisted_2$52, toDisplayString(__props.result.text), 1)) : __props.result.kind === "json" ? (openBlock(), createElementBlock("pre", _hoisted_3$48, toDisplayString(formattedJson.value), 1)) : __props.result.kind === "table" ? (openBlock(), createBlock(DataFrame_default, {
+			return openBlock(), createElementBlock("article", _hoisted_1$57, [__props.result.kind === "text" ? (openBlock(), createElementBlock("p", _hoisted_2$52, toDisplayString(__props.result.text), 1)) : __props.result.kind === "json" ? (openBlock(), createElementBlock("pre", _hoisted_3$48, toDisplayString(formattedJson.value), 1)) : __props.result.kind === "table" ? (openBlock(), createBlock(DataFrame_default, {
 				key: 2,
 				data: __props.result.rows,
 				columns: tableColumns.value,
@@ -5942,7 +6246,7 @@ var GeneratedResultRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper_
 }), [["__scopeId", "data-v-7500041f"]]);
 //#endregion
 //#region src/components/JobsStatusTray.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = { class: "mint-jobs-tray" };
+var _hoisted_1$56 = { class: "mint-jobs-tray" };
 var _hoisted_2$51 = ["aria-expanded"];
 var _hoisted_3$47 = { class: "mint-jobs-tray__trigger-label" };
 var _hoisted_4$45 = {
@@ -5952,8 +6256,8 @@ var _hoisted_4$45 = {
 };
 var _hoisted_5$42 = { class: "mint-jobs-tray__header" };
 var _hoisted_6$41 = { class: "mint-jobs-tray__subtitle" };
-var _hoisted_7$36 = { class: "mint-jobs-tray__header-actions" };
-var _hoisted_8$32 = ["disabled"];
+var _hoisted_7$37 = { class: "mint-jobs-tray__header-actions" };
+var _hoisted_8$33 = ["disabled"];
 var _hoisted_9$30 = {
 	class: "mint-jobs-tray__tabs",
 	role: "tablist",
@@ -6111,7 +6415,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(Teleport, {
 				to: teleportTarget.value,
 				disabled: __props.teleportTo === false
-			}, [createElementVNode("div", _hoisted_1$54, [
+			}, [createElementVNode("div", _hoisted_1$56, [
 				createElementVNode("button", {
 					ref_key: "triggerRef",
 					ref: triggerRef,
@@ -6157,7 +6461,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 						createElementVNode("header", _hoisted_5$42, [createElementVNode("div", null, [createElementVNode("h2", {
 							id: titleId,
 							class: "mint-jobs-tray__title"
-						}, toDisplayString(__props.title), 1), createElementVNode("p", _hoisted_6$41, toDisplayString(unref(tray).jobs.value.length) + " total", 1)]), createElementVNode("div", _hoisted_7$36, [unref(tray).canRefresh.value ? (openBlock(), createElementBlock("button", {
+						}, toDisplayString(__props.title), 1), createElementVNode("p", _hoisted_6$41, toDisplayString(unref(tray).jobs.value.length) + " total", 1)]), createElementVNode("div", _hoisted_7$37, [unref(tray).canRefresh.value ? (openBlock(), createElementBlock("button", {
 							key: 0,
 							type: "button",
 							class: "mint-jobs-tray__icon-button",
@@ -6169,7 +6473,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 							fill: "none",
 							stroke: "currentColor",
 							"aria-hidden": "true"
-						}, [createElementVNode("path", { d: "M20 6v5h-5M4 18v-5h5" }), createElementVNode("path", { d: "M18.4 9A7 7 0 0 0 6.1 6.1L4 8m2 7a7 7 0 0 0 11.9 2.9L20 16" })], -1)])], 8, _hoisted_8$32)) : createCommentVNode("", true), createElementVNode("button", {
+						}, [createElementVNode("path", { d: "M20 6v5h-5M4 18v-5h5" }), createElementVNode("path", { d: "M18.4 9A7 7 0 0 0 6.1 6.1L4 8m2 7a7 7 0 0 0 11.9 2.9L20 16" })], -1)])], 8, _hoisted_8$33)) : createCommentVNode("", true), createElementVNode("button", {
 							type: "button",
 							class: "mint-jobs-tray__icon-button",
 							"aria-label": "Close jobs",
@@ -6279,7 +6583,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/GeneratedPluginView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = { class: "mint-generated-workspace" };
+var _hoisted_1$55 = { class: "mint-generated-workspace" };
 var _hoisted_2$50 = {
 	key: 0,
 	class: "mint-generated-workspace__loading"
@@ -6392,7 +6696,7 @@ var GeneratedPluginView_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 				"onUpdate:values": updateValues,
 				onFormSubmit: submitJob
 			}, {
-				default: withCtx(() => [createElementVNode("main", _hoisted_1$53, [unref(generated).isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$50, [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$55, [unref(generated).isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$50, [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",
@@ -6435,7 +6739,7 @@ var GeneratedPluginView_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 }), [["__scopeId", "data-v-e6faabe4"]]);
 //#endregion
 //#region src/components/DoseCalculatorVolumeField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = { class: "mint-dose-calculator__field" };
+var _hoisted_1$54 = { class: "mint-dose-calculator__field" };
 var _hoisted_2$49 = { class: "mint-dose-calculator__field-label" };
 var _hoisted_3$45 = { class: "mint-dose-calculator__field-row" };
 var _hoisted_4$43 = ["value", "disabled"];
@@ -6476,7 +6780,7 @@ var DoseCalculatorVolumeField_default = /* @__PURE__ */ defineComponent({
 			});
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$52, [createElementVNode("label", _hoisted_2$49, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_3$45, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", _hoisted_1$54, [createElementVNode("label", _hoisted_2$49, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_3$45, [createElementVNode("input", {
 				type: "number",
 				value: __props.modelValue.value,
 				disabled: __props.disabled,
@@ -6500,7 +6804,7 @@ var DoseCalculatorVolumeField_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DoseCalculator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = {
+var _hoisted_1$53 = {
 	key: 0,
 	class: "mint-dose-calculator__tabs",
 	role: "tablist"
@@ -6514,8 +6818,8 @@ var _hoisted_5$39 = {
 	role: "tabpanel"
 };
 var _hoisted_6$38 = { class: "mint-dose-calculator__field" };
-var _hoisted_7$35 = { class: "mint-dose-calculator__field" };
-var _hoisted_8$31 = {
+var _hoisted_7$36 = { class: "mint-dose-calculator__field" };
+var _hoisted_8$32 = {
 	key: 0,
 	class: "mint-dose-calculator__result"
 };
@@ -6693,7 +6997,7 @@ 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$51, [
+				showTabs.value ? (openBlock(), createElementBlock("div", _hoisted_1$53, [
 					createElementVNode("button", {
 						type: "button",
 						class: normalizeClass(["mint-dose-calculator__tab", activeMode.value === "dilution" ? "mint-dose-calculator__tab--active" : ""]),
@@ -6724,7 +7028,7 @@ var DoseCalculator_default = /* @__PURE__ */ defineComponent({
 						"show-conversion": false,
 						size: "md"
 					}, null, 8, ["modelValue", "disabled"])]),
-					createElementVNode("div", _hoisted_7$35, [_cache[11] || (_cache[11] = createElementVNode("label", { class: "mint-dose-calculator__field-label" }, "Final Concentration", -1)), createVNode(ConcentrationInput_default, {
+					createElementVNode("div", _hoisted_7$36, [_cache[11] || (_cache[11] = createElementVNode("label", { class: "mint-dose-calculator__field-label" }, "Final Concentration", -1)), createVNode(ConcentrationInput_default, {
 						modelValue: finalConcentration.value,
 						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => finalConcentration.value = $event),
 						disabled: __props.disabled,
@@ -6743,7 +7047,7 @@ var DoseCalculator_default = /* @__PURE__ */ defineComponent({
 						"disabled"
 					]),
 					_cache[16] || (_cache[16] = createElementVNode("div", { class: "mint-dose-calculator__divider" }, null, -1)),
-					dilutionResult.value?.valid ? (openBlock(), createElementBlock("div", _hoisted_8$31, [
+					dilutionResult.value?.valid ? (openBlock(), createElementBlock("div", _hoisted_8$32, [
 						_cache[15] || (_cache[15] = createElementVNode("div", { class: "mint-dose-calculator__result-title" }, "Result", -1)),
 						createElementVNode("div", _hoisted_9$29, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "mint-dose-calculator__result-label" }, "Stock volume", -1)), createElementVNode("span", _hoisted_10$28, toDisplayString(unref(formatVolume)(dilutionResult.value.stockVolume)), 1)]),
 						createElementVNode("div", _hoisted_11$26, [_cache[13] || (_cache[13] = createElementVNode("span", { class: "mint-dose-calculator__result-label" }, "Diluent volume", -1)), createElementVNode("span", _hoisted_12$25, toDisplayString(unref(formatVolume)(dilutionResult.value.diluentVolume)), 1)]),
@@ -6854,7 +7158,7 @@ function formatProtocolDuration(minutes) {
 }
 //#endregion
 //#region src/components/ExperimentTimeline.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = ["aria-label"];
+var _hoisted_1$52 = ["aria-label"];
 var _hoisted_2$47 = [
 	"draggable",
 	"tabindex",
@@ -6875,8 +7179,8 @@ var _hoisted_5$38 = {
 	viewBox: "0 0 24 24"
 };
 var _hoisted_6$37 = ["d"];
-var _hoisted_7$34 = { class: "mint-timeline__content" };
-var _hoisted_8$30 = { class: "mint-timeline__title-row" };
+var _hoisted_7$35 = { class: "mint-timeline__content" };
+var _hoisted_8$31 = { class: "mint-timeline__title-row" };
 var _hoisted_9$28 = ["aria-label", "onClick"];
 var _hoisted_10$27 = ["aria-expanded"];
 var _hoisted_11$25 = {
@@ -7097,7 +7401,7 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 								"stroke-width": "2",
 								d: unref(PROTOCOL_STEP_TYPE_ICONS)[step.type]
 							}, null, 8, _hoisted_6$37)]))], 6),
-							createElementVNode("div", _hoisted_7$34, [createElementVNode("div", _hoisted_8$30, [createElementVNode("span", { class: normalizeClass(["mint-timeline__title", `mint-timeline__title--${__props.size}`]) }, toDisplayString(step.name), 3), __props.showDuration && step.duration ? (openBlock(), createElementBlock("span", {
+							createElementVNode("div", _hoisted_7$35, [createElementVNode("div", _hoisted_8$31, [createElementVNode("span", { class: normalizeClass(["mint-timeline__title", `mint-timeline__title--${__props.size}`]) }, toDisplayString(step.name), 3), __props.showDuration && step.duration ? (openBlock(), createElementBlock("span", {
 								key: 0,
 								class: normalizeClass(["mint-timeline__duration", __props.size === "sm" ? "mint-timeline__duration--sm" : ""])
 							}, toDisplayString(unref(formatProtocolDuration)(step.duration)), 3)) : createCommentVNode("", true)]), createElementVNode("div", { class: normalizeClass(["mint-timeline__type", `mint-timeline__type--${__props.size}`]) }, toDisplayString(step.type.replace("_", " ")), 3)]),
@@ -7218,20 +7522,20 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 					"aria-live": "polite",
 					style: normalizeStyle(unref(announcerStyle))
 				}, toDisplayString(unref(reorderAnnouncement)), 5)
-			], 10, _hoisted_1$50);
+			], 10, _hoisted_1$52);
 		};
 	}
 });
 //#endregion
 //#region src/components/internal/WellEditPopupInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = { class: "mint-well-edit-popup__header" };
+var _hoisted_1$51 = { class: "mint-well-edit-popup__header" };
 var _hoisted_2$46 = { class: "mint-well-edit-popup__header-left" };
 var _hoisted_3$42 = { class: "mint-well-edit-popup__well-id" };
 var _hoisted_4$40 = { class: "mint-well-edit-popup__body" };
 var _hoisted_5$37 = { key: 0 };
 var _hoisted_6$36 = { class: "mint-well-edit-popup__row" };
-var _hoisted_7$33 = { key: 0 };
-var _hoisted_8$29 = { class: "mint-well-edit-popup__type-grid" };
+var _hoisted_7$34 = { key: 0 };
+var _hoisted_8$30 = { class: "mint-well-edit-popup__type-grid" };
 var _hoisted_9$27 = ["title", "onClick"];
 var _hoisted_10$26 = { key: 1 };
 var _hoisted_11$24 = {
@@ -7361,7 +7665,7 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 				tabindex: "-1",
 				onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
 			}, [
-				createElementVNode("div", _hoisted_1$49, [createElementVNode("div", _hoisted_2$46, [createElementVNode("span", _hoisted_3$42, 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$51, [createElementVNode("div", _hoisted_2$46, [createElementVNode("span", _hoisted_3$42, 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", {
@@ -7383,7 +7687,7 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 						onKeydown: withKeys(save, ["enter"]),
 						autofocus: ""
 					}, null, 544), [[vModelText, formData.value.label]])])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_6$36, [hasField("sampleType") ? (openBlock(), createElementBlock("div", _hoisted_7$33, [_cache[9] || (_cache[9] = createElementVNode("label", { class: "mint-well-edit-popup__label" }, "Type", -1)), createElementVNode("div", _hoisted_8$29, [(openBlock(), createElementBlock(Fragment, null, renderList(sampleTypeButtons, (btn) => {
+					createElementVNode("div", _hoisted_6$36, [hasField("sampleType") ? (openBlock(), createElementBlock("div", _hoisted_7$34, [_cache[9] || (_cache[9] = createElementVNode("label", { class: "mint-well-edit-popup__label" }, "Type", -1)), createElementVNode("div", _hoisted_8$30, [(openBlock(), createElementBlock(Fragment, null, renderList(sampleTypeButtons, (btn) => {
 						return createElementVNode("button", {
 							key: btn.type,
 							title: btn.tooltip,
@@ -7982,7 +8286,7 @@ var DEFAULT_WELL_LEGEND_ITEMS = [
 ];
 //#endregion
 //#region src/components/WellPlate.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = {
+var _hoisted_1$50 = {
 	key: 0,
 	class: "mint-well-plate__state"
 };
@@ -8000,8 +8304,8 @@ var _hoisted_4$39 = {
 };
 var _hoisted_5$36 = { class: "mint-well-plate__content" };
 var _hoisted_6$35 = ["aria-label"];
-var _hoisted_7$32 = { key: 0 };
-var _hoisted_8$28 = ["colspan"];
+var _hoisted_7$33 = { key: 0 };
+var _hoisted_8$29 = ["colspan"];
 var _hoisted_9$26 = ["colspan"];
 var _hoisted_10$25 = { key: 1 };
 var _hoisted_11$23 = ["rowspan"];
@@ -8121,7 +8425,9 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 		},
 		loading: { type: Boolean },
 		error: {},
-		emptyMessage: {}
+		emptyMessage: {},
+		wellClass: {},
+		wellStyle: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -8177,7 +8483,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 			emitSampleDrop: (wellId, data, event) => emit("sample-drop", wellId, data, event)
 		});
 		function getWellClasses(well) {
-			return wellClasses(well, {
+			const base = wellClasses(well, {
 				wellShape: props.wellShape,
 				selectionMode: props.selectionMode,
 				selected: isSelected(well.id),
@@ -8188,12 +8494,17 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 				dragSource: dragSourceWell.value === well.id,
 				dragTarget: dragTargetWell.value === well.id
 			});
+			const custom = props.wellClass?.(well);
+			return custom ? [base, custom] : [base];
 		}
 		function getWellStyle(well) {
-			return wellStyle(well, {
-				heatmap: props.heatmap,
-				sampleColors: props.sampleColors
-			});
+			return {
+				...wellStyle(well, {
+					heatmap: props.heatmap,
+					sampleColors: props.sampleColors
+				}),
+				...props.wellStyle?.(well)
+			};
 		}
 		function getSampleTypeIndicator(well) {
 			return sampleTypeIndicator(well, props.showSampleTypeIndicator);
@@ -8227,7 +8538,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["mint-well-plate", isFillMode.value ? "mint-well-plate--fill" : "mint-well-plate--inline"]),
 				style: normalizeStyle(containerStyle.value)
 			}, [
-				__props.error ? (openBlock(), createElementBlock("div", _hoisted_1$48, [renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [createVNode(DataStateInternal_default, {
+				__props.error ? (openBlock(), createElementBlock("div", _hoisted_1$50, [renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [createVNode(DataStateInternal_default, {
 					state: "error",
 					title: __props.error
 				}, null, 8, ["title"])])])) : __props.loading ? (openBlock(), createElementBlock("div", _hoisted_2$45, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(DataStateInternal_default, {
@@ -8245,7 +8556,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 						"aria-label": `${props.format}-well plate`,
 						style: normalizeStyle(tableStyle.value)
 					}, [
-						hasColumnConditions.value ? (openBlock(), createElementBlock("thead", _hoisted_7$32, [createElementVNode("tr", null, [
+						hasColumnConditions.value ? (openBlock(), createElementBlock("thead", _hoisted_7$33, [createElementVNode("tr", null, [
 							createElementVNode("th", { style: normalizeStyle({ width: sizeConfig.value.headerWidth }) }, null, 4),
 							hasRowConditions.value ? (openBlock(), createElementBlock("th", {
 								key: 0,
@@ -8261,7 +8572,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_8$28)) : (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_8$29)) : (openBlock(), createElementBlock("th", {
 									key: 1,
 									colspan: span.colspan
 								}, null, 8, _hoisted_9$26))], 64);
@@ -8442,7 +8753,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SampleLegend.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = ["aria-pressed", "onClick"];
+var _hoisted_1$49 = ["aria-pressed", "onClick"];
 var _hoisted_2$44 = ["aria-label", "onClick"];
 //#endregion
 //#region src/components/SampleLegend.vue
@@ -8534,7 +8845,7 @@ var SampleLegend_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						d: "M6 18L18 6M6 6l12 12"
 					})], -1)])], 8, _hoisted_2$44)) : createCommentVNode("", true)
-				], 10, _hoisted_1$47);
+				], 10, _hoisted_1$49);
 			}), 128)), __props.editable ? (openBlock(), createElementBlock("button", {
 				key: 0,
 				type: "button",
@@ -8557,7 +8868,7 @@ var SampleLegend_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/PlateMapEditorToolbarInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = { class: "mint-plate-editor__toolbar" };
+var _hoisted_1$48 = { class: "mint-plate-editor__toolbar" };
 var _hoisted_2$43 = { class: "mint-plate-editor__tabs" };
 var _hoisted_3$40 = ["onClick"];
 var _hoisted_4$38 = { class: "mint-plate-editor__tab-name" };
@@ -8566,8 +8877,8 @@ var _hoisted_5$35 = {
 	class: "mint-plate-editor__tab-count"
 };
 var _hoisted_6$34 = ["aria-label", "onClick"];
-var _hoisted_7$31 = { class: "mint-plate-editor__actions" };
-var _hoisted_8$27 = ["disabled"];
+var _hoisted_7$32 = { class: "mint-plate-editor__actions" };
+var _hoisted_8$28 = ["disabled"];
 var _hoisted_9$25 = ["disabled"];
 //#endregion
 //#region src/components/internal/PlateMapEditorToolbarInternal.vue
@@ -8596,7 +8907,7 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$46, [
+			return openBlock(), createElementBlock("div", _hoisted_1$48, [
 				createElementVNode("div", _hoisted_2$43, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plates, (plate, index) => {
 					return openBlock(), createElementBlock("button", {
 						key: plate.id,
@@ -8640,7 +8951,7 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 					"stroke-linejoin": "round"
 				}, [createElementVNode("path", { d: "M5 12h14" }), createElementVNode("path", { d: "M12 5v14" })], -1), createElementVNode("span", null, "Add", -1)])])) : createCommentVNode("", true)]),
 				_cache[12] || (_cache[12] = createElementVNode("div", { class: "mint-plate-editor__spacer" }, null, -1)),
-				createElementVNode("div", _hoisted_7$31, [
+				createElementVNode("div", _hoisted_7$32, [
 					createElementVNode("button", {
 						type: "button",
 						disabled: !__props.canUndo,
@@ -8654,7 +8965,7 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "M9 14 4 9l5-5" }), createElementVNode("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" })], -1)])], 8, _hoisted_8$27),
+					}, [createElementVNode("path", { d: "M9 14 4 9l5-5" }), createElementVNode("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" })], -1)])], 8, _hoisted_8$28),
 					createElementVNode("button", {
 						type: "button",
 						disabled: !__props.canRedo,
@@ -8711,7 +9022,7 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PlateMapEditor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = { class: "mint-plate-editor__main" };
+var _hoisted_1$47 = { class: "mint-plate-editor__main" };
 var _hoisted_2$42 = {
 	key: 2,
 	class: "mint-plate-editor__selection-bar"
@@ -8726,8 +9037,8 @@ var _hoisted_6$33 = {
 	key: 0,
 	class: "mint-plate-editor__add-sample"
 };
-var _hoisted_7$30 = { class: "mint-plate-editor__add-sample-form" };
-var _hoisted_8$26 = ["disabled"];
+var _hoisted_7$31 = { class: "mint-plate-editor__add-sample-form" };
+var _hoisted_8$27 = ["disabled"];
 var _hoisted_9$24 = { class: "mint-plate-editor__modal" };
 var _hoisted_10$24 = { class: "mint-plate-editor__modal-field" };
 var _hoisted_11$22 = { class: "mint-plate-editor__modal-field" };
@@ -8903,7 +9214,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$45, [
+				createElementVNode("div", _hoisted_1$47, [
 					__props.showToolbar ? (openBlock(), createBlock(PlateMapEditorToolbarInternal_default, {
 						key: 0,
 						plates: unref(editor).plates.value,
@@ -8979,7 +9290,7 @@ var PlateMapEditor_default = /* @__PURE__ */ defineComponent({
 						"editable",
 						"size"
 					]),
-					__props.allowAddSamples ? (openBlock(), createElementBlock("div", _hoisted_6$33, [createElementVNode("div", _hoisted_7$30, [withDirectives(createElementVNode("input", {
+					__props.allowAddSamples ? (openBlock(), createElementBlock("div", _hoisted_6$33, [createElementVNode("div", _hoisted_7$31, [withDirectives(createElementVNode("input", {
 						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => newSampleName.value = $event),
 						type: "text",
 						placeholder: "New sample...",
@@ -8990,7 +9301,7 @@ var PlateMapEditor_default = /* @__PURE__ */ defineComponent({
 						disabled: !newSampleName.value.trim(),
 						class: "mint-plate-editor__add-sample-btn",
 						onClick: handleAddSample
-					}, " Add ", 8, _hoisted_8$26)])])) : createCommentVNode("", true),
+					}, " Add ", 8, _hoisted_8$27)])])) : createCommentVNode("", true),
 					_cache[12] || (_cache[12] = createStaticVNode("<div class=\"mint-plate-editor__shortcuts\"><h4 class=\"mint-plate-editor__shortcuts-title\">Shortcuts</h4><div class=\"mint-plate-editor__shortcuts-list\"><div><kbd class=\"mint-plate-editor__shortcut-key\">1-9</kbd> Quick assign</div><div><kbd class=\"mint-plate-editor__shortcut-key\">Del</kbd> Clear wells</div><div><kbd class=\"mint-plate-editor__shortcut-key\">Ctrl+Z</kbd> Undo</div><div><kbd class=\"mint-plate-editor__shortcut-key\">Ctrl+A</kbd> Select all</div></div></div>", 1))
 				])])) : createCommentVNode("", true),
 				(openBlock(), createBlock(Teleport, { to: "body" }, [showImportModal.value ? (openBlock(), createElementBlock("div", {
@@ -9088,7 +9399,7 @@ function getReagentRowClasses(reagent, options) {
 }
 //#endregion
 //#region src/components/ReagentList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = { class: "mint-reagent-list" };
+var _hoisted_1$46 = { class: "mint-reagent-list" };
 var _hoisted_2$41 = { class: "mint-reagent-list__header" };
 var _hoisted_3$38 = {
 	key: 0,
@@ -9103,14 +9414,14 @@ var _hoisted_5$33 = {
 	style: { "width": "24px" }
 };
 var _hoisted_6$32 = ["aria-sort"];
-var _hoisted_7$29 = {
+var _hoisted_7$30 = {
 	key: 0,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
 	"stroke-width": "2",
 	d: "M19 9l-7 7-7-7"
 };
-var _hoisted_8$25 = {
+var _hoisted_8$26 = {
 	key: 1,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
@@ -9342,7 +9653,7 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 			emit("add");
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$44, [
+			return openBlock(), createElementBlock("div", _hoisted_1$46, [
 				createElementVNode("div", _hoisted_2$41, [__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_3$38, [_cache[3] || (_cache[3] = createElementVNode("svg", {
 					class: "mint-reagent-list__search-icon",
 					fill: "none",
@@ -9392,7 +9703,7 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24"
-							}, [sortColumn.value === col && sortDirection.value === "desc" ? (openBlock(), createElementBlock("path", _hoisted_7$29)) : (openBlock(), createElementBlock("path", _hoisted_8$25))], 2)) : createCommentVNode("", true)]),
+							}, [sortColumn.value === col && sortDirection.value === "desc" ? (openBlock(), createElementBlock("path", _hoisted_7$30)) : (openBlock(), createElementBlock("path", _hoisted_8$26))], 2)) : createCommentVNode("", true)]),
 							_: 2
 						}, 1064, [
 							"type",
@@ -9583,7 +9894,7 @@ function fieldRecipeSummary(input) {
 }
 //#endregion
 //#region src/components/SmartGroupFieldRecipe.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = { class: "sg-modal fr" };
+var _hoisted_1$45 = { class: "sg-modal fr" };
 var _hoisted_2$40 = { class: "sg-head" };
 var _hoisted_3$37 = { class: "sg-head__sub" };
 var _hoisted_4$35 = ["aria-expanded"];
@@ -9597,12 +9908,12 @@ var _hoisted_6$31 = [
 	"aria-disabled",
 	"title"
 ];
-var _hoisted_7$28 = [
+var _hoisted_7$29 = [
 	"disabled",
 	"aria-disabled",
 	"title"
 ];
-var _hoisted_8$24 = {
+var _hoisted_8$25 = {
 	class: "sg-mode",
 	role: "tablist",
 	"aria-label": "Grouping mode"
@@ -9917,7 +10228,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 			});
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$43, [
+			return openBlock(), createElementBlock("div", _hoisted_1$45, [
 				createElementVNode("div", _hoisted_2$40, [
 					createVNode(Icon, {
 						d: ICON.bolt,
@@ -9983,7 +10294,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 							}, [createVNode(Icon, {
 								d: ICON.download,
 								size: 14
-							}, null, 8, ["d"]), _cache[9] || (_cache[9] = createTextVNode(" Download pre-filled ", -1))], 8, _hoisted_7$28)
+							}, null, 8, ["d"]), _cache[9] || (_cache[9] = createTextVNode(" Download pre-filled ", -1))], 8, _hoisted_7$29)
 						])) : createCommentVNode("", true),
 						createElementVNode("input", {
 							ref_key: "fileInput",
@@ -9994,7 +10305,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 							onChange: onFileChange
 						}, null, 544)
 					], 512),
-					createElementVNode("div", _hoisted_8$24, [_cache[10] || (_cache[10] = createElementVNode("button", {
+					createElementVNode("div", _hoisted_8$25, [_cache[10] || (_cache[10] = createElementVNode("button", {
 						type: "button",
 						class: "sg-mode__btn sg-mode__btn--on",
 						role: "tab",
@@ -10223,7 +10534,7 @@ function assignSamples(samples, selected, assignment) {
 }
 //#endregion
 //#region src/components/SmartGroupManual.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = { class: "sg-modal mg2" };
+var _hoisted_1$44 = { class: "sg-modal mg2" };
 var _hoisted_2$39 = { class: "sg-head" };
 var _hoisted_3$36 = {
 	class: "sg-mode",
@@ -10233,8 +10544,8 @@ var _hoisted_3$36 = {
 var _hoisted_4$34 = { class: "mg2-body" };
 var _hoisted_5$31 = { class: "mg2-find" };
 var _hoisted_6$30 = { class: "mg2-search" };
-var _hoisted_7$27 = { class: "mg2-chips" };
-var _hoisted_8$23 = ["onClick"];
+var _hoisted_7$28 = { class: "mg2-chips" };
+var _hoisted_8$24 = ["onClick"];
 var _hoisted_9$21 = { class: "mg2-chip__n" };
 var _hoisted_10$21 = { class: "mg2-selbar" };
 var _hoisted_11$19 = { class: "mg2-check" };
@@ -10493,7 +10804,7 @@ var SmartGroupManual_default = /* @__PURE__ */ defineComponent({
 			emit("done", { samples: samples.value });
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$42, [
+			return openBlock(), createElementBlock("div", _hoisted_1$44, [
 				createElementVNode("div", _hoisted_2$39, [
 					createVNode(Icon, {
 						d: ICON.layers,
@@ -10543,12 +10854,12 @@ var SmartGroupManual_default = /* @__PURE__ */ defineComponent({
 							size: 13
 						}, null, 8, ["d"])])) : createCommentVNode("", true)
 					]),
-					createElementVNode("div", _hoisted_7$27, [(openBlock(true), createElementBlock(Fragment, null, renderList(chips.value, (chip) => {
+					createElementVNode("div", _hoisted_7$28, [(openBlock(true), createElementBlock(Fragment, null, renderList(chips.value, (chip) => {
 						return openBlock(), createElementBlock("button", {
 							key: chip.k,
 							class: normalizeClass(["mg2-chip", { "mg2-chip--on": filter.value === chip.k }]),
 							onClick: ($event) => filter.value = chip.k
-						}, [createTextVNode(toDisplayString(chip.label), 1), createElementVNode("span", _hoisted_9$21, toDisplayString(chip.n), 1)], 10, _hoisted_8$23);
+						}, [createTextVNode(toDisplayString(chip.label), 1), createElementVNode("span", _hoisted_9$21, toDisplayString(chip.n), 1)], 10, _hoisted_8$24);
 					}), 128))]),
 					createElementVNode("div", _hoisted_10$21, [createElementVNode("label", _hoisted_11$19, [createElementVNode("input", {
 						type: "checkbox",
@@ -11132,7 +11443,7 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SampleSelectorSampleRow.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = ["title", "aria-label"];
+var _hoisted_1$43 = ["title", "aria-label"];
 var _hoisted_2$38 = ["checked", "aria-label"];
 var _hoisted_3$35 = { class: "mint-sample-selector__sample-name" };
 //#endregion
@@ -11205,7 +11516,7 @@ var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					d: "M20 12H4"
 				})], -1)])])) : createCommentVNode("", true)
-			], 10, _hoisted_1$41);
+			], 10, _hoisted_1$43);
 		};
 	}
 });
@@ -11222,7 +11533,7 @@ function collectNodeKeys(nodes) {
 }
 //#endregion
 //#region src/components/SampleSelectorGroupNode.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = [
+var _hoisted_1$42 = [
 	"draggable",
 	"aria-expanded",
 	"aria-label"
@@ -11384,7 +11695,7 @@ var SampleSelectorGroupNode_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					d: "M6 18L18 6M6 6l12 12"
 				})], -1)])], 8, _hoisted_5$30)
-			], 42, _hoisted_1$40), createVNode(Transition, { name: "mint-collapse" }, {
+			], 42, _hoisted_1$42), createVNode(Transition, { name: "mint-collapse" }, {
 				default: withCtx(() => [expanded.value && !isLeaf.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: "mint-sample-selector__sub-groups",
@@ -11695,7 +12006,7 @@ function useSampleSelectorSelection(options) {
 }
 //#endregion
 //#region src/components/SampleSelector.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = { class: "mint-sample-selector" };
+var _hoisted_1$41 = { class: "mint-sample-selector" };
 var _hoisted_2$36 = {
 	key: 0,
 	class: "mint-sample-selector__state"
@@ -11713,8 +12024,8 @@ var _hoisted_5$29 = {
 	class: "mint-sample-selector__select-all"
 };
 var _hoisted_6$29 = ["checked"];
-var _hoisted_7$26 = { class: "mint-sample-selector__select-all-count" };
-var _hoisted_8$22 = {
+var _hoisted_7$27 = { class: "mint-sample-selector__select-all-count" };
+var _hoisted_8$23 = {
 	key: 4,
 	class: "mint-sample-selector__actions"
 };
@@ -11941,7 +12252,7 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 		const isPlaceholderState = computed(() => props.loading || Boolean(props.error) || resolvedSamples.value.length === 0);
 		__expose({ handleSmartGroupApply });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$39, [
+			return openBlock(), createElementBlock("div", _hoisted_1$41, [
 				__props.error ? (openBlock(), createElementBlock("div", _hoisted_2$36, [renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [createVNode(DataStateInternal_default, {
 					state: "error",
 					size: "sm",
@@ -11963,9 +12274,9 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						class: "mint-sample-selector__checkbox"
 					}, null, 40, _hoisted_6$29),
 					_cache[6] || (_cache[6] = createElementVNode("span", { class: "mint-sample-selector__select-all-label" }, "Select All", -1)),
-					createElementVNode("span", _hoisted_7$26, toDisplayString(resolvedSamples.value.length) + " samples", 1)
+					createElementVNode("span", _hoisted_7$27, toDisplayString(resolvedSamples.value.length) + " samples", 1)
 				])) : createCommentVNode("", true),
-				!isPlaceholderState.value && __props.enableGrouping ? (openBlock(), createElementBlock("div", _hoisted_8$22, [createElementVNode("div", _hoisted_9$20, [createVNode(BaseButton_default, {
+				!isPlaceholderState.value && __props.enableGrouping ? (openBlock(), createElementBlock("div", _hoisted_8$23, [createElementVNode("div", _hoisted_9$20, [createVNode(BaseButton_default, {
 					variant: __props.enableSmartGroup && groupingEnabled.value ? "primary" : "secondary",
 					size: "sm",
 					disabled: resolvedSamples.value.length === 0,
@@ -12362,7 +12673,7 @@ function formatEventTime(event) {
 }
 //#endregion
 //#region src/components/ScheduleCalendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = {
+var _hoisted_1$40 = {
 	key: 0,
 	class: "mint-schedule__header"
 };
@@ -12380,11 +12691,11 @@ var _hoisted_6$28 = {
 	key: 1,
 	class: "mint-schedule__state"
 };
-var _hoisted_7$25 = {
+var _hoisted_7$26 = {
 	key: 2,
 	class: "mint-schedule__state"
 };
-var _hoisted_8$21 = {
+var _hoisted_8$22 = {
 	key: 3,
 	class: "mint-schedule__state"
 };
@@ -12638,7 +12949,7 @@ var ScheduleCalendar_default = /* @__PURE__ */ defineComponent({
 				class: "mint-schedule",
 				style: normalizeStyle({ "--slot-height": `${unref(SLOT_HEIGHT)}px` })
 			}, [
-				__props.showNavigation || __props.showViewToggle ? (openBlock(), createElementBlock("div", _hoisted_1$38, [
+				__props.showNavigation || __props.showViewToggle ? (openBlock(), createElementBlock("div", _hoisted_1$40, [
 					__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$35, [
 						createElementVNode("button", {
 							type: "button",
@@ -12689,10 +13000,10 @@ var ScheduleCalendar_default = /* @__PURE__ */ defineComponent({
 				__props.error ? (openBlock(), createElementBlock("div", _hoisted_6$28, [renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [createVNode(DataStateInternal_default, {
 					state: "error",
 					title: __props.error
-				}, null, 8, ["title"])])])) : __props.loading ? (openBlock(), createElementBlock("div", _hoisted_7$25, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(DataStateInternal_default, {
+				}, null, 8, ["title"])])])) : __props.loading ? (openBlock(), createElementBlock("div", _hoisted_7$26, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(DataStateInternal_default, {
 					state: "loading",
 					"loading-label": "Loading schedule"
-				})])])) : showEmptyState.value ? (openBlock(), createElementBlock("div", _hoisted_8$21, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(DataStateInternal_default, {
+				})])])) : showEmptyState.value ? (openBlock(), createElementBlock("div", _hoisted_8$22, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(DataStateInternal_default, {
 					state: "empty",
 					title: __props.emptyMessage
 				}, null, 8, ["title"])])])) : currentView.value === "day" || currentView.value === "week" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [currentView.value === "week" ? (openBlock(), createElementBlock("div", _hoisted_9$19, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "mint-schedule__day-header-gutter" }, null, -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleDays), (day, i) => {
@@ -12813,7 +13124,7 @@ var ScheduleCalendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ComponentBindingRenderer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = [
+var _hoisted_1$39 = [
 	"data-component-binding-id",
 	"data-template-id",
 	"data-template-component"
@@ -12832,8 +13143,8 @@ var _hoisted_6$27 = {
 	key: 0,
 	class: "mint-component-binding-renderer__description"
 };
-var _hoisted_7$24 = { class: "mint-component-binding-renderer__body" };
-var _hoisted_8$20 = {
+var _hoisted_7$25 = { class: "mint-component-binding-renderer__body" };
+var _hoisted_8$21 = {
 	key: 0,
 	class: "mint-component-binding-renderer__empty"
 };
@@ -12962,8 +13273,8 @@ var ComponentBindingRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper
 					"data-component-binding-id": renderableBinding.id,
 					"data-template-id": renderableBinding.template_id,
 					"data-template-component": renderableBinding.component
-				}, [__props.showHeaders ? (openBlock(), createElementBlock("header", _hoisted_2$34, [createElementVNode("div", _hoisted_3$31, [createElementVNode("p", _hoisted_4$30, toDisplayString(renderableBinding.component), 1), renderableBinding.template_id || renderableBinding.id ? (openBlock(), createElementBlock("p", _hoisted_5$27, toDisplayString(renderableBinding.template_id ?? renderableBinding.id), 1)) : createCommentVNode("", true)]), __props.showDescriptions && renderableBinding.description ? (openBlock(), createElementBlock("p", _hoisted_6$27, toDisplayString(renderableBinding.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$24, [(openBlock(), createBlock(resolveDynamicComponent(renderableBinding.componentImpl), mergeProps({ ref_for: true }, renderableBinding.normalizedProps), null, 16))])], 8, _hoisted_1$37);
-			}), 128)), renderableBindings.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_8$20, toDisplayString(__props.emptyText), 1)) : createCommentVNode("", true)], 2);
+				}, [__props.showHeaders ? (openBlock(), createElementBlock("header", _hoisted_2$34, [createElementVNode("div", _hoisted_3$31, [createElementVNode("p", _hoisted_4$30, toDisplayString(renderableBinding.component), 1), renderableBinding.template_id || renderableBinding.id ? (openBlock(), createElementBlock("p", _hoisted_5$27, toDisplayString(renderableBinding.template_id ?? renderableBinding.id), 1)) : createCommentVNode("", true)]), __props.showDescriptions && renderableBinding.description ? (openBlock(), createElementBlock("p", _hoisted_6$27, toDisplayString(renderableBinding.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$25, [(openBlock(), createBlock(resolveDynamicComponent(renderableBinding.componentImpl), mergeProps({ ref_for: true }, renderableBinding.normalizedProps), null, 16))])], 8, _hoisted_1$39);
+			}), 128)), renderableBindings.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_8$21, toDisplayString(__props.emptyText), 1)) : createCommentVNode("", true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-e6c3e169"]]);
@@ -13102,7 +13413,7 @@ function bioTemplatePresetWorkspaceProps(props) {
 }
 //#endregion
 //#region src/components/ControlWorkspaceView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = { class: "mint-control-workspace-view__content" };
+var _hoisted_1$38 = { class: "mint-control-workspace-view__content" };
 //#endregion
 //#region src/components/ControlWorkspaceView.vue
 var ControlWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -13319,7 +13630,7 @@ var ControlWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 					"form-disabled",
 					"form-readonly"
 				])], true)]),
-				default: withCtx(() => [createElementVNode("main", _hoisted_1$36, [renderSlot(_ctx.$slots, "default", {
+				default: withCtx(() => [createElementVNode("main", _hoisted_1$38, [renderSlot(_ctx.$slots, "default", {
 					workspace: resolvedWorkspace.value,
 					bindings: resolvedBindings.value,
 					values: resolvedWorkspace.value.values,
@@ -13356,7 +13667,7 @@ var ControlWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 }), [["__scopeId", "data-v-f3b22df2"]]);
 //#endregion
 //#region src/components/DoseDesignWorkspaceView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = { class: "mint-dose-design-workspace" };
+var _hoisted_1$37 = { class: "mint-dose-design-workspace" };
 //#endregion
 //#region src/components/DoseDesignWorkspaceView.vue
 var DoseDesignWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -13470,7 +13781,7 @@ var DoseDesignWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_
 				onSubmit: _cache[2] || (_cache[2] = ($event) => emit("submit", $event)),
 				onCancel: _cache[3] || (_cache[3] = ($event) => emit("cancel"))
 			}), {
-				default: withCtx((workspaceSlotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps(workspaceSlotProps))), () => [createElementVNode("div", _hoisted_1$35, [renderSlot(_ctx.$slots, "plate", normalizeProps(guardReactiveProps(slotProps(workspaceSlotProps))), () => [createVNode(WellPlate_default, normalizeProps(guardReactiveProps(wellPlateBinding(workspaceSlotProps.componentPropsById))), null, 16)], true), renderSlot(_ctx.$slots, "dose", normalizeProps(guardReactiveProps(slotProps(workspaceSlotProps))), () => [createVNode(DoseCalculator_default, normalizeProps(guardReactiveProps(doseCalculatorBinding(workspaceSlotProps.componentPropsById))), null, 16)], true)])], true)]),
+				default: withCtx((workspaceSlotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps(workspaceSlotProps))), () => [createElementVNode("div", _hoisted_1$37, [renderSlot(_ctx.$slots, "plate", normalizeProps(guardReactiveProps(slotProps(workspaceSlotProps))), () => [createVNode(WellPlate_default, normalizeProps(guardReactiveProps(wellPlateBinding(workspaceSlotProps.componentPropsById))), null, 16)], true), renderSlot(_ctx.$slots, "dose", normalizeProps(guardReactiveProps(slotProps(workspaceSlotProps))), () => [createVNode(DoseCalculator_default, normalizeProps(guardReactiveProps(doseCalculatorBinding(workspaceSlotProps.componentPropsById))), null, 16)], true)])], true)]),
 				_: 3
 			}, 16);
 		};
@@ -13501,8 +13812,79 @@ var AppContainer_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/LayoutResizeHandle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$36 = [
+	"tabindex",
+	"aria-label",
+	"aria-orientation",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-disabled"
+];
+//#endregion
+//#region src/components/LayoutResizeHandle.vue
+var LayoutResizeHandle_default = /* @__PURE__ */ defineComponent({
+	__name: "LayoutResizeHandle",
+	props: {
+		modelValue: {},
+		min: {},
+		max: {},
+		label: {},
+		orientation: {},
+		edge: { default: void 0 },
+		step: { default: 10 },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:modelValue", "resize-start"],
+	setup(__props, { emit: __emit }) {
+		/** Accessible pointer and keyboard handle for resizable workbench panes. */
+		const props = __props;
+		const emit = __emit;
+		function update(value) {
+			emit("update:modelValue", Math.min(props.max, Math.max(props.min, value)));
+		}
+		function handleKeydown(event) {
+			if (props.disabled) return;
+			const decrement = props.orientation === "vertical" ? "ArrowLeft" : "ArrowUp";
+			const increment = props.orientation === "vertical" ? "ArrowRight" : "ArrowDown";
+			if (event.key === decrement) update(props.modelValue - props.step);
+			else if (event.key === increment) update(props.modelValue + props.step);
+			else if (event.key === "Home") update(props.min);
+			else if (event.key === "End") update(props.max);
+			else return;
+			event.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "separator",
+				tabindex: __props.disabled ? -1 : 0,
+				class: normalizeClass([
+					"mint-layout-resize-handle",
+					`mint-layout-resize-handle--${__props.orientation}`,
+					__props.edge ? `mint-layout-resize-handle--edge-${__props.edge}` : ""
+				]),
+				"aria-label": __props.label,
+				"aria-orientation": __props.orientation,
+				"aria-valuemin": __props.min,
+				"aria-valuemax": __props.max,
+				"aria-valuenow": __props.modelValue,
+				"aria-disabled": __props.disabled || void 0,
+				onPointerdown: _cache[0] || (_cache[0] = ($event) => !__props.disabled && emit("resize-start", $event)),
+				onKeydown: handleKeydown
+			}, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
+				class: "mint-layout-resize-handle__bar",
+				"aria-hidden": "true"
+			}, null, -1)])], 42, _hoisted_1$36);
+		};
+	}
+});
+//#endregion
 //#region src/components/Divider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = {
+var _hoisted_1$35 = {
 	key: 0,
 	class: "mint-divider__line"
 };
@@ -13542,7 +13924,7 @@ var Divider_default = /* @__PURE__ */ defineComponent({
 				role: "separator",
 				"aria-orientation": "horizontal"
 			}, [__props.label ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-				__props.align === "center" ? (openBlock(), createElementBlock("span", _hoisted_1$34)) : createCommentVNode("", true),
+				__props.align === "center" ? (openBlock(), createElementBlock("span", _hoisted_1$35)) : createCommentVNode("", true),
 				createElementVNode("span", _hoisted_2$33, toDisplayString(__props.label), 1),
 				_cache[0] || (_cache[0] = createElementVNode("span", { class: "mint-divider__line" }, null, -1))
 			], 64)) : createCommentVNode("", true)], 2));
@@ -13551,7 +13933,7 @@ var Divider_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StatusIndicator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = { class: "mint-status" };
+var _hoisted_1$34 = { class: "mint-status" };
 var _hoisted_2$32 = {
 	key: 0,
 	class: "mint-status__label"
@@ -13577,7 +13959,7 @@ var StatusIndicator_default = /* @__PURE__ */ defineComponent({
 			color: props.color
 		} : {});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$33, [createElementVNode("span", {
+			return openBlock(), createElementBlock("span", _hoisted_1$34, [createElementVNode("span", {
 				class: normalizeClass([
 					"mint-status__dot",
 					{ [`mint-status__dot--${__props.status}`]: !__props.color },
@@ -13590,7 +13972,7 @@ var StatusIndicator_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ProgressBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = {
+var _hoisted_1$33 = {
 	key: 0,
 	class: "mint-progress__header"
 };
@@ -13617,7 +13999,7 @@ var _hoisted_6$26 = [
 	"aria-valuemax",
 	"aria-label"
 ];
-var _hoisted_7$23 = {
+var _hoisted_7$24 = {
 	key: 3,
 	class: "mint-progress__step-labels"
 };
@@ -13654,7 +14036,7 @@ var ProgressBar_default = /* @__PURE__ */ defineComponent({
 		const segmentCount = computed(() => props.steps.length || 0);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-progress", `mint-progress--${__props.variant}`]) }, [
-				__props.label || __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_1$32, [
+				__props.label || __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_1$33, [
 					__props.label ? (openBlock(), createElementBlock("span", _hoisted_2$31, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
 					__props.showValue && !__props.indeterminate && __props.variant === "rail" ? (openBlock(), createElementBlock("span", _hoisted_3$30, toDisplayString(clampedValue.value) + "%", 1)) : createCommentVNode("", true),
 					__props.showValue && __props.variant === "segmented" && segmentCount.value ? (openBlock(), createElementBlock("span", _hoisted_4$29, toDisplayString(__props.currentStep) + " / " + toDisplayString(segmentCount.value), 1)) : createCommentVNode("", true)
@@ -13692,7 +14074,7 @@ var ProgressBar_default = /* @__PURE__ */ defineComponent({
 						])
 					}, null, 2);
 				}), 128))], 10, _hoisted_6$26)),
-				__props.variant === "segmented" && __props.steps.length ? (openBlock(), createElementBlock("div", _hoisted_7$23, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, i) => {
+				__props.variant === "segmented" && __props.steps.length ? (openBlock(), createElementBlock("div", _hoisted_7$24, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, i) => {
 					return openBlock(), createElementBlock("span", {
 						key: i,
 						class: normalizeClass([
@@ -13708,7 +14090,7 @@ var ProgressBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = ["aria-label"];
+var _hoisted_1$32 = ["aria-label"];
 var _hoisted_2$30 = ["src", "alt"];
 var _hoisted_3$29 = {
 	key: 1,
@@ -13771,13 +14153,13 @@ var Avatar_default = /* @__PURE__ */ defineComponent({
 				key: 0,
 				class: normalizeClass(["mint-avatar__status", `mint-avatar__status--${__props.status}`]),
 				"aria-hidden": "true"
-			}, null, 2)) : createCommentVNode("", true)], 10, _hoisted_1$31);
+			}, null, 2)) : createCommentVNode("", true)], 10, _hoisted_1$32);
 		};
 	}
 });
 //#endregion
 //#region src/components/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = {
+var _hoisted_1$31 = {
 	class: "mint-breadcrumb",
 	"aria-label": "Breadcrumb"
 };
@@ -13794,7 +14176,7 @@ var _hoisted_6$25 = {
 	class: "mint-breadcrumb__separator",
 	"aria-hidden": "true"
 };
-var _hoisted_7$22 = {
+var _hoisted_7$23 = {
 	key: 0,
 	class: "mint-breadcrumb__chevron",
 	viewBox: "0 0 24 24",
@@ -13822,7 +14204,7 @@ var Breadcrumb_default = /* @__PURE__ */ defineComponent({
 			if (!item.href) emit("navigate", item);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", _hoisted_1$30, [createElementVNode("ol", _hoisted_2$29, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item, index) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$31, [createElementVNode("ol", _hoisted_2$29, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item, index) => {
 				return openBlock(), createElementBlock("li", {
 					key: index,
 					class: "mint-breadcrumb__item"
@@ -13838,12 +14220,46 @@ var Breadcrumb_default = /* @__PURE__ */ defineComponent({
 					key: 1,
 					class: "mint-breadcrumb__link",
 					onClick: ($event) => handleClick(item)
-				}, toDisplayString(item.label), 9, _hoisted_4$27)) : (openBlock(), createElementBlock("span", _hoisted_5$25, toDisplayString(item.label), 1))]), index !== normalizedItems.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_6$25, [renderSlot(_ctx.$slots, "separator", {}, () => [__props.separator === "/" ? (openBlock(), createElementBlock("svg", _hoisted_7$22, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m9 18 6-6-6-6" }, null, -1)])])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.separator), 1)], 64))])])) : createCommentVNode("", true)]);
+				}, toDisplayString(item.label), 9, _hoisted_4$27)) : (openBlock(), createElementBlock("span", _hoisted_5$25, toDisplayString(item.label), 1))]), index !== normalizedItems.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_6$25, [renderSlot(_ctx.$slots, "separator", {}, () => [__props.separator === "/" ? (openBlock(), createElementBlock("svg", _hoisted_7$23, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m9 18 6-6-6-6" }, null, -1)])])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.separator), 1)], 64))])])) : createCommentVNode("", true)]);
 			}), 128))])]);
 		};
 	}
 });
 //#endregion
+//#region src/components/AdductText.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$30 = ["title"];
+//#endregion
+//#region src/components/AdductText.vue
+var AdductText_default = /* @__PURE__ */ defineComponent({
+	__name: "AdductText",
+	props: {
+		value: { default: null },
+		emptyText: { default: "-" },
+		variant: { default: "inline" },
+		tone: { default: "default" },
+		size: { default: "xs" },
+		font: { default: "mono" }
+	},
+	setup(__props) {
+		/** Compact, overflow-safe display for mass-spectrometry adduct notation. */
+		const props = __props;
+		const value = computed(() => props.value?.trim() ?? "");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass([
+					"mint-adduct-text",
+					`mint-adduct-text--${__props.variant}`,
+					`mint-adduct-text--${__props.tone}`,
+					`mint-adduct-text--${__props.size}`,
+					`mint-adduct-text--${__props.font}`,
+					{ "mint-adduct-text--empty": !value.value }
+				]),
+				title: value.value || void 0
+			}, toDisplayString(value.value || __props.emptyText), 11, _hoisted_1$30);
+		};
+	}
+});
+//#endregion
 //#region src/components/BioTemplateRenderer.vue
 var BioTemplateRenderer_default = /* @__PURE__ */ defineComponent({
 	__name: "BioTemplateRenderer",
@@ -13918,8 +14334,8 @@ var _hoisted_5$24 = {
 	class: "mint-bio-template-experiment-workspace__templates"
 };
 var _hoisted_6$24 = { class: "mint-bio-template-experiment-workspace__template-id" };
-var _hoisted_7$21 = { class: "mint-bio-template-experiment-workspace__template-version" };
-var _hoisted_8$19 = { class: "mint-bio-template-experiment-workspace__meta" };
+var _hoisted_7$22 = { class: "mint-bio-template-experiment-workspace__template-version" };
+var _hoisted_8$20 = { class: "mint-bio-template-experiment-workspace__meta" };
 //#endregion
 //#region src/components/BioTemplateExperimentWorkspaceView.vue
 var BioTemplateExperimentWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -14071,7 +14487,7 @@ var BioTemplateExperimentWorkspaceView_default = /* @__PURE__ */ _plugin_vue_exp
 					return openBlock(), createElementBlock("div", {
 						key: template.id,
 						class: "mint-bio-template-experiment-workspace__template"
-					}, [createElementVNode("p", _hoisted_6$24, toDisplayString(template.id), 1), createElementVNode("p", _hoisted_7$21, " v" + toDisplayString(template.version), 1)]);
+					}, [createElementVNode("p", _hoisted_6$24, toDisplayString(template.id), 1), createElementVNode("p", _hoisted_7$22, " v" + toDisplayString(template.version), 1)]);
 				}), 128))])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default", {
 					target: __props.target,
@@ -14090,7 +14506,7 @@ var BioTemplateExperimentWorkspaceView_default = /* @__PURE__ */ _plugin_vue_exp
 					"dense",
 					"readonly"
 				])], true),
-				createElementVNode("p", _hoisted_8$19, " experiment: " + toDisplayString(resolvedCurrentExperimentId.value ?? "not selected"), 1)
+				createElementVNode("p", _hoisted_8$20, " experiment: " + toDisplayString(resolvedCurrentExperimentId.value ?? "not selected"), 1)
 			]);
 		};
 	}
@@ -14208,11 +14624,11 @@ var _hoisted_4$25 = {
 };
 var _hoisted_5$23 = { class: "mint-bio-template-preset-workspace__main" };
 var _hoisted_6$23 = { class: "mint-bio-template-preset-workspace__sidebar-subtitle" };
-var _hoisted_7$20 = {
+var _hoisted_7$21 = {
 	key: 2,
 	class: "mint-bio-template-preset-workspace__templates"
 };
-var _hoisted_8$18 = { class: "mint-bio-template-preset-workspace__template-id" };
+var _hoisted_8$19 = { class: "mint-bio-template-preset-workspace__template-id" };
 var _hoisted_9$18 = { class: "mint-bio-template-preset-workspace__template-meta" };
 var _hoisted_10$18 = {
 	key: 3,
@@ -14419,11 +14835,11 @@ var BioTemplatePresetWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_
 					dense: __props.dense,
 					readonly: __props.readonly
 				}), null, 16, ["dense", "readonly"])], true)]),
-				__props.showTemplateSummary ? (openBlock(), createElementBlock("div", _hoisted_7$20, [(openBlock(true), createElementBlock(Fragment, null, renderList(templateIds.value, (templateId) => {
+				__props.showTemplateSummary ? (openBlock(), createElementBlock("div", _hoisted_7$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(templateIds.value, (templateId) => {
 					return openBlock(), createElementBlock("div", {
 						key: templateId,
 						class: "mint-bio-template-preset-workspace__template"
-					}, [createElementVNode("p", _hoisted_8$18, toDisplayString(templateId), 1), createElementVNode("p", _hoisted_9$18, toDisplayString(presetId.value) + " - Experiment " + toDisplayString(currentExperimentId.value ?? "not selected"), 1)]);
+					}, [createElementVNode("p", _hoisted_8$19, toDisplayString(templateId), 1), createElementVNode("p", _hoisted_9$18, toDisplayString(presetId.value) + " - Experiment " + toDisplayString(currentExperimentId.value ?? "not selected"), 1)]);
 				}), 128))])) : createCommentVNode("", true),
 				__props.showComponentSummary ? (openBlock(), createElementBlock("p", _hoisted_10$18, " component prop bindings: " + toDisplayString(componentPropsCount.value), 1)) : createCommentVNode("", true)
 			]);
@@ -14443,14 +14859,14 @@ var _hoisted_3$25 = [
 	"onDragover",
 	"onDrop"
 ];
-var _hoisted_4$24 = ["onClick"];
+var _hoisted_4$24 = ["aria-label", "onClick"];
 var _hoisted_5$22 = {
 	key: 0,
 	class: "mint-rack-editor__toolbar"
 };
 var _hoisted_6$22 = { class: "mint-rack-editor__toolbar-group" };
-var _hoisted_7$19 = { class: "mint-rack-editor__toolbar-section" };
-var _hoisted_8$17 = { class: "mint-rack-editor__format-btns" };
+var _hoisted_7$20 = { class: "mint-rack-editor__toolbar-section" };
+var _hoisted_8$18 = { class: "mint-rack-editor__format-btns" };
 var _hoisted_9$17 = ["onClick"];
 var _hoisted_10$17 = { class: "mint-rack-editor__toolbar-section" };
 var _hoisted_11$16 = { class: "mint-rack-editor__slot-btns" };
@@ -14635,10 +15051,13 @@ var RackEditor_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-rack-editor", { "mint-rack-editor--readonly": __props.readonly }]) }, [
 				createElementVNode("div", _hoisted_1$27, [createElementVNode("div", _hoisted_2$26, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(editor).racks.value, (rack, rackIndex) => {
-					return openBlock(), createElementBlock("button", {
+					return openBlock(), createElementBlock("div", {
 						key: rack.id,
+						class: "mint-rack-editor__tab-item"
+					}, [createElementVNode("button", {
 						ref_for: true,
 						ref: (el) => setTabRef(rack.id, el),
+						type: "button",
 						draggable: __props.allowReorder && !__props.readonly,
 						title: __props.allowReorder && !__props.readonly ? `${rack.name} — press Alt with the arrow keys to reorder` : void 0,
 						class: normalizeClass(["mint-rack-editor__tab", {
@@ -14662,13 +15081,14 @@ var RackEditor_default = /* @__PURE__ */ defineComponent({
 						getWellCount(rack) > 0 ? (openBlock(), createElementBlock("span", {
 							key: 0,
 							class: normalizeClass(["mint-rack-editor__count", unref(editor).activeRackId.value === rack.id ? "mint-rack-editor__count--active" : "mint-rack-editor__count--inactive"])
-						}, toDisplayString(getWellCount(rack)), 3)) : createCommentVNode("", true),
-						unref(editor).racks.value.length > __props.minRacks && !__props.readonly ? (openBlock(), createElementBlock("button", {
-							key: 1,
-							class: "mint-rack-editor__tab-remove",
-							onClick: withModifiers(($event) => handleRemoveRack(rack.id), ["stop"])
-						}, " × ", 8, _hoisted_4$24)) : createCommentVNode("", true)
-					], 42, _hoisted_3$25);
+						}, toDisplayString(getWellCount(rack)), 3)) : createCommentVNode("", true)
+					], 42, _hoisted_3$25), unref(editor).racks.value.length > __props.minRacks && !__props.readonly ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "mint-rack-editor__tab-remove",
+						"aria-label": `Remove ${rack.name}`,
+						onClick: withModifiers(($event) => handleRemoveRack(rack.id), ["stop"])
+					}, " × ", 8, _hoisted_4$24)) : createCommentVNode("", true)]);
 				}), 128))]), unref(editor).racks.value.length < __props.maxRacks && !__props.readonly ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					class: "mint-rack-editor__add-btn",
@@ -14685,7 +15105,7 @@ var RackEditor_default = /* @__PURE__ */ defineComponent({
 				}, [createElementVNode("path", { d: "M5 12h14" }), createElementVNode("path", { d: "M12 5v14" })], -1), createTextVNode(" Add Rack ", -1)])])) : createCommentVNode("", true)]),
 				unref(editor).activeRack.value && !__props.readonly ? (openBlock(), createElementBlock("div", _hoisted_5$22, [
 					createElementVNode("div", _hoisted_6$22, [
-						createElementVNode("div", _hoisted_7$19, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "mint-rack-editor__toolbar-label" }, "Plate", -1)), createElementVNode("div", _hoisted_8$17, [(openBlock(), createElementBlock(Fragment, null, renderList(FORMAT_OPTIONS, (opt) => {
+						createElementVNode("div", _hoisted_7$20, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "mint-rack-editor__toolbar-label" }, "Plate", -1)), createElementVNode("div", _hoisted_8$18, [(openBlock(), createElementBlock(Fragment, null, renderList(FORMAT_OPTIONS, (opt) => {
 							return createElementVNode("button", {
 								key: opt.value,
 								class: normalizeClass(["mint-rack-editor__format-btn", unref(editor).activeRack.value.format === opt.value ? "mint-rack-editor__format-btn--active" : "mint-rack-editor__format-btn--inactive"]),
@@ -14775,12 +15195,12 @@ var _hoisted_3$24 = { class: "mint-group-assigner__zone-header" };
 var _hoisted_4$23 = { class: "mint-group-assigner__zone-label" };
 var _hoisted_5$21 = { class: "mint-group-assigner__zone-count" };
 var _hoisted_6$21 = { class: "mint-group-assigner__zone-content" };
-var _hoisted_7$18 = [
+var _hoisted_7$19 = [
 	"aria-label",
 	"onDragstart",
 	"onKeydown"
 ];
-var _hoisted_8$16 = { class: "mint-group-assigner__pill-name" };
+var _hoisted_8$17 = { class: "mint-group-assigner__pill-name" };
 var _hoisted_9$16 = { class: "mint-group-assigner__pill-count" };
 var _hoisted_10$16 = ["onClick"];
 var _hoisted_11$15 = {
@@ -14957,7 +15377,7 @@ var GroupAssigner_default = /* @__PURE__ */ defineComponent({
 							class: "mint-group-assigner__pill-color",
 							style: normalizeStyle({ backgroundColor: group.color })
 						}, null, 4),
-						createElementVNode("span", _hoisted_8$16, toDisplayString(group.name), 1),
+						createElementVNode("span", _hoisted_8$17, toDisplayString(group.name), 1),
 						createElementVNode("span", _hoisted_9$16, toDisplayString(group.count), 1),
 						createElementVNode("button", {
 							type: "button",
@@ -14971,7 +15391,7 @@ var GroupAssigner_default = /* @__PURE__ */ defineComponent({
 							stroke: "currentColor",
 							"stroke-width": "2"
 						}, [createElementVNode("path", { d: "M6 18L18 6M6 6l12 12" })], -1)])], 8, _hoisted_10$16)
-					], 40, _hoisted_7$18);
+					], 40, _hoisted_7$19);
 				}), 128)), unref(zone1Groups).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_11$15, " Drag groups here ")) : createCommentVNode("", true)])], 38), createElementVNode("div", {
 					class: normalizeClass([
 						"mint-group-assigner__zone",
@@ -15133,8 +15553,8 @@ var _hoisted_3$23 = { class: "mint-reagent-editor__color-wrapper" };
 var _hoisted_4$22 = ["value"];
 var _hoisted_5$20 = ["value"];
 var _hoisted_6$20 = { class: "mint-reagent-editor__section" };
-var _hoisted_7$17 = { class: "mint-reagent-editor__position-row" };
-var _hoisted_8$15 = { class: "mint-reagent-editor__field mint-reagent-editor__field--flex" };
+var _hoisted_7$18 = { class: "mint-reagent-editor__position-row" };
+var _hoisted_8$16 = { class: "mint-reagent-editor__field mint-reagent-editor__field--flex" };
 var _hoisted_9$15 = { class: "mint-reagent-editor__field mint-reagent-editor__field--flex" };
 var _hoisted_10$15 = [
 	"value",
@@ -15354,7 +15774,7 @@ var ReagentEditor_default = /* @__PURE__ */ defineComponent({
 					"aria-label": "Reagent name",
 					onInput: updateName
 				}, null, 40, _hoisted_5$20)])]),
-				createElementVNode("div", _hoisted_6$20, [_cache[6] || (_cache[6] = createStaticVNode("<div class=\"mint-reagent-editor__section-header\"><svg class=\"mint-reagent-editor__section-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"></rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"></rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"></rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"></rect></svg> Position </div>", 1)), createElementVNode("div", _hoisted_7$17, [createElementVNode("div", _hoisted_8$15, [_cache[4] || (_cache[4] = createElementVNode("label", { class: "mint-reagent-editor__label" }, "Axis", -1)), createVNode(BaseSelect_default, {
+				createElementVNode("div", _hoisted_6$20, [_cache[6] || (_cache[6] = createStaticVNode("<div class=\"mint-reagent-editor__section-header\"><svg class=\"mint-reagent-editor__section-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"></rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"></rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"></rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"></rect></svg> Position </div>", 1)), createElementVNode("div", _hoisted_7$18, [createElementVNode("div", _hoisted_8$16, [_cache[4] || (_cache[4] = createElementVNode("label", { class: "mint-reagent-editor__label" }, "Axis", -1)), createVNode(BaseSelect_default, {
 					"model-value": __props.modelValue.axis,
 					options: axisOptions,
 					size: "sm",
@@ -15853,11 +16273,11 @@ var _hoisted_4$21 = {
 };
 var _hoisted_5$19 = ["value", "placeholder"];
 var _hoisted_6$19 = ["value"];
-var _hoisted_7$16 = {
+var _hoisted_7$17 = {
 	value: "",
 	disabled: ""
 };
-var _hoisted_8$14 = ["value"];
+var _hoisted_8$15 = ["value"];
 var _hoisted_9$14 = ["value", "placeholder"];
 var _hoisted_10$14 = {
 	key: 5,
@@ -15915,11 +16335,11 @@ var ProtocolStepParameterField_default = /* @__PURE__ */ defineComponent({
 					value: scalarValue.value,
 					class: normalizeClass(["mint-protocol-editor__select", hasError.value ? "mint-protocol-editor__input--error" : ""]),
 					onChange: handleSelectChange
-				}, [createElementVNode("option", _hoisted_7$16, "Select " + toDisplayString(__props.parameter.label.toLowerCase()), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.parameter.options, (option) => {
+				}, [createElementVNode("option", _hoisted_7$17, "Select " + toDisplayString(__props.parameter.label.toLowerCase()), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.parameter.options, (option) => {
 					return openBlock(), createElementBlock("option", {
 						key: option.value,
 						value: option.value
-					}, toDisplayString(option.label), 9, _hoisted_8$14);
+					}, toDisplayString(option.label), 9, _hoisted_8$15);
 				}), 128))], 42, _hoisted_6$19)) : __props.parameter.type === "concentration" ? (openBlock(), createBlock(ConcentrationInput_default, {
 					key: 3,
 					"model-value": concentrationValue.value,
@@ -16005,8 +16425,8 @@ var _hoisted_6$18 = {
 	stroke: "currentColor",
 	viewBox: "0 0 24 24"
 };
-var _hoisted_7$15 = ["d"];
-var _hoisted_8$13 = { class: "mint-protocol-editor__template-text" };
+var _hoisted_7$16 = ["d"];
+var _hoisted_8$14 = { class: "mint-protocol-editor__template-text" };
 var _hoisted_9$13 = {
 	key: 0,
 	class: "mint-protocol-editor__template-menu"
@@ -16175,8 +16595,8 @@ var ProtocolStepEditor_default = /* @__PURE__ */ defineComponent({
 							"stroke-linejoin": "round",
 							"stroke-width": "2",
 							d: unref(PROTOCOL_STEP_TYPE_ICONS)[selectedTemplate.value.type]
-						}, null, 8, _hoisted_7$15)])) : createCommentVNode("", true),
-						createElementVNode("span", _hoisted_8$13, toDisplayString(selectedTemplate.value?.name || "Select template..."), 1),
+						}, null, 8, _hoisted_7$16)])) : createCommentVNode("", true),
+						createElementVNode("span", _hoisted_8$14, toDisplayString(selectedTemplate.value?.name || "Select template..."), 1),
 						(openBlock(), createElementBlock("svg", {
 							class: normalizeClass(["mint-protocol-editor__template-arrow", unref(templateDropdownOpen) ? "mint-protocol-editor__template-arrow--open" : ""]),
 							fill: "none",
@@ -16288,11 +16708,11 @@ var _hoisted_6$17 = {
 	key: 0,
 	class: "mint-sci-number__suffix"
 };
-var _hoisted_7$14 = {
+var _hoisted_7$15 = {
 	key: 3,
 	class: "mint-sci-number__plain"
 };
-var _hoisted_8$12 = {
+var _hoisted_8$13 = {
 	key: 4,
 	class: "mint-sci-number__unit"
 };
@@ -16433,8 +16853,8 @@ var ScientificNumber_default = /* @__PURE__ */ defineComponent({
 					_cache[0] || (_cache[0] = createElementVNode("span", { class: "mint-sci-number__times" }, "×", -1)),
 					_cache[1] || (_cache[1] = createElementVNode("span", { class: "mint-sci-number__base" }, "10", -1)),
 					createElementVNode("span", _hoisted_4$19, toDisplayString(formatted.value.exponentStr), 1)
-				], 64)) : formatted.value.type === "compact" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", _hoisted_5$17, toDisplayString(formatted.value.plain), 1), formatted.value.suffix ? (openBlock(), createElementBlock("span", _hoisted_6$17, toDisplayString(formatted.value.suffix), 1)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("span", _hoisted_7$14, toDisplayString(formatted.value.plain), 1)),
-				__props.unit ? (openBlock(), createElementBlock("span", _hoisted_8$12, toDisplayString(__props.unit), 1)) : createCommentVNode("", true),
+				], 64)) : formatted.value.type === "compact" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", _hoisted_5$17, toDisplayString(formatted.value.plain), 1), formatted.value.suffix ? (openBlock(), createElementBlock("span", _hoisted_6$17, toDisplayString(formatted.value.suffix), 1)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("span", _hoisted_7$15, toDisplayString(formatted.value.plain), 1)),
+				__props.unit ? (openBlock(), createElementBlock("span", _hoisted_8$13, toDisplayString(__props.unit), 1)) : createCommentVNode("", true),
 				__props.copyable ? (openBlock(), createElementBlock("button", {
 					key: 5,
 					class: normalizeClass(["mint-sci-number__copy-btn", { "mint-sci-number__copy-btn--copied": copied.value }]),
@@ -16455,54 +16875,87 @@ var ScientificNumber_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ChemicalFormula.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$20 = {
+var _hoisted_1$20 = { class: "mint-chem-formula__formula" };
+var _hoisted_2$19 = {
 	key: 0,
 	class: "mint-chem-formula__element"
 };
-var _hoisted_2$19 = {
+var _hoisted_3$18 = {
 	key: 1,
 	class: "mint-chem-formula__subscript"
 };
-var _hoisted_3$18 = {
+var _hoisted_4$18 = {
 	key: 2,
 	class: "mint-chem-formula__superscript"
 };
-var _hoisted_4$18 = {
+var _hoisted_5$16 = {
 	key: 3,
 	class: "mint-chem-formula__paren"
 };
-var _hoisted_5$16 = {
+var _hoisted_6$16 = {
 	key: 4,
 	class: "mint-chem-formula__dot"
 };
-var _hoisted_6$16 = {
+var _hoisted_7$14 = {
 	key: 5,
 	class: "mint-chem-formula__charge"
 };
+var _hoisted_8$12 = { key: 1 };
 //#endregion
 //#region src/components/ChemicalFormula.vue
 var ChemicalFormula_default = /* @__PURE__ */ defineComponent({
 	__name: "ChemicalFormula",
 	props: {
-		formula: {},
+		formula: { default: null },
 		inline: {
 			type: Boolean,
 			default: true
-		}
+		},
+		adduct: { default: null },
+		emptyText: { default: "-" },
+		pill: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "inherit" },
+		tone: { default: "primary" }
 	},
 	setup(__props) {
-		/** Renders a chemical formula string (H₂O, C₆H₁₂O₆, Ca(OH)₂) with typographically correct subscripts and superscripts for charges. */
+		/** Renders a chemical formula and optional MS adduct with typographically correct subscripts and charges. */
+		const props = __props;
 		const { renderFormulaParts } = useChemicalFormula();
+		const formula = computed(() => props.formula?.trim() ?? "");
+		const title = computed(() => [formula.value, props.adduct?.trim()].filter(Boolean).join(" "));
 		function getParts(f) {
 			return renderFormulaParts(f);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.inline ? "span" : "div"), { class: normalizeClass(["mint-chem-formula", !__props.inline ? "mint-chem-formula--block" : ""]) }, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(getParts(__props.formula), (part, i) => {
-					return openBlock(), createElementBlock(Fragment, { key: i }, [part.type === "element" ? (openBlock(), createElementBlock("span", _hoisted_1$20, toDisplayString(part.text), 1)) : part.type === "subscript" ? (openBlock(), createElementBlock("span", _hoisted_2$19, toDisplayString(part.text), 1)) : part.type === "superscript" ? (openBlock(), createElementBlock("span", _hoisted_3$18, toDisplayString(part.text), 1)) : part.type === "paren" ? (openBlock(), createElementBlock("span", _hoisted_4$18, toDisplayString(part.text), 1)) : part.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_5$16, toDisplayString(part.text), 1)) : part.type === "charge" ? (openBlock(), createElementBlock("span", _hoisted_6$16, toDisplayString(part.text), 1)) : createCommentVNode("", true)], 64);
-				}), 128))]),
-				_: 1
-			}, 8, ["class"]);
+			return openBlock(), createBlock(resolveDynamicComponent(__props.inline ? "span" : "div"), {
+				class: normalizeClass([
+					"mint-chem-formula",
+					!__props.inline ? "mint-chem-formula--block" : "",
+					`mint-chem-formula--${__props.size}`,
+					`mint-chem-formula--${__props.tone}`,
+					{
+						"mint-chem-formula--pill": __props.pill,
+						"mint-chem-formula--empty": !formula.value
+					}
+				]),
+				title: title.value || void 0
+			}, {
+				default: withCtx(() => [formula.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					createElementVNode("span", _hoisted_1$20, [(openBlock(true), createElementBlock(Fragment, null, renderList(getParts(formula.value), (part, i) => {
+						return openBlock(), createElementBlock(Fragment, { key: i }, [part.type === "element" ? (openBlock(), createElementBlock("span", _hoisted_2$19, toDisplayString(part.text), 1)) : part.type === "subscript" ? (openBlock(), createElementBlock("span", _hoisted_3$18, toDisplayString(part.text), 1)) : part.type === "superscript" ? (openBlock(), createElementBlock("span", _hoisted_4$18, toDisplayString(part.text), 1)) : part.type === "paren" ? (openBlock(), createElementBlock("span", _hoisted_5$16, toDisplayString(part.text), 1)) : part.type === "dot" ? (openBlock(), createElementBlock("span", _hoisted_6$16, toDisplayString(part.text), 1)) : part.type === "charge" ? (openBlock(), createElementBlock("span", _hoisted_7$14, toDisplayString(part.text), 1)) : createCommentVNode("", true)], 64);
+					}), 128))]),
+					__props.adduct ? (openBlock(), createBlock(AdductText_default, {
+						key: 0,
+						value: __props.adduct,
+						size: "inherit"
+					}, null, 8, ["value"])) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default")
+				], 64)) : (openBlock(), createElementBlock("span", _hoisted_8$12, toDisplayString(__props.emptyText), 1))]),
+				_: 3
+			}, 8, ["class", "title"]);
 		};
 	}
 });
@@ -21116,6 +21569,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 //#region src/components/index.ts
 var components_exports = /* @__PURE__ */ __exportAll({
 	ActionMenu: () => ActionMenu_default,
+	AdductText: () => AdductText_default,
 	AlertBox: () => AlertBox_default,
 	AppAvatarMenu: () => AppAvatarMenu_default,
 	AppContainer: () => AppContainer_default,
@@ -21186,6 +21640,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	InstrumentStateBadge: () => InstrumentStateBadge_default,
 	InstrumentStatusCard: () => InstrumentStatusCard_default,
 	JobsStatusTray: () => JobsStatusTray_default,
+	LayoutResizeHandle: () => LayoutResizeHandle_default,
 	LcmsSequenceTable: () => LcmsSequenceTable_default,
 	LoadingSpinner: () => LoadingSpinner_default,
 	MobileSupportGate: () => MobileSupportGate_default,
@@ -21208,6 +21663,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	SampleSelector: () => SampleSelector_default,
 	ScheduleCalendar: () => ScheduleCalendar_default,
 	ScientificNumber: () => ScientificNumber_default,
+	SearchableSelect: () => SearchableSelect_default,
 	SecretInput: () => SecretInput_default,
 	SectionCard: () => SectionCard_default,
 	SegmentedControl: () => SegmentedControl_default,
@@ -21229,6 +21685,6 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	WellPlate: () => WellPlate_default
 });
 //#endregion
-export { AutoGroupModal_default as $, ChemicalFormula_default as A, ActionMenu_default as At, BioTemplateExperimentWorkspaceView_default as B, ColorSlider_default as Bt, SequenceProgressBar_default as C, StepWizard_default as Ct, formatSequenceRemaining as D, PluginIcon_default as Dt, formatSequenceEta as E, AppAvatarMenu_default as Et, SmartGroupModal_default as F, LoadingSpinner_default as Ft, StatusIndicator_default as G, Breadcrumb_default as H, GroupAssigner_default as I, Calendar_default as It, DoseDesignWorkspaceView_default as J, Divider_default as K, RackEditor_default as L, DropdownButton_default as Lt, ProtocolStepEditor_default as M, RuntimeUpdateNotice_default as Mt, SampleHierarchyTree_default as N, AppToastContainer_default as Nt, sequenceProgressPercent as O, CollapsibleCard_default as Ot, ReagentEditor_default as P, DataFrame_default as Pt, SampleSelector_default as Q, BioTemplatePresetWorkspaceView_default as R, SegmentedControl_default as Rt, InstrumentAlertLog_default as S, FormActions_default as St, estimateSequenceRemainingSeconds as T, AppPluginSwitcher_default as Tt, Avatar_default as U, BioTemplateRenderer_default as V, ProgressBar_default as W, ComponentBindingRenderer_default as X, ControlWorkspaceView_default as Y, ScheduleCalendar_default as Z, inferLcmsPlateTypeFromWellIds as _, PluginWorkspaceView_default as _t, FileBrowserModal_default as a, WellPlate_default as at, InstrumentStatusCard_default as b, AppSidebar_default as bt, TimeRangeInput_default as c, GeneratedPluginView_default as ct, AuditTrail_default as d, GeneratedPlotlyResult_default as dt, SmartGroupManual_default as et, LcmsSequenceTable_default as f, PlotlyChart_default as ft, extractLcmsSampleName as g, normalizeGeneratedJobInput as gt, extractLcmsCommonPrefix as h, generatedJobFormSchema as ht, ArtifactSaveDialog_default as i, SampleLegend_default as it, ScientificNumber_default as j, IconButton_default as jt, sequenceSamplesRemaining as k, ThemeToggle_default as kt, ExperimentDataViewer_default as l, JobsStatusTray_default as lt, basenameFromWindowsPath as m, generatedJobDefaults as mt, FilePicker_default as n, ReagentList_default as nt, SectionCard_default as o, ExperimentTimeline_default as ot, DEFAULT_LCMS_SEQUENCE_COLUMNS as p, ChartContainer_default as pt, AppContainer_default as q, FitPanel_default as r, PlateMapEditor_default as rt, ResourceCard_default as s, DoseCalculator_default as st, components_exports as t, SmartGroupFieldRecipe_default as tt, BatchProgressList_default as u, GeneratedResultRenderer_default as ut, lcmsWellIdFromPosition as v, MobileSupportGate_default as vt, estimateSequenceFinishDate as w, AppTopBar_default as wt, InstrumentStateBadge_default as x, FormBuilder_default as xt, reconstructLcmsPlateCellsFromSequenceItems as y, AppLayout_default as yt, BioTemplatePackWorkspaceView_default as z, BaseTabs_default as zt };
+export { ScheduleCalendar_default as $, ChemicalFormula_default as A, CollapsibleCard_default as At, BioTemplateExperimentWorkspaceView_default as B, SegmentedControl_default as Bt, SequenceProgressBar_default as C, FormBuilder_default as Ct, formatSequenceRemaining as D, AppPluginSwitcher_default as Dt, formatSequenceEta as E, AppTopBar_default as Et, SmartGroupModal_default as F, AppToastContainer_default as Ft, ProgressBar_default as G, AdductText_default as H, ColorSlider_default as Ht, GroupAssigner_default as I, DataFrame_default as It, LayoutResizeHandle_default as J, StatusIndicator_default as K, RackEditor_default as L, LoadingSpinner_default as Lt, ProtocolStepEditor_default as M, ActionMenu_default as Mt, SampleHierarchyTree_default as N, IconButton_default as Nt, sequenceProgressPercent as O, AppAvatarMenu_default as Ot, ReagentEditor_default as P, RuntimeUpdateNotice_default as Pt, ComponentBindingRenderer_default as Q, BioTemplatePresetWorkspaceView_default as R, Calendar_default as Rt, InstrumentAlertLog_default as S, AppSidebar_default as St, estimateSequenceRemainingSeconds as T, StepWizard_default as Tt, Breadcrumb_default as U, SearchableSelect_default as Ut, BioTemplateRenderer_default as V, BaseTabs_default as Vt, Avatar_default as W, DoseDesignWorkspaceView_default as X, AppContainer_default as Y, ControlWorkspaceView_default as Z, inferLcmsPlateTypeFromWellIds as _, generatedJobFormSchema as _t, FileBrowserModal_default as a, PlateMapEditor_default as at, InstrumentStatusCard_default as b, MobileSupportGate_default as bt, TimeRangeInput_default as c, ExperimentTimeline_default as ct, AuditTrail_default as d, JobsStatusTray_default as dt, SampleSelector_default as et, LcmsSequenceTable_default as f, GeneratedResultRenderer_default as ft, extractLcmsSampleName as g, generatedJobDefaults as gt, extractLcmsCommonPrefix as h, ChartContainer_default as ht, ArtifactSaveDialog_default as i, ReagentList_default as it, ScientificNumber_default as j, ThemeToggle_default as jt, sequenceSamplesRemaining as k, PluginIcon_default as kt, ExperimentDataViewer_default as l, DoseCalculator_default as lt, basenameFromWindowsPath as m, PlotlyChart_default as mt, FilePicker_default as n, SmartGroupManual_default as nt, SectionCard_default as o, SampleLegend_default as ot, DEFAULT_LCMS_SEQUENCE_COLUMNS as p, GeneratedPlotlyResult_default as pt, Divider_default as q, FitPanel_default as r, SmartGroupFieldRecipe_default as rt, ResourceCard_default as s, WellPlate_default as st, components_exports as t, AutoGroupModal_default as tt, BatchProgressList_default as u, GeneratedPluginView_default as ut, lcmsWellIdFromPosition as v, normalizeGeneratedJobInput as vt, estimateSequenceFinishDate as w, FormActions_default as wt, InstrumentStateBadge_default as x, AppLayout_default as xt, reconstructLcmsPlateCellsFromSequenceItems as y, PluginWorkspaceView_default as yt, BioTemplatePackWorkspaceView_default as z, DropdownButton_default as zt };
 
-//# sourceMappingURL=components-Cp8DcNrU.js.map
+//# sourceMappingURL=components-CxQVQCpP.js.map