@morscherlab/mint-sdk 1.0.0-rc.5 → 1.0.0-rc.7

package/dist/{components-DtHA2bgp.js → components-Blx4MG--.js}

@@ -1,7 +1,7 @@
-import { $n as TimePicker_default, B as toBioTemplateComponentProps, Bn as ConcentrationInput_default, Cr as BaseRadioGroup_default, Dn as controlValuesToComponentProps, Dr as normalizeOptionInput, En as controlValuesToComponentBindingsById, Er as BaseSelect_default, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, Hn as useConcentrationUnits, In as controlsToViewItems, Jn as useChemicalFormula, Kn as FormulaInput_default, L as toBioTemplateComponentBindings, Ln as getDefaultControlView, Mn as controlsToSettingsSchema, Nn as controlsToSidebarPanels, On as mergeControlWorkspaceOptions, Or as BaseTextarea_default, Qn as TagsInput_default, R as toBioTemplateComponentBindingsById, Rn as getFieldRegistryEntry, Sn as useControlWorkspace, Sr as BaseSlider_default, Tn as controlValuesToComponentBindings, Tr as BaseCheckbox_default, Un as MoleculeInput_default, V as toBioTemplateComponentPropsByComponent, Vn as UnitInput_default, Wn as SequenceInput_default, Xn as FileUploader_default, Yn as DateTimePicker_default, Zn as NumberInput_default, _r as useDropdownState, ar as formatDuration, dn as extractTemplateCollection, gr as DatePicker_default, hn as getControlDefaults, jn as controlsToSectionFormSchemas, kn as controlsToFormSchema, kr as BaseInput_default, nr as durationMinutes, or as formatTime, tr as compareTime, vn as defineDoseDesignControlModel, vr as MultiSelect_default, wn as resolveControlModel, wr as BaseToggle_default, xr as useEventListener, yr as useListSelection } from "./templates-DtdUvJ4c.js";
-import { A as parseCSV, B as useExperimentSelector, C as useExpansionSet, F as classKey, I as useWellPlateEditor, J as SORT_OPTIONS, K as EXPERIMENT_STATUS_OPTIONS, L as useDoseCalculator, P as DEFAULT_COLORS, Q as getExperimentStatusVariant, R as APP_EXPERIMENT_KEY, U as useApi, W as DATE_PRESET_OPTIONS, X as formatExperimentDate, Z as formatExperimentStatus, _ as useScheduleDrag, a as useReagentSeries, at as useToast, c as useBioTemplatePresetWorkspace, ct as useTextSearch, et as usePlatformContext, it as useTheme, k as useAutoGroup, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, tt as useFormBuilder, ut as useSortedItems, v as useExperimentSamples, w as useSampleGroups, y as useExperimentData, z as useAppExperiment } from "./useProtocolTemplates-Bm5vyH4_.js";
+import { $n as TimePicker_default, Ar as BaseInput_default, B as toBioTemplateComponentProps, Bn as ConcentrationInput_default, Cr as BaseToggle_default, Dn as controlValuesToComponentProps, Dr as BaseSelect_default, En as controlValuesToComponentBindingsById, Er as useEventListener, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, Hn as useConcentrationUnits, In as controlsToViewItems, Jn as useChemicalFormula, Kn as FormulaInput_default, L as toBioTemplateComponentBindings, Ln as getDefaultControlView, Mn as controlsToSettingsSchema, Nn as controlsToSidebarPanels, On as mergeControlWorkspaceOptions, Or as normalizeOptionInput, Qn as TagsInput_default, R as toBioTemplateComponentBindingsById, Rn as getFieldRegistryEntry, Sn as useControlWorkspace, Sr as BaseRadioGroup_default, Tn as controlValuesToComponentBindings, Tr as Tooltip_default, Un as MoleculeInput_default, V as toBioTemplateComponentPropsByComponent, Vn as UnitInput_default, Wn as SequenceInput_default, Xn as FileUploader_default, Yn as DateTimePicker_default, Zn as NumberInput_default, _r as useDropdownState, ar as formatDuration, dn as extractTemplateCollection, gr as DatePicker_default, hn as getControlDefaults, jn as controlsToSectionFormSchemas, kn as controlsToFormSchema, kr as BaseTextarea_default, nr as durationMinutes, or as formatTime, tr as compareTime, vn as defineDoseDesignControlModel, vr as MultiSelect_default, wn as resolveControlModel, wr as BaseCheckbox_default, xr as BaseSlider_default, yr as useListSelection } from "./templates-DSbHJC4v.js";
+import { A as parseCSV, B as useExperimentSelector, C as useExpansionSet, F as classKey, I as useWellPlateEditor, J as SORT_OPTIONS, K as EXPERIMENT_STATUS_OPTIONS, L as useDoseCalculator, P as DEFAULT_COLORS, Q as getExperimentStatusVariant, R as APP_EXPERIMENT_KEY, U as useApi, W as DATE_PRESET_OPTIONS, X as formatExperimentDate, Z as formatExperimentStatus, _ as useScheduleDrag, a as useReagentSeries, at as useToast, c as useBioTemplatePresetWorkspace, ct as useTextSearch, et as usePlatformContext, it as useTheme, k as useAutoGroup, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, tt as useFormBuilder, ut as useSortedItems, v as useExperimentSamples, w as useSampleGroups, y as useExperimentData, z as useAppExperiment } from "./useProtocolTemplates-BbPOYPzO.js";
 import { a as canAccessByPolicy, g as useSettingsStore, h as colorPalettes, t as useAuthStore } from "./auth-B7g4J4ZF.js";
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, effectScope, guardReactiveProps, h, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, effectScope, guardReactiveProps, h, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -15,8 +15,8 @@ var __exportAll = (all, no_symbols) => {
 };
 //#endregion
 //#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$78 = ["type", "disabled"];
-var _hoisted_2$69 = {
+var _hoisted_1$77 = ["type", "disabled"];
+var _hoisted_2$68 = {
 	key: 0,
 	class: "mint-button__spinner",
 	fill: "none",
@@ -63,7 +63,7 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 					__props.disabled || __props.loading ? "mint-button--disabled" : ""
 				]),
 				onClick: handleClick
-			}, [__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$69, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+			}, [__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$68, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 				style: { "opacity": "0.25" },
 				cx: "12",
 				cy: "12",
@@ -74,15 +74,15 @@ var BaseButton_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"
-			}, null, -1)])])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$78);
+			}, null, -1)])])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$77);
 		};
 	}
 });
 //#endregion
 //#region src/components/ColorSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$77 = { class: "mint-color-slider__row" };
-var _hoisted_2$68 = { class: "mint-color-slider__track" };
-var _hoisted_3$62 = [
+var _hoisted_1$76 = { class: "mint-color-slider__row" };
+var _hoisted_2$67 = { class: "mint-color-slider__track" };
+var _hoisted_3$61 = [
 	"value",
 	"min",
 	"max",
@@ -197,7 +197,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$77, [createElementVNode("div", _hoisted_2$68, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-color-slider", { "mint-color-slider--disabled": __props.disabled }]) }, [createElementVNode("div", _hoisted_1$76, [createElementVNode("div", _hoisted_2$67, [createElementVNode("input", {
 				type: "range",
 				value: currentValue.value,
 				min: __props.min,
@@ -214,7 +214,7 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 					"--thumb-size": `${sizeConfig.value.thumb}px`
 				}),
 				onInput: handleInput
-			}, null, 44, _hoisted_3$62)]), __props.showValue ? (openBlock(), createElementBlock("div", {
+			}, null, 44, _hoisted_3$61)]), __props.showValue ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-color-slider__badge",
 				style: normalizeStyle({
@@ -246,13 +246,13 @@ function normalizeLabelItemInput(item) {
 }
 //#endregion
 //#region src/components/BaseTabs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$76 = [
+var _hoisted_1$75 = [
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
 ];
-var _hoisted_2$67 = { class: "mint-tab__content" };
-var _hoisted_3$61 = {
+var _hoisted_2$66 = { class: "mint-tab__content" };
+var _hoisted_3$60 = {
 	key: 0,
 	class: "mint-tab__icon mint-tab__icon--svg",
 	viewBox: "0 0 24 24",
@@ -314,8 +314,8 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 						tab.disabled ? "mint-tab--disabled" : ""
 					]),
 					onClick: ($event) => selectTab(tab.id)
-				}, [createElementVNode("span", _hoisted_2$67, [
-					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$61, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
+				}, [createElementVNode("span", _hoisted_2$66, [
+					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$60, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
 						return openBlock(), createElementBlock("path", {
 							key: index,
 							d
@@ -326,23 +326,23 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 					}, null, 8, _hoisted_5$54))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_6$53, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
 					createTextVNode(" " + toDisplayString(tab.label) + " ", 1),
 					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_7$47, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
-				])], 10, _hoisted_1$76);
+				])], 10, _hoisted_1$75);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$75 = {
+var _hoisted_1$74 = {
 	key: 0,
 	class: "mint-modal__grab-hint",
 	"aria-hidden": "true"
 };
-var _hoisted_2$66 = {
+var _hoisted_2$65 = {
 	key: 1,
 	class: "mint-modal__header"
 };
-var _hoisted_3$60 = {
+var _hoisted_3$59 = {
 	key: 0,
 	class: "mint-modal__header-text"
 };
@@ -467,8 +467,8 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 					"aria-modal": "true",
 					tabindex: "-1"
 				}, [
-					__props.variant === "sheet" ? (openBlock(), createElementBlock("div", _hoisted_1$75)) : createCommentVNode("", true),
-					__props.title || __props.subtitle || __props.closable || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$66, [__props.title || __props.subtitle || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$60, [renderSlot(_ctx.$slots, "header", {}, () => [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$55, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$53, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true), __props.closable ? (openBlock(), createElementBlock("button", {
+					__props.variant === "sheet" ? (openBlock(), createElementBlock("div", _hoisted_1$74)) : createCommentVNode("", true),
+					__props.title || __props.subtitle || __props.closable || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$65, [__props.title || __props.subtitle || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$59, [renderSlot(_ctx.$slots, "header", {}, () => [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$55, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$53, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true), __props.closable ? (openBlock(), createElementBlock("button", {
 						key: 1,
 						type: "button",
 						class: "mint-modal__close",
@@ -493,14 +493,14 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$74 = [
+var _hoisted_1$73 = [
 	"aria-checked",
 	"disabled",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_2$65 = { class: "mint-segmented-control__label" };
-var _hoisted_3$59 = {
+var _hoisted_2$64 = { class: "mint-segmented-control__label" };
+var _hoisted_3$58 = {
 	key: 0,
 	class: "mint-segmented-control__description"
 };
@@ -572,18 +572,18 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					]),
 					onClick: ($event) => handleSelect(option),
 					onKeydown: ($event) => handleKeydown($event, option)
-				}, [createElementVNode("span", _hoisted_2$65, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$59, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$74);
+				}, [createElementVNode("span", _hoisted_2$64, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$58, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$73);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/BasePill.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$73 = {
+var _hoisted_1$72 = {
 	key: 0,
 	class: "mint-pill__icon"
 };
-var _hoisted_2$64 = { class: "mint-pill__label" };
+var _hoisted_2$63 = { class: "mint-pill__label" };
 //#endregion
 //#region src/components/BasePill.vue
 var BasePill_default = /* @__PURE__ */ defineComponent({
@@ -628,8 +628,8 @@ var BasePill_default = /* @__PURE__ */ defineComponent({
 					"mint-pill--with-icon": __props.icon
 				}
 			]) }, [
-				__props.icon ? (openBlock(), createElementBlock("span", _hoisted_1$73, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_2$64, [renderSlot(_ctx.$slots, "default")]),
+				__props.icon ? (openBlock(), createElementBlock("span", _hoisted_1$72, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_2$63, [renderSlot(_ctx.$slots, "default")]),
 				__props.removable && !__props.disabled ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
@@ -651,15 +651,15 @@ var BasePill_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DropdownButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$72 = ["disabled", "aria-expanded"];
-var _hoisted_2$63 = {
+var _hoisted_1$71 = ["disabled", "aria-expanded"];
+var _hoisted_2$62 = {
 	key: 0,
 	class: "mint-dropdown-button__spinner",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
 };
-var _hoisted_3$58 = { class: "mint-dropdown-button__label" };
+var _hoisted_3$57 = { class: "mint-dropdown-button__label" };
 var _hoisted_4$54 = ["aria-activedescendant"];
 var _hoisted_5$52 = [
 	"id",
@@ -747,7 +747,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "listbox",
 				onClick: toggle
 			}, [
-				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$63, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$62, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10",
@@ -760,7 +760,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "3",
 					"stroke-linecap": "round"
 				}, null, -1)])])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$58, toDisplayString(selectedLabel.value), 1),
+				createElementVNode("span", _hoisted_3$57, toDisplayString(selectedLabel.value), 1),
 				(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-dropdown-button__chevron", { "mint-dropdown-button__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
@@ -770,7 +770,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))
-			], 10, _hoisted_1$72), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
+			], 10, _hoisted_1$71), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
 				default: withCtx(() => [unref(isOpen) ? (openBlock(), createElementBlock("ul", {
 					key: 0,
 					class: "mint-dropdown-button__menu",
@@ -801,12 +801,12 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Calendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$71 = { class: "mint-calendar" };
-var _hoisted_2$62 = {
+var _hoisted_1$70 = { class: "mint-calendar" };
+var _hoisted_2$61 = {
 	key: 0,
 	class: "mint-calendar__header"
 };
-var _hoisted_3$57 = { class: "mint-calendar__title" };
+var _hoisted_3$56 = { class: "mint-calendar__title" };
 var _hoisted_4$53 = { class: "mint-calendar__weekdays" };
 var _hoisted_5$51 = { class: "mint-calendar__grid" };
 var _hoisted_6$50 = [
@@ -1035,8 +1035,8 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 			emit("navigate", "next", currentMonth.value, currentYear.value);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$71, [
-				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$62, [
+			return openBlock(), createElementBlock("div", _hoisted_1$70, [
+				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$61, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -1055,7 +1055,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						year: currentYear.value,
 						prevMonth,
 						nextMonth
-					}, () => [createElementVNode("span", _hoisted_3$57, toDisplayString(monthLabel.value), 1)]),
+					}, () => [createElementVNode("span", _hoisted_3$56, toDisplayString(monthLabel.value), 1)]),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -1109,12 +1109,12 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DataFrame.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$70 = {
+var _hoisted_1$69 = {
 	key: 0,
 	class: "mint-dataframe__header"
 };
-var _hoisted_2$61 = { class: "mint-dataframe__search-wrapper" };
-var _hoisted_3$56 = ["placeholder"];
+var _hoisted_2$60 = { class: "mint-dataframe__search-wrapper" };
+var _hoisted_3$55 = ["placeholder"];
 var _hoisted_4$52 = { class: "mint-dataframe__table" };
 var _hoisted_5$50 = {
 	key: 0,
@@ -1128,23 +1128,23 @@ var _hoisted_10$32 = {
 	key: 0,
 	class: "mint-dataframe__td mint-dataframe__td--checkbox"
 };
-var _hoisted_11$29 = ["checked", "onChange"];
-var _hoisted_12$25 = ["onClick"];
-var _hoisted_13$24 = {
+var _hoisted_11$30 = ["checked", "onChange"];
+var _hoisted_12$27 = ["onClick"];
+var _hoisted_13$26 = {
 	key: 0,
 	class: "mint-dataframe__empty"
 };
-var _hoisted_14$21 = { class: "mint-dataframe__empty-text" };
-var _hoisted_15$20 = {
+var _hoisted_14$23 = { class: "mint-dataframe__empty-text" };
+var _hoisted_15$22 = {
 	key: 1,
 	class: "mint-dataframe__loading"
 };
-var _hoisted_16$18 = {
+var _hoisted_16$20 = {
 	key: 1,
 	class: "mint-dataframe__footer"
 };
-var _hoisted_17$18 = { class: "mint-dataframe__page-info" };
-var _hoisted_18$17 = { class: "mint-dataframe__page-controls" };
+var _hoisted_17$20 = { class: "mint-dataframe__page-info" };
+var _hoisted_18$18 = { class: "mint-dataframe__page-controls" };
 var _hoisted_19$17 = ["disabled"];
 var _hoisted_20$15 = { class: "mint-dataframe__page-number" };
 var _hoisted_21$13 = ["disabled"];
@@ -1316,7 +1316,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-dataframe", { "mint-dataframe--bordered": __props.bordered }]) }, [
-				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$70, [createElementVNode("div", _hoisted_2$61, [_cache[4] || (_cache[4] = createElementVNode("svg", {
+				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$69, [createElementVNode("div", _hoisted_2$60, [_cache[4] || (_cache[4] = createElementVNode("svg", {
 					class: "mint-dataframe__search-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1333,7 +1333,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					type: "text",
 					class: "mint-dataframe__search",
 					placeholder: __props.searchPlaceholder
-				}, null, 8, _hoisted_3$56), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$55), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
 				createElementVNode("div", {
 					class: "mint-dataframe__table-wrapper",
 					style: normalizeStyle(wrapperStyle.value)
@@ -1393,7 +1393,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 							class: "mint-dataframe__checkbox",
 							onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
 							onChange: ($event) => toggleRowSelect(getRowKey(row, rowIndex))
-						}, null, 40, _hoisted_11$29)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+						}, null, 40, _hoisted_11$30)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 							return openBlock(), createElementBlock("td", {
 								key: col.key,
 								class: normalizeClass([
@@ -1408,10 +1408,10 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								row,
 								column: col,
 								index: rowIndex
-							}, () => [createTextVNode(toDisplayString(formatCell(col, row, rowIndex)), 1)])], 10, _hoisted_12$25);
+							}, () => [createTextVNode(toDisplayString(formatCell(col, row, rowIndex)), 1)])], 10, _hoisted_12$27);
 						}), 128))], 10, _hoisted_9$35);
 					}), 128))])]),
-					paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_13$24, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[6] || (_cache[6] = createElementVNode("svg", {
+					paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_13$26, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[6] || (_cache[6] = createElementVNode("svg", {
 						class: "mint-dataframe__empty-icon",
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -1419,8 +1419,8 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }), createElementVNode("path", { d: "M5.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" })], -1)), createElementVNode("p", _hoisted_14$21, toDisplayString(__props.emptyText), 1)])])) : createCommentVNode("", true),
-					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_15$20, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[7] || (_cache[7] = createElementVNode("svg", {
+					}, [createElementVNode("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }), createElementVNode("path", { d: "M5.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" })], -1)), createElementVNode("p", _hoisted_14$23, toDisplayString(__props.emptyText), 1)])])) : createCommentVNode("", true),
+					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_15$22, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[7] || (_cache[7] = createElementVNode("svg", {
 						class: "mint-dataframe__loading-spinner",
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -1439,7 +1439,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round"
 					})], -1))])])) : createCommentVNode("", true)
 				], 4),
-				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_16$18, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_17$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_18$17, [
+				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_16$20, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_17$20, 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_18$18, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -1474,12 +1474,12 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$69 = { class: "mint-form-field" };
-var _hoisted_2$60 = {
+var _hoisted_1$68 = { class: "mint-form-field" };
+var _hoisted_2$59 = {
 	key: 0,
 	class: "mint-form-field__label-row"
 };
-var _hoisted_3$55 = ["for"];
+var _hoisted_3$54 = ["for"];
 var _hoisted_4$51 = {
 	key: 0,
 	class: "mint-form-field__required",
@@ -1511,11 +1511,11 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 		const hintId = computed(() => !props.error && props.hint && props.fieldId ? `${props.fieldId}-hint` : void 0);
 		const describedBy = computed(() => errorId.value ?? hintId.value);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$69, [
-				__props.label ? (openBlock(), createElementBlock("div", _hoisted_2$60, [createElementVNode("label", {
+			return openBlock(), createElementBlock("div", _hoisted_1$68, [
+				__props.label ? (openBlock(), createElementBlock("div", _hoisted_2$59, [createElementVNode("label", {
 					for: __props.htmlFor,
 					class: "mint-form-field__label"
-				}, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_4$51, "*")) : createCommentVNode("", true)], 8, _hoisted_3$55), !__props.required && __props.showOptional ? (openBlock(), createElementBlock("span", _hoisted_5$49, " optional ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				}, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_4$51, "*")) : createCommentVNode("", true)], 8, _hoisted_3$54), !__props.required && __props.showOptional ? (openBlock(), createElementBlock("span", _hoisted_5$49, " optional ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default", { describedBy: describedBy.value }),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 1,
@@ -1533,7 +1533,7 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertBox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$68 = {
+var _hoisted_1$67 = {
 	key: 0,
 	class: "mint-alert__icon mint-alert__icon--success",
 	viewBox: "0 0 24 24",
@@ -1543,7 +1543,7 @@ var _hoisted_1$68 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_2$59 = {
+var _hoisted_2$58 = {
 	key: 1,
 	class: "mint-alert__icon mint-alert__icon--error",
 	viewBox: "0 0 24 24",
@@ -1553,7 +1553,7 @@ var _hoisted_2$59 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_3$54 = {
+var _hoisted_3$53 = {
 	key: 2,
 	class: "mint-alert__icon mint-alert__icon--warning",
 	viewBox: "0 0 24 24",
@@ -1608,11 +1608,11 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["mint-alert", `mint-alert--${props.type}`]),
 				role: "alert"
 			}, [
-				props.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_1$68, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
+				props.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_1$67, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10"
-				}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : props.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_2$59, [..._cache[3] || (_cache[3] = [
+				}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : props.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_2$58, [..._cache[3] || (_cache[3] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1620,7 +1620,7 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 					}, null, -1),
 					createElementVNode("path", { d: "m15 9-6 6" }, null, -1),
 					createElementVNode("path", { d: "m9 9 6 6" }, null, -1)
-				])])) : props.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_3$54, [..._cache[4] || (_cache[4] = [
+				])])) : props.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_3$53, [..._cache[4] || (_cache[4] = [
 					createElementVNode("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }, null, -1),
 					createElementVNode("path", { d: "M12 9v4" }, null, -1),
 					createElementVNode("path", { d: "M12 17h.01" }, null, -1)
@@ -1660,9 +1660,9 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppToastContainer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$67 = { class: "mint-toast__container" };
-var _hoisted_2$58 = ["onClick"];
-var _hoisted_3$53 = { class: "mint-toast__message" };
+var _hoisted_1$66 = { class: "mint-toast__container" };
+var _hoisted_2$57 = ["onClick"];
+var _hoisted_3$52 = { class: "mint-toast__message" };
 //#endregion
 //#region src/components/AppToastContainer.vue
 var AppToastContainer_default = /* @__PURE__ */ defineComponent({
@@ -1677,7 +1677,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 			info: "#3B82F6"
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$67, [createVNode(TransitionGroup, { name: "toast" }, {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$66, [createVNode(TransitionGroup, { name: "toast" }, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(toasts), (toast) => {
 					return openBlock(), createElementBlock("div", {
 						key: toast.id,
@@ -1751,7 +1751,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 							createElementVNode("path", { d: "M12 16v-4" }, null, -1),
 							createElementVNode("path", { d: "M12 8h.01" }, null, -1)
 						])], 4)),
-						createElementVNode("span", _hoisted_3$53, toDisplayString(toast.message), 1),
+						createElementVNode("span", _hoisted_3$52, toDisplayString(toast.message), 1),
 						createElementVNode("span", {
 							class: "mint-toast__progress",
 							style: normalizeStyle({
@@ -1759,7 +1759,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 								animationDuration: `${toast.duration ?? 3500}ms`
 							})
 						}, null, 4)
-					], 14, _hoisted_2$58);
+					], 14, _hoisted_2$57);
 				}), 128))]),
 				_: 1
 			})])]);
@@ -1768,7 +1768,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/IconButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$66 = [
+var _hoisted_1$65 = [
 	"disabled",
 	"aria-label",
 	"title"
@@ -1830,13 +1830,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$66);
+			}, [renderSlot(_ctx.$slots, "default")], 2))], 10, _hoisted_1$65);
 		};
 	}
 });
 //#endregion
 //#region src/components/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$65 = {
+var _hoisted_1$64 = {
 	key: 0,
 	class: "mint-theme-toggle__icon",
 	viewBox: "0 0 24 24",
@@ -1846,7 +1846,7 @@ var _hoisted_1$65 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_2$57 = {
+var _hoisted_2$56 = {
 	key: 1,
 	class: "mint-theme-toggle__icon",
 	viewBox: "0 0 24 24",
@@ -1872,7 +1872,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$65, [..._cache[0] || (_cache[0] = [
+				default: withCtx(() => [unref(isDark) ? (openBlock(), createElementBlock("svg", _hoisted_1$64, [..._cache[0] || (_cache[0] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1886,7 +1886,7 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 					createElementVNode("path", { d: "M20 12h2" }, null, -1),
 					createElementVNode("path", { d: "m6.34 17.66-1.41 1.41" }, null, -1),
 					createElementVNode("path", { d: "m19.07 4.93-1.41 1.41" }, null, -1)
-				])])) : (openBlock(), createElementBlock("svg", _hoisted_2$57, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }, null, -1)])]))]),
+				])])) : (openBlock(), createElementBlock("svg", _hoisted_2$56, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }, null, -1)])]))]),
 				_: 1
 			}, 8, [
 				"size",
@@ -1898,20 +1898,49 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/CollapsibleCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = ["disabled", "aria-expanded"];
-var _hoisted_2$56 = { class: "mint-collapsible-card__title-section" };
-var _hoisted_3$52 = ["d"];
+var _hoisted_1$63 = { class: "mint-collapsible-card__header-shell" };
+var _hoisted_2$55 = ["disabled", "aria-expanded"];
+var _hoisted_3$51 = { class: "mint-collapsible-card__title-section" };
 var _hoisted_4$49 = ["d"];
-var _hoisted_5$47 = { class: "mint-collapsible-card__titles" };
-var _hoisted_6$46 = { class: "mint-collapsible-card__title" };
-var _hoisted_7$40 = {
+var _hoisted_5$47 = ["d"];
+var _hoisted_6$46 = { class: "mint-collapsible-card__titles" };
+var _hoisted_7$40 = { class: "mint-collapsible-card__title" };
+var _hoisted_8$37 = {
 	key: 0,
 	class: "mint-collapsible-card__subtitle"
 };
-var _hoisted_8$37 = { class: "mint-collapsible-card__actions" };
-var _hoisted_9$34 = ["aria-checked", "onKeydown"];
-var _hoisted_10$31 = { class: "mint-collapsible-card__body" };
-var _hoisted_11$28 = { class: "mint-collapsible-card__content" };
+var _hoisted_9$34 = { class: "mint-collapsible-card__actions" };
+var _hoisted_10$31 = [
+	"disabled",
+	"aria-label",
+	"title",
+	"onClick"
+];
+var _hoisted_11$29 = {
+	key: 0,
+	class: "mint-collapsible-card__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_12$26 = ["d"];
+var _hoisted_13$25 = ["d"];
+var _hoisted_14$22 = {
+	key: 1,
+	class: "mint-collapsible-card__action-text-icon"
+};
+var _hoisted_15$21 = ["aria-checked", "onKeydown"];
+var _hoisted_16$19 = [
+	"disabled",
+	"aria-label",
+	"aria-expanded"
+];
+var _hoisted_17$19 = { class: "mint-collapsible-card__body" };
+var _hoisted_18$17 = { class: "mint-collapsible-card__content" };
 //#endregion
 //#region src/components/CollapsibleCard.vue
 var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
@@ -1919,6 +1948,8 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 	props: {
 		title: {},
 		subtitle: {},
+		badge: { default: void 0 },
+		badgeTone: { default: "cta" },
 		defaultOpen: {
 			type: Boolean,
 			default: false
@@ -1934,6 +1965,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 		icon: {},
 		iconColor: {},
 		iconBg: {},
+		actions: { default: () => [] },
 		showToggle: {
 			type: Boolean,
 			default: false
@@ -1944,7 +1976,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 		},
 		toggleColor: { default: "" }
 	},
-	emits: ["update:toggleValue"],
+	emits: ["update:toggleValue", "action"],
 	setup(__props, { emit: __emit }) {
 		/** Card whose body collapses with a chevron-rotate animation, with an optional inline toggle switch independent of expand state. */
 		const props = __props;
@@ -1960,10 +1992,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 		const headerClasses = computed(() => ["mint-collapsible-card__header", props.disabled ? "mint-collapsible-card__header--disabled" : ""]);
 		const iconBgStyle = computed(() => ({ backgroundColor: props.iconBg || "var(--color-primary-soft)" }));
 		const iconColorStyle = computed(() => ({ color: props.iconColor || "var(--color-primary)" }));
-		const isSvgIcon = computed(() => {
-			if (!props.icon) return false;
-			return Array.isArray(props.icon) || props.icon.startsWith("M") || props.icon.startsWith("m");
-		});
+		const isSvgIcon = computed(() => isSvgIconValue(props.icon));
 		const toggleTrackStyle = computed(() => {
 			if (!props.toggleValue || !props.toggleColor) return {};
 			return {
@@ -1971,14 +2000,33 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				borderColor: props.toggleColor
 			};
 		});
+		const badgeClasses = computed(() => ["mint-collapsible-card__badge", `mint-collapsible-card__badge--${props.badgeTone}`]);
+		function isSvgIconValue(icon) {
+			if (!icon) return false;
+			return Array.isArray(icon) || icon.startsWith("M") || icon.startsWith("m");
+		}
+		function actionClasses(action) {
+			return [
+				"mint-collapsible-card__action",
+				action.tone ? `mint-collapsible-card__action--${action.tone}` : "",
+				action.disabled ? "mint-collapsible-card__action--disabled" : ""
+			];
+		}
+		function actionStyle(action) {
+			return action.iconColor ? { color: action.iconColor } : {};
+		}
+		function handleActionClick(action) {
+			if (props.disabled || action.disabled) return;
+			emit("action", action.id);
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("button", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$63, [createElementVNode("button", {
 				type: "button",
 				class: normalizeClass(headerClasses.value),
 				disabled: __props.disabled,
 				"aria-expanded": isOpen.value,
 				onClick: toggle
-			}, [createElementVNode("div", _hoisted_2$56, [__props.icon ? (openBlock(), createElementBlock("div", {
+			}, [createElementVNode("div", _hoisted_3$51, [__props.icon ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-collapsible-card__icon-badge",
 				style: normalizeStyle(iconBgStyle.value)
@@ -1996,35 +2044,70 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					key: i,
 					d
-				}, null, 8, _hoisted_3$52);
+				}, null, 8, _hoisted_4$49);
 			}), 128)) : (openBlock(), createElementBlock("path", {
 				key: 1,
 				d: __props.icon
-			}, null, 8, _hoisted_4$49))], 4)) : (openBlock(), createElementBlock("span", {
+			}, null, 8, _hoisted_5$47))], 4)) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: "mint-collapsible-card__icon-text",
 				style: normalizeStyle(iconColorStyle.value)
-			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_5$47, [createElementVNode("h3", _hoisted_6$46, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_7$40, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])]), createElementVNode("div", _hoisted_8$37, [__props.showToggle ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: "mint-collapsible-card__toggle",
-				onClick: handleToggleClick
-			}, [createElementVNode("div", {
-				role: "switch",
-				tabindex: "0",
-				"aria-checked": __props.toggleValue,
-				class: normalizeClass(["mint-collapsible-card__toggle-track", __props.toggleValue ? "mint-collapsible-card__toggle-track--on" : ""]),
-				style: normalizeStyle(toggleTrackStyle.value),
-				onKeydown: [withKeys(withModifiers(handleToggleClick, ["prevent"]), ["enter"]), withKeys(withModifiers(handleToggleClick, ["prevent"]), ["space"])]
-			}, [createElementVNode("span", { class: normalizeClass(["mint-collapsible-card__toggle-knob", __props.toggleValue ? "mint-collapsible-card__toggle-knob--on" : ""]) }, null, 2)], 46, _hoisted_9$34)])) : createCommentVNode("", true), (openBlock(), createElementBlock("svg", {
-				class: normalizeClass(["mint-collapsible-card__chevron", isOpen.value ? "mint-collapsible-card__chevron--open" : ""]),
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "2",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round",
-				viewBox: "0 0 24 24"
-			}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])], 10, _hoisted_1$64), createVNode(Transition, { name: "collapse" }, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_10$31, [createElementVNode("div", _hoisted_11$28, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
+			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$46, [createElementVNode("h3", _hoisted_7$40, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$37, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$55), createElementVNode("div", _hoisted_9$34, [
+				__props.badge !== void 0 ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(badgeClasses.value)
+				}, toDisplayString(__props.badge), 3)) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
+					return openBlock(), createElementBlock("button", {
+						key: action.id,
+						type: "button",
+						class: normalizeClass(actionClasses(action)),
+						style: normalizeStyle(actionStyle(action)),
+						disabled: __props.disabled || action.disabled,
+						"aria-label": action.label,
+						title: action.label,
+						onClick: ($event) => handleActionClick(action)
+					}, [action.icon && isSvgIconValue(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_11$29, [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_12$26);
+					}), 128)) : (openBlock(), createElementBlock("path", {
+						key: 1,
+						d: action.icon
+					}, null, 8, _hoisted_13$25))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$22, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$31);
+				}), 128)),
+				__props.showToggle ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "mint-collapsible-card__toggle",
+					onClick: handleToggleClick
+				}, [createElementVNode("div", {
+					role: "switch",
+					tabindex: "0",
+					"aria-checked": __props.toggleValue,
+					class: normalizeClass(["mint-collapsible-card__toggle-track", __props.toggleValue ? "mint-collapsible-card__toggle-track--on" : ""]),
+					style: normalizeStyle(toggleTrackStyle.value),
+					onKeydown: [withKeys(withModifiers(handleToggleClick, ["prevent"]), ["enter"]), withKeys(withModifiers(handleToggleClick, ["prevent"]), ["space"])]
+				}, [createElementVNode("span", { class: normalizeClass(["mint-collapsible-card__toggle-knob", __props.toggleValue ? "mint-collapsible-card__toggle-knob--on" : ""]) }, null, 2)], 46, _hoisted_15$21)])) : createCommentVNode("", true),
+				createElementVNode("button", {
+					type: "button",
+					class: "mint-collapsible-card__chevron-button",
+					disabled: __props.disabled,
+					"aria-label": isOpen.value ? "Collapse section" : "Expand section",
+					"aria-expanded": isOpen.value,
+					onClick: toggle
+				}, [(openBlock(), createElementBlock("svg", {
+					class: normalizeClass(["mint-collapsible-card__chevron", isOpen.value ? "mint-collapsible-card__chevron--open" : ""]),
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					viewBox: "0 0 24 24",
+					"aria-hidden": "true"
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_16$19)
+			])]), createVNode(Transition, { name: "collapse" }, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_17$19, [createElementVNode("div", _hoisted_18$17, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
 				_: 3
 			})], 2);
 		};
@@ -2042,6 +2125,19 @@ var FormFieldRendererInternal_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const entry = computed(() => getFieldRegistryEntry(props.field.type));
+		const isChoiceField = computed(() => props.field.type === "checkbox" || props.field.type === "toggle");
+		const componentProps = computed(() => {
+			if (!isChoiceField.value) return props.resolvedProps;
+			return {
+				variant: "row",
+				label: props.field.label,
+				description: props.field.hint,
+				icon: props.field.icon,
+				iconColor: props.field.iconColor,
+				iconBg: props.field.iconBg,
+				...props.resolvedProps
+			};
+		});
 		const errorMessage = computed(() => {
 			const name = props.field.name;
 			return props.form.touched[name] ? props.form.errors[name] : null;
@@ -2051,17 +2147,17 @@ var FormFieldRendererInternal_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(FormField_default, {
-				label: __props.field.label,
+				label: isChoiceField.value ? void 0 : __props.field.label,
 				error: errorMessage.value ?? void 0,
-				hint: __props.field.hint,
+				hint: isChoiceField.value ? void 0 : __props.field.hint,
 				required: !!__props.field.validation?.required,
-				"html-for": __props.field.name
+				"html-for": isChoiceField.value ? void 0 : __props.field.name
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, `field:${__props.field.name}`, {
 					field: __props.field,
 					form: __props.form,
 					fieldProps: __props.form.getFieldProps(__props.field.name)
-				}, () => [entry.value.vModel ? (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), normalizeProps(mergeProps({ key: 0 }, __props.resolvedProps)), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), mergeProps({ key: 1 }, __props.resolvedProps, { onUpload: handleUpload }), null, 16))])]),
+				}, () => [entry.value.vModel ? (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), normalizeProps(mergeProps({ key: 0 }, componentProps.value)), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(entry.value.component), mergeProps({ key: 1 }, componentProps.value, { onUpload: handleUpload }), null, 16))])]),
 				_: 3
 			}, 8, [
 				"label",
@@ -2141,12 +2237,12 @@ function buildSettingsTabs(baseTabs, showAppearance) {
 }
 //#endregion
 //#region src/components/SettingsModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = {
+var _hoisted_1$62 = {
 	key: 0,
 	class: "mint-settings-modal__tabs"
 };
-var _hoisted_2$55 = ["onClick"];
-var _hoisted_3$51 = {
+var _hoisted_2$54 = ["onClick"];
+var _hoisted_3$50 = {
 	key: 1,
 	class: "mint-settings-modal__rail",
 	role: "tablist",
@@ -2175,16 +2271,16 @@ var _hoisted_10$30 = {
 	key: 0,
 	class: "mint-settings-modal__pane-header"
 };
-var _hoisted_11$27 = { class: "mint-settings-modal__pane-title" };
-var _hoisted_12$24 = {
+var _hoisted_11$28 = { class: "mint-settings-modal__pane-title" };
+var _hoisted_12$25 = {
 	key: 0,
 	class: "mint-settings-modal__pane-subtitle"
 };
-var _hoisted_13$23 = { key: 2 };
-var _hoisted_14$20 = { class: "mint-settings-modal__section" };
-var _hoisted_15$19 = { class: "mint-settings-modal__option-group" };
-var _hoisted_16$17 = ["onClick"];
-var _hoisted_17$17 = { class: "mint-settings-modal__section" };
+var _hoisted_13$24 = { key: 2 };
+var _hoisted_14$21 = { class: "mint-settings-modal__section" };
+var _hoisted_15$20 = { class: "mint-settings-modal__option-group" };
+var _hoisted_16$18 = ["onClick"];
+var _hoisted_17$18 = { class: "mint-settings-modal__section" };
 var _hoisted_18$16 = { class: "mint-settings-modal__option-group" };
 var _hoisted_19$16 = ["onClick"];
 var _hoisted_20$14 = { class: "mint-settings-modal__section" };
@@ -2354,14 +2450,14 @@ var SettingsModal_default = /* @__PURE__ */ defineComponent({
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
 				onClose: handleClose
 			}, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["mint-settings-modal", `mint-settings-modal--${__props.layout}`]) }, [!isVertical.value && allTabs.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$63, [(openBlock(true), createElementBlock(Fragment, null, renderList(allTabs.value, (tab) => {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["mint-settings-modal", `mint-settings-modal--${__props.layout}`]) }, [!isVertical.value && allTabs.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$62, [(openBlock(true), createElementBlock(Fragment, null, renderList(allTabs.value, (tab) => {
 					return openBlock(), createElementBlock("button", {
 						key: tab.id,
 						type: "button",
 						class: normalizeClass(["mint-settings-modal__tab", { "mint-settings-modal__tab--active": activeTab.value === tab.id }]),
 						onClick: ($event) => activeTab.value = tab.id
-					}, toDisplayString(tab.label), 11, _hoisted_2$55);
-				}), 128))])) : isVertical.value ? (openBlock(), createElementBlock("div", _hoisted_3$51, [(openBlock(true), createElementBlock(Fragment, null, renderList(allTabs.value, (tab) => {
+					}, toDisplayString(tab.label), 11, _hoisted_2$54);
+				}), 128))])) : isVertical.value ? (openBlock(), createElementBlock("div", _hoisted_3$50, [(openBlock(true), createElementBlock(Fragment, null, renderList(allTabs.value, (tab) => {
 					return openBlock(), createElementBlock("button", {
 						id: tabId(tab.id),
 						key: tab.id,
@@ -2383,7 +2479,7 @@ var SettingsModal_default = /* @__PURE__ */ defineComponent({
 					"aria-labelledby": isVertical.value && activeTabMeta.value ? tabId(activeTabMeta.value.id) : void 0,
 					tabindex: isVertical.value ? 0 : void 0
 				}, {
-					default: withCtx(() => [isVertical.value && activeTabMeta.value?.label ? (openBlock(), createElementBlock("header", _hoisted_10$30, [createElementVNode("h4", _hoisted_11$27, toDisplayString(activeTabMeta.value.label), 1), activeTabMeta.value.description ? (openBlock(), createElementBlock("p", _hoisted_12$24, toDisplayString(activeTabMeta.value.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(isVertical.value ? "mint-settings-modal__pane-body" : null) }, [isSchemaDriven.value && activeGroup.value ? (openBlock(), createElementBlock("div", {
+					default: withCtx(() => [isVertical.value && activeTabMeta.value?.label ? (openBlock(), createElementBlock("header", _hoisted_10$30, [createElementVNode("h4", _hoisted_11$28, toDisplayString(activeTabMeta.value.label), 1), activeTabMeta.value.description ? (openBlock(), createElementBlock("p", _hoisted_12$25, toDisplayString(activeTabMeta.value.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(isVertical.value ? "mint-settings-modal__pane-body" : null) }, [isSchemaDriven.value && activeGroup.value ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: "mint-settings-modal__group-grid",
 						style: normalizeStyle({ "--mint-settings-cols": activeGroup.value.columns ?? 1 })
@@ -2406,16 +2502,16 @@ var SettingsModal_default = /* @__PURE__ */ defineComponent({
 						])])], 4);
 					}), 128))], 4)) : !isSchemaDriven.value ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(manualTabs.value, (tab) => {
 						return withDirectives((openBlock(), createElementBlock("div", { key: tab.id }, [renderSlot(_ctx.$slots, `tab-${tab.id}`)], 512)), [[vShow, activeTab.value === tab.id]]);
-					}), 128)) : createCommentVNode("", true), __props.showAppearance ? withDirectives((openBlock(), createElementBlock("div", _hoisted_13$23, [
-						createElementVNode("div", _hoisted_14$20, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Theme", -1)), createElementVNode("div", _hoisted_15$19, [(openBlock(), createElementBlock(Fragment, null, renderList(themeOptions, (opt) => {
+					}), 128)) : createCommentVNode("", true), __props.showAppearance ? withDirectives((openBlock(), createElementBlock("div", _hoisted_13$24, [
+						createElementVNode("div", _hoisted_14$21, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Theme", -1)), createElementVNode("div", _hoisted_15$20, [(openBlock(), createElementBlock(Fragment, null, renderList(themeOptions, (opt) => {
 							return createElementVNode("button", {
 								key: opt.value,
 								type: "button",
 								class: normalizeClass(["mint-settings-modal__option-btn", { "mint-settings-modal__option-btn--active": unref(settings).theme === opt.value }]),
 								onClick: ($event) => unref(settings).theme = opt.value
-							}, toDisplayString(opt.label), 11, _hoisted_16$17);
+							}, toDisplayString(opt.label), 11, _hoisted_16$18);
 						}), 64))])]),
-						createElementVNode("div", _hoisted_17$17, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Color Palette", -1)), createElementVNode("div", _hoisted_18$16, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorPalettes), (palette, key) => {
+						createElementVNode("div", _hoisted_17$18, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Color Palette", -1)), createElementVNode("div", _hoisted_18$16, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorPalettes), (palette, key) => {
 							return openBlock(), createElementBlock("button", {
 								key,
 								type: "button",
@@ -2459,12 +2555,12 @@ var SettingsModal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = { class: "mint-confirm" };
-var _hoisted_2$54 = {
+var _hoisted_1$61 = { class: "mint-confirm" };
+var _hoisted_2$53 = {
 	key: 1,
 	class: "mint-confirm__message"
 };
-var _hoisted_3$50 = { class: "mint-confirm__footer" };
+var _hoisted_3$49 = { class: "mint-confirm__footer" };
 var _hoisted_4$47 = ["disabled"];
 var _hoisted_5$45 = ["disabled"];
 var _hoisted_6$44 = {
@@ -2516,7 +2612,7 @@ var ConfirmDialog_default = /* @__PURE__ */ defineComponent({
 				"close-on-escape": !__props.loading,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
 			}, {
-				footer: withCtx(() => [createElementVNode("div", _hoisted_3$50, [createElementVNode("button", {
+				footer: withCtx(() => [createElementVNode("div", _hoisted_3$49, [createElementVNode("button", {
 					type: "button",
 					class: "mint-confirm__btn-cancel",
 					disabled: __props.loading,
@@ -2538,12 +2634,12 @@ var ConfirmDialog_default = /* @__PURE__ */ defineComponent({
 					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"
 				}, null, -1)])])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(__props.confirmLabel), 1)], 10, _hoisted_5$45)])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$62, [
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$61, [
 					_ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(["mint-confirm__icon", `mint-confirm__icon--${__props.variant}`])
 					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
-					__props.message ? (openBlock(), createElementBlock("p", _hoisted_2$54, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+					__props.message ? (openBlock(), createElementBlock("p", _hoisted_2$53, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "default")
 				])]),
 				_: 3
@@ -2560,12 +2656,12 @@ var ConfirmDialog_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExperimentPopover.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = ["title"];
-var _hoisted_2$53 = {
+var _hoisted_1$60 = ["title"];
+var _hoisted_2$52 = {
 	key: 0,
 	class: "mint-experiment-popover__trigger-code"
 };
-var _hoisted_3$49 = {
+var _hoisted_3$48 = {
 	key: 1,
 	class: "mint-experiment-popover__trigger-text"
 };
@@ -2597,22 +2693,22 @@ var _hoisted_9$32 = {
 	class: "mint-experiment-popover__panel"
 };
 var _hoisted_10$29 = { class: "mint-experiment-popover__header" };
-var _hoisted_11$26 = { class: "mint-experiment-popover__subtitle" };
-var _hoisted_12$23 = {
+var _hoisted_11$27 = { class: "mint-experiment-popover__subtitle" };
+var _hoisted_12$24 = {
 	key: 0,
 	class: "mint-experiment-popover__body"
 };
-var _hoisted_13$22 = {
+var _hoisted_13$23 = {
 	key: 1,
 	class: "mint-experiment-popover__body"
 };
-var _hoisted_14$19 = { class: "mint-experiment-popover__card" };
-var _hoisted_15$18 = { class: "mint-experiment-popover__card-info" };
-var _hoisted_16$16 = {
+var _hoisted_14$20 = { class: "mint-experiment-popover__card" };
+var _hoisted_15$19 = { class: "mint-experiment-popover__card-info" };
+var _hoisted_16$17 = {
 	key: 0,
 	class: "mint-experiment-popover__card-code"
 };
-var _hoisted_17$16 = { class: "mint-experiment-popover__card-name" };
+var _hoisted_17$17 = { class: "mint-experiment-popover__card-name" };
 var _hoisted_18$15 = {
 	key: 1,
 	class: "mint-experiment-popover__card-status"
@@ -2721,7 +2817,7 @@ var ExperimentPopover_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "1.75",
 						d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
 					})], -1)),
-					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_2$53, toDisplayString(__props.experimentCode), 1)) : __props.experimentName ? (openBlock(), createElementBlock("span", _hoisted_3$49, toDisplayString(__props.experimentName), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$46, "No experiment")),
+					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_2$52, toDisplayString(__props.experimentCode), 1)) : __props.experimentName ? (openBlock(), createElementBlock("span", _hoisted_3$48, toDisplayString(__props.experimentName), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$46, "No experiment")),
 					_cache[3] || (_cache[3] = createElementVNode("svg", {
 						class: "mint-experiment-popover__trigger-chevron",
 						viewBox: "0 0 24 24",
@@ -2731,7 +2827,7 @@ var ExperimentPopover_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
 					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1))
-				], 10, _hoisted_1$61), __props.showSave && __props.experimentName ? (openBlock(), createElementBlock("button", {
+				], 10, _hoisted_1$60), __props.showSave && __props.experimentName ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
 					class: normalizeClass([
@@ -2754,7 +2850,7 @@ var ExperimentPopover_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"
 				}, null, -1)])]))], 10, _hoisted_5$44)) : createCommentVNode("", true)], 2),
-				unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_9$32, [createElementVNode("div", _hoisted_10$29, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "mint-experiment-popover__title" }, "Experiment", -1)), createElementVNode("div", _hoisted_11$26, toDisplayString(__props.experimentName ? "Linked experiment context" : "Link to an MINT experiment"), 1)]), !__props.experimentName ? (openBlock(), createElementBlock("div", _hoisted_12$23, [createElementVNode("button", {
+				unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_9$32, [createElementVNode("div", _hoisted_10$29, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "mint-experiment-popover__title" }, "Experiment", -1)), createElementVNode("div", _hoisted_11$27, toDisplayString(__props.experimentName ? "Linked experiment context" : "Link to an MINT experiment"), 1)]), !__props.experimentName ? (openBlock(), createElementBlock("div", _hoisted_12$24, [createElementVNode("button", {
 					type: "button",
 					class: "mint-experiment-popover__select-btn",
 					onClick: handleSelect
@@ -2769,7 +2865,7 @@ var ExperimentPopover_default = /* @__PURE__ */ defineComponent({
 					"stroke-linejoin": "round",
 					"stroke-width": "2",
 					d: "M12 4v16m8-8H4"
-				})], -1), createTextVNode(" Select Experiment ", -1)])])])) : (openBlock(), createElementBlock("div", _hoisted_13$22, [createElementVNode("div", _hoisted_14$19, [_cache[8] || (_cache[8] = createElementVNode("div", { class: "mint-experiment-popover__card-icon" }, [createElementVNode("svg", {
+				})], -1), createTextVNode(" Select Experiment ", -1)])])])) : (openBlock(), createElementBlock("div", _hoisted_13$23, [createElementVNode("div", _hoisted_14$20, [_cache[8] || (_cache[8] = createElementVNode("div", { class: "mint-experiment-popover__card-icon" }, [createElementVNode("svg", {
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24"
@@ -2778,9 +2874,9 @@ var ExperimentPopover_default = /* @__PURE__ */ defineComponent({
 					"stroke-linejoin": "round",
 					"stroke-width": "1.75",
 					d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
-				})])], -1)), createElementVNode("div", _hoisted_15$18, [
-					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_16$16, toDisplayString(__props.experimentCode), 1)) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_17$16, toDisplayString(__props.experimentName), 1),
+				})])], -1)), createElementVNode("div", _hoisted_15$19, [
+					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_16$17, toDisplayString(__props.experimentCode), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_17$17, toDisplayString(__props.experimentName), 1),
 					__props.experimentStatus ? (openBlock(), createElementBlock("div", _hoisted_18$15, toDisplayString(unref(formatExperimentStatus)(__props.experimentStatus)), 1)) : createCommentVNode("", true)
 				])]), createElementVNode("div", _hoisted_19$15, [createElementVNode("button", {
 					type: "button",
@@ -2870,9 +2966,9 @@ var Skeleton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = ["d"];
-var _hoisted_2$52 = ["d"];
-var _hoisted_3$48 = { class: "mint-empty-state__body" };
+var _hoisted_1$59 = ["d"];
+var _hoisted_2$51 = ["d"];
+var _hoisted_3$47 = { class: "mint-empty-state__body" };
 var _hoisted_4$45 = {
 	key: 0,
 	class: "mint-empty-state__title"
@@ -2925,13 +3021,13 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 				}, [__props.iconPath ? (openBlock(), createElementBlock("path", {
 					key: 0,
 					d: __props.iconPath
-				}, null, 8, _hoisted_1$60)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(defaultIconPaths, (d, i) => {
+				}, null, 8, _hoisted_1$59)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(defaultIconPaths, (d, i) => {
 					return createElementVNode("path", {
 						key: i,
 						d
-					}, null, 8, _hoisted_2$52);
+					}, null, 8, _hoisted_2$51);
 				}), 64))], 2))])], 2),
-				createElementVNode("div", _hoisted_3$48, [
+				createElementVNode("div", _hoisted_3$47, [
 					__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$45, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
 					__props.description ? (openBlock(), createElementBlock("p", _hoisted_5$43, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "default")
@@ -2946,7 +3042,7 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExperimentCodeBadge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = [
+var _hoisted_1$58 = [
 	"role",
 	"tabindex",
 	"title"
@@ -3004,15 +3100,15 @@ var ExperimentCodeBadge_default = /* @__PURE__ */ defineComponent({
 				title: __props.copyable ? copied.value ? "Copied!" : "Click to copy" : void 0,
 				onClick: handleCopy,
 				onKeydown: handleKeydown
-			}, toDisplayString(copied.value ? "Copied!" : __props.code), 43, _hoisted_1$59);
+			}, toDisplayString(copied.value ? "Copied!" : __props.code), 43, _hoisted_1$58);
 		};
 	}
 });
 //#endregion
 //#region src/components/ExperimentSelectorModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = { class: "mint-experiment-selector__filters-row" };
-var _hoisted_2$51 = { class: "mint-experiment-selector__search" };
-var _hoisted_3$47 = { class: "mint-experiment-selector__filter-select" };
+var _hoisted_1$57 = { class: "mint-experiment-selector__filters-row" };
+var _hoisted_2$50 = { class: "mint-experiment-selector__search" };
+var _hoisted_3$46 = { class: "mint-experiment-selector__filter-select" };
 var _hoisted_4$44 = {
 	key: 0,
 	class: "mint-experiment-selector__filter-select"
@@ -3032,19 +3128,19 @@ var _hoisted_7$37 = {
 var _hoisted_8$34 = { class: "mint-experiment-selector__filter-select" };
 var _hoisted_9$31 = { class: "mint-experiment-selector__filter-select" };
 var _hoisted_10$28 = { class: "mint-experiment-selector__group-toggle" };
-var _hoisted_11$25 = {
+var _hoisted_11$26 = {
 	key: 1,
 	class: "mint-experiment-selector__skeleton"
 };
-var _hoisted_12$22 = { class: "mint-experiment-selector__skeleton-content" };
-var _hoisted_13$21 = {
+var _hoisted_12$23 = { class: "mint-experiment-selector__skeleton-content" };
+var _hoisted_13$22 = {
 	key: 2,
 	class: "mint-experiment-selector__error"
 };
-var _hoisted_14$18 = ["onClick"];
-var _hoisted_15$17 = { class: "mint-experiment-selector__group-name" };
-var _hoisted_16$15 = { class: "mint-experiment-selector__group-count" };
-var _hoisted_17$15 = ["onClick", "onMouseenter"];
+var _hoisted_14$19 = ["onClick"];
+var _hoisted_15$18 = { class: "mint-experiment-selector__group-name" };
+var _hoisted_16$16 = { class: "mint-experiment-selector__group-count" };
+var _hoisted_17$16 = ["onClick", "onMouseenter"];
 var _hoisted_18$14 = { class: "mint-experiment-selector__row-content" };
 var _hoisted_19$14 = { class: "mint-experiment-selector__name" };
 var _hoisted_20$13 = { class: "mint-experiment-selector__meta" };
@@ -3180,15 +3276,15 @@ var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
 					class: "mint-experiment-selector",
 					onKeydown: handleKeydown
 				}, [
-					createElementVNode("div", _hoisted_1$58, [
-						createElementVNode("div", _hoisted_2$51, [createVNode(BaseInput_default, {
+					createElementVNode("div", _hoisted_1$57, [
+						createElementVNode("div", _hoisted_2$50, [createVNode(BaseInput_default, {
 							modelValue: unref(filters).search,
 							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(filters).search = $event),
 							placeholder: "Search experiments...",
 							size: "sm",
 							type: "search"
 						}, null, 8, ["modelValue"])]),
-						createElementVNode("div", _hoisted_3$47, [createVNode(BaseSelect_default, {
+						createElementVNode("div", _hoisted_3$46, [createVNode(BaseSelect_default, {
 							"model-value": unref(filters).status ?? "",
 							options: unref(EXPERIMENT_STATUS_OPTIONS),
 							size: "sm",
@@ -3278,11 +3374,11 @@ var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
 							class: "mint-experiment-selector__group-checkbox"
 						}, null, 512), [[vModelCheckbox, groupToggle.value]]), _cache[10] || (_cache[10] = createTextVNode(" Group by project ", -1))])
 					])) : createCommentVNode("", true),
-					unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_11$25, [(openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
+					unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_11$26, [(openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
 						return createElementVNode("div", {
 							key: n,
 							class: "mint-experiment-selector__skeleton-row"
-						}, [createElementVNode("div", _hoisted_12$22, [createVNode(Skeleton_default, {
+						}, [createElementVNode("div", _hoisted_12$23, [createVNode(Skeleton_default, {
 							width: 120 + n * 20,
 							height: "14px"
 						}, null, 8, ["width"]), createVNode(Skeleton_default, {
@@ -3293,7 +3389,7 @@ var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
 							height: "20px",
 							variant: "rounded"
 						})]);
-					}), 64))])) : unref(error) ? (openBlock(), createElementBlock("div", _hoisted_13$21, toDisplayString(unref(error)), 1)) : unref(experiments).length === 0 ? (openBlock(), createBlock(EmptyState_default, {
+					}), 64))])) : unref(error) ? (openBlock(), createElementBlock("div", _hoisted_13$22, toDisplayString(unref(error)), 1)) : unref(experiments).length === 0 ? (openBlock(), createBlock(EmptyState_default, {
 						key: 3,
 						title: "No experiments found",
 						description: "Try adjusting your search or filters.",
@@ -3320,9 +3416,9 @@ var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
 								"stroke-linecap": "round",
 								"stroke-linejoin": "round"
 							}, [..._cache[11] || (_cache[11] = [createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1)])], 2)),
-							createElementVNode("span", _hoisted_15$17, toDisplayString(groupName), 1),
-							createElementVNode("span", _hoisted_16$15, toDisplayString(groupExps.length), 1)
-						], 8, _hoisted_14$18), !collapsedGroups.has(groupName) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupExps, (exp) => {
+							createElementVNode("span", _hoisted_15$18, toDisplayString(groupName), 1),
+							createElementVNode("span", _hoisted_16$16, toDisplayString(groupExps.length), 1)
+						], 8, _hoisted_14$19), !collapsedGroups.has(groupName) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupExps, (exp) => {
 							return openBlock(), createElementBlock("div", {
 								key: exp.id,
 								class: normalizeClass(["mint-experiment-selector__row", {
@@ -3342,7 +3438,7 @@ var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
 							}, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(formatExperimentStatus)(exp.status)), 1)]),
 								_: 2
-							}, 1032, ["variant"])], 42, _hoisted_17$15);
+							}, 1032, ["variant"])], 42, _hoisted_17$16);
 						}), 128)) : createCommentVNode("", true)], 64);
 					}), 128))], 512)) : (openBlock(), createElementBlock("div", {
 						key: 5,
@@ -3423,18 +3519,18 @@ function isPluginIconFormat(icon) {
 }
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = [
+var _hoisted_1$56 = [
 	"href",
 	"aria-disabled",
 	"tabindex"
 ];
-var _hoisted_2$50 = [
+var _hoisted_2$49 = [
 	"href",
 	"aria-disabled",
 	"tabindex",
 	"onClick"
 ];
-var _hoisted_3$46 = ["type", "disabled"];
+var _hoisted_3$45 = ["type", "disabled"];
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue
 var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
@@ -3480,7 +3576,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$57)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$56)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
 				key: 1,
 				to: __props.to,
 				custom: ""
@@ -3490,19 +3586,19 @@ var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
 					"aria-disabled": __props.disabled || void 0,
 					tabindex: __props.disabled ? -1 : void 0,
 					onClick: ($event) => handleRouterClick($event, navigate)
-				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$50)]),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$49)]),
 				_: 3
 			}, 8, ["to"])) : (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, _ctx.$attrs, {
 				type: __props.type,
 				disabled: __props.disabled,
 				onClick: handleClick
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$46));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$45));
 		};
 	}
 });
 //#endregion
 //#region src/components/PluginIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = {
+var _hoisted_1$55 = {
 	key: 0,
 	class: "mint-plugin-icon__svg",
 	viewBox: "0 0 24 24",
@@ -3513,8 +3609,8 @@ var _hoisted_1$56 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_2$49 = ["d"];
-var _hoisted_3$45 = ["src"];
+var _hoisted_2$48 = ["d"];
+var _hoisted_3$44 = ["src"];
 //#endregion
 //#region src/components/PluginIcon.vue
 var PluginIcon_default = /* @__PURE__ */ defineComponent({
@@ -3547,25 +3643,25 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("span", {
 				class: normalizeClass(rootClasses.value),
 				style: normalizeStyle(rootStyle.value)
-			}, [detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_1$56, [createElementVNode("path", { d: detected.value.value }, null, 8, _hoisted_2$49)])) : (openBlock(), createElementBlock("img", {
+			}, [detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_1$55, [createElementVNode("path", { d: detected.value.value }, null, 8, _hoisted_2$48)])) : (openBlock(), createElementBlock("img", {
 				key: 1,
 				class: "mint-plugin-icon__img",
 				src: detected.value.value,
 				alt: "",
 				referrerpolicy: "no-referrer",
 				loading: "lazy"
-			}, null, 8, _hoisted_3$45))], 6);
+			}, null, 8, _hoisted_3$44))], 6);
 		};
 	}
 });
 //#endregion
 //#region src/components/internal/AppTopBarPageSelectorInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = ["aria-expanded"];
-var _hoisted_2$48 = {
+var _hoisted_1$54 = ["aria-expanded"];
+var _hoisted_2$47 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_3$44 = { class: "mint-page-selector__label" };
+var _hoisted_3$43 = { class: "mint-page-selector__label" };
 var _hoisted_4$43 = {
 	class: "mint-page-selector__chevron-wrap",
 	"aria-hidden": "true"
@@ -3633,8 +3729,8 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					icon: current.value.icon,
 					size: "sm",
 					variant: "tinted"
-				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$48, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$44, toDisplayString(current.value?.label ?? __props.placeholder), 1),
+				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$47, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$43, toDisplayString(current.value?.label ?? __props.placeholder), 1),
 				createElementVNode("span", _hoisted_4$43, [(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-page-selector__chevron", { "mint-page-selector__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
@@ -3644,7 +3740,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$55), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$41, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page) => {
+			], 10, _hoisted_1$54), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$41, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page) => {
 				return openBlock(), createBlock(ActionItemInternal_default, {
 					key: page.id,
 					href: page.href,
@@ -3683,16 +3779,16 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/AppTopBarPillNavInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = {
+var _hoisted_1$53 = {
 	class: "mint-pill-nav",
 	"aria-label": "Primary"
 };
-var _hoisted_2$47 = [
+var _hoisted_2$46 = [
 	"disabled",
 	"aria-expanded",
 	"onClick"
 ];
-var _hoisted_3$43 = {
+var _hoisted_3$42 = {
 	key: 0,
 	class: "mint-pill-nav__icon",
 	viewBox: "0 0 24 24",
@@ -3724,7 +3820,7 @@ var _hoisted_9$30 = {
 	role: "menu"
 };
 var _hoisted_10$27 = { class: "mint-pill-nav__dropdown-label" };
-var _hoisted_11$24 = {
+var _hoisted_11$25 = {
 	key: 0,
 	class: "mint-pill-nav__dropdown-description"
 };
@@ -3783,7 +3879,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 		}
 		useEventListener(() => document, "click", handleClickOutside);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", _hoisted_1$54, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$53, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
 				return openBlock(), createElementBlock("div", {
 					key: item.id,
 					ref_for: true,
@@ -3802,7 +3898,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 					"aria-haspopup": "menu",
 					onClick: withModifiers(($event) => handleClick(item), ["stop"])
 				}, [
-					isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$43, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
+					isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$42, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
 						return openBlock(), createElementBlock("path", {
 							key: index,
 							d
@@ -3822,7 +3918,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round",
 						"aria-hidden": "true"
 					}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))
-				], 10, _hoisted_2$47)) : (openBlock(), createBlock(ActionItemInternal_default, {
+				], 10, _hoisted_2$46)) : (openBlock(), createBlock(ActionItemInternal_default, {
 					key: 1,
 					href: item.href,
 					to: item.to,
@@ -3864,7 +3960,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 						role: "menuitem",
 						onClick: ($event) => handleOptionClick(option, item)
 					}, {
-						default: withCtx(() => [createElementVNode("span", _hoisted_10$27, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_11$24, toDisplayString(option.description), 1)) : createCommentVNode("", true)]),
+						default: withCtx(() => [createElementVNode("span", _hoisted_10$27, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_11$25, toDisplayString(option.description), 1)) : createCommentVNode("", true)]),
 						_: 2
 					}, 1032, [
 						"href",
@@ -3880,9 +3976,9 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppAvatarMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = ["aria-expanded", "title"];
-var _hoisted_2$46 = { class: "mint-avatar-menu__avatar" };
-var _hoisted_3$42 = {
+var _hoisted_1$52 = ["aria-expanded", "title"];
+var _hoisted_2$45 = { class: "mint-avatar-menu__avatar" };
+var _hoisted_3$41 = {
 	key: 0,
 	class: "mint-avatar-menu__name"
 };
@@ -3913,11 +4009,11 @@ var _hoisted_9$29 = {
 	class: "mint-avatar-menu__item-icon"
 };
 var _hoisted_10$26 = { class: "mint-avatar-menu__item-label" };
-var _hoisted_11$23 = {
+var _hoisted_11$24 = {
 	key: 1,
 	class: "mint-avatar-menu__item-right"
 };
-var _hoisted_12$21 = { class: "mint-avatar-menu__item-label" };
+var _hoisted_12$22 = { class: "mint-avatar-menu__item-label" };
 //#endregion
 //#region src/components/AppAvatarMenu.vue
 var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
@@ -3983,7 +4079,7 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "menu",
 				title: __props.userName ? `${__props.userName} · Account menu` : "Account menu",
 				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"]))
-			}, [createElementVNode("span", _hoisted_2$46, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$42, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 10, _hoisted_1$53), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_4$41, [
+			}, [createElementVNode("span", _hoisted_2$45, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$41, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 10, _hoisted_1$52), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_4$41, [
 				__props.userName || __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_5$39, [__props.userName ? (openBlock(), createElementBlock("div", _hoisted_6$38, toDisplayString(__props.userName), 1)) : createCommentVNode("", true), __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_7$34, toDisplayString(__props.userEmail), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "items", { close: closeSilently }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 					return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.divider ? (openBlock(), createElementBlock("div", _hoisted_8$31)) : (openBlock(), createBlock(ActionItemInternal_default, {
@@ -3997,7 +4093,7 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 						default: withCtx(() => [
 							item.icon ? (openBlock(), createElementBlock("span", _hoisted_9$29, [renderSlot(_ctx.$slots, "item-icon", { item })])) : createCommentVNode("", true),
 							createElementVNode("span", _hoisted_10$26, toDisplayString(item.label), 1),
-							item.rightLabel ? (openBlock(), createElementBlock("span", _hoisted_11$23, toDisplayString(item.rightLabel), 1)) : createCommentVNode("", true)
+							item.rightLabel ? (openBlock(), createElementBlock("span", _hoisted_11$24, toDisplayString(item.rightLabel), 1)) : createCommentVNode("", true)
 						]),
 						_: 2
 					}, 1032, [
@@ -4015,16 +4111,16 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 					class: "mint-avatar-menu__item mint-avatar-menu__item--danger",
 					role: "menuitem",
 					onClick: handleSignOut
-				}, [_cache[1] || (_cache[1] = createStaticVNode("<span class=\"mint-avatar-menu__item-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"></path><polyline points=\"16 17 21 12 16 7\"></polyline><line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\"></line></svg></span>", 1)), createElementVNode("span", _hoisted_12$21, toDisplayString(__props.signOutLabel), 1)])], 64)) : createCommentVNode("", true)
+				}, [_cache[1] || (_cache[1] = createStaticVNode("<span class=\"mint-avatar-menu__item-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"></path><polyline points=\"16 17 21 12 16 7\"></polyline><line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\"></line></svg></span>", 1)), createElementVNode("span", _hoisted_12$22, toDisplayString(__props.signOutLabel), 1)])], 64)) : createCommentVNode("", true)
 			])) : createCommentVNode("", true)], 512);
 		};
 	}
 });
 //#endregion
 //#region src/components/AppPluginSwitcher.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = ["aria-expanded"];
-var _hoisted_2$45 = { class: "mint-plugin-switcher__label" };
-var _hoisted_3$41 = {
+var _hoisted_1$51 = ["aria-expanded"];
+var _hoisted_2$44 = { class: "mint-plugin-switcher__label" };
+var _hoisted_3$40 = {
 	key: 0,
 	class: "mint-plugin-switcher__version"
 };
@@ -4102,8 +4198,8 @@ var AppPluginSwitcher_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "menu",
 				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"]))
 			}, [
-				createElementVNode("span", _hoisted_2$45, toDisplayString(__props.current.label), 1),
-				__props.current.version ? (openBlock(), createElementBlock("span", _hoisted_3$41, "v" + toDisplayString(__props.current.version), 1)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_2$44, toDisplayString(__props.current.label), 1),
+				__props.current.version ? (openBlock(), createElementBlock("span", _hoisted_3$40, "v" + toDisplayString(__props.current.version), 1)) : createCommentVNode("", true),
 				createElementVNode("span", _hoisted_4$40, [(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-plugin-switcher__chevron", { "mint-plugin-switcher__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
@@ -4113,7 +4209,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$52), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$38, [
+			], 10, _hoisted_1$51), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$38, [
 				_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, {
@@ -4211,9 +4307,9 @@ function currentItemIdFromLocation(pages, pathname, routePrefix) {
 }
 //#endregion
 //#region src/components/AppTopBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = { class: "mint-topbar__container" };
-var _hoisted_2$44 = { class: "mint-topbar__brand" };
-var _hoisted_3$40 = ["href"];
+var _hoisted_1$50 = { class: "mint-topbar__container" };
+var _hoisted_2$43 = { class: "mint-topbar__brand" };
+var _hoisted_3$39 = ["href"];
 var _hoisted_4$39 = {
 	key: 0,
 	class: "mint-topbar__logo"
@@ -4236,26 +4332,26 @@ var _hoisted_10$25 = {
 	key: 3,
 	class: "mint-topbar__title-only"
 };
-var _hoisted_11$22 = {
+var _hoisted_11$23 = {
 	key: 4,
 	class: "mint-topbar__center"
 };
-var _hoisted_12$20 = { class: "mint-topbar__right" };
-var _hoisted_13$20 = {
+var _hoisted_12$21 = { class: "mint-topbar__right" };
+var _hoisted_13$21 = {
 	key: 0,
 	class: "mint-topbar__standalone-badge"
 };
-var _hoisted_14$17 = {
+var _hoisted_14$18 = {
 	key: 2,
 	class: "mint-topbar__standalone-badge"
 };
-var _hoisted_15$16 = {
+var _hoisted_15$17 = {
 	key: 0,
 	class: "mint-topbar__icon-btn-dot",
 	"aria-hidden": "true"
 };
-var _hoisted_16$14 = { class: "mint-topbar__profile-avatar" };
-var _hoisted_17$14 = {
+var _hoisted_16$15 = { class: "mint-topbar__profile-avatar" };
+var _hoisted_17$15 = {
 	key: 0,
 	class: "mint-topbar__profile-name"
 };
@@ -4364,8 +4460,8 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			const _component_router_link = resolveComponent("router-link");
 			return openBlock(), createElementBlock(Fragment, null, [
-				createElementVNode("header", { class: normalizeClass(["mint-topbar", `mint-topbar--${props.variant}`]) }, [createElementVNode("div", _hoisted_1$51, [
-					createElementVNode("div", _hoisted_2$44, [__props.homePath && (__props.homePath.startsWith("http") || __props.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
+				createElementVNode("header", { class: normalizeClass(["mint-topbar", `mint-topbar--${props.variant}`]) }, [createElementVNode("div", _hoisted_1$50, [
+					createElementVNode("div", _hoisted_2$43, [__props.homePath && (__props.homePath.startsWith("http") || __props.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
 						key: 0,
 						href: __props.homePath,
 						class: "mint-topbar-home-link"
@@ -4376,7 +4472,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						tone: pluginIcon.value.color,
 						size: "md",
 						variant: "solid"
-					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_4$39, [..._cache[19] || (_cache[19] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])], 8, _hoisted_3$40)) : __props.homePath ? (openBlock(), createBlock(_component_router_link, {
+					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_4$39, [..._cache[19] || (_cache[19] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])], 8, _hoisted_3$39)) : __props.homePath ? (openBlock(), createBlock(_component_router_link, {
 						key: 1,
 						to: __props.homePath,
 						class: "mint-topbar-home-link"
@@ -4427,21 +4523,21 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					} : void 0]), 1032, ["pages", "current-page-id"])) : createCommentVNode("", true),
 					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_7$32, [createElementVNode("span", _hoisted_8$29, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_9$27, toDisplayString(__props.subtitle), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_10$25, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "nav"),
-					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_11$22, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value && __props.pillNav ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
+					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_11$23, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value && __props.pillNav ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
 						key: 0,
 						items: normalizedPillNav.value,
 						"current-item-id": __props.currentPillId,
 						onSelect: _cache[3] || (_cache[3] = ($event) => emit("pill-select", $event)),
 						onOptionSelect: _cache[4] || (_cache[4] = (option, item) => emit("pill-option-select", option, item))
 					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_12$20, [
-						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_13$20, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_12$21, [
+						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_13$21, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
 						unref(appExperiment) && !isStandalone.value ? (openBlock(), createBlock(ExperimentPopover_default, mergeProps({ key: 1 }, unref(appExperiment).popover.value, {
 							onSelect: _cache[5] || (_cache[5] = ($event) => unref(appExperiment).openModal()),
 							onSave: _cache[6] || (_cache[6] = ($event) => unref(appExperiment).handleSave()),
 							onDetach: _cache[7] || (_cache[7] = ($event) => unref(appExperiment).handleDetach())
 						}), null, 16)) : createCommentVNode("", true),
-						unref(appExperiment) && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_14$17, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
+						unref(appExperiment) && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_14$18, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
 						renderSlot(_ctx.$slots, "actions"),
 						__props.showNotifications ? (openBlock(), createElementBlock("button", {
 							key: 3,
@@ -4457,7 +4553,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"stroke-width": "2",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round"
-						}, [createElementVNode("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), createElementVNode("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })], -1)), __props.hasNotificationDot ? (openBlock(), createElementBlock("span", _hoisted_15$16)) : 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_15$17)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 						__props.showThemeToggle ? (openBlock(), createBlock(ThemeToggle_default, {
 							key: 4,
 							size: "sm"
@@ -4526,7 +4622,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							class: "mint-topbar__profile-btn",
 							"aria-label": "Edit profile",
 							onClick: _cache[13] || (_cache[13] = ($event) => emit("profile-click"))
-						}, [createElementVNode("div", _hoisted_16$14, toDisplayString(profileInitial.value), 1), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_17$14, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
+						}, [createElementVNode("div", _hoisted_16$15, toDisplayString(profileInitial.value), 1), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_17$15, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
 					])
 				])], 2),
 				__props.showSettings ? (openBlock(), createBlock(SettingsModal_default, {
@@ -4580,12 +4676,12 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StepWizard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = {
+var _hoisted_1$49 = {
 	key: 0,
 	class: "mint-wizard__progress"
 };
-var _hoisted_2$43 = { class: "mint-wizard__steps-indicator" };
-var _hoisted_3$39 = ["onClick"];
+var _hoisted_2$42 = { class: "mint-wizard__steps-indicator" };
+var _hoisted_3$38 = ["onClick"];
 var _hoisted_4$38 = { class: "mint-wizard__step-dot" };
 var _hoisted_5$36 = {
 	key: 0,
@@ -4603,7 +4699,7 @@ var _hoisted_7$31 = { class: "mint-wizard__body" };
 var _hoisted_8$28 = { class: "mint-wizard__navigation" };
 var _hoisted_9$26 = ["disabled"];
 var _hoisted_10$24 = ["disabled"];
-var _hoisted_11$21 = ["disabled"];
+var _hoisted_11$22 = ["disabled"];
 //#endregion
 //#region src/components/StepWizard.vue
 var StepWizard_default = /* @__PURE__ */ defineComponent({
@@ -4696,18 +4792,18 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 				tabindex: "0",
 				onKeydown: handleKeydown
 			}, [
-				props.showProgress ? (openBlock(), createElementBlock("div", _hoisted_1$50, [renderSlot(_ctx.$slots, "progress", {
+				props.showProgress ? (openBlock(), createElementBlock("div", _hoisted_1$49, [renderSlot(_ctx.$slots, "progress", {
 					steps: props.steps,
 					current: props.modelValue,
 					states: stepStates.value
-				}, () => [createElementVNode("div", _hoisted_2$43, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
+				}, () => [createElementVNode("div", _hoisted_2$42, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
 					return openBlock(), createElementBlock(Fragment, { key: step.id }, [index > 0 ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: normalizeClass(["mint-wizard__step-connector", stepStates.value[index - 1] === "completed" ? "mint-wizard__step-connector--completed" : ""])
 					}, null, 2)) : createCommentVNode("", true), createElementVNode("div", {
 						class: normalizeClass(["mint-wizard__step-indicator", `mint-wizard__step-indicator--${stepStates.value[index]}`]),
 						onClick: ($event) => goToStep(index)
-					}, [createElementVNode("div", _hoisted_4$38, [stepStates.value[index] === "completed" ? (openBlock(), createElementBlock("svg", _hoisted_5$36, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : props.showStepNumbers ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(index + 1), 1)], 64)) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$35, toDisplayString(step.label), 1)], 10, _hoisted_3$39)], 64);
+					}, [createElementVNode("div", _hoisted_4$38, [stepStates.value[index] === "completed" ? (openBlock(), createElementBlock("svg", _hoisted_5$36, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : props.showStepNumbers ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(index + 1), 1)], 64)) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6$35, toDisplayString(step.label), 1)], 10, _hoisted_3$38)], 64);
 				}), 128))])])])) : createCommentVNode("", true),
 				createElementVNode("div", _hoisted_7$31, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.steps, (step, index) => {
 					return withDirectives((openBlock(), createElementBlock("div", {
@@ -4751,7 +4847,7 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 						class: "mint-wizard__nav-btn mint-wizard__nav-btn--finish",
 						disabled: stepValidity.value[props.modelValue] === false,
 						onClick: finish
-					}, " Finish ", 8, _hoisted_11$21))
+					}, " Finish ", 8, _hoisted_11$22))
 				])])
 			], 34);
 		};
@@ -4759,15 +4855,15 @@ var StepWizard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/FormSectionRenderer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = {
+var _hoisted_1$48 = {
 	key: 0,
 	class: "mint-form-section"
 };
-var _hoisted_2$42 = {
+var _hoisted_2$41 = {
 	key: 1,
 	class: "mint-form-section--static"
 };
-var _hoisted_3$38 = {
+var _hoisted_3$37 = {
 	key: 0,
 	class: "mint-form-section__header"
 };
@@ -4792,7 +4888,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$49, [renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
+			return visibleFields.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$48, [renderSlot(_ctx.$slots, `section:${__props.section.id}`, {
 				section: __props.section,
 				form: __props.builder.form
 			}, () => [__props.section.collapsible ? (openBlock(), createBlock(CollapsibleCard_default, {
@@ -4827,7 +4923,7 @@ var FormSectionRenderer_default = /* @__PURE__ */ defineComponent({
 				"title",
 				"subtitle",
 				"default-open"
-			])) : (openBlock(), createElementBlock("div", _hoisted_2$42, [__props.section.title || __props.section.description ? (openBlock(), createElementBlock("div", _hoisted_3$38, [__props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_4$37, toDisplayString(__props.section.title), 1)) : createCommentVNode("", true), __props.section.description ? (openBlock(), createElementBlock("p", _hoisted_5$35, toDisplayString(__props.section.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", {
+			])) : (openBlock(), createElementBlock("div", _hoisted_2$41, [__props.section.title || __props.section.description ? (openBlock(), createElementBlock("div", _hoisted_3$37, [__props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_4$37, toDisplayString(__props.section.title), 1)) : createCommentVNode("", true), __props.section.description ? (openBlock(), createElementBlock("p", _hoisted_5$35, toDisplayString(__props.section.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", {
 				class: "mint-form-section__grid",
 				style: normalizeStyle(gridStyle.value)
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleFields.value, (field) => {
@@ -4853,7 +4949,7 @@ var FormSectionRenderer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormActions.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = { class: "mint-form-actions" };
+var _hoisted_1$47 = { class: "mint-form-actions" };
 //#endregion
 //#region src/components/FormActions.vue
 var FormActions_default = /* @__PURE__ */ defineComponent({
@@ -4910,7 +5006,7 @@ var FormActions_default = /* @__PURE__ */ defineComponent({
 		*/
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$48, [
+			return openBlock(), createElementBlock("div", _hoisted_1$47, [
 				__props.showCancel ? (openBlock(), createBlock(BaseButton_default, {
 					key: 0,
 					variant: "ghost",
@@ -4955,7 +5051,7 @@ var FormActions_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormBuilder.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = { class: "mint-form-builder__step" };
+var _hoisted_1$46 = { class: "mint-form-builder__step" };
 //#endregion
 //#region src/components/FormBuilder.vue
 var FormBuilder_default = /* @__PURE__ */ defineComponent({
@@ -5099,7 +5195,7 @@ var FormBuilder_default = /* @__PURE__ */ defineComponent({
 			}, createSlots({ _: 2 }, [renderList(resolvedSchema.value.steps, (step) => {
 				return {
 					name: `step-${step.id}`,
-					fn: withCtx(() => [createElementVNode("div", _hoisted_1$47, [(openBlock(true), createElementBlock(Fragment, null, renderList(step.sections, (section) => {
+					fn: withCtx(() => [createElementVNode("div", _hoisted_1$46, [(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,
@@ -5186,15 +5282,15 @@ var FormBuilder_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppSidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = {
+var _hoisted_1$45 = {
 	key: 0,
 	class: "mint-sidebar__header"
 };
-var _hoisted_2$41 = {
+var _hoisted_2$40 = {
 	key: 0,
 	class: "mint-sidebar__heading"
 };
-var _hoisted_3$37 = { class: "mint-sidebar__heading-copy" };
+var _hoisted_3$36 = { class: "mint-sidebar__heading-copy" };
 var _hoisted_4$36 = {
 	key: 0,
 	class: "mint-sidebar__title"
@@ -5215,8 +5311,34 @@ var _hoisted_9$25 = {
 };
 var _hoisted_10$23 = {
 	key: 3,
+	class: "mint-sidebar__collapsed mint-sidebar__collapsed--default"
+};
+var _hoisted_11$21 = ["aria-label", "title"];
+var _hoisted_12$20 = {
+	key: 0,
+	class: "mint-sidebar__rail-svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_13$20 = ["d"];
+var _hoisted_14$17 = ["d"];
+var _hoisted_15$16 = {
+	key: 1,
+	class: "mint-sidebar__rail-text-icon"
+};
+var _hoisted_16$14 = {
+	key: 4,
 	class: "mint-sidebar__footer"
 };
+var _hoisted_17$14 = {
+	key: 5,
+	class: "mint-sidebar__footer mint-sidebar__footer--collapsed"
+};
 //#endregion
 //#region src/components/AppSidebar.vue
 var AppSidebar_default = /* @__PURE__ */ defineComponent({
@@ -5292,6 +5414,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 		"update:modelValue",
 		"update:values",
 		"update:collapsed",
+		"section-action",
 		"form-submit",
 		"form-cancel"
 	],
@@ -5407,6 +5530,25 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 		function expandCollapsed() {
 			collapsedModel.value = false;
 		}
+		function handleSectionAction(sectionId, actionId) {
+			emit("section-action", sectionId, actionId);
+		}
+		function isSvgIcon(icon) {
+			if (!icon) return false;
+			return Array.isArray(icon) || icon.startsWith("M") || icon.startsWith("m");
+		}
+		function sectionInitial(section) {
+			return section.label.trim().charAt(0).toUpperCase() || "?";
+		}
+		function railIconStyle(section) {
+			return {
+				backgroundColor: section.iconBg ?? "var(--color-primary-soft)",
+				color: section.iconColor ?? "var(--color-primary)"
+			};
+		}
+		function badgeToneClass(section) {
+			return `mint-sidebar__rail-badge--${section.badgeTone ?? "cta"}`;
+		}
 		function mergeSidebarPanels(generated, explicit) {
 			const merged = {};
 			const viewIds = new Set([...Object.keys(generated), ...Object.keys(explicit)]);
@@ -5427,10 +5569,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$46, [renderSlot(_ctx.$slots, "header", {
+				_ctx.$slots.header || __props.title || __props.subtitle || __props.badge !== void 0 || resolvedCollapsible.value ? (openBlock(), createElementBlock("div", _hoisted_1$45, [renderSlot(_ctx.$slots, "header", {
 					collapsed: collapsedModel.value,
 					toggleCollapsed
-				}, () => [!collapsedModel.value ? (openBlock(), createElementBlock("div", _hoisted_2$41, [createElementVNode("div", _hoisted_3$37, [__props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$36, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$34, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), __props.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6$34, toDisplayString(__props.badge), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), resolvedCollapsible.value ? (openBlock(), createElementBlock("button", {
+				}, () => [!collapsedModel.value ? (openBlock(), createElementBlock("div", _hoisted_2$40, [createElementVNode("div", _hoisted_3$36, [__props.title ? (openBlock(), createElementBlock("h2", _hoisted_4$36, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$34, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), __props.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_6$34, toDisplayString(__props.badge), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), resolvedCollapsible.value ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
 					class: "mint-sidebar__collapse-button",
@@ -5459,10 +5601,14 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 						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, {
@@ -5497,10 +5643,14 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 						"icon",
 						"icon-color",
 						"icon-bg",
+						"badge",
+						"badge-tone",
+						"actions",
 						"dense",
 						"default-open",
 						"show-toggle",
 						"toggle-value",
+						"onAction",
 						"onUpdate:toggleValue"
 					]);
 				}), 128)), renderSlot(_ctx.$slots, "default", {
@@ -5510,20 +5660,43 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 				})], 8, _hoisted_8$27)) : _ctx.$slots.collapsed ? (openBlock(), createElementBlock("div", _hoisted_9$25, [renderSlot(_ctx.$slots, "collapsed", {
 					sections: activeSections.value,
 					expand: expandCollapsed
-				})])) : createCommentVNode("", true),
-				!collapsedModel.value && _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_10$23, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+				})])) : (openBlock(), createElementBlock("div", _hoisted_10$23, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeSections.value, (section) => {
+					return openBlock(), createElementBlock("button", {
+						key: section.id,
+						type: "button",
+						class: "mint-sidebar__rail-item",
+						"aria-label": `Expand ${section.label}`,
+						title: section.label,
+						onClick: expandCollapsed
+					}, [createElementVNode("span", {
+						class: "mint-sidebar__rail-icon",
+						style: normalizeStyle(railIconStyle(section))
+					}, [section.icon && isSvgIcon(section.icon) ? (openBlock(), createElementBlock("svg", _hoisted_12$20, [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$20);
+					}), 128)) : (openBlock(), createElementBlock("path", {
+						key: 1,
+						d: section.icon
+					}, null, 8, _hoisted_14$17))])) : (openBlock(), createElementBlock("span", _hoisted_15$16, 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$21);
+				}), 128))])),
+				!collapsedModel.value && _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_16$14, [renderSlot(_ctx.$slots, "footer")])) : collapsedModel.value && _ctx.$slots["collapsed-footer"] ? (openBlock(), createElementBlock("div", _hoisted_17$14, [renderSlot(_ctx.$slots, "collapsed-footer")])) : createCommentVNode("", true)
 			], 6);
 		};
 	}
 });
 //#endregion
 //#region src/components/AppLayout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = {
+var _hoisted_1$44 = {
 	key: 0,
 	class: "mint-layout__topbar"
 };
-var _hoisted_2$40 = { class: "mint-layout__body" };
-var _hoisted_3$36 = ["aria-label", "aria-expanded"];
+var _hoisted_2$39 = { class: "mint-layout__body" };
+var _hoisted_3$35 = ["aria-label", "aria-expanded"];
 var _hoisted_4$35 = {
 	key: 0,
 	class: "mint-layout__sidebar-toggle-icon",
@@ -5624,7 +5797,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$45, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$40, [
+			return openBlock(), createElementBlock("div", { class: normalizeClass(layoutClasses.value) }, [_ctx.$slots.topbar ? (openBlock(), createElementBlock("div", _hoisted_1$44, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$39, [
 				__props.responsiveSidebar && _ctx.$slots.sidebar ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -5632,7 +5805,7 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 					"aria-label": sidebarOpenModel.value ? __props.sidebarCloseLabel : __props.sidebarToggleLabel,
 					"aria-expanded": sidebarOpenModel.value,
 					onClick: toggleSidebar
-				}, [!sidebarOpenModel.value ? (openBlock(), createElementBlock("svg", _hoisted_4$35, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6h16M4 12h16M4 18h16" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5$33, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 18 18 6M6 6l12 12" }, null, -1)])]))], 8, _hoisted_3$36)) : createCommentVNode("", true),
+				}, [!sidebarOpenModel.value ? (openBlock(), createElementBlock("svg", _hoisted_4$35, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6h16M4 12h16M4 18h16" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5$33, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 18 18 6M6 6l12 12" }, null, -1)])]))], 8, _hoisted_3$35)) : createCommentVNode("", true),
 				__props.responsiveSidebar && _ctx.$slots.sidebar && sidebarOpenModel.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "mint-layout__sidebar-backdrop",
@@ -5792,6 +5965,7 @@ var topBarForwardedSlots = new Set([
 var sidebarForwardedSlots = new Set([
 	"header",
 	"collapsed",
+	"collapsed-footer",
 	"footer"
 ]);
 function getPluginWorkspaceTopBarSlotNames(slots) {
@@ -5965,6 +6139,7 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 		"update:values",
 		"update:sidebarCollapsed",
 		"update:toggle",
+		"section-action",
 		"form-submit",
 		"form-cancel"
 	],
@@ -6179,6 +6354,7 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 					"onUpdate:modelValue": unref(handleControlValuesUpdate),
 					"onUpdate:collapsed": _cache[8] || (_cache[8] = ($event) => emit("update:sidebarCollapsed", $event)),
 					"onUpdate:toggle": handleToggle,
+					onSectionAction: _cache[9] || (_cache[9] = (sectionId, actionId) => emit("section-action", sectionId, actionId)),
 					onFormSubmit: handleFormSubmit,
 					onFormCancel: handleFormCancel
 				}, createSlots({ _: 2 }, [renderList(sidebarSlotNames.value, (slotName) => {
@@ -6231,9 +6407,9 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DoseCalculatorVolumeField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = { class: "mint-dose-calculator__field" };
-var _hoisted_2$39 = { class: "mint-dose-calculator__field-label" };
-var _hoisted_3$35 = { class: "mint-dose-calculator__field-row" };
+var _hoisted_1$43 = { class: "mint-dose-calculator__field" };
+var _hoisted_2$38 = { class: "mint-dose-calculator__field-label" };
+var _hoisted_3$34 = { class: "mint-dose-calculator__field-row" };
 var _hoisted_4$34 = ["value", "disabled"];
 var _hoisted_5$32 = ["value", "disabled"];
 var _hoisted_6$32 = ["value"];
@@ -6272,7 +6448,7 @@ var DoseCalculatorVolumeField_default = /* @__PURE__ */ defineComponent({
 			});
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$44, [createElementVNode("label", _hoisted_2$39, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_3$35, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", _hoisted_1$43, [createElementVNode("label", _hoisted_2$38, toDisplayString(__props.label), 1), createElementVNode("div", _hoisted_3$34, [createElementVNode("input", {
 				type: "number",
 				value: __props.modelValue.value,
 				disabled: __props.disabled,
@@ -6296,13 +6472,13 @@ var DoseCalculatorVolumeField_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DoseCalculator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = {
+var _hoisted_1$42 = {
 	key: 0,
 	class: "mint-dose-calculator__tabs",
 	role: "tablist"
 };
-var _hoisted_2$38 = ["aria-selected"];
-var _hoisted_3$34 = ["aria-selected"];
+var _hoisted_2$37 = ["aria-selected"];
+var _hoisted_3$33 = ["aria-selected"];
 var _hoisted_4$33 = ["aria-selected"];
 var _hoisted_5$31 = {
 	key: 1,
@@ -6489,21 +6665,21 @@ var DoseCalculator_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-dose-calculator", __props.disabled ? "mint-dose-calculator--disabled" : ""]) }, [
-				showTabs.value ? (openBlock(), createElementBlock("div", _hoisted_1$43, [
+				showTabs.value ? (openBlock(), createElementBlock("div", _hoisted_1$42, [
 					createElementVNode("button", {
 						type: "button",
 						class: normalizeClass(["mint-dose-calculator__tab", activeMode.value === "dilution" ? "mint-dose-calculator__tab--active" : ""]),
 						role: "tab",
 						"aria-selected": activeMode.value === "dilution",
 						onClick: _cache[0] || (_cache[0] = ($event) => activeMode.value = "dilution")
-					}, " Dilution ", 10, _hoisted_2$38),
+					}, " Dilution ", 10, _hoisted_2$37),
 					createElementVNode("button", {
 						type: "button",
 						class: normalizeClass(["mint-dose-calculator__tab", activeMode.value === "serial" ? "mint-dose-calculator__tab--active" : ""]),
 						role: "tab",
 						"aria-selected": activeMode.value === "serial",
 						onClick: _cache[1] || (_cache[1] = ($event) => activeMode.value = "serial")
-					}, " Serial ", 10, _hoisted_3$34),
+					}, " Serial ", 10, _hoisted_3$33),
 					createElementVNode("button", {
 						type: "button",
 						class: normalizeClass(["mint-dose-calculator__tab", activeMode.value === "conversion" ? "mint-dose-calculator__tab--active" : ""]),
@@ -6650,14 +6826,14 @@ function formatProtocolDuration(minutes) {
 }
 //#endregion
 //#region src/components/ExperimentTimeline.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = ["aria-label"];
-var _hoisted_2$37 = [
+var _hoisted_1$41 = ["aria-label"];
+var _hoisted_2$36 = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
 ];
-var _hoisted_3$33 = {
+var _hoisted_3$32 = {
 	key: 0,
 	class: "mint-timeline__connector"
 };
@@ -6869,7 +7045,7 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 						onDrop: ($event) => handleDrop($event, step),
 						onDragend: handleDragEnd
 					}, [
-						index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$33)) : createCommentVNode("", true),
+						index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$32)) : createCommentVNode("", true),
 						createElementVNode("div", {
 							class: normalizeClass([
 								"mint-timeline__card",
@@ -6982,7 +7158,7 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 						})], -1)])], 8, _hoisted_16$12)) : createCommentVNode("", true),
 						__props.orientation === "vertical" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_17$12)) : createCommentVNode("", true),
 						__props.orientation === "horizontal" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_18$12)) : createCommentVNode("", true)
-					], 40, _hoisted_2$37);
+					], 40, _hoisted_2$36);
 				}), 128)),
 				sortedSteps.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_19$12, [createElementVNode("div", _hoisted_20$11, [_cache[5] || (_cache[5] = createElementVNode("p", { class: "mint-timeline__empty-text" }, "No protocol steps defined", -1)), __props.editable ? (openBlock(), createElementBlock("button", {
 					key: 0,
@@ -7005,15 +7181,15 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					d: "M12 4v16m8-8H4"
 				})], -1)), createElementVNode("span", { class: normalizeClass(`mint-timeline__add-end-text--${__props.size}`) }, "Add Step", 2)], 2)) : createCommentVNode("", true)
-			], 10, _hoisted_1$42);
+			], 10, _hoisted_1$41);
 		};
 	}
 });
 //#endregion
 //#region src/components/internal/WellEditPopupInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = { class: "mint-well-edit-popup__header" };
-var _hoisted_2$36 = { class: "mint-well-edit-popup__header-left" };
-var _hoisted_3$32 = { class: "mint-well-edit-popup__well-id" };
+var _hoisted_1$40 = { class: "mint-well-edit-popup__header" };
+var _hoisted_2$35 = { class: "mint-well-edit-popup__header-left" };
+var _hoisted_3$31 = { class: "mint-well-edit-popup__well-id" };
 var _hoisted_4$31 = { class: "mint-well-edit-popup__body" };
 var _hoisted_5$29 = { key: 0 };
 var _hoisted_6$29 = { class: "mint-well-edit-popup__row" };
@@ -7133,7 +7309,7 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle(popupStyle.value),
 				onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
 			}, [
-				createElementVNode("div", _hoisted_1$41, [createElementVNode("div", _hoisted_2$36, [createElementVNode("span", _hoisted_3$32, toDisplayString(__props.wellId), 1), _cache[6] || (_cache[6] = createElementVNode("span", { class: "mint-well-edit-popup__title" }, "Edit Well", -1))]), createElementVNode("button", {
+				createElementVNode("div", _hoisted_1$40, [createElementVNode("div", _hoisted_2$35, [createElementVNode("span", _hoisted_3$31, toDisplayString(__props.wellId), 1), _cache[6] || (_cache[6] = createElementVNode("span", { class: "mint-well-edit-popup__title" }, "Edit Well", -1))]), createElementVNode("button", {
 					class: "mint-well-edit-popup__close",
 					onClick: close
 				}, [..._cache[7] || (_cache[7] = [createElementVNode("svg", {
@@ -7832,9 +8008,9 @@ var DEFAULT_WELL_LEGEND_ITEMS = [
 ];
 //#endregion
 //#region src/components/WellPlate.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = { class: "mint-well-plate__scroll" };
-var _hoisted_2$35 = { class: "mint-well-plate__content" };
-var _hoisted_3$31 = ["aria-label"];
+var _hoisted_1$39 = { class: "mint-well-plate__scroll" };
+var _hoisted_2$34 = { class: "mint-well-plate__content" };
+var _hoisted_3$30 = ["aria-label"];
 var _hoisted_4$30 = { key: 0 };
 var _hoisted_5$28 = ["colspan"];
 var _hoisted_6$28 = ["colspan"];
@@ -8056,7 +8232,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 				ref: plateRef,
 				class: normalizeClass(["mint-well-plate", isFillMode.value ? "mint-well-plate--fill" : "mint-well-plate--inline"]),
 				style: normalizeStyle(containerStyle.value)
-			}, [createElementVNode("div", _hoisted_1$40, [createElementVNode("div", _hoisted_2$35, [
+			}, [createElementVNode("div", _hoisted_1$39, [createElementVNode("div", _hoisted_2$34, [
 				createElementVNode("table", {
 					ref_key: "tableRef",
 					ref: tableRef,
@@ -8193,7 +8369,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 							}), 128))
 						]);
 					}), 128))])
-				], 12, _hoisted_3$31),
+				], 12, _hoisted_3$30),
 				props.heatmap?.enabled && props.heatmap.showLegend ? (openBlock(), createElementBlock("div", _hoisted_16$11, [
 					createElementVNode("span", _hoisted_17$11, toDisplayString(props.heatmap.min ?? 0), 1),
 					createElementVNode("div", _hoisted_18$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.heatmap.colorScale === "custom" && props.heatmap.customColors?.length ? props.heatmap.customColors : unref(HEATMAP_COLORS)[props.heatmap.colorScale || "viridis"], (color, index) => {
@@ -8251,8 +8427,8 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SampleLegend.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = ["aria-pressed", "onClick"];
-var _hoisted_2$34 = ["aria-label", "onClick"];
+var _hoisted_1$38 = ["aria-pressed", "onClick"];
+var _hoisted_2$33 = ["aria-label", "onClick"];
 //#endregion
 //#region src/components/SampleLegend.vue
 var SampleLegend_default = /* @__PURE__ */ defineComponent({
@@ -8352,8 +8528,8 @@ var SampleLegend_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round",
 						"stroke-width": "2",
 						d: "M6 18L18 6M6 6l12 12"
-					})], -1)])], 8, _hoisted_2$34)) : createCommentVNode("", true)
-				], 10, _hoisted_1$39);
+					})], -1)])], 8, _hoisted_2$33)) : createCommentVNode("", true)
+				], 10, _hoisted_1$38);
 			}), 128)), __props.editable ? (openBlock(), createElementBlock("button", {
 				key: 0,
 				type: "button",
@@ -8376,9 +8552,9 @@ var SampleLegend_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/PlateMapEditorToolbarInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = { class: "mint-plate-editor__toolbar" };
-var _hoisted_2$33 = { class: "mint-plate-editor__tabs" };
-var _hoisted_3$30 = ["onClick"];
+var _hoisted_1$37 = { class: "mint-plate-editor__toolbar" };
+var _hoisted_2$32 = { class: "mint-plate-editor__tabs" };
+var _hoisted_3$29 = ["onClick"];
 var _hoisted_4$29 = { class: "mint-plate-editor__tab-name" };
 var _hoisted_5$27 = {
 	key: 0,
@@ -8415,8 +8591,8 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$38, [
-				createElementVNode("div", _hoisted_2$33, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plates, (plate, index) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$37, [
+				createElementVNode("div", _hoisted_2$32, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plates, (plate, index) => {
 					return openBlock(), createElementBlock("button", {
 						key: plate.id,
 						type: "button",
@@ -8443,7 +8619,7 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round"
 						}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])], 8, _hoisted_6$27)) : createCommentVNode("", true)
-					], 10, _hoisted_3$30);
+					], 10, _hoisted_3$29);
 				}), 128)), __props.canAddPlate ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -8530,12 +8706,12 @@ var PlateMapEditorToolbarInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/PlateMapEditor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = { class: "mint-plate-editor__main" };
-var _hoisted_2$32 = {
+var _hoisted_1$36 = { class: "mint-plate-editor__main" };
+var _hoisted_2$31 = {
 	key: 2,
 	class: "mint-plate-editor__selection-bar"
 };
-var _hoisted_3$29 = { class: "mint-plate-editor__selection-count" };
+var _hoisted_3$28 = { class: "mint-plate-editor__selection-count" };
 var _hoisted_4$28 = {
 	key: 0,
 	class: "mint-plate-editor__sidebar"
@@ -8734,7 +8910,7 @@ var PlateMapEditor_default = /* @__PURE__ */ defineComponent({
 		useEventListener(() => document, "keydown", handleKeyDown);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-plate-editor", { "mint-plate-editor--with-sidebar": __props.showSidebar }]) }, [
-				createElementVNode("div", _hoisted_1$37, [
+				createElementVNode("div", _hoisted_1$36, [
 					__props.showToolbar ? (openBlock(), createBlock(PlateMapEditorToolbarInternal_default, {
 						key: 0,
 						plates: unref(editor).plates.value,
@@ -8777,8 +8953,8 @@ var PlateMapEditor_default = /* @__PURE__ */ defineComponent({
 						"sample-colors",
 						"size"
 					])) : createCommentVNode("", true),
-					unref(editor).selectedWells.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$32, [
-						createElementVNode("span", _hoisted_3$29, [createElementVNode("strong", null, toDisplayString(unref(editor).selectedWells.value.length), 1), _cache[8] || (_cache[8] = createTextVNode(" wells selected ", -1))]),
+					unref(editor).selectedWells.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$31, [
+						createElementVNode("span", _hoisted_3$28, [createElementVNode("strong", null, toDisplayString(unref(editor).selectedWells.value.length), 1), _cache[8] || (_cache[8] = createTextVNode(" wells selected ", -1))]),
 						_cache[9] || (_cache[9] = createElementVNode("div", { class: "mint-plate-editor__spacer" }, null, -1)),
 						unref(editor).activeSampleId.value ? (openBlock(), createElementBlock("button", {
 							key: 0,
@@ -8919,9 +9095,9 @@ function getReagentRowClasses(reagent, options) {
 }
 //#endregion
 //#region src/components/ReagentList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = { class: "mint-reagent-list" };
-var _hoisted_2$31 = { class: "mint-reagent-list__header" };
-var _hoisted_3$28 = {
+var _hoisted_1$35 = { class: "mint-reagent-list" };
+var _hoisted_2$30 = { class: "mint-reagent-list__header" };
+var _hoisted_3$27 = {
 	key: 0,
 	class: "mint-reagent-list__search"
 };
@@ -9170,7 +9346,7 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 			dragOverId.value = null;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$36, [createElementVNode("div", _hoisted_2$31, [__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_3$28, [_cache[1] || (_cache[1] = createElementVNode("svg", {
+			return openBlock(), createElementBlock("div", _hoisted_1$35, [createElementVNode("div", _hoisted_2$30, [__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_3$27, [_cache[1] || (_cache[1] = createElementVNode("svg", {
 				class: "mint-reagent-list__search-icon",
 				fill: "none",
 				stroke: "currentColor",
@@ -9332,7 +9508,7 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/LoadingSpinner.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = { class: "mint-spinner__label" };
+var _hoisted_1$34 = { class: "mint-spinner__label" };
 //#endregion
 //#region src/components/LoadingSpinner.vue
 var LoadingSpinner_default = /* @__PURE__ */ defineComponent({
@@ -9367,15 +9543,15 @@ 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$35, toDisplayString(__props.label), 1)], 2);
+			})], -1)), createElementVNode("span", _hoisted_1$34, toDisplayString(__props.label), 1)], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/AutoGroupModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$34 = { class: "mint-auto-group" };
-var _hoisted_2$30 = { class: "mint-auto-group__input-step" };
-var _hoisted_3$27 = { class: "mint-auto-group__mode-toggle" };
+var _hoisted_1$33 = { class: "mint-auto-group" };
+var _hoisted_2$29 = { class: "mint-auto-group__input-step" };
+var _hoisted_3$26 = { class: "mint-auto-group__mode-toggle" };
 var _hoisted_4$26 = {
 	key: 0,
 	class: "mint-auto-group__experiment"
@@ -9785,7 +9961,7 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 				"onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => emit("update:modelValue", $event)),
 				onClose: handleCancel
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$34, [createVNode(StepWizard_default, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$33, [createVNode(StepWizard_default, {
 					ref_key: "wizardRef",
 					ref: wizardRef,
 					modelValue: currentStep.value,
@@ -9794,8 +9970,8 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 					linear: true,
 					size: "sm"
 				}, {
-					"step-input": withCtx(() => [createElementVNode("div", _hoisted_2$30, [
-						createElementVNode("div", _hoisted_3$27, [
+					"step-input": withCtx(() => [createElementVNode("div", _hoisted_2$29, [
+						createElementVNode("div", _hoisted_3$26, [
 							__props.experimentId || __props.designData ? (openBlock(), createBlock(BaseButton_default, {
 								key: 0,
 								variant: unref(autoGroup).inputMode.value === "experiment" ? "primary" : "secondary",
@@ -10208,8 +10384,8 @@ var AutoGroupModal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SampleSelectorSampleRow.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$33 = ["checked"];
-var _hoisted_2$29 = { class: "mint-sample-selector__sample-name" };
+var _hoisted_1$32 = ["checked"];
+var _hoisted_2$28 = { class: "mint-sample-selector__sample-name" };
 //#endregion
 //#region src/components/SampleSelectorSampleRow.vue
 var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
@@ -10256,8 +10432,8 @@ var SampleSelectorSampleRow_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(checkboxClasses.value),
 					style: normalizeStyle(__props.accentColor ? { accentColor: __props.accentColor } : void 0),
 					onChange: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
-				}, null, 46, _hoisted_1$33),
-				createElementVNode("span", _hoisted_2$29, toDisplayString(__props.sample), 1),
+				}, null, 46, _hoisted_1$32),
+				createElementVNode("span", _hoisted_2$28, toDisplayString(__props.sample), 1),
 				__props.removable ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -10556,9 +10732,9 @@ function createSampleGroup(name, existingGroups) {
 }
 //#endregion
 //#region src/components/SampleSelector.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$32 = { class: "mint-sample-selector" };
-var _hoisted_2$28 = { class: "mint-sample-selector__select-all" };
-var _hoisted_3$26 = ["checked"];
+var _hoisted_1$31 = { class: "mint-sample-selector" };
+var _hoisted_2$27 = { class: "mint-sample-selector__select-all" };
+var _hoisted_3$25 = ["checked"];
 var _hoisted_4$25 = { class: "mint-sample-selector__select-all-count" };
 var _hoisted_5$23 = {
 	key: 0,
@@ -10784,14 +10960,14 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 		}
 		__expose({ handleSmartGroupApply });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$32, [
-				createElementVNode("label", _hoisted_2$28, [
+			return openBlock(), createElementBlock("div", _hoisted_1$31, [
+				createElementVNode("label", _hoisted_2$27, [
 					createElementVNode("input", {
 						type: "checkbox",
 						checked: unref(isAllSelected),
 						onChange: _cache[0] || (_cache[0] = (...args) => unref(toggleSelectAll) && unref(toggleSelectAll)(...args)),
 						class: "mint-sample-selector__checkbox"
-					}, null, 40, _hoisted_3$26),
+					}, null, 40, _hoisted_3$25),
 					_cache[17] || (_cache[17] = createElementVNode("span", { class: "mint-sample-selector__select-all-label" }, "Select All", -1)),
 					createElementVNode("span", _hoisted_4$25, toDisplayString(resolvedSamples.value.length) + " samples", 1)
 				]),
@@ -11453,15 +11629,15 @@ function formatEventTime(event) {
 }
 //#endregion
 //#region src/components/ScheduleCalendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$31 = {
+var _hoisted_1$30 = {
 	key: 0,
 	class: "mint-schedule__header"
 };
-var _hoisted_2$27 = {
+var _hoisted_2$26 = {
 	key: 0,
 	class: "mint-schedule__nav"
 };
-var _hoisted_3$25 = { class: "mint-schedule__title" };
+var _hoisted_3$24 = { class: "mint-schedule__title" };
 var _hoisted_4$24 = {
 	key: 1,
 	class: "mint-schedule__view-toggle"
@@ -11680,8 +11856,8 @@ 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$31, [
-					__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$27, [
+				__props.showNavigation || __props.showViewToggle ? (openBlock(), createElementBlock("div", _hoisted_1$30, [
+					__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$26, [
 						createElementVNode("button", {
 							type: "button",
 							class: "mint-schedule__nav-btn",
@@ -11714,7 +11890,7 @@ var ScheduleCalendar_default = /* @__PURE__ */ defineComponent({
 							onClick: _cache[2] || (_cache[2] = ($event) => navigate("today"))
 						}, " Today ")
 					])) : createCommentVNode("", true),
-					createElementVNode("span", _hoisted_3$25, toDisplayString(unref(headerTitle)), 1),
+					createElementVNode("span", _hoisted_3$24, toDisplayString(unref(headerTitle)), 1),
 					__props.showViewToggle ? (openBlock(), createElementBlock("div", _hoisted_4$24, [(openBlock(), createElementBlock(Fragment, null, renderList([
 						"day",
 						"week",
@@ -11838,16 +12014,16 @@ var ScheduleCalendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ComponentBindingRenderer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$30 = [
+var _hoisted_1$29 = [
 	"data-component-binding-id",
 	"data-template-id",
 	"data-template-component"
 ];
-var _hoisted_2$26 = {
+var _hoisted_2$25 = {
 	key: 0,
 	class: "mint-component-binding-renderer__header"
 };
-var _hoisted_3$24 = { class: "mint-component-binding-renderer__title-group" };
+var _hoisted_3$23 = { class: "mint-component-binding-renderer__title-group" };
 var _hoisted_4$23 = { class: "mint-component-binding-renderer__component" };
 var _hoisted_5$21 = {
 	key: 0,
@@ -11981,7 +12157,7 @@ var ComponentBindingRenderer_vue_vue_type_script_setup_true_lang_default = /* @_
 					"data-component-binding-id": renderableBinding.id,
 					"data-template-id": renderableBinding.template_id,
 					"data-template-component": renderableBinding.component
-				}, [__props.showHeaders ? (openBlock(), createElementBlock("header", _hoisted_2$26, [createElementVNode("div", _hoisted_3$24, [createElementVNode("p", _hoisted_4$23, toDisplayString(renderableBinding.component), 1), renderableBinding.template_id || renderableBinding.id ? (openBlock(), createElementBlock("p", _hoisted_5$21, toDisplayString(renderableBinding.template_id ?? renderableBinding.id), 1)) : createCommentVNode("", true)]), __props.showDescriptions && renderableBinding.description ? (openBlock(), createElementBlock("p", _hoisted_6$21, toDisplayString(renderableBinding.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$19, [(openBlock(), createBlock(resolveDynamicComponent(renderableBinding.componentImpl), mergeProps({ ref_for: true }, renderableBinding.normalizedProps), null, 16))])], 8, _hoisted_1$30);
+				}, [__props.showHeaders ? (openBlock(), createElementBlock("header", _hoisted_2$25, [createElementVNode("div", _hoisted_3$23, [createElementVNode("p", _hoisted_4$23, toDisplayString(renderableBinding.component), 1), renderableBinding.template_id || renderableBinding.id ? (openBlock(), createElementBlock("p", _hoisted_5$21, toDisplayString(renderableBinding.template_id ?? renderableBinding.id), 1)) : createCommentVNode("", true)]), __props.showDescriptions && renderableBinding.description ? (openBlock(), createElementBlock("p", _hoisted_6$21, toDisplayString(renderableBinding.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_7$19, [(openBlock(), createBlock(resolveDynamicComponent(renderableBinding.componentImpl), mergeProps({ ref_for: true }, renderableBinding.normalizedProps), null, 16))])], 8, _hoisted_1$29);
 			}), 128)), renderableBindings.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_8$16, toDisplayString(__props.emptyText), 1)) : createCommentVNode("", true)], 2);
 		};
 	}
@@ -11998,7 +12174,7 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 var ComponentBindingRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ComponentBindingRenderer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-93f5795f"]]);
 //#endregion
 //#region src/components/ControlWorkspaceView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$29 = { class: "mint-control-workspace-view__content" };
+var _hoisted_1$28 = { class: "mint-control-workspace-view__content" };
 //#endregion
 //#region src/components/ControlWorkspaceView.vue
 var ControlWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -12220,7 +12396,7 @@ var ControlWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 					"form-disabled",
 					"form-readonly"
 				])], true)]),
-				default: withCtx(() => [createElementVNode("main", _hoisted_1$29, [renderSlot(_ctx.$slots, "default", {
+				default: withCtx(() => [createElementVNode("main", _hoisted_1$28, [renderSlot(_ctx.$slots, "default", {
 					workspace: resolvedWorkspace.value,
 					bindings: resolvedBindings.value,
 					values: resolvedWorkspace.value.values,
@@ -12257,7 +12433,7 @@ var ControlWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 }), [["__scopeId", "data-v-83e93e6c"]]);
 //#endregion
 //#region src/components/DoseDesignWorkspaceView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$28 = { class: "mint-dose-design-workspace" };
+var _hoisted_1$27 = { class: "mint-dose-design-workspace" };
 //#endregion
 //#region src/components/DoseDesignWorkspaceView.vue
 var DoseDesignWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -12388,7 +12564,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$28, [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$27, [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
 			}, 8, [
 				"model",
@@ -12446,11 +12622,11 @@ var AppContainer_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Divider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$27 = {
+var _hoisted_1$26 = {
 	key: 0,
 	class: "mint-divider__line"
 };
-var _hoisted_2$25 = { class: "mint-divider__label" };
+var _hoisted_2$24 = { class: "mint-divider__label" };
 //#endregion
 //#region src/components/Divider.vue
 var Divider_default = /* @__PURE__ */ defineComponent({
@@ -12486,8 +12662,8 @@ 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$27)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_2$25, toDisplayString(__props.label), 1),
+				__props.align === "center" ? (openBlock(), createElementBlock("span", _hoisted_1$26)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_2$24, toDisplayString(__props.label), 1),
 				_cache[0] || (_cache[0] = createElementVNode("span", { class: "mint-divider__line" }, null, -1))
 			], 64)) : createCommentVNode("", true)], 2));
 		};
@@ -12495,8 +12671,8 @@ var Divider_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/StatusIndicator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$26 = { class: "mint-status" };
-var _hoisted_2$24 = {
+var _hoisted_1$25 = { class: "mint-status" };
+var _hoisted_2$23 = {
 	key: 0,
 	class: "mint-status__label"
 };
@@ -12521,28 +12697,28 @@ var StatusIndicator_default = /* @__PURE__ */ defineComponent({
 			color: props.color
 		} : {});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$26, [createElementVNode("span", {
+			return openBlock(), createElementBlock("span", _hoisted_1$25, [createElementVNode("span", {
 				class: normalizeClass([
 					"mint-status__dot",
 					{ [`mint-status__dot--${__props.status}`]: !__props.color },
 					{ "mint-status__dot--pulse": __props.pulse }
 				]),
 				style: normalizeStyle(dotStyle.value)
-			}, null, 6), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$24, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
+			}, null, 6), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$23, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
 		};
 	}
 });
 //#endregion
 //#region src/components/ProgressBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$25 = {
+var _hoisted_1$24 = {
 	key: 0,
 	class: "mint-progress__header"
 };
-var _hoisted_2$23 = {
+var _hoisted_2$22 = {
 	key: 0,
 	class: "mint-progress__label"
 };
-var _hoisted_3$23 = {
+var _hoisted_3$22 = {
 	key: 1,
 	class: "mint-progress__value"
 };
@@ -12598,9 +12774,9 @@ 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$25, [
-					__props.label ? (openBlock(), createElementBlock("span", _hoisted_2$23, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
-					__props.showValue && !__props.indeterminate && __props.variant === "rail" ? (openBlock(), createElementBlock("span", _hoisted_3$23, toDisplayString(clampedValue.value) + "%", 1)) : createCommentVNode("", true),
+				__props.label || __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_1$24, [
+					__props.label ? (openBlock(), createElementBlock("span", _hoisted_2$22, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+					__props.showValue && !__props.indeterminate && __props.variant === "rail" ? (openBlock(), createElementBlock("span", _hoisted_3$22, toDisplayString(clampedValue.value) + "%", 1)) : createCommentVNode("", true),
 					__props.showValue && __props.variant === "segmented" && segmentCount.value ? (openBlock(), createElementBlock("span", _hoisted_4$22, toDisplayString(__props.currentStep) + " / " + toDisplayString(segmentCount.value), 1)) : createCommentVNode("", true)
 				])) : createCommentVNode("", true),
 				__props.variant === "rail" ? (openBlock(), createElementBlock("div", {
@@ -12652,9 +12828,9 @@ var ProgressBar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Avatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$24 = ["aria-label"];
-var _hoisted_2$22 = ["src", "alt"];
-var _hoisted_3$22 = {
+var _hoisted_1$23 = ["aria-label"];
+var _hoisted_2$21 = ["src", "alt"];
+var _hoisted_3$21 = {
 	key: 1,
 	class: "mint-avatar__initials"
 };
@@ -12711,22 +12887,22 @@ var Avatar_default = /* @__PURE__ */ defineComponent({
 				src: __props.src,
 				alt: __props.alt || __props.name || "",
 				class: "mint-avatar__image"
-			}, null, 8, _hoisted_2$22)) : computedInitials.value ? (openBlock(), createElementBlock("span", _hoisted_3$22, toDisplayString(computedInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$21, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }, null, -1)])]))], 4), __props.status ? (openBlock(), createElementBlock("span", {
+			}, null, 8, _hoisted_2$21)) : computedInitials.value ? (openBlock(), createElementBlock("span", _hoisted_3$21, toDisplayString(computedInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$21, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }, null, -1)])]))], 4), __props.status ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass(["mint-avatar__status", `mint-avatar__status--${__props.status}`]),
 				"aria-hidden": "true"
-			}, null, 2)) : createCommentVNode("", true)], 10, _hoisted_1$24);
+			}, null, 2)) : createCommentVNode("", true)], 10, _hoisted_1$23);
 		};
 	}
 });
 //#endregion
 //#region src/components/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$23 = {
+var _hoisted_1$22 = {
 	class: "mint-breadcrumb",
 	"aria-label": "Breadcrumb"
 };
-var _hoisted_2$21 = { class: "mint-breadcrumb__list" };
-var _hoisted_3$21 = ["href"];
+var _hoisted_2$20 = { class: "mint-breadcrumb__list" };
+var _hoisted_3$20 = ["href"];
 var _hoisted_4$20 = ["onClick"];
 var _hoisted_5$19 = {
 	key: 2,
@@ -12766,7 +12942,7 @@ var Breadcrumb_default = /* @__PURE__ */ defineComponent({
 			if (!item.href) emit("navigate", item);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", _hoisted_1$23, [createElementVNode("ol", _hoisted_2$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item, index) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$22, [createElementVNode("ol", _hoisted_2$20, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item, index) => {
 				return openBlock(), createElementBlock("li", {
 					key: index,
 					class: "mint-breadcrumb__item"
@@ -12778,7 +12954,7 @@ var Breadcrumb_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					href: item.href,
 					class: "mint-breadcrumb__link"
-				}, toDisplayString(item.label), 9, _hoisted_3$21)) : index !== normalizedItems.value.length - 1 ? (openBlock(), createElementBlock("button", {
+				}, toDisplayString(item.label), 9, _hoisted_3$20)) : index !== normalizedItems.value.length - 1 ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					class: "mint-breadcrumb__link",
 					onClick: ($event) => handleClick(item)
@@ -12788,1094 +12964,6 @@ var Breadcrumb_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.bun/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var min = Math.min;
-var max = Math.max;
-var round = Math.round;
-var createCoords = (v) => ({
-	x: v,
-	y: v
-});
-var oppositeSideMap = {
-	left: "right",
-	right: "left",
-	bottom: "top",
-	top: "bottom"
-};
-function clamp$1(start, value, end) {
-	return max(start, min(value, end));
-}
-function evaluate(value, param) {
-	return typeof value === "function" ? value(param) : value;
-}
-function getSide(placement) {
-	return placement.split("-")[0];
-}
-function getAlignment(placement) {
-	return placement.split("-")[1];
-}
-function getOppositeAxis(axis) {
-	return axis === "x" ? "y" : "x";
-}
-function getAxisLength(axis) {
-	return axis === "y" ? "height" : "width";
-}
-function getSideAxis(placement) {
-	const firstChar = placement[0];
-	return firstChar === "t" || firstChar === "b" ? "y" : "x";
-}
-function getAlignmentAxis(placement) {
-	return getOppositeAxis(getSideAxis(placement));
-}
-function getAlignmentSides(placement, rects, rtl) {
-	if (rtl === void 0) rtl = false;
-	const alignment = getAlignment(placement);
-	const alignmentAxis = getAlignmentAxis(placement);
-	const length = getAxisLength(alignmentAxis);
-	let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-	if (rects.reference[length] > rects.floating[length]) mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
-	return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
-}
-function getExpandedPlacements(placement) {
-	const oppositePlacement = getOppositePlacement(placement);
-	return [
-		getOppositeAlignmentPlacement(placement),
-		oppositePlacement,
-		getOppositeAlignmentPlacement(oppositePlacement)
-	];
-}
-function getOppositeAlignmentPlacement(placement) {
-	return placement.includes("start") ? placement.replace("start", "end") : placement.replace("end", "start");
-}
-var lrPlacement = ["left", "right"];
-var rlPlacement = ["right", "left"];
-var tbPlacement = ["top", "bottom"];
-var btPlacement = ["bottom", "top"];
-function getSideList(side, isStart, rtl) {
-	switch (side) {
-		case "top":
-		case "bottom":
-			if (rtl) return isStart ? rlPlacement : lrPlacement;
-			return isStart ? lrPlacement : rlPlacement;
-		case "left":
-		case "right": return isStart ? tbPlacement : btPlacement;
-		default: return [];
-	}
-}
-function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-	const alignment = getAlignment(placement);
-	let list = getSideList(getSide(placement), direction === "start", rtl);
-	if (alignment) {
-		list = list.map((side) => side + "-" + alignment);
-		if (flipAlignment) list = list.concat(list.map(getOppositeAlignmentPlacement));
-	}
-	return list;
-}
-function getOppositePlacement(placement) {
-	const side = getSide(placement);
-	return oppositeSideMap[side] + placement.slice(side.length);
-}
-function expandPaddingObject(padding) {
-	return {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0,
-		...padding
-	};
-}
-function getPaddingObject(padding) {
-	return typeof padding !== "number" ? expandPaddingObject(padding) : {
-		top: padding,
-		right: padding,
-		bottom: padding,
-		left: padding
-	};
-}
-function rectToClientRect(rect) {
-	const { x, y, width, height } = rect;
-	return {
-		width,
-		height,
-		top: y,
-		left: x,
-		right: x + width,
-		bottom: y + height,
-		x,
-		y
-	};
-}
-//#endregion
-//#region ../../node_modules/.bun/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
-function computeCoordsFromPlacement(_ref, placement, rtl) {
-	let { reference, floating } = _ref;
-	const sideAxis = getSideAxis(placement);
-	const alignmentAxis = getAlignmentAxis(placement);
-	const alignLength = getAxisLength(alignmentAxis);
-	const side = getSide(placement);
-	const isVertical = sideAxis === "y";
-	const commonX = reference.x + reference.width / 2 - floating.width / 2;
-	const commonY = reference.y + reference.height / 2 - floating.height / 2;
-	const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
-	let coords;
-	switch (side) {
-		case "top":
-			coords = {
-				x: commonX,
-				y: reference.y - floating.height
-			};
-			break;
-		case "bottom":
-			coords = {
-				x: commonX,
-				y: reference.y + reference.height
-			};
-			break;
-		case "right":
-			coords = {
-				x: reference.x + reference.width,
-				y: commonY
-			};
-			break;
-		case "left":
-			coords = {
-				x: reference.x - floating.width,
-				y: commonY
-			};
-			break;
-		default: coords = {
-			x: reference.x,
-			y: reference.y
-		};
-	}
-	switch (getAlignment(placement)) {
-		case "start":
-			coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-			break;
-		case "end":
-			coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-			break;
-	}
-	return coords;
-}
-/**
-* Resolves with an object of overflow side offsets that determine how much the
-* element is overflowing a given clipping boundary on each side.
-* - positive = overflowing the boundary by that number of pixels
-* - negative = how many pixels left before it will overflow
-* - 0 = lies flush with the boundary
-* @see https://floating-ui.com/docs/detectOverflow
-*/
-async function detectOverflow(state, options) {
-	var _await$platform$isEle;
-	if (options === void 0) options = {};
-	const { x, y, platform, rects, elements, strategy } = state;
-	const { boundary = "clippingAncestors", rootBoundary = "viewport", elementContext = "floating", altBoundary = false, padding = 0 } = evaluate(options, state);
-	const paddingObject = getPaddingObject(padding);
-	const element = elements[altBoundary ? elementContext === "floating" ? "reference" : "floating" : elementContext];
-	const clippingClientRect = rectToClientRect(await platform.getClippingRect({
-		element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating)),
-		boundary,
-		rootBoundary,
-		strategy
-	}));
-	const rect = elementContext === "floating" ? {
-		x,
-		y,
-		width: rects.floating.width,
-		height: rects.floating.height
-	} : rects.reference;
-	const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
-	const offsetScale = await (platform.isElement == null ? void 0 : platform.isElement(offsetParent)) ? await (platform.getScale == null ? void 0 : platform.getScale(offsetParent)) || {
-		x: 1,
-		y: 1
-	} : {
-		x: 1,
-		y: 1
-	};
-	const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
-		elements,
-		rect,
-		offsetParent,
-		strategy
-	}) : rect);
-	return {
-		top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-		bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-		left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-		right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-	};
-}
-var MAX_RESET_COUNT = 50;
-/**
-* Computes the `x` and `y` coordinates that will place the floating element
-* next to a given reference element.
-*
-* This export does not have any `platform` interface logic. You will need to
-* write one for the platform you are using Floating UI with.
-*/
-var computePosition$1 = async (reference, floating, config) => {
-	const { placement = "bottom", strategy = "absolute", middleware = [], platform } = config;
-	const platformWithDetectOverflow = platform.detectOverflow ? platform : {
-		...platform,
-		detectOverflow
-	};
-	const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
-	let rects = await platform.getElementRects({
-		reference,
-		floating,
-		strategy
-	});
-	let { x, y } = computeCoordsFromPlacement(rects, placement, rtl);
-	let statefulPlacement = placement;
-	let resetCount = 0;
-	const middlewareData = {};
-	for (let i = 0; i < middleware.length; i++) {
-		const currentMiddleware = middleware[i];
-		if (!currentMiddleware) continue;
-		const { name, fn } = currentMiddleware;
-		const { x: nextX, y: nextY, data, reset } = await fn({
-			x,
-			y,
-			initialPlacement: placement,
-			placement: statefulPlacement,
-			strategy,
-			middlewareData,
-			rects,
-			platform: platformWithDetectOverflow,
-			elements: {
-				reference,
-				floating
-			}
-		});
-		x = nextX != null ? nextX : x;
-		y = nextY != null ? nextY : y;
-		middlewareData[name] = {
-			...middlewareData[name],
-			...data
-		};
-		if (reset && resetCount < MAX_RESET_COUNT) {
-			resetCount++;
-			if (typeof reset === "object") {
-				if (reset.placement) statefulPlacement = reset.placement;
-				if (reset.rects) rects = reset.rects === true ? await platform.getElementRects({
-					reference,
-					floating,
-					strategy
-				}) : reset.rects;
-				({x, y} = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
-			}
-			i = -1;
-		}
-	}
-	return {
-		x,
-		y,
-		placement: statefulPlacement,
-		strategy,
-		middlewareData
-	};
-};
-/**
-* Optimizes the visibility of the floating element by flipping the `placement`
-* in order to keep it in view when the preferred placement(s) will overflow the
-* clipping boundary. Alternative to `autoPlacement`.
-* @see https://floating-ui.com/docs/flip
-*/
-var flip$1 = function(options) {
-	if (options === void 0) options = {};
-	return {
-		name: "flip",
-		options,
-		async fn(state) {
-			var _middlewareData$arrow, _middlewareData$flip;
-			const { placement, middlewareData, rects, initialPlacement, platform, elements } = state;
-			const { mainAxis: checkMainAxis = true, crossAxis: checkCrossAxis = true, fallbackPlacements: specifiedFallbackPlacements, fallbackStrategy = "bestFit", fallbackAxisSideDirection = "none", flipAlignment = true, ...detectOverflowOptions } = evaluate(options, state);
-			if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) return {};
-			const side = getSide(placement);
-			const initialSideAxis = getSideAxis(initialPlacement);
-			const isBasePlacement = getSide(initialPlacement) === initialPlacement;
-			const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
-			const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-			const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
-			if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
-			const placements = [initialPlacement, ...fallbackPlacements];
-			const overflow = await platform.detectOverflow(state, detectOverflowOptions);
-			const overflows = [];
-			let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
-			if (checkMainAxis) overflows.push(overflow[side]);
-			if (checkCrossAxis) {
-				const sides = getAlignmentSides(placement, rects, rtl);
-				overflows.push(overflow[sides[0]], overflow[sides[1]]);
-			}
-			overflowsData = [...overflowsData, {
-				placement,
-				overflows
-			}];
-			if (!overflows.every((side) => side <= 0)) {
-				var _middlewareData$flip2, _overflowsData$filter;
-				const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
-				const nextPlacement = placements[nextIndex];
-				if (nextPlacement) {
-					if (!(checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false) || overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) return {
-						data: {
-							index: nextIndex,
-							overflows: overflowsData
-						},
-						reset: { placement: nextPlacement }
-					};
-				}
-				let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
-				if (!resetPlacement) switch (fallbackStrategy) {
-					case "bestFit": {
-						var _overflowsData$filter2;
-						const placement = (_overflowsData$filter2 = overflowsData.filter((d) => {
-							if (hasFallbackAxisSideDirection) {
-								const currentSideAxis = getSideAxis(d.placement);
-								return currentSideAxis === initialSideAxis || currentSideAxis === "y";
-							}
-							return true;
-						}).map((d) => [d.placement, d.overflows.filter((overflow) => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
-						if (placement) resetPlacement = placement;
-						break;
-					}
-					case "initialPlacement":
-						resetPlacement = initialPlacement;
-						break;
-				}
-				if (placement !== resetPlacement) return { reset: { placement: resetPlacement } };
-			}
-			return {};
-		}
-	};
-};
-var originSides = /* @__PURE__ */ new Set(["left", "top"]);
-async function convertValueToCoords(state, options) {
-	const { placement, platform, elements } = state;
-	const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
-	const side = getSide(placement);
-	const alignment = getAlignment(placement);
-	const isVertical = getSideAxis(placement) === "y";
-	const mainAxisMulti = originSides.has(side) ? -1 : 1;
-	const crossAxisMulti = rtl && isVertical ? -1 : 1;
-	const rawValue = evaluate(options, state);
-	let { mainAxis, crossAxis, alignmentAxis } = typeof rawValue === "number" ? {
-		mainAxis: rawValue,
-		crossAxis: 0,
-		alignmentAxis: null
-	} : {
-		mainAxis: rawValue.mainAxis || 0,
-		crossAxis: rawValue.crossAxis || 0,
-		alignmentAxis: rawValue.alignmentAxis
-	};
-	if (alignment && typeof alignmentAxis === "number") crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
-	return isVertical ? {
-		x: crossAxis * crossAxisMulti,
-		y: mainAxis * mainAxisMulti
-	} : {
-		x: mainAxis * mainAxisMulti,
-		y: crossAxis * crossAxisMulti
-	};
-}
-/**
-* Modifies the placement by translating the floating element along the
-* specified axes.
-* A number (shorthand for `mainAxis` or distance), or an axes configuration
-* object may be passed.
-* @see https://floating-ui.com/docs/offset
-*/
-var offset$1 = function(options) {
-	if (options === void 0) options = 0;
-	return {
-		name: "offset",
-		options,
-		async fn(state) {
-			var _middlewareData$offse, _middlewareData$arrow;
-			const { x, y, placement, middlewareData } = state;
-			const diffCoords = await convertValueToCoords(state, options);
-			if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) return {};
-			return {
-				x: x + diffCoords.x,
-				y: y + diffCoords.y,
-				data: {
-					...diffCoords,
-					placement
-				}
-			};
-		}
-	};
-};
-/**
-* Optimizes the visibility of the floating element by shifting it in order to
-* keep it in view when it will overflow the clipping boundary.
-* @see https://floating-ui.com/docs/shift
-*/
-var shift$1 = function(options) {
-	if (options === void 0) options = {};
-	return {
-		name: "shift",
-		options,
-		async fn(state) {
-			const { x, y, placement, platform } = state;
-			const { mainAxis: checkMainAxis = true, crossAxis: checkCrossAxis = false, limiter = { fn: (_ref) => {
-				let { x, y } = _ref;
-				return {
-					x,
-					y
-				};
-			} }, ...detectOverflowOptions } = evaluate(options, state);
-			const coords = {
-				x,
-				y
-			};
-			const overflow = await platform.detectOverflow(state, detectOverflowOptions);
-			const crossAxis = getSideAxis(getSide(placement));
-			const mainAxis = getOppositeAxis(crossAxis);
-			let mainAxisCoord = coords[mainAxis];
-			let crossAxisCoord = coords[crossAxis];
-			if (checkMainAxis) {
-				const minSide = mainAxis === "y" ? "top" : "left";
-				const maxSide = mainAxis === "y" ? "bottom" : "right";
-				const min = mainAxisCoord + overflow[minSide];
-				const max = mainAxisCoord - overflow[maxSide];
-				mainAxisCoord = clamp$1(min, mainAxisCoord, max);
-			}
-			if (checkCrossAxis) {
-				const minSide = crossAxis === "y" ? "top" : "left";
-				const maxSide = crossAxis === "y" ? "bottom" : "right";
-				const min = crossAxisCoord + overflow[minSide];
-				const max = crossAxisCoord - overflow[maxSide];
-				crossAxisCoord = clamp$1(min, crossAxisCoord, max);
-			}
-			const limitedCoords = limiter.fn({
-				...state,
-				[mainAxis]: mainAxisCoord,
-				[crossAxis]: crossAxisCoord
-			});
-			return {
-				...limitedCoords,
-				data: {
-					x: limitedCoords.x - x,
-					y: limitedCoords.y - y,
-					enabled: {
-						[mainAxis]: checkMainAxis,
-						[crossAxis]: checkCrossAxis
-					}
-				}
-			};
-		}
-	};
-};
-//#endregion
-//#region ../../node_modules/.bun/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function hasWindow() {
-	return typeof window !== "undefined";
-}
-function getNodeName(node) {
-	if (isNode(node)) return (node.nodeName || "").toLowerCase();
-	return "#document";
-}
-function getWindow(node) {
-	var _node$ownerDocument;
-	return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
-}
-function getDocumentElement(node) {
-	var _ref;
-	return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
-}
-function isNode(value) {
-	if (!hasWindow()) return false;
-	return value instanceof Node || value instanceof getWindow(value).Node;
-}
-function isElement(value) {
-	if (!hasWindow()) return false;
-	return value instanceof Element || value instanceof getWindow(value).Element;
-}
-function isHTMLElement(value) {
-	if (!hasWindow()) return false;
-	return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
-}
-function isShadowRoot(value) {
-	if (!hasWindow() || typeof ShadowRoot === "undefined") return false;
-	return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
-}
-function isOverflowElement(element) {
-	const { overflow, overflowX, overflowY, display } = getComputedStyle$1(element);
-	return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== "inline" && display !== "contents";
-}
-function isTableElement(element) {
-	return /^(table|td|th)$/.test(getNodeName(element));
-}
-function isTopLayer(element) {
-	try {
-		if (element.matches(":popover-open")) return true;
-	} catch (_e) {}
-	try {
-		return element.matches(":modal");
-	} catch (_e) {
-		return false;
-	}
-}
-var willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
-var containRe = /paint|layout|strict|content/;
-var isNotNone = (value) => !!value && value !== "none";
-var isWebKitValue;
-function isContainingBlock(elementOrCss) {
-	const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
-	return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || "") || containRe.test(css.contain || "");
-}
-function getContainingBlock(element) {
-	let currentNode = getParentNode(element);
-	while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-		if (isContainingBlock(currentNode)) return currentNode;
-		else if (isTopLayer(currentNode)) return null;
-		currentNode = getParentNode(currentNode);
-	}
-	return null;
-}
-function isWebKit() {
-	if (isWebKitValue == null) isWebKitValue = typeof CSS !== "undefined" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none");
-	return isWebKitValue;
-}
-function isLastTraversableNode(node) {
-	return /^(html|body|#document)$/.test(getNodeName(node));
-}
-function getComputedStyle$1(element) {
-	return getWindow(element).getComputedStyle(element);
-}
-function getNodeScroll(element) {
-	if (isElement(element)) return {
-		scrollLeft: element.scrollLeft,
-		scrollTop: element.scrollTop
-	};
-	return {
-		scrollLeft: element.scrollX,
-		scrollTop: element.scrollY
-	};
-}
-function getParentNode(node) {
-	if (getNodeName(node) === "html") return node;
-	const result = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
-	return isShadowRoot(result) ? result.host : result;
-}
-function getNearestOverflowAncestor(node) {
-	const parentNode = getParentNode(node);
-	if (isLastTraversableNode(parentNode)) return node.ownerDocument ? node.ownerDocument.body : node.body;
-	if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) return parentNode;
-	return getNearestOverflowAncestor(parentNode);
-}
-function getOverflowAncestors(node, list, traverseIframes) {
-	var _node$ownerDocument2;
-	if (list === void 0) list = [];
-	if (traverseIframes === void 0) traverseIframes = true;
-	const scrollableAncestor = getNearestOverflowAncestor(node);
-	const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
-	const win = getWindow(scrollableAncestor);
-	if (isBody) {
-		const frameElement = getFrameElement(win);
-		return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
-	} else return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
-}
-function getFrameElement(win) {
-	return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
-}
-//#endregion
-//#region ../../node_modules/.bun/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
-function getCssDimensions(element) {
-	const css = getComputedStyle$1(element);
-	let width = parseFloat(css.width) || 0;
-	let height = parseFloat(css.height) || 0;
-	const hasOffset = isHTMLElement(element);
-	const offsetWidth = hasOffset ? element.offsetWidth : width;
-	const offsetHeight = hasOffset ? element.offsetHeight : height;
-	const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
-	if (shouldFallback) {
-		width = offsetWidth;
-		height = offsetHeight;
-	}
-	return {
-		width,
-		height,
-		$: shouldFallback
-	};
-}
-function unwrapElement(element) {
-	return !isElement(element) ? element.contextElement : element;
-}
-function getScale(element) {
-	const domElement = unwrapElement(element);
-	if (!isHTMLElement(domElement)) return createCoords(1);
-	const rect = domElement.getBoundingClientRect();
-	const { width, height, $ } = getCssDimensions(domElement);
-	let x = ($ ? round(rect.width) : rect.width) / width;
-	let y = ($ ? round(rect.height) : rect.height) / height;
-	if (!x || !Number.isFinite(x)) x = 1;
-	if (!y || !Number.isFinite(y)) y = 1;
-	return {
-		x,
-		y
-	};
-}
-var noOffsets = /* @__PURE__ */ createCoords(0);
-function getVisualOffsets(element) {
-	const win = getWindow(element);
-	if (!isWebKit() || !win.visualViewport) return noOffsets;
-	return {
-		x: win.visualViewport.offsetLeft,
-		y: win.visualViewport.offsetTop
-	};
-}
-function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
-	if (isFixed === void 0) isFixed = false;
-	if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) return false;
-	return isFixed;
-}
-function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
-	if (includeScale === void 0) includeScale = false;
-	if (isFixedStrategy === void 0) isFixedStrategy = false;
-	const clientRect = element.getBoundingClientRect();
-	const domElement = unwrapElement(element);
-	let scale = createCoords(1);
-	if (includeScale) if (offsetParent) {
-		if (isElement(offsetParent)) scale = getScale(offsetParent);
-	} else scale = getScale(element);
-	const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-	let x = (clientRect.left + visualOffsets.x) / scale.x;
-	let y = (clientRect.top + visualOffsets.y) / scale.y;
-	let width = clientRect.width / scale.x;
-	let height = clientRect.height / scale.y;
-	if (domElement) {
-		const win = getWindow(domElement);
-		const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
-		let currentWin = win;
-		let currentIFrame = getFrameElement(currentWin);
-		while (currentIFrame && offsetParent && offsetWin !== currentWin) {
-			const iframeScale = getScale(currentIFrame);
-			const iframeRect = currentIFrame.getBoundingClientRect();
-			const css = getComputedStyle$1(currentIFrame);
-			const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
-			const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
-			x *= iframeScale.x;
-			y *= iframeScale.y;
-			width *= iframeScale.x;
-			height *= iframeScale.y;
-			x += left;
-			y += top;
-			currentWin = getWindow(currentIFrame);
-			currentIFrame = getFrameElement(currentWin);
-		}
-	}
-	return rectToClientRect({
-		width,
-		height,
-		x,
-		y
-	});
-}
-function getWindowScrollBarX(element, rect) {
-	const leftScroll = getNodeScroll(element).scrollLeft;
-	if (!rect) return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
-	return rect.left + leftScroll;
-}
-function getHTMLOffset(documentElement, scroll) {
-	const htmlRect = documentElement.getBoundingClientRect();
-	return {
-		x: htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect),
-		y: htmlRect.top + scroll.scrollTop
-	};
-}
-function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
-	let { elements, rect, offsetParent, strategy } = _ref;
-	const isFixed = strategy === "fixed";
-	const documentElement = getDocumentElement(offsetParent);
-	const topLayer = elements ? isTopLayer(elements.floating) : false;
-	if (offsetParent === documentElement || topLayer && isFixed) return rect;
-	let scroll = {
-		scrollLeft: 0,
-		scrollTop: 0
-	};
-	let scale = createCoords(1);
-	const offsets = createCoords(0);
-	const isOffsetParentAnElement = isHTMLElement(offsetParent);
-	if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-		if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) scroll = getNodeScroll(offsetParent);
-		if (isOffsetParentAnElement) {
-			const offsetRect = getBoundingClientRect(offsetParent);
-			scale = getScale(offsetParent);
-			offsets.x = offsetRect.x + offsetParent.clientLeft;
-			offsets.y = offsetRect.y + offsetParent.clientTop;
-		}
-	}
-	const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-	return {
-		width: rect.width * scale.x,
-		height: rect.height * scale.y,
-		x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
-		y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
-	};
-}
-function getClientRects(element) {
-	return Array.from(element.getClientRects());
-}
-function getDocumentRect(element) {
-	const html = getDocumentElement(element);
-	const scroll = getNodeScroll(element);
-	const body = element.ownerDocument.body;
-	const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
-	const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
-	let x = -scroll.scrollLeft + getWindowScrollBarX(element);
-	const y = -scroll.scrollTop;
-	if (getComputedStyle$1(body).direction === "rtl") x += max(html.clientWidth, body.clientWidth) - width;
-	return {
-		width,
-		height,
-		x,
-		y
-	};
-}
-var SCROLLBAR_MAX = 25;
-function getViewportRect(element, strategy) {
-	const win = getWindow(element);
-	const html = getDocumentElement(element);
-	const visualViewport = win.visualViewport;
-	let width = html.clientWidth;
-	let height = html.clientHeight;
-	let x = 0;
-	let y = 0;
-	if (visualViewport) {
-		width = visualViewport.width;
-		height = visualViewport.height;
-		const visualViewportBased = isWebKit();
-		if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
-			x = visualViewport.offsetLeft;
-			y = visualViewport.offsetTop;
-		}
-	}
-	const windowScrollbarX = getWindowScrollBarX(html);
-	if (windowScrollbarX <= 0) {
-		const doc = html.ownerDocument;
-		const body = doc.body;
-		const bodyStyles = getComputedStyle(body);
-		const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
-		const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
-		if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) width -= clippingStableScrollbarWidth;
-	} else if (windowScrollbarX <= SCROLLBAR_MAX) width += windowScrollbarX;
-	return {
-		width,
-		height,
-		x,
-		y
-	};
-}
-function getInnerBoundingClientRect(element, strategy) {
-	const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
-	const top = clientRect.top + element.clientTop;
-	const left = clientRect.left + element.clientLeft;
-	const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
-	return {
-		width: element.clientWidth * scale.x,
-		height: element.clientHeight * scale.y,
-		x: left * scale.x,
-		y: top * scale.y
-	};
-}
-function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
-	let rect;
-	if (clippingAncestor === "viewport") rect = getViewportRect(element, strategy);
-	else if (clippingAncestor === "document") rect = getDocumentRect(getDocumentElement(element));
-	else if (isElement(clippingAncestor)) rect = getInnerBoundingClientRect(clippingAncestor, strategy);
-	else {
-		const visualOffsets = getVisualOffsets(element);
-		rect = {
-			x: clippingAncestor.x - visualOffsets.x,
-			y: clippingAncestor.y - visualOffsets.y,
-			width: clippingAncestor.width,
-			height: clippingAncestor.height
-		};
-	}
-	return rectToClientRect(rect);
-}
-function hasFixedPositionAncestor(element, stopNode) {
-	const parentNode = getParentNode(element);
-	if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) return false;
-	return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
-}
-function getClippingElementAncestors(element, cache) {
-	const cachedResult = cache.get(element);
-	if (cachedResult) return cachedResult;
-	let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
-	let currentContainingBlockComputedStyle = null;
-	const elementIsFixed = getComputedStyle$1(element).position === "fixed";
-	let currentNode = elementIsFixed ? getParentNode(element) : element;
-	while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-		const computedStyle = getComputedStyle$1(currentNode);
-		const currentNodeIsContaining = isContainingBlock(currentNode);
-		if (!currentNodeIsContaining && computedStyle.position === "fixed") currentContainingBlockComputedStyle = null;
-		if (elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === "absolute" || currentContainingBlockComputedStyle.position === "fixed") || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode)) result = result.filter((ancestor) => ancestor !== currentNode);
-		else currentContainingBlockComputedStyle = computedStyle;
-		currentNode = getParentNode(currentNode);
-	}
-	cache.set(element, result);
-	return result;
-}
-function getClippingRect(_ref) {
-	let { element, boundary, rootBoundary, strategy } = _ref;
-	const clippingAncestors = [...boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary), rootBoundary];
-	const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
-	let top = firstRect.top;
-	let right = firstRect.right;
-	let bottom = firstRect.bottom;
-	let left = firstRect.left;
-	for (let i = 1; i < clippingAncestors.length; i++) {
-		const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
-		top = max(rect.top, top);
-		right = min(rect.right, right);
-		bottom = min(rect.bottom, bottom);
-		left = max(rect.left, left);
-	}
-	return {
-		width: right - left,
-		height: bottom - top,
-		x: left,
-		y: top
-	};
-}
-function getDimensions(element) {
-	const { width, height } = getCssDimensions(element);
-	return {
-		width,
-		height
-	};
-}
-function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-	const isOffsetParentAnElement = isHTMLElement(offsetParent);
-	const documentElement = getDocumentElement(offsetParent);
-	const isFixed = strategy === "fixed";
-	const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
-	let scroll = {
-		scrollLeft: 0,
-		scrollTop: 0
-	};
-	const offsets = createCoords(0);
-	function setLeftRTLScrollbarOffset() {
-		offsets.x = getWindowScrollBarX(documentElement);
-	}
-	if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-		if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) scroll = getNodeScroll(offsetParent);
-		if (isOffsetParentAnElement) {
-			const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
-			offsets.x = offsetRect.x + offsetParent.clientLeft;
-			offsets.y = offsetRect.y + offsetParent.clientTop;
-		} else if (documentElement) setLeftRTLScrollbarOffset();
-	}
-	if (isFixed && !isOffsetParentAnElement && documentElement) setLeftRTLScrollbarOffset();
-	const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-	return {
-		x: rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x,
-		y: rect.top + scroll.scrollTop - offsets.y - htmlOffset.y,
-		width: rect.width,
-		height: rect.height
-	};
-}
-function isStaticPositioned(element) {
-	return getComputedStyle$1(element).position === "static";
-}
-function getTrueOffsetParent(element, polyfill) {
-	if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") return null;
-	if (polyfill) return polyfill(element);
-	let rawOffsetParent = element.offsetParent;
-	if (getDocumentElement(element) === rawOffsetParent) rawOffsetParent = rawOffsetParent.ownerDocument.body;
-	return rawOffsetParent;
-}
-function getOffsetParent(element, polyfill) {
-	const win = getWindow(element);
-	if (isTopLayer(element)) return win;
-	if (!isHTMLElement(element)) {
-		let svgOffsetParent = getParentNode(element);
-		while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
-			if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) return svgOffsetParent;
-			svgOffsetParent = getParentNode(svgOffsetParent);
-		}
-		return win;
-	}
-	let offsetParent = getTrueOffsetParent(element, polyfill);
-	while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) offsetParent = getTrueOffsetParent(offsetParent, polyfill);
-	if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) return win;
-	return offsetParent || getContainingBlock(element) || win;
-}
-var getElementRects = async function(data) {
-	const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
-	const getDimensionsFn = this.getDimensions;
-	const floatingDimensions = await getDimensionsFn(data.floating);
-	return {
-		reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
-		floating: {
-			x: 0,
-			y: 0,
-			width: floatingDimensions.width,
-			height: floatingDimensions.height
-		}
-	};
-};
-function isRTL(element) {
-	return getComputedStyle$1(element).direction === "rtl";
-}
-var platform = {
-	convertOffsetParentRelativeRectToViewportRelativeRect,
-	getDocumentElement,
-	getClippingRect,
-	getOffsetParent,
-	getElementRects,
-	getClientRects,
-	getDimensions,
-	getScale,
-	isElement,
-	isRTL
-};
-/**
-* Modifies the placement by translating the floating element along the
-* specified axes.
-* A number (shorthand for `mainAxis` or distance), or an axes configuration
-* object may be passed.
-* @see https://floating-ui.com/docs/offset
-*/
-var offset = offset$1;
-/**
-* Optimizes the visibility of the floating element by shifting it in order to
-* keep it in view when it will overflow the clipping boundary.
-* @see https://floating-ui.com/docs/shift
-*/
-var shift = shift$1;
-/**
-* Optimizes the visibility of the floating element by flipping the `placement`
-* in order to keep it in view when the preferred placement(s) will overflow the
-* clipping boundary. Alternative to `autoPlacement`.
-* @see https://floating-ui.com/docs/flip
-*/
-var flip = flip$1;
-/**
-* Computes the `x` and `y` coordinates that will place the floating element
-* next to a given reference element.
-*/
-var computePosition = (reference, floating, options) => {
-	const cache = /* @__PURE__ */ new Map();
-	const mergedOptions = {
-		platform,
-		...options
-	};
-	const platformWithCache = {
-		...mergedOptions.platform,
-		_c: cache
-	};
-	return computePosition$1(reference, floating, {
-		...mergedOptions,
-		platform: platformWithCache
-	});
-};
-//#endregion
-//#region src/components/Tooltip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$22 = ["aria-describedby"];
-var _hoisted_2$20 = { class: "mint-tooltip__body" };
-var _hoisted_3$20 = {
-	key: 0,
-	class: "mint-tooltip__shortcut"
-};
-//#endregion
-//#region src/components/Tooltip.vue
-var Tooltip_default = /* @__PURE__ */ defineComponent({
-	__name: "Tooltip",
-	props: {
-		text: {},
-		position: { default: "top" },
-		delay: { default: 200 },
-		shortcut: { default: void 0 },
-		maxWidth: { default: void 0 }
-	},
-	setup(__props) {
-		/** Floating tooltip using @floating-ui with auto-flip, delay, optional keyboard shortcut badge, and body Teleport. */
-		const props = __props;
-		const tooltipId = `mint-tooltip-${Math.random().toString(36).slice(2, 9)}`;
-		const visible = ref(false);
-		const actualPlacement = ref(props.position);
-		const triggerRef = ref(null);
-		const contentRef = ref(null);
-		const coords = ref({
-			top: "0px",
-			left: "0px"
-		});
-		let timeoutId;
-		async function updatePosition() {
-			if (!triggerRef.value || !contentRef.value) return;
-			const { x, y, placement } = await computePosition(triggerRef.value, contentRef.value, {
-				placement: props.position,
-				middleware: [
-					offset(6),
-					flip(),
-					shift({ padding: 8 })
-				]
-			});
-			coords.value = {
-				top: `${y}px`,
-				left: `${x}px`
-			};
-			actualPlacement.value = placement;
-		}
-		useEventListener(() => window, "scroll", updatePosition, {
-			passive: true,
-			capture: true,
-			enabled: visible
-		});
-		useEventListener(() => window, "resize", updatePosition, { enabled: visible });
-		async function show() {
-			timeoutId = setTimeout(async () => {
-				visible.value = true;
-				await nextTick();
-				await updatePosition();
-			}, props.delay);
-		}
-		function hide() {
-			clearTimeout(timeoutId);
-			timeoutId = void 0;
-			visible.value = false;
-		}
-		onBeforeUnmount(() => {
-			clearTimeout(timeoutId);
-		});
-		function resolvedMaxWidth(value) {
-			if (value === void 0) return void 0;
-			return typeof value === "number" ? `${value}px` : value;
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", {
-				ref_key: "triggerRef",
-				ref: triggerRef,
-				class: "mint-tooltip",
-				"aria-describedby": visible.value ? tooltipId : void 0,
-				onMouseenter: show,
-				onMouseleave: hide,
-				onFocusin: show,
-				onFocusout: hide
-			}, [renderSlot(_ctx.$slots, "default"), (openBlock(), createBlock(Teleport, { to: "body" }, [visible.value ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				id: tooltipId,
-				ref_key: "contentRef",
-				ref: contentRef,
-				class: normalizeClass([
-					"mint-tooltip__content",
-					`mint-tooltip__content--${actualPlacement.value}`,
-					__props.maxWidth ? "mint-tooltip__content--multiline" : ""
-				]),
-				style: normalizeStyle({
-					top: coords.value.top,
-					left: coords.value.left,
-					maxWidth: resolvedMaxWidth(__props.maxWidth)
-				}),
-				role: "tooltip"
-			}, [createElementVNode("span", _hoisted_2$20, toDisplayString(__props.text), 1), __props.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_3$20, toDisplayString(__props.shortcut), 1)) : createCommentVNode("", true)], 6)) : createCommentVNode("", true)]))], 40, _hoisted_1$22);
-		};
-	}
-});
-//#endregion
 //#region src/components/ChartContainer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$21 = { class: "mint-chart" };
 var _hoisted_2$19 = {
@@ -18413,6 +17501,6 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	WellPlate: () => WellPlate_default
 });
 //#endregion
-export { PlateMapEditor_default as $, ReagentEditor_default as A, BasePill_default as At, Avatar_default as B, formatSequenceRemaining as C, IconButton_default as Ct, ScientificNumber_default as D, DataFrame_default as Dt, ChemicalFormula_default as E, FormField_default as Et, BioTemplateExperimentWorkspaceView_default as F, BaseButton_default as Ft, DoseDesignWorkspaceView_default as G, StatusIndicator_default as H, BioTemplateRenderer_default as I, ScheduleCalendar_default as J, ControlWorkspaceView_default as K, ChartContainer_default as L, RackEditor_default as M, BaseModal_default as Mt, BioTemplatePresetWorkspaceView_default as N, BaseTabs_default as Nt, ProtocolStepEditor_default as O, Calendar_default as Ot, BioTemplatePackWorkspaceView_default as P, ColorSlider_default as Pt, ReagentList_default as Q, Tooltip_default as R, formatSequenceEta as S, ThemeToggle_default as St, sequenceSamplesRemaining as T, AlertBox_default as Tt, Divider_default as U, ProgressBar_default as V, AppContainer_default as W, AutoGroupModal_default as X, SampleSelector_default as Y, LoadingSpinner_default as Z, InstrumentStateBadge_default as _, Skeleton_default as _t, ExperimentDataViewer_default as a, AppLayout_default as at, estimateSequenceFinishDate as b, SettingsModal_default as bt, LcmsSequenceTable_default as c, FormActions_default as ct, extractLcmsCommonPrefix as d, AppPluginSwitcher_default as dt, SampleLegend_default as et, extractLcmsSampleName as f, AppAvatarMenu_default as ft, InstrumentStatusCard_default as g, EmptyState_default as gt, reconstructLcmsPlateCellsFromSequenceItems as h, ExperimentCodeBadge_default as ht, TimeRangeInput_default as i, PluginWorkspaceView_default as it, GroupAssigner_default as j, SegmentedControl_default as jt, SampleHierarchyTree_default as k, DropdownButton_default as kt, DEFAULT_LCMS_SEQUENCE_COLUMNS as l, StepWizard_default as lt, lcmsWellIdFromPosition as m, ExperimentSelectorModal_default as mt, FitPanel_default as n, ExperimentTimeline_default as nt, BatchProgressList_default as o, AppSidebar_default as ot, inferLcmsPlateTypeFromWellIds as p, PluginIcon_default as pt, ComponentBindingRenderer_default as q, ResourceCard_default as r, DoseCalculator_default as rt, AuditTrail_default as s, FormBuilder_default as st, components_exports as t, WellPlate_default as tt, basenameFromWindowsPath as u, AppTopBar_default as ut, InstrumentAlertLog_default as v, ExperimentPopover_default as vt, sequenceProgressPercent as w, AppToastContainer_default as wt, estimateSequenceRemainingSeconds as x, CollapsibleCard_default as xt, SequenceProgressBar_default as y, ConfirmDialog_default as yt, Breadcrumb_default as z };
+export { SampleLegend_default as $, ReagentEditor_default as A, SegmentedControl_default as At, ProgressBar_default as B, formatSequenceRemaining as C, AppToastContainer_default as Ct, ScientificNumber_default as D, Calendar_default as Dt, ChemicalFormula_default as E, DataFrame_default as Et, BioTemplateExperimentWorkspaceView_default as F, ControlWorkspaceView_default as G, Divider_default as H, BioTemplateRenderer_default as I, SampleSelector_default as J, ComponentBindingRenderer_default as K, ChartContainer_default as L, RackEditor_default as M, BaseTabs_default as Mt, BioTemplatePresetWorkspaceView_default as N, ColorSlider_default as Nt, ProtocolStepEditor_default as O, DropdownButton_default as Ot, BioTemplatePackWorkspaceView_default as P, BaseButton_default as Pt, PlateMapEditor_default as Q, Breadcrumb_default as R, formatSequenceEta as S, IconButton_default as St, sequenceSamplesRemaining as T, FormField_default as Tt, AppContainer_default as U, StatusIndicator_default as V, DoseDesignWorkspaceView_default as W, LoadingSpinner_default as X, AutoGroupModal_default as Y, ReagentList_default as Z, InstrumentStateBadge_default as _, ExperimentPopover_default as _t, ExperimentDataViewer_default as a, AppSidebar_default as at, estimateSequenceFinishDate as b, CollapsibleCard_default as bt, LcmsSequenceTable_default as c, StepWizard_default as ct, extractLcmsCommonPrefix as d, AppAvatarMenu_default as dt, WellPlate_default as et, extractLcmsSampleName as f, PluginIcon_default as ft, InstrumentStatusCard_default as g, Skeleton_default as gt, reconstructLcmsPlateCellsFromSequenceItems as h, EmptyState_default as ht, TimeRangeInput_default as i, AppLayout_default as it, GroupAssigner_default as j, BaseModal_default as jt, SampleHierarchyTree_default as k, BasePill_default as kt, DEFAULT_LCMS_SEQUENCE_COLUMNS as l, AppTopBar_default as lt, lcmsWellIdFromPosition as m, ExperimentCodeBadge_default as mt, FitPanel_default as n, DoseCalculator_default as nt, BatchProgressList_default as o, FormBuilder_default as ot, inferLcmsPlateTypeFromWellIds as p, ExperimentSelectorModal_default as pt, ScheduleCalendar_default as q, ResourceCard_default as r, PluginWorkspaceView_default as rt, AuditTrail_default as s, FormActions_default as st, components_exports as t, ExperimentTimeline_default as tt, basenameFromWindowsPath as u, AppPluginSwitcher_default as ut, InstrumentAlertLog_default as v, ConfirmDialog_default as vt, sequenceProgressPercent as w, AlertBox_default as wt, estimateSequenceRemainingSeconds as x, ThemeToggle_default as xt, SequenceProgressBar_default as y, SettingsModal_default as yt, Avatar_default as z };
 
-//# sourceMappingURL=components-DtHA2bgp.js.map
+//# sourceMappingURL=components-Blx4MG--.js.map