@morscherlab/mint-sdk 1.2.0 → 1.2.2

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

@@ -1,21 +1,267 @@
 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-BAF3CKY7.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-DldpxNOP.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-BYR20I4c.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-uwoJGEb6.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-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-z5L_dUIy.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-CmGfmBRA.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-DCXmwKNS.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,11 @@ 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"
+};
+var _hoisted_2$75 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
@@ -176,8 +426,8 @@ var _hoisted_1$85 = [
 	"tabindex",
 	"onClick"
 ];
-var _hoisted_2$75 = { class: "mint-tab__content" };
-var _hoisted_3$68 = {
+var _hoisted_3$68 = { class: "mint-tab__content" };
+var _hoisted_4$64 = {
 	key: 0,
 	class: "mint-tab__icon mint-tab__icon--svg",
 	viewBox: "0 0 24 24",
@@ -188,13 +438,13 @@ var _hoisted_3$68 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_4$63 = ["d"];
-var _hoisted_5$60 = ["d"];
-var _hoisted_6$56 = {
+var _hoisted_5$61 = ["d"];
+var _hoisted_6$57 = ["d"];
+var _hoisted_7$52 = {
 	key: 1,
 	class: "mint-tab__icon"
 };
-var _hoisted_7$50 = {
+var _hoisted_8$47 = {
 	key: 2,
 	class: "mint-tab__badge"
 };
@@ -204,12 +454,11 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 	__name: "BaseTabs",
 	props: {
 		modelValue: {},
-		tabs: {},
-		variant: { default: "underline" }
+		tabs: {}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
-		/** Renders a tab bar with underline or pills variant, badges, icons, and disabled tab support. */
+		/** Renders an underline tab bar with mono count badges, icons, and disabled tab support. */
 		const props = __props;
 		const emit = __emit;
 		const activeTab = computed(() => props.modelValue);
@@ -234,10 +483,7 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 			getElement: (id) => tabButtonRefs.get(id)
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(["mint-tabs", `mint-tabs--${__props.variant}`]),
-				role: "tablist"
-			}, [(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,
@@ -256,26 +502,26 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 					]),
 					onClick: ($event) => selectTab(tab.id),
 					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleKeydown) && unref(handleKeydown)(...args))
-				}, [createElementVNode("span", _hoisted_2$75, [
-					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$68, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
+				}, [createElementVNode("span", _hoisted_3$68, [
+					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_4$64, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
 						return openBlock(), createElementBlock("path", {
 							key: index,
 							d
-						}, null, 8, _hoisted_4$63);
+						}, null, 8, _hoisted_5$61);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: tab.icon
-					}, null, 8, _hoisted_5$60))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_6$56, 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_7$50, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
-				])], 42, _hoisted_1$85);
-			}), 128))], 2);
+					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_8$47, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
+				])], 42, _hoisted_2$75);
+			}), 128))]);
 		};
 	}
 });
 //#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",
@@ -403,20 +649,20 @@ var _hoisted_2$73 = {
 	"aria-hidden": "true"
 };
 var _hoisted_3$66 = { class: "mint-dropdown-button__label" };
-var _hoisted_4$62 = ["aria-activedescendant"];
-var _hoisted_5$59 = [
+var _hoisted_4$63 = ["aria-activedescendant"];
+var _hoisted_5$60 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_6$55 = { class: "mint-dropdown-button__option-label" };
-var _hoisted_7$49 = {
+var _hoisted_6$56 = { class: "mint-dropdown-button__option-label" };
+var _hoisted_7$51 = {
 	key: 0,
 	class: "mint-dropdown-button__option-description"
 };
-var _hoisted_8$44 = {
+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",
@@ -552,11 +798,11 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 						onClick: ($event) => selectOption(option),
 						onKeydown: [withKeys(withModifiers(($event) => selectOption(option), ["prevent"]), ["enter"]), withKeys(withModifiers(($event) => selectOption(option), ["prevent"]), ["space"])]
 					}, [
-						createElementVNode("span", _hoisted_6$55, toDisplayString(option.label), 1),
-						option.description ? (openBlock(), createElementBlock("span", _hoisted_7$49, toDisplayString(option.description), 1)) : createCommentVNode("", true),
-						option.value === __props.modelValue ? (openBlock(), createElementBlock("svg", _hoisted_8$44, [..._cache[4] || (_cache[4] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)
-					], 42, _hoisted_5$59);
-				}), 128))], 40, _hoisted_4$62)) : createCommentVNode("", true)]),
+						createElementVNode("span", _hoisted_6$56, toDisplayString(option.label), 1),
+						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
 			})], 512);
 		};
@@ -564,25 +810,25 @@ 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"
 };
 var _hoisted_3$65 = { class: "mint-calendar__title" };
-var _hoisted_4$61 = { class: "mint-calendar__weekdays" };
-var _hoisted_5$58 = { class: "mint-calendar__grid" };
-var _hoisted_6$54 = [
+var _hoisted_4$62 = { class: "mint-calendar__weekdays" };
+var _hoisted_5$59 = { class: "mint-calendar__grid" };
+var _hoisted_6$55 = [
 	"disabled",
 	"onClick",
 	"onMouseenter"
 ];
-var _hoisted_7$48 = { class: "mint-calendar__day-number" };
-var _hoisted_8$43 = {
+var _hoisted_7$50 = { class: "mint-calendar__day-number" };
+var _hoisted_8$45 = {
 	key: 0,
 	class: "mint-calendar__markers"
 };
-var _hoisted_9$41 = ["title"];
+var _hoisted_9$42 = ["title"];
 //#endregion
 //#region src/components/Calendar.vue
 var Calendar_default = /* @__PURE__ */ defineComponent({
@@ -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",
@@ -833,7 +1079,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round"
 					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])])
 				])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_4$61, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDayLabels.value, (label, i) => {
+				createElementVNode("div", _hoisted_4$62, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDayLabels.value, (label, i) => {
 					return openBlock(), createElementBlock("span", {
 						key: i,
 						class: "mint-calendar__weekday"
@@ -842,7 +1088,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						index: i
 					}, () => [createTextVNode(toDisplayString(label), 1)])]);
 				}), 128))]),
-				createElementVNode("div", _hoisted_5$58, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, i) => {
+				createElementVNode("div", _hoisted_5$59, [(openBlock(true), createElementBlock(Fragment, null, renderList(calendarDays.value, (day, i) => {
 					return openBlock(), createElementBlock("button", {
 						key: i,
 						type: "button",
@@ -857,14 +1103,14 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						}]),
 						onClick: ($event) => handleDayClick(day),
 						onMouseenter: ($event) => handleDayHover(day)
-					}, [renderSlot(_ctx.$slots, "day-content", { day }, () => [createElementVNode("span", _hoisted_7$48, toDisplayString(day.dayOfMonth), 1), day.markers.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8$43, [(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"}`]),
 							style: normalizeStyle(marker.color ? { "--marker-color": marker.color } : {}),
 							title: marker.label
-						}, null, 14, _hoisted_9$41);
-					}), 128))])) : createCommentVNode("", true)])], 42, _hoisted_6$54);
+						}, null, 14, _hoisted_9$42);
+					}), 128))])) : createCommentVNode("", true)])], 42, _hoisted_6$55);
 				}), 128))])
 			]);
 		};
@@ -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,51 +1224,51 @@ 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"
 };
 var _hoisted_2$70 = { class: "mint-dataframe__search-wrapper" };
 var _hoisted_3$64 = ["placeholder"];
-var _hoisted_4$60 = { class: "mint-dataframe__table" };
-var _hoisted_5$57 = {
+var _hoisted_4$61 = { class: "mint-dataframe__table" };
+var _hoisted_5$58 = {
 	key: 0,
 	class: "mint-dataframe__th mint-dataframe__th--checkbox"
 };
-var _hoisted_6$53 = ["checked", "indeterminate"];
-var _hoisted_7$47 = ["aria-sort"];
-var _hoisted_8$42 = { class: "mint-dataframe__th-content" };
-var _hoisted_9$40 = [
+var _hoisted_6$54 = ["checked", "indeterminate"];
+var _hoisted_7$49 = ["aria-sort"];
+var _hoisted_8$44 = { class: "mint-dataframe__th-content" };
+var _hoisted_9$41 = [
 	"aria-label",
 	"aria-valuemin",
 	"aria-valuenow",
 	"onMousedown",
 	"onKeydown"
 ];
-var _hoisted_10$36 = [
+var _hoisted_10$37 = [
 	"tabindex",
 	"role",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_11$34 = {
+var _hoisted_11$35 = {
 	key: 0,
 	class: "mint-dataframe__td mint-dataframe__td--checkbox"
 };
-var _hoisted_12$30 = ["checked", "onChange"];
-var _hoisted_13$30 = ["onClick"];
-var _hoisted_14$28 = [
+var _hoisted_12$31 = ["checked", "onChange"];
+var _hoisted_13$31 = ["onClick"];
+var _hoisted_14$29 = [
 	"aria-label",
 	"title",
 	"onClick"
 ];
-var _hoisted_15$28 = {
+var _hoisted_15$29 = {
 	key: 0,
 	class: "mint-dataframe__state"
 };
@@ -1034,15 +1280,15 @@ var _hoisted_17$23 = {
 	key: 2,
 	class: "mint-dataframe__loading"
 };
-var _hoisted_18$20 = {
+var _hoisted_18$21 = {
 	key: 1,
 	class: "mint-dataframe__footer"
 };
-var _hoisted_19$17 = { class: "mint-dataframe__page-info" };
-var _hoisted_20$16 = { class: "mint-dataframe__page-controls" };
-var _hoisted_21$15 = ["disabled"];
-var _hoisted_22$14 = { class: "mint-dataframe__page-number" };
-var _hoisted_23$13 = ["disabled"];
+var _hoisted_19$18 = { class: "mint-dataframe__page-info" };
+var _hoisted_20$17 = { class: "mint-dataframe__page-controls" };
+var _hoisted_21$16 = ["disabled"];
+var _hoisted_22$15 = { class: "mint-dataframe__page-number" };
+var _hoisted_23$14 = ["disabled"];
 /** Inbox glyph kept from the pre-1.2 hand-rolled empty state. */
 var EMPTY_ICON_PATH$2 = "M22 12L16 12L14 15L10 15L8 12L2 12M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z";
 var MIN_COL_WIDTH = 48;
@@ -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",
@@ -1347,14 +1593,14 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					class: "mint-dataframe__table-wrapper",
 					style: normalizeStyle(wrapperStyle.value)
 				}, [
-					createElementVNode("table", _hoisted_4$60, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [
-						__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$57, [createElementVNode("input", {
+					createElementVNode("table", _hoisted_4$61, [createElementVNode("thead", { class: normalizeClass(["mint-dataframe__thead", { "mint-dataframe__thead--sticky": __props.stickyHeader }]) }, [createElementVNode("tr", null, [
+						__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$58, [createElementVNode("input", {
 							type: "checkbox",
 							checked: allSelected.value,
 							indeterminate: selectIndeterminate.value,
 							class: "mint-dataframe__checkbox",
 							onChange: toggleSelectAll
-						}, null, 40, _hoisted_6$53)])) : createCommentVNode("", true),
+						}, null, 40, _hoisted_6$54)])) : createCommentVNode("", true),
 						(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 							return openBlock(), createElementBlock("th", {
 								key: col.key,
@@ -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$42, [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$40)) : createCommentVNode("", true)], 14, _hoisted_7$47);
+							}, null, 40, _hoisted_9$41)) : createCommentVNode("", true)], 14, _hoisted_7$49);
 						}), 128)),
 						__props.deletable ? (openBlock(), createElementBlock("th", {
 							key: 1,
@@ -1435,13 +1681,13 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 							onClick: ($event) => handleRowClick(row, rowIndex),
 							onKeydown: ($event) => handleRowKeydown($event, row, rowIndex)
 						}, [
-							__props.selectable ? (openBlock(), createElementBlock("td", _hoisted_11$34, [createElementVNode("input", {
+							__props.selectable ? (openBlock(), createElementBlock("td", _hoisted_11$35, [createElementVNode("input", {
 								type: "checkbox",
 								checked: unref(rowSelection).isSelected(getRowKey(row, rowIndex)),
 								class: "mint-dataframe__checkbox",
 								onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
 								onChange: ($event) => toggleRowSelect(getRowKey(row, rowIndex))
-							}, null, 40, _hoisted_12$30)])) : createCommentVNode("", true),
+							}, null, 40, _hoisted_12$31)])) : createCommentVNode("", true),
 							(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 								return openBlock(), createElementBlock("td", {
 									key: col.key,
@@ -1457,7 +1703,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 									row,
 									column: col,
 									index: rowIndex
-								}, () => [createTextVNode(toDisplayString(formatCell(col, row, rowIndex)), 1)])], 10, _hoisted_13$30);
+								}, () => [createTextVNode(toDisplayString(formatCell(col, row, rowIndex)), 1)])], 10, _hoisted_13$31);
 							}), 128)),
 							__props.deletable ? (openBlock(), createElementBlock("td", {
 								key: 1,
@@ -1472,10 +1718,10 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								"aria-label": __props.deleteLabel,
 								title: __props.deleteLabel,
 								onClick: withModifiers(($event) => handleDeleteRow(row, rowIndex), ["stop"])
-							}, [..._cache[7] || (_cache[7] = [createStaticVNode("<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h18\"></path><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"></path><path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\"></path><path d=\"M10 11v6\"></path><path d=\"M14 11v6\"></path></svg>", 1)])], 8, _hoisted_14$28)], 2)) : createCommentVNode("", true)
-						], 42, _hoisted_10$36);
+							}, [..._cache[7] || (_cache[7] = [createStaticVNode("<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h18\"></path><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"></path><path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\"></path><path d=\"M10 11v6\"></path><path d=\"M14 11v6\"></path></svg>", 1)])], 8, _hoisted_14$29)], 2)) : createCommentVNode("", true)
+						], 42, _hoisted_10$37);
 					}), 128))])]),
-					__props.error ? (openBlock(), createElementBlock("div", _hoisted_15$28, [renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [createVNode(DataStateInternal_default, {
+					__props.error ? (openBlock(), createElementBlock("div", _hoisted_15$29, [renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [createVNode(DataStateInternal_default, {
 						state: "error",
 						title: __props.error
 					}, null, 8, ["title"])])])) : paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_16$25, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(DataStateInternal_default, {
@@ -1485,7 +1731,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					}, null, 8, ["title"])])])) : createCommentVNode("", true),
 					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_17$23, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(LoadingSpinner_default, { size: "lg" })])])) : createCommentVNode("", true)
 				], 4),
-				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_18$20, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_19$17, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_20$16, [
+				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_18$21, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_19$18, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_20$17, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -1498,8 +1744,8 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_21$15),
-					createElementVNode("span", _hoisted_22$14, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
+					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_21$16),
+					createElementVNode("span", _hoisted_22$15, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -1512,7 +1758,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])], 8, _hoisted_23$13)
+					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])], 8, _hoisted_23$14)
 				])])])) : createCommentVNode("", true)
 			], 2);
 		};
@@ -1520,57 +1766,111 @@ 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_2$69 = ["onClick"];
-var _hoisted_3$63 = { class: "mint-toast__message" };
+var _hoisted_1$80 = { class: "mint-toast__container" };
+var _hoisted_2$69 = ["role", "onClick"];
+var _hoisted_3$63 = {
+	key: 0,
+	class: "mint-toast__icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_4$60 = {
+	key: 1,
+	class: "mint-toast__icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_5$57 = {
+	key: 2,
+	class: "mint-toast__icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_6$53 = {
+	key: 3,
+	class: "mint-toast__icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+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,
+	class: "mint-toast__count"
+};
+var _hoisted_11$34 = {
+	key: 0,
+	class: "mint-toast__detail"
+};
+var _hoisted_12$30 = {
+	key: 1,
+	class: "mint-toast__actions"
+};
+var _hoisted_13$30 = ["onClick"];
+var _hoisted_14$28 = ["onClick"];
+var _hoisted_15$28 = {
+	key: 6,
+	class: "mint-toast__progress mint-toast__progress--indeterminate"
+};
 //#endregion
 //#region src/components/AppToastContainer.vue
 var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 	__name: "AppToastContainer",
 	setup(__props) {
-		/** Preferred toast container driven by useToast, with auto-dismiss progress bar and click-to-close on each notification. */
+		/** Preferred toast container driven by useToast: title/detail, up to two actions, TTL or indeterminate bar, click-to-close. */
 		const { toasts, dismiss } = useToast();
-		const accentColors = {
-			success: "var(--mint-success)",
-			error: "var(--mint-error)",
-			warning: "var(--mint-warning)",
-			info: "var(--mint-info)"
-		};
+		function title(toast) {
+			return toast.title ?? toast.message;
+		}
+		function actions(toast) {
+			return (toast.actions ?? []).slice(0, 2);
+		}
+		function progress(toast) {
+			return toast.progress ?? "ttl";
+		}
+		function runAction(toast, action) {
+			action.onClick();
+			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,
-						class: normalizeClass(["mint-toast__item", `mint-toast__item--${toast.type}`]),
-						style: normalizeStyle({ borderLeftColor: accentColors[toast.type] }),
-						role: "alert",
+						class: normalizeClass([
+							"mint-toast__item",
+							`mint-toast__item--${toast.type}`,
+							(toast.count ?? 1) > 1 ? "mint-toast__item--stacked" : ""
+						]),
+						role: toast.type === "error" || toast.type === "warning" ? "alert" : "status",
 						onClick: ($event) => unref(dismiss)(toast.id)
 					}, [
-						toast.type === "success" ? (openBlock(), createElementBlock("svg", {
-							key: 0,
-							class: "mint-toast__icon",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							style: normalizeStyle({ color: accentColors[toast.type] })
-						}, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+						toast.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_3$63, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 							cx: "12",
 							cy: "12",
 							r: "10"
-						}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])], 4)) : toast.type === "error" ? (openBlock(), createElementBlock("svg", {
-							key: 1,
-							class: "mint-toast__icon",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							style: normalizeStyle({ color: accentColors[toast.type] })
-						}, [..._cache[1] || (_cache[1] = [
+						}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : toast.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_4$60, [..._cache[1] || (_cache[1] = [
 							createElementVNode("circle", {
 								cx: "12",
 								cy: "12",
@@ -1578,31 +1878,11 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 							}, null, -1),
 							createElementVNode("path", { d: "m15 9-6 6" }, null, -1),
 							createElementVNode("path", { d: "m9 9 6 6" }, null, -1)
-						])], 4)) : toast.type === "warning" ? (openBlock(), createElementBlock("svg", {
-							key: 2,
-							class: "mint-toast__icon",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							style: normalizeStyle({ color: accentColors[toast.type] })
-						}, [..._cache[2] || (_cache[2] = [
+						])])) : toast.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_5$57, [..._cache[2] || (_cache[2] = [
 							createElementVNode("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }, null, -1),
 							createElementVNode("path", { d: "M12 9v4" }, null, -1),
 							createElementVNode("path", { d: "M12 17h.01" }, null, -1)
-						])], 4)) : (openBlock(), createElementBlock("svg", {
-							key: 3,
-							class: "mint-toast__icon",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							style: normalizeStyle({ color: accentColors[toast.type] })
-						}, [..._cache[3] || (_cache[3] = [
+						])])) : (openBlock(), createElementBlock("svg", _hoisted_6$53, [..._cache[3] || (_cache[3] = [
 							createElementVNode("circle", {
 								cx: "12",
 								cy: "12",
@@ -1610,16 +1890,39 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 							}, null, -1),
 							createElementVNode("path", { d: "M12 16v-4" }, null, -1),
 							createElementVNode("path", { d: "M12 8h.01" }, null, -1)
-						])], 4)),
-						createElementVNode("span", _hoisted_3$63, toDisplayString(toast.message), 1),
-						createElementVNode("span", {
+						])])),
+						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", {
+									key: action.label,
+									type: "button",
+									class: normalizeClass(["mint-toast__action", action.primary ? "mint-toast__action--primary" : ""]),
+									onClick: withModifiers(($event) => runAction(toast, action), ["stop"])
+								}, toDisplayString(action.label), 11, _hoisted_13$30);
+							}), 128))])) : createCommentVNode("", true)
+						]),
+						toast.dismissible !== false ? (openBlock(), createElementBlock("button", {
+							key: 4,
+							type: "button",
+							class: "mint-toast__close",
+							"aria-label": "Dismiss",
+							onClick: withModifiers(($event) => unref(dismiss)(toast.id), ["stop"])
+						}, [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2.2",
+							"stroke-linecap": "round",
+							"aria-hidden": "true"
+						}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])], 8, _hoisted_14$28)) : createCommentVNode("", true),
+						progress(toast) === "ttl" ? (openBlock(), createElementBlock("span", {
+							key: 5,
 							class: "mint-toast__progress",
-							style: normalizeStyle({
-								backgroundColor: accentColors[toast.type],
-								animationDuration: `${toast.duration ?? 3500}ms`
-							})
-						}, null, 4)
-					], 14, _hoisted_2$69);
+							style: normalizeStyle({ animationDuration: `${toast.duration ?? 3500}ms` })
+						}, null, 4)) : progress(toast) === "indeterminate" ? (openBlock(), createElementBlock("span", _hoisted_15$28)) : createCommentVNode("", true)
+					], 10, _hoisted_2$69);
 				}), 128))]),
 				_: 1
 			})])]);
@@ -1628,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"
@@ -1642,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"
@@ -1658,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"
@@ -1720,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",
@@ -1862,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 }]),
@@ -1876,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",
@@ -1912,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",
@@ -1938,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"
 };
@@ -1980,7 +2283,7 @@ var _hoisted_16$24 = [
 	"aria-expanded"
 ];
 var _hoisted_17$22 = { class: "mint-collapsible-card__body" };
-var _hoisted_18$19 = { class: "mint-collapsible-card__content" };
+var _hoisted_18$20 = { class: "mint-collapsible-card__content" };
 //#endregion
 //#region src/components/CollapsibleCard.vue
 var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
@@ -2060,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,
@@ -2092,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)
@@ -2147,7 +2450,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 					"aria-hidden": "true"
 				}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_16$24)
 			])]), createVNode(Transition, { name: "collapse" }, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_17$22, [createElementVNode("div", _hoisted_18$19, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_17$22, [createElementVNode("div", _hoisted_18$20, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
 				_: 3
 			})], 2);
 		};
@@ -2285,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"
@@ -2342,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: ""
@@ -2364,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",
@@ -2393,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",
@@ -2404,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
@@ -2514,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,
@@ -2527,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"
@@ -2546,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({
@@ -2609,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,
@@ -2629,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",
@@ -2644,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"
 };
@@ -2677,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",
@@ -2744,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,
@@ -2799,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",
@@ -2841,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,
@@ -2859,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"
 };
@@ -2953,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,
@@ -2963,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,
@@ -2972,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)
 						]),
@@ -2999,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,
@@ -3015,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",
@@ -3092,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, {
@@ -3109,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, [
@@ -3189,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 = {
@@ -3204,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"
 };
@@ -3239,7 +3542,7 @@ var _hoisted_17$21 = {
 	key: 2,
 	class: "mint-topbar__standalone-badge"
 };
-var _hoisted_18$18 = {
+var _hoisted_18$19 = {
 	key: 0,
 	class: "mint-topbar__icon-btn-dot",
 	"aria-hidden": "true"
@@ -3309,9 +3612,9 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		/** Full application top bar with brand logo, page selector or plugin switcher, centered pill nav, experiment popover, and avatar menu. */
 		const props = __props;
-		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-BYR20I4c.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-DCXmwKNS.js").then((n) => n.n));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-DHE9k8TP.js").then((n) => n.n));
 		const emit = __emit;
 		const settingsOpen = ref(false);
 		const { isIntegrated, plugin } = usePlatformContext();
@@ -3347,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,
@@ -3385,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,
@@ -3461,7 +3764,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"stroke-width": "2",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round"
-						}, [createElementVNode("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), createElementVNode("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })], -1)), __props.hasNotificationDot ? (openBlock(), createElementBlock("span", _hoisted_18$18)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+						}, [createElementVNode("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), createElementVNode("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })], -1)), __props.hasNotificationDot ? (openBlock(), createElementBlock("span", _hoisted_18$19)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 						__props.showThemeToggle ? (openBlock(), createBlock(ThemeToggle_default, {
 							key: 4,
 							size: "sm"
@@ -3578,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"
 };
@@ -3597,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"];
@@ -3694,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
@@ -3707,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"
@@ -3716,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,
@@ -3757,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"
 };
@@ -3790,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, {
@@ -3851,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({
@@ -3908,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",
@@ -3953,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({
@@ -4102,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,
@@ -4189,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"
 };
@@ -4210,18 +4513,75 @@ 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_9$32 = {
+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 = {
+	key: 0,
+	class: "mint-sidebar__group-svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_12$27 = ["d"];
+var _hoisted_13$27 = ["d"];
+var _hoisted_14$25 = {
+	key: 1,
+	class: "mint-sidebar__group-text-icon"
+};
+var _hoisted_15$25 = { class: "mint-sidebar__group-copy" };
+var _hoisted_16$22 = { class: "mint-sidebar__group-label" };
+var _hoisted_17$20 = {
+	key: 0,
+	class: "mint-sidebar__group-subtitle"
+};
+var _hoisted_18$18 = { class: "mint-sidebar__group-tail" };
+var _hoisted_19$17 = [
+	"disabled",
+	"aria-label",
+	"title",
+	"onClick"
+];
+var _hoisted_20$16 = {
+	key: 0,
+	class: "mint-sidebar__group-action-icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_21$15 = ["d"];
+var _hoisted_22$14 = ["d"];
+var _hoisted_23$13 = { key: 1 };
+var _hoisted_24$13 = [
+	"aria-checked",
+	"aria-label",
+	"onClick"
+];
+var _hoisted_25$11 = [
+	"aria-label",
+	"aria-expanded",
+	"onClick"
+];
+var _hoisted_26$10 = { class: "mint-sidebar__group-body" };
+var _hoisted_27$10 = {
 	key: 2,
 	class: "mint-sidebar__collapsed"
 };
-var _hoisted_10$30 = {
+var _hoisted_28$9 = {
 	key: 3,
 	class: "mint-sidebar__collapsed mint-sidebar__collapsed--default"
 };
-var _hoisted_11$28 = ["aria-label", "title"];
-var _hoisted_12$27 = {
+var _hoisted_29$7 = ["aria-label", "title"];
+var _hoisted_30$6 = {
 	key: 0,
 	class: "mint-sidebar__rail-svg",
 	viewBox: "0 0 24 24",
@@ -4232,17 +4592,17 @@ var _hoisted_12$27 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_13$27 = ["d"];
-var _hoisted_14$25 = ["d"];
-var _hoisted_15$25 = {
+var _hoisted_31$6 = ["d"];
+var _hoisted_32$6 = ["d"];
+var _hoisted_33$6 = {
 	key: 1,
 	class: "mint-sidebar__rail-text-icon"
 };
-var _hoisted_16$22 = {
+var _hoisted_34$6 = {
 	key: 4,
 	class: "mint-sidebar__footer"
 };
-var _hoisted_17$20 = {
+var _hoisted_35$5 = {
 	key: 5,
 	class: "mint-sidebar__footer mint-sidebar__footer--collapsed"
 };
@@ -4254,18 +4614,18 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 		title: { default: void 0 },
 		subtitle: { default: void 0 },
 		badge: { default: void 0 },
-		variant: { default: "default" },
 		panels: { default: () => ({}) },
 		activeView: { default: "" },
 		floating: {
 			type: Boolean,
-			default: void 0
+			default: true
 		},
+		density: { default: void 0 },
 		dense: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
-		width: { default: void 0 },
+		width: { default: "280px" },
 		side: { default: "left" },
 		toggleState: { default: () => ({}) },
 		forms: { default: () => ({}) },
@@ -4302,7 +4662,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 		formSize: { default: "sm" },
 		collapsible: {
 			type: Boolean,
-			default: void 0
+			default: false
 		},
 		collapsed: {
 			type: Boolean,
@@ -4330,8 +4690,9 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 		* AppSidebar - Context-sensitive toolkit panel
 		*
 		* Shows tool sections relevant to the active view. Sections are defined via
-		* the `panels` config and rendered as CollapsibleCards. Controls can be
-		* provided through named slots or auto-rendered from FormBuilder schemas.
+		* the `panels` config and rendered as flat groups (header row + hairline,
+		* no nested card). Controls can be provided through named slots or
+		* auto-rendered from FormBuilder schemas.
 		*
 		* When activeView is omitted, the first non-empty panel view is selected.
 		* When no view has matching panels, the sidebar hides entirely.
@@ -4352,10 +4713,14 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 				emit("update:collapsed", value);
 			}
 		});
-		const isAnalysisVariant = computed(() => props.variant === "analysis");
-		const resolvedFloating = computed(() => props.floating ?? !isAnalysisVariant.value);
-		const resolvedWidth = computed(() => props.width ?? (isAnalysisVariant.value ? "20rem" : "280px"));
-		const resolvedCollapsible = computed(() => props.collapsible ?? isAnalysisVariant.value);
+		const resolvedDensity = computed(() => props.density ?? (props.dense === false ? "comfortable" : "compact"));
+		const openState = ref({});
+		function isSectionOpen(section) {
+			return openState.value[section.id] ?? section.defaultOpen !== false;
+		}
+		function toggleSection(section) {
+			openState.value[section.id] = !isSectionOpen(section);
+		}
 		const resolvedModel = computed(() => {
 			return resolveControlModel(props.model);
 		});
@@ -4398,14 +4763,13 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 		const sidebarClasses = computed(() => [
 			"mint-sidebar",
 			`mint-sidebar--${props.side}`,
-			`mint-sidebar--${props.variant}`,
-			resolvedFloating.value ? "mint-sidebar--floating" : "mint-sidebar--static",
-			props.dense ? "mint-sidebar--dense" : "",
-			resolvedCollapsible.value ? "mint-sidebar--collapsible" : "",
+			props.floating ? "mint-sidebar--floating" : "mint-sidebar--static",
+			resolvedDensity.value === "comfortable" ? "mint-sidebar--comfortable" : "",
+			props.collapsible ? "mint-sidebar--collapsible" : "",
 			collapsedModel.value ? "mint-sidebar--collapsed" : "",
 			!isVisible.value ? "mint-sidebar--hidden" : ""
 		]);
-		const sidebarStyle = computed(() => ({ width: collapsedModel.value ? props.collapsedWidth : resolvedWidth.value }));
+		const sidebarStyle = computed(() => ({ width: collapsedModel.value ? props.collapsedWidth : props.width }));
 		function handleFormUpdate(values) {
 			const nextValues = {
 				...resolvedValues.value,
@@ -4445,6 +4809,12 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 		function badgeToneClass(section) {
 			return `mint-sidebar__rail-badge--${section.badgeTone ?? "cta"}`;
 		}
+		function tagToneClass(section) {
+			return `mint-sidebar__tag--${section.badgeTone ?? "cta"}`;
+		}
+		function actionClasses(action) {
+			return ["mint-sidebar__group-action", action.tone ? `mint-sidebar__group-action--${action.tone}` : ""];
+		}
 		function mergeSidebarPanels(generated, explicit) {
 			const merged = {};
 			const viewIds = new Set([...Object.keys(generated), ...Object.keys(explicit)]);
@@ -4465,10 +4835,10 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(sidebarClasses.value),
 				style: normalizeStyle(sidebarStyle.value)
 			}, [
-				_ctx.$slots.header || __props.title || __props.subtitle || __props.badge !== void 0 || resolvedCollapsible.value ? (openBlock(), createElementBlock("div", _hoisted_1$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), resolvedCollapsible.value ? (openBlock(), createElementBlock("button", {
+				}, () => [!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", {
 					key: 1,
 					type: "button",
 					class: "mint-sidebar__collapse-button",
@@ -4484,30 +4854,84 @@ 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,
 					class: "mint-sidebar__sections"
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeSections.value, (section) => {
-					return openBlock(), createBlock(CollapsibleCard_default, {
+					return openBlock(), createElementBlock("div", {
 						key: section.id,
-						title: section.label,
-						subtitle: section.subtitle,
-						icon: section.icon,
-						"icon-color": section.iconColor,
-						"icon-bg": section.iconBg,
-						badge: section.badge,
-						"badge-tone": section.badgeTone,
-						actions: section.actions,
-						dense: __props.dense,
-						"default-open": section.defaultOpen !== false,
-						"show-toggle": section.showToggle,
-						"toggle-value": __props.toggleState[section.id] ?? false,
-						onAction: ($event) => handleSectionAction(section.id, $event),
-						"onUpdate:toggleValue": ($event) => emit("update:toggle", section.id, $event)
-					}, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, `section-${section.id}`, {}, () => [resolvedForms.value[section.id] ? (openBlock(), createBlock(FormBuilder_default, {
+						class: normalizeClass(["mint-sidebar__group", isSectionOpen(section) ? "mint-sidebar__group--open" : "mint-sidebar__group--closed"])
+					}, [createElementVNode("div", _hoisted_9$32, [createElementVNode("button", {
+						type: "button",
+						class: "mint-sidebar__group-toggle",
+						"aria-expanded": isSectionOpen(section),
+						onClick: ($event) => toggleSection(section)
+					}, [section.icon ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: "mint-sidebar__group-icon",
+						style: normalizeStyle(railIconStyle(section))
+					}, [isSvgIcon(section.icon) ? (openBlock(), createElementBlock("svg", _hoisted_11$28, [Array.isArray(section.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(section.icon, (d, i) => {
+						return openBlock(), createElementBlock("path", {
+							key: i,
+							d
+						}, null, 8, _hoisted_12$27);
+					}), 128)) : (openBlock(), createElementBlock("path", {
+						key: 1,
+						d: section.icon
+					}, null, 8, _hoisted_13$27))])) : (openBlock(), createElementBlock("span", _hoisted_14$25, toDisplayString(section.icon), 1))], 4)) : createCommentVNode("", true), createElementVNode("span", _hoisted_15$25, [createElementVNode("span", _hoisted_16$22, toDisplayString(section.label), 1), section.subtitle ? (openBlock(), createElementBlock("span", _hoisted_17$20, toDisplayString(section.subtitle), 1)) : createCommentVNode("", true)])], 8, _hoisted_10$30), createElementVNode("div", _hoisted_18$18, [
+						section.badge !== void 0 ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(["mint-sidebar__tag", tagToneClass(section)])
+						}, toDisplayString(section.badge), 3)) : createCommentVNode("", true),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(section.actions ?? [], (action) => {
+							return openBlock(), createElementBlock("button", {
+								key: action.id,
+								type: "button",
+								class: normalizeClass(actionClasses(action)),
+								style: normalizeStyle(action.iconColor ? { color: action.iconColor } : void 0),
+								disabled: action.disabled,
+								"aria-label": action.label,
+								title: action.label,
+								onClick: ($event) => handleSectionAction(section.id, action.id)
+							}, [action.icon && isSvgIcon(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_20$16, [Array.isArray(action.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(action.icon, (d, i) => {
+								return openBlock(), createElementBlock("path", {
+									key: i,
+									d
+								}, null, 8, _hoisted_21$15);
+							}), 128)) : (openBlock(), createElementBlock("path", {
+								key: 1,
+								d: action.icon
+							}, null, 8, _hoisted_22$14))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_23$13, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_19$17);
+						}), 128)),
+						section.showToggle ? (openBlock(), createElementBlock("button", {
+							key: 1,
+							type: "button",
+							role: "switch",
+							"aria-checked": __props.toggleState[section.id] ?? false,
+							"aria-label": `Enable ${section.label}`,
+							class: normalizeClass(["mint-sidebar__switch", __props.toggleState[section.id] ?? false ? "mint-sidebar__switch--on" : ""]),
+							onClick: ($event) => emit("update:toggle", section.id, !(__props.toggleState[section.id] ?? false))
+						}, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "mint-sidebar__switch-knob" }, null, -1)])], 10, _hoisted_24$13)) : createCommentVNode("", true),
+						createElementVNode("button", {
+							type: "button",
+							class: "mint-sidebar__chevron-button",
+							"aria-label": isSectionOpen(section) ? "Collapse section" : "Expand section",
+							"aria-expanded": isSectionOpen(section),
+							onClick: ($event) => toggleSection(section)
+						}, [(openBlock(), createElementBlock("svg", {
+							class: normalizeClass(["mint-sidebar__chevron", isSectionOpen(section) ? "mint-sidebar__chevron--open" : ""]),
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"aria-hidden": "true"
+						}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_25$11)
+					])]), createVNode(Transition, { name: "collapse" }, {
+						default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_26$10, [renderSlot(_ctx.$slots, `section-${section.id}`, {}, () => [resolvedForms.value[section.id] ? (openBlock(), createBlock(FormBuilder_default, {
 							key: 0,
 							"model-value": resolvedValues.value,
 							schema: resolvedForms.value[section.id],
@@ -4531,32 +4955,17 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 							"show-actions",
 							"onSubmit",
 							"onCancel"
-						])) : createCommentVNode("", true)])]),
+						])) : createCommentVNode("", true)])], 512), [[vShow, isSectionOpen(section)]])]),
 						_: 2
-					}, 1032, [
-						"title",
-						"subtitle",
-						"icon",
-						"icon-color",
-						"icon-bg",
-						"badge",
-						"badge-tone",
-						"actions",
-						"dense",
-						"default-open",
-						"show-toggle",
-						"toggle-value",
-						"onAction",
-						"onUpdate:toggleValue"
-					]);
+					}, 1024)], 2);
 				}), 128)), renderSlot(_ctx.$slots, "default", {
 					sections: activeSections.value,
 					activeView: resolvedActiveView.value,
 					values: resolvedValues.value
-				})], 8, _hoisted_8$34)) : _ctx.$slots.collapsed ? (openBlock(), createElementBlock("div", _hoisted_9$32, [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_10$30, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeSections.value, (section) => {
+				})])) : (openBlock(), createElementBlock("div", _hoisted_28$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeSections.value, (section) => {
 					return openBlock(), createElementBlock("button", {
 						key: section.id,
 						type: "button",
@@ -4567,27 +4976,27 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 					}, [createElementVNode("span", {
 						class: "mint-sidebar__rail-icon",
 						style: normalizeStyle(railIconStyle(section))
-					}, [section.icon && isSvgIcon(section.icon) ? (openBlock(), createElementBlock("svg", _hoisted_12$27, [Array.isArray(section.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(section.icon, (d, i) => {
+					}, [section.icon && isSvgIcon(section.icon) ? (openBlock(), createElementBlock("svg", _hoisted_30$6, [Array.isArray(section.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(section.icon, (d, i) => {
 						return openBlock(), createElementBlock("path", {
 							key: i,
 							d
-						}, null, 8, _hoisted_13$27);
+						}, null, 8, _hoisted_31$6);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: section.icon
-					}, null, 8, _hoisted_14$25))])) : (openBlock(), createElementBlock("span", _hoisted_15$25, toDisplayString(section.icon || sectionInitial(section)), 1))], 4), section.badge !== void 0 ? (openBlock(), createElementBlock("span", {
+					}, null, 8, _hoisted_32$6))])) : (openBlock(), createElementBlock("span", _hoisted_33$6, toDisplayString(section.icon || sectionInitial(section)), 1))], 4), section.badge !== void 0 ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(["mint-sidebar__rail-badge", badgeToneClass(section)])
-					}, toDisplayString(section.badge), 3)) : createCommentVNode("", true)], 8, _hoisted_11$28);
+					}, toDisplayString(section.badge), 3)) : createCommentVNode("", true)], 8, _hoisted_29$7);
 				}), 128))])),
-				!collapsedModel.value && _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_16$22, [renderSlot(_ctx.$slots, "footer")])) : collapsedModel.value && _ctx.$slots["collapsed-footer"] ? (openBlock(), createElementBlock("div", _hoisted_17$20, [renderSlot(_ctx.$slots, "collapsed-footer")])) : createCommentVNode("", true)
+				!collapsedModel.value && _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_34$6, [renderSlot(_ctx.$slots, "footer")])) : collapsedModel.value && _ctx.$slots["collapsed-footer"] ? (openBlock(), createElementBlock("div", _hoisted_35$5, [renderSlot(_ctx.$slots, "collapsed-footer")])) : createCommentVNode("", true)
 			], 6);
 		};
 	}
 });
 //#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"
 };
@@ -4693,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",
@@ -4719,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" };
@@ -4757,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),
@@ -4945,11 +5354,10 @@ var WorkspaceSidebarInternal_default = /* @__PURE__ */ defineComponent({
 				title: __props.sidebar.title,
 				subtitle: __props.sidebar.subtitle,
 				badge: __props.sidebar.badge,
-				variant: __props.sidebar.variant,
 				panels: __props.sidebar.panels,
 				"active-view": __props.sidebar.activeView,
 				floating: __props.sidebar.floating,
-				dense: __props.sidebar.dense,
+				density: __props.sidebar.dense ? "compact" : "comfortable",
 				width: __props.sidebar.width,
 				side: __props.sidebar.side,
 				forms: __props.sidebar.forms,
@@ -4986,11 +5394,10 @@ var WorkspaceSidebarInternal_default = /* @__PURE__ */ defineComponent({
 				"title",
 				"subtitle",
 				"badge",
-				"variant",
 				"panels",
 				"active-view",
 				"floating",
-				"dense",
+				"density",
 				"width",
 				"side",
 				"forms",
@@ -5285,60 +5692,89 @@ function generatedJobFormSchema(definition) {
 	};
 }
 function generatedJobDefaults(definition) {
-	return Object.fromEntries(Object.entries(definition.input_schema.properties ?? {}).filter(([, schema]) => hasOwnDefault(schema)).map(([name, schema]) => [name, structuredClone(schema.default)]));
+	return Object.fromEntries(Object.entries(definition.input_schema.properties ?? {}).map(([name, schema]) => [name, resolveGeneratedField(definition.input_schema, schema)]).filter(([, field]) => field.hasDefault).map(([name, field]) => [name, structuredClone(field.defaultValue)]));
 }
 function normalizeGeneratedJobInput(definition, values) {
 	const normalized = {};
 	for (const [name, value] of Object.entries(values)) {
-		if (!definition.input_schema.properties?.[name]) continue;
-		normalized[name] = value;
+		const field = definition.input_schema.properties?.[name];
+		if (!field) continue;
+		const { schema, reference } = resolveGeneratedField(definition.input_schema, field);
+		if (reference !== "path" && Array.isArray(value) && ["integer", "number"].includes(String(schema.items?.type))) normalized[name] = value.map((item) => {
+			const numeric = typeof item === "string" && item.trim() !== "" ? Number(item) : item;
+			return typeof numeric === "number" && Number.isFinite(numeric) ? numeric : item;
+		});
+		else if (reference !== "path" && Array.isArray(value) && schema.items?.type === "boolean") normalized[name] = value.map((item) => item === "true" ? true : item === "false" ? false : item);
+		else normalized[name] = value === void 0 && allowsNull(schema) ? null : value;
 	}
 	return normalized;
 }
 function toFormField(name, resolved, required) {
 	const { schema, reference } = resolved;
 	const validation = {};
-	if (required) validation.required = true;
+	const allowsEmpty = schema.type === "array" || schema.type === "string" && reference !== "path" && !(schema.minLength && schema.minLength > 0) && (!schema.enum || schema.enum.includes(""));
+	if (required && !allowsNull(schema) && !allowsEmpty) validation.required = true;
 	if (schema.minimum !== void 0) validation.min = schema.minimum;
 	if (schema.maximum !== void 0) validation.max = schema.maximum;
 	if (schema.minLength !== void 0) validation.minLength = schema.minLength;
 	if (schema.maxLength !== void 0) validation.maxLength = schema.maxLength;
 	const props = {};
 	if (schema.enum) props.options = [...schema.enum];
+	if (schema.type === "integer") {
+		if (schema.exclusiveMinimum !== void 0) validation.min = Math.max(Number(validation.min ?? -Infinity), Math.floor(schema.exclusiveMinimum) + 1);
+		if (schema.exclusiveMaximum !== void 0) validation.max = Math.min(Number(validation.max ?? Infinity), Math.ceil(schema.exclusiveMaximum) - 1);
+		if (validation.min !== void 0) validation.min = Math.ceil(Number(validation.min));
+		if (validation.max !== void 0) validation.max = Math.floor(Number(validation.max));
+		if (schema.multipleOf && Number.isInteger(schema.multipleOf)) {
+			if (validation.min !== void 0) validation.min = Math.ceil(Number(validation.min) / schema.multipleOf) * schema.multipleOf;
+			if (validation.max !== void 0) validation.max = Math.floor(Number(validation.max) / schema.multipleOf) * schema.multipleOf;
+		}
+		props.step = 1;
+	}
+	if (schema.type === "integer" || schema.type === "number") {
+		if (validation.min !== void 0) props.min = validation.min;
+		if (validation.max !== void 0) props.max = validation.max;
+		if (schema.multipleOf !== void 0) props.step = schema.multipleOf;
+	}
+	if (schema.type === "array" && reference !== "path") if (schema.items?.enum) props.options = [...schema.items.enum];
+	else props.allowDuplicates = true;
 	if (reference === "path" && schema.type === "array") props.multiple = true;
 	return {
 		name,
 		label: schema.title || humanize(name),
 		type: fieldType(schema, reference),
 		defaultValue: resolved.hasDefault ? structuredClone(resolved.defaultValue) : void 0,
+		disabled: Object.prototype.hasOwnProperty.call(schema, "const") || void 0,
 		hint: schema.description,
 		validation,
-		props
+		props,
+		itemType: schema.items?.type === "number" || schema.items?.type === "integer" ? "number" : void 0
 	};
 }
 function resolveGeneratedField(root, field) {
-	const hasDefault = hasOwnDefault(field);
 	const candidate = field.anyOf?.find((item) => item.type !== "null") ?? field.allOf?.[0] ?? field;
+	let schema = {
+		...candidate,
+		...field
+	};
 	if (candidate.$ref) {
 		const referenceParts = candidate.$ref.split("/");
 		const key = referenceParts[referenceParts.length - 1];
-		const schema = key ? root.$defs?.[key] : void 0;
-		if (!schema) throw new Error(`Generated field reference is missing: ${candidate.$ref}`);
-		return {
-			schema: {
-				...schema,
-				title: field.title ?? schema.title
-			},
-			reference: field["x-mint-component"] ?? schema["x-mint-component"],
-			hasDefault,
-			defaultValue: field.default
+		const referenced = key ? root.$defs?.[key] : void 0;
+		if (!referenced) throw new Error(`Generated field reference is missing: ${candidate.$ref}`);
+		schema = {
+			...referenced,
+			...candidate,
+			...field
 		};
 	}
+	if (schema.items) schema.items = resolveGeneratedField(root, schema.items).schema;
+	const constant = Object.prototype.hasOwnProperty.call(schema, "const");
 	return {
-		schema: candidate,
-		reference: field["x-mint-component"] ?? candidate["x-mint-component"],
-		hasDefault,
-		defaultValue: field.default
+		schema,
+		reference: schema["x-mint-component"],
+		hasDefault: constant || hasOwnDefault(field) || allowsNull(schema),
+		defaultValue: constant ? schema.const : hasOwnDefault(field) ? field.default : null
 	};
 }
 function fieldType(schema, reference) {
@@ -5347,47 +5783,53 @@ function fieldType(schema, reference) {
 	const type = Array.isArray(schema.type) ? schema.type.find((value) => value !== "null") : schema.type;
 	if (type === "boolean") return "toggle";
 	if (type === "number" || type === "integer") return "number";
-	if (type === "array") return "tags";
+	if (type === "array") return schema.items?.enum ? "multiselect" : "tags";
 	return "text";
 }
 function hasOwnDefault(schema) {
 	return Object.prototype.hasOwnProperty.call(schema, "default");
 }
+function allowsNull(schema) {
+	return schema.type === "null" || Array.isArray(schema.type) && schema.type.includes("null") || !!schema.anyOf?.some((item) => item.type === "null");
+}
 function humanize(value) {
 	return value.replace(/[_-]+/g, " ").replace(/^\w/, (character) => character.toUpperCase());
 }
 //#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({
@@ -5403,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({
@@ -5442,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.
 		*
@@ -5462,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;
@@ -5472,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;
 		}
@@ -5518,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;
@@ -5539,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;
@@ -5553,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") {
@@ -5570,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();
@@ -5590,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({
@@ -5657,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",
@@ -5669,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"
 };
@@ -5716,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,
@@ -5749,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 = {
@@ -5759,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",
@@ -5918,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,
@@ -5964,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",
@@ -5976,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",
@@ -6086,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"
@@ -6199,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",
@@ -6242,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"];
@@ -6283,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,
@@ -6307,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"
@@ -6321,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"
 };
@@ -6500,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" : ""]),
@@ -6531,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,
@@ -6550,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)]),
@@ -6661,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",
@@ -6682,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 = {
@@ -6904,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)]),
@@ -7025,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 = {
@@ -7168,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", {
@@ -7190,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,
@@ -7789,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"
 };
@@ -7807,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"];
@@ -7928,7 +8425,9 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 		},
 		loading: { type: Boolean },
 		error: {},
-		emptyMessage: {}
+		emptyMessage: {},
+		wellClass: {},
+		wellStyle: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -7984,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),
@@ -7995,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);
@@ -8034,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, {
@@ -8052,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,
@@ -8068,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);
@@ -8249,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
@@ -8341,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",
@@ -8364,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" };
@@ -8373,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
@@ -8403,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,
@@ -8447,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,
@@ -8461,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,
@@ -8518,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"
@@ -8533,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" };
@@ -8710,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,
@@ -8786,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...",
@@ -8797,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", {
@@ -8895,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,
@@ -8910,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",
@@ -9149,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",
@@ -9199,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",
@@ -9390,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"];
@@ -9404,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"
@@ -9724,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,
@@ -9790,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",
@@ -9801,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",
@@ -10030,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",
@@ -10040,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" };
@@ -10300,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,
@@ -10350,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",
@@ -10939,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
@@ -11012,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);
 		};
 	}
 });
@@ -11029,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"
@@ -11191,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",
@@ -11502,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"
@@ -11520,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"
 };
@@ -11748,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",
@@ -11770,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,
@@ -12169,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"
 };
@@ -12187,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"
 };
@@ -12445,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",
@@ -12496,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) => {
@@ -12620,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"
@@ -12639,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"
 };
@@ -12769,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"]]);
@@ -12909,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({
@@ -13126,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,
@@ -13163,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({
@@ -13277,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);
 		};
@@ -13308,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"
 };
@@ -13349,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));
@@ -13358,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"
@@ -13384,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 },
@@ -13397,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"
 };
@@ -13424,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"
 };
@@ -13461,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)
@@ -13499,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([
@@ -13515,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,
@@ -13578,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"
 };
@@ -13601,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",
@@ -13629,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"
@@ -13645,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",
@@ -13725,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({
@@ -13878,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,
@@ -13897,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)
 			]);
 		};
 	}
@@ -14015,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,
@@ -14226,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)
 			]);
@@ -14250,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" };
@@ -14442,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", {
@@ -14469,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",
@@ -14492,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"]),
@@ -14582,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 = {
@@ -14764,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",
@@ -14778,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",
@@ -14940,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",
@@ -15161,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",
@@ -15660,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,
@@ -15722,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,
@@ -15812,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"
@@ -15982,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",
@@ -16095,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"
 };
@@ -16240,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 }]),
@@ -16262,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"]);
 		};
 	}
 });
@@ -20234,10 +20880,22 @@ function usePickerSelection(nav, mode, capability, skipBlanks) {
 	watch(() => new Map([...nav.nodes.value].map(([path, node]) => [path, nav.isAllowed(node)])), (allowed, previous) => {
 		if (keys.value.size && [...allowed].some(([path, value]) => previous.has(path) && value !== previous.get(path))) resolve();
 	});
+	const selectedFileCounts = computed(() => {
+		const counts = /* @__PURE__ */ new Map();
+		for (const file of chosen.value.files) {
+			const seen = /* @__PURE__ */ new Set();
+			let parent = file.parentPath;
+			while (parent && !seen.has(parent)) {
+				seen.add(parent);
+				counts.set(parent, (counts.get(parent) ?? 0) + 1);
+				parent = nav.nodes.value.get(parent)?.parentPath;
+			}
+		}
+		return counts;
+	});
 	function folderProgress(node) {
 		if (node.kind !== "folder" || node.fileCount == null) return "";
-		const allowed = chosen.value.files.filter((file) => ancestorSelected(file, new Set([node.path]))).length;
-		return `${selected(node) ? allowed : 0} / ${node.fileCount}`;
+		return `${selected(node) ? selectedFileCounts.value.get(node.path) ?? 0 : 0} / ${node.fileCount}`;
 	}
 	return {
 		keys,
@@ -20273,7 +20931,10 @@ function localFilesAdapter(files, relativePaths) {
 				kind: "folder",
 				name: parts[i],
 				path,
-				parentPath: parent
+				parentPath: parent,
+				fileCount: 0,
+				bytes: 0,
+				formats: {}
 			});
 			parent = path;
 		}
@@ -20289,17 +20950,22 @@ function localFilesAdapter(files, relativePaths) {
 			file
 		});
 	}
+	const children = /* @__PURE__ */ new Map();
 	for (const node of nodes.values()) {
-		if (node.kind !== "folder") continue;
-		const descendants = [...nodes.values()].filter((item) => item.kind === "file" && item.path.startsWith(`${node.path}/`));
-		node.fileCount = descendants.length;
-		node.bytes = descendants.reduce((sum, file) => sum + (file.bytes ?? 0), 0);
-		node.formats = {};
-		descendants.forEach((file) => {
-			node.formats[file.format] = (node.formats[file.format] ?? 0) + 1;
-		});
+		const parent = node.parentPath ?? "";
+		const siblings = children.get(parent);
+		if (siblings) siblings.push(node);
+		else children.set(parent, [node]);
+		if (node.kind !== "file") continue;
+		for (let slash = node.path.indexOf("/"); slash >= 0; slash = node.path.indexOf("/", slash + 1)) {
+			const folder = nodes.get(node.path.slice(0, slash));
+			if (folder?.kind !== "folder") continue;
+			folder.fileCount = (folder.fileCount ?? 0) + 1;
+			folder.bytes = (folder.bytes ?? 0) + (node.bytes ?? 0);
+			folder.formats[node.format] = (folder.formats[node.format] ?? 0) + 1;
+		}
 	}
-	const list = (path) => [...nodes.values()].filter((node) => (node.parentPath ?? "") === path);
+	const list = (path) => [...children.get(path) ?? []];
 	return {
 		listRoot: async () => list(""),
 		listChildren: async (path) => list(path),
@@ -20903,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,
@@ -20973,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,
@@ -20995,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,
@@ -21016,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-DIum5hkx.js.map
+//# sourceMappingURL=components-CxQVQCpP.js.map