@morscherlab/mint-sdk 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/{components-CzbQQPCb.js → components-_XqPEhP9.js}

@@ -1,4 +1,4 @@
-import { $ as formatTime, A as APP_EXPERIMENT_KEY, B as formatExperimentDate, C as MoleculeInput_default, D as useAutoGroup, E as parseCSV, G as NumberInput_default, H as useTheme, I as EXPERIMENT_STATUS_OPTIONS, K as TagsInput_default, L as EXPERIMENT_STATUS_VARIANT_MAP, M as usePlatformContext, N as useExperimentSelector, O as useWellPlateEditor, P as DATE_PRESET_OPTIONS, Q as formatDuration, R as SORT_OPTIONS, S as useConcentrationUnits, U as useToast, V as useApi, W as FileUploader_default, X as durationMinutes, Y as compareTime, _ as DEFAULT_UNITS, a as getFieldRegistryEntry, b as useDoseCalculator, ct as BaseSlider_default, dt as BaseCheckbox_default, f as FormulaInput_default, ft as BaseSelect_default, g as DEFAULT_PRESETS, h as useProtocolTemplates, i as useFormBuilder, k as useRackEditor, l as UnitInput_default, lt as BaseRadioGroup_default, m as useChemicalFormula, mt as BaseInput_default, n as useExperimentData, ot as DatePicker_default, pt as BaseTextarea_default, q as TimePicker_default, s as DateTimePicker_default, st as MultiSelect_default, t as useScheduleDrag, u as SequenceInput_default, ut as BaseToggle_default, w as DEFAULT_COLORS, x as ConcentrationInput_default, y as useReagentSeries } from "./useScheduleDrag-CxBeqYcu.js";
+import { $ as formatTime, A as getFieldRegistryEntry, B as useChemicalFormula, C as SORT_OPTIONS, E as useApi, F as MoleculeInput_default, G as NumberInput_default, H as useTheme, I as SequenceInput_default, K as TagsInput_default, M as UnitInput_default, N as ConcentrationInput_default, O as useFormBuilder, P as useConcentrationUnits, Q as formatDuration, R as FormulaInput_default, S as EXPERIMENT_STATUS_VARIANT_MAP, T as formatExperimentDate, U as useToast, V as DateTimePicker_default, W as FileUploader_default, X as durationMinutes, Y as compareTime, _ as usePlatformContext, a as DEFAULT_UNITS, c as useDoseCalculator, ct as BaseSlider_default, d as parseCSV, dt as BaseCheckbox_default, f as useAutoGroup, ft as BaseSelect_default, h as APP_EXPERIMENT_KEY, i as DEFAULT_PRESETS, l as DEFAULT_COLORS, lt as BaseRadioGroup_default, m as useRackEditor, mt as BaseInput_default, n as useExperimentData, ot as DatePicker_default, p as useWellPlateEditor, pt as BaseTextarea_default, q as TimePicker_default, r as useProtocolTemplates, s as useReagentSeries, st as MultiSelect_default, t as useScheduleDrag, ut as BaseToggle_default, v as useExperimentSelector, x as EXPERIMENT_STATUS_OPTIONS, y as DATE_PRESET_OPTIONS } from "./useScheduleDrag-CA9sGNJG.js";
 import { n as colorPalettes, r as useSettingsStore } from "./auth-DsI0rQ7_.js";
 import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, unref, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 //#region \0rolldown/runtime.js
@@ -14,8 +14,8 @@ var __exportAll = (all, no_symbols) => {
 };
 //#endregion
 //#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$64 = ["type", "disabled"];
-var _hoisted_2$56 = {
+var _hoisted_1$65 = ["type", "disabled"];
+var _hoisted_2$57 = {
 	key: 0,
 	class: "mint-button__spinner",
 	fill: "none",
@@ -62,7 +62,7 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 					__props.disabled || __props.loading ? "mint-button--disabled" : ""
 				]),
 				onClick: handleClick
-			}, [__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$56, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+			}, [__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$57, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 				style: { "opacity": "0.25" },
 				cx: "12",
 				cy: "12",
@@ -73,15 +73,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$64);
+			}, null, -1)])])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$65);
 		};
 	}
 });
 //#endregion
 //#region src/components/ColorSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$63 = { class: "mint-color-slider__row" };
-var _hoisted_2$55 = { class: "mint-color-slider__track" };
-var _hoisted_3$51 = [
+var _hoisted_1$64 = { class: "mint-color-slider__row" };
+var _hoisted_2$56 = { class: "mint-color-slider__track" };
+var _hoisted_3$52 = [
 	"value",
 	"min",
 	"max",
@@ -196,7 +196,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$63, [createElementVNode("div", _hoisted_2$55, [createElementVNode("input", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-color-slider", { "mint-color-slider--disabled": __props.disabled }]) }, [createElementVNode("div", _hoisted_1$64, [createElementVNode("div", _hoisted_2$56, [createElementVNode("input", {
 				type: "range",
 				value: currentValue.value,
 				min: __props.min,
@@ -213,7 +213,7 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 					"--thumb-size": `${sizeConfig.value.thumb}px`
 				}),
 				onInput: handleInput
-			}, null, 44, _hoisted_3$51)]), __props.showValue ? (openBlock(), createElementBlock("div", {
+			}, null, 44, _hoisted_3$52)]), __props.showValue ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-color-slider__badge",
 				style: normalizeStyle({
@@ -232,13 +232,13 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseTabs.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$62 = [
+var _hoisted_1$63 = [
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
 ];
-var _hoisted_2$54 = { class: "mint-tab__content" };
-var _hoisted_3$50 = {
+var _hoisted_2$55 = { class: "mint-tab__content" };
+var _hoisted_3$51 = {
 	key: 0,
 	class: "mint-tab__icon"
 };
@@ -282,27 +282,27 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 						tab.disabled ? "mint-tab--disabled" : ""
 					]),
 					onClick: ($event) => selectTab(tab.id)
-				}, [createElementVNode("span", _hoisted_2$54, [
-					tab.icon ? (openBlock(), createElementBlock("span", _hoisted_3$50, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
+				}, [createElementVNode("span", _hoisted_2$55, [
+					tab.icon ? (openBlock(), createElementBlock("span", _hoisted_3$51, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
 					createTextVNode(" " + toDisplayString(tab.label) + " ", 1),
 					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_4$44, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
-				])], 10, _hoisted_1$62);
+				])], 10, _hoisted_1$63);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$61 = {
+var _hoisted_1$62 = {
 	key: 0,
 	class: "mint-modal__grab-hint",
 	"aria-hidden": "true"
 };
-var _hoisted_2$53 = {
+var _hoisted_2$54 = {
 	key: 1,
 	class: "mint-modal__header"
 };
-var _hoisted_3$49 = {
+var _hoisted_3$50 = {
 	key: 0,
 	class: "mint-modal__header-text"
 };
@@ -430,8 +430,8 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 					"aria-modal": "true",
 					tabindex: "-1"
 				}, [
-					__props.variant === "sheet" ? (openBlock(), createElementBlock("div", _hoisted_1$61)) : createCommentVNode("", true),
-					__props.title || __props.subtitle || __props.closable || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$53, [__props.title || __props.subtitle || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$49, [renderSlot(_ctx.$slots, "header", {}, () => [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$43, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$41, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true), __props.closable ? (openBlock(), createElementBlock("button", {
+					__props.variant === "sheet" ? (openBlock(), createElementBlock("div", _hoisted_1$62)) : createCommentVNode("", true),
+					__props.title || __props.subtitle || __props.closable || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$54, [__props.title || __props.subtitle || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_3$50, [renderSlot(_ctx.$slots, "header", {}, () => [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$43, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_5$41, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])) : createCommentVNode("", true), __props.closable ? (openBlock(), createElementBlock("button", {
 						key: 1,
 						type: "button",
 						class: "mint-modal__close",
@@ -456,14 +456,14 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$60 = [
+var _hoisted_1$61 = [
 	"aria-checked",
 	"disabled",
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_2$52 = { class: "mint-segmented-control__label" };
-var _hoisted_3$48 = {
+var _hoisted_2$53 = { class: "mint-segmented-control__label" };
+var _hoisted_3$49 = {
 	key: 0,
 	class: "mint-segmented-control__description"
 };
@@ -526,18 +526,18 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					]),
 					onClick: ($event) => handleSelect(option),
 					onKeydown: ($event) => handleKeydown($event, option)
-				}, [createElementVNode("span", _hoisted_2$52, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$48, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$60);
+				}, [createElementVNode("span", _hoisted_2$53, toDisplayString(option.label), 1), option.description && __props.variant === "card" ? (openBlock(), createElementBlock("span", _hoisted_3$49, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 42, _hoisted_1$61);
 			}), 128))], 2);
 		};
 	}
 });
 //#endregion
 //#region src/components/BasePill.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$59 = {
+var _hoisted_1$60 = {
 	key: 0,
 	class: "mint-pill__icon"
 };
-var _hoisted_2$51 = { class: "mint-pill__label" };
+var _hoisted_2$52 = { class: "mint-pill__label" };
 //#endregion
 //#region src/components/BasePill.vue
 var BasePill_default = /* @__PURE__ */ defineComponent({
@@ -582,8 +582,8 @@ var BasePill_default = /* @__PURE__ */ defineComponent({
 					"mint-pill--with-icon": __props.icon
 				}
 			]) }, [
-				__props.icon ? (openBlock(), createElementBlock("span", _hoisted_1$59, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_2$51, [renderSlot(_ctx.$slots, "default")]),
+				__props.icon ? (openBlock(), createElementBlock("span", _hoisted_1$60, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_2$52, [renderSlot(_ctx.$slots, "default")]),
 				__props.removable && !__props.disabled ? (openBlock(), createElementBlock("button", {
 					key: 1,
 					type: "button",
@@ -605,15 +605,15 @@ var BasePill_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DropdownButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$58 = ["disabled", "aria-expanded"];
-var _hoisted_2$50 = {
+var _hoisted_1$59 = ["disabled", "aria-expanded"];
+var _hoisted_2$51 = {
 	key: 0,
 	class: "mint-dropdown-button__spinner",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": "true"
 };
-var _hoisted_3$47 = { class: "mint-dropdown-button__label" };
+var _hoisted_3$48 = { class: "mint-dropdown-button__label" };
 var _hoisted_4$42 = ["aria-activedescendant"];
 var _hoisted_5$40 = [
 	"id",
@@ -715,7 +715,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "listbox",
 				onClick: toggle
 			}, [
-				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$50, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$51, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10",
@@ -728,7 +728,7 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "3",
 					"stroke-linecap": "round"
 				}, null, -1)])])) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$47, toDisplayString(selectedLabel.value), 1),
+				createElementVNode("span", _hoisted_3$48, toDisplayString(selectedLabel.value), 1),
 				(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-dropdown-button__chevron", { "mint-dropdown-button__chevron--open": isOpen.value }]),
 					viewBox: "0 0 24 24",
@@ -738,7 +738,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$58), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
+			], 10, _hoisted_1$59), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
 				default: withCtx(() => [isOpen.value ? (openBlock(), createElementBlock("ul", {
 					key: 0,
 					class: "mint-dropdown-button__menu",
@@ -769,12 +769,12 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/Calendar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$57 = { class: "mint-calendar" };
-var _hoisted_2$49 = {
+var _hoisted_1$58 = { class: "mint-calendar" };
+var _hoisted_2$50 = {
 	key: 0,
 	class: "mint-calendar__header"
 };
-var _hoisted_3$46 = { class: "mint-calendar__title" };
+var _hoisted_3$47 = { class: "mint-calendar__title" };
 var _hoisted_4$41 = { class: "mint-calendar__weekdays" };
 var _hoisted_5$39 = { class: "mint-calendar__grid" };
 var _hoisted_6$38 = [
@@ -1002,8 +1002,8 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 			emit("navigate", "next", currentMonth.value, currentYear.value);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$57, [
-				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$49, [
+			return openBlock(), createElementBlock("div", _hoisted_1$58, [
+				__props.showNavigation ? (openBlock(), createElementBlock("div", _hoisted_2$50, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -1022,7 +1022,7 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 						year: currentYear.value,
 						prevMonth,
 						nextMonth
-					}, () => [createElementVNode("span", _hoisted_3$46, toDisplayString(monthLabel.value), 1)]),
+					}, () => [createElementVNode("span", _hoisted_3$47, toDisplayString(monthLabel.value), 1)]),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-calendar__nav-btn",
@@ -1076,12 +1076,12 @@ var Calendar_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/DataFrame.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$56 = {
+var _hoisted_1$57 = {
 	key: 0,
 	class: "mint-dataframe__header"
 };
-var _hoisted_2$48 = { class: "mint-dataframe__search-wrapper" };
-var _hoisted_3$45 = ["placeholder"];
+var _hoisted_2$49 = { class: "mint-dataframe__search-wrapper" };
+var _hoisted_3$46 = ["placeholder"];
 var _hoisted_4$40 = { class: "mint-dataframe__table" };
 var _hoisted_5$38 = {
 	key: 0,
@@ -1102,19 +1102,19 @@ var _hoisted_13$25 = {
 	class: "mint-dataframe__empty"
 };
 var _hoisted_14$24 = { class: "mint-dataframe__empty-text" };
-var _hoisted_15$22 = {
+var _hoisted_15$23 = {
 	key: 1,
 	class: "mint-dataframe__loading"
 };
-var _hoisted_16$21 = {
+var _hoisted_16$22 = {
 	key: 1,
 	class: "mint-dataframe__footer"
 };
-var _hoisted_17$21 = { class: "mint-dataframe__page-info" };
-var _hoisted_18$21 = { class: "mint-dataframe__page-controls" };
-var _hoisted_19$19 = ["disabled"];
-var _hoisted_20$18 = { class: "mint-dataframe__page-number" };
-var _hoisted_21$15 = ["disabled"];
+var _hoisted_17$22 = { class: "mint-dataframe__page-info" };
+var _hoisted_18$22 = { class: "mint-dataframe__page-controls" };
+var _hoisted_19$20 = ["disabled"];
+var _hoisted_20$19 = { class: "mint-dataframe__page-number" };
+var _hoisted_21$16 = ["disabled"];
 //#endregion
 //#region src/components/DataFrame.vue
 var DataFrame_default = /* @__PURE__ */ defineComponent({
@@ -1291,7 +1291,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$56, [createElementVNode("div", _hoisted_2$48, [_cache[4] || (_cache[4] = createElementVNode("svg", {
+				__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$57, [createElementVNode("div", _hoisted_2$49, [_cache[4] || (_cache[4] = createElementVNode("svg", {
 					class: "mint-dataframe__search-icon",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1308,7 +1308,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					type: "text",
 					class: "mint-dataframe__search",
 					placeholder: __props.searchPlaceholder
-				}, null, 8, _hoisted_3$45), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
+				}, null, 8, _hoisted_3$46), [[vModelText, searchQuery.value]])])])) : createCommentVNode("", true),
 				createElementVNode("div", {
 					class: "mint-dataframe__table-wrapper",
 					style: normalizeStyle(wrapperStyle.value)
@@ -1395,7 +1395,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"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$24, toDisplayString(__props.emptyText), 1)])])) : createCommentVNode("", true),
-					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_15$22, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[7] || (_cache[7] = createElementVNode("svg", {
+					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_15$23, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[7] || (_cache[7] = createElementVNode("svg", {
 						class: "mint-dataframe__loading-spinner",
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -1414,7 +1414,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-linecap": "round"
 					})], -1))])])) : createCommentVNode("", true)
 				], 4),
-				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_16$21, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_17$21, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, sortedData.value.length)) + " of " + toDisplayString(sortedData.value.length), 1), createElementVNode("div", _hoisted_18$21, [
+				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_16$22, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_17$22, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, sortedData.value.length)) + " of " + toDisplayString(sortedData.value.length), 1), createElementVNode("div", _hoisted_18$22, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -1427,8 +1427,8 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_19$19),
-					createElementVNode("span", _hoisted_20$18, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
+					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_19$20),
+					createElementVNode("span", _hoisted_20$19, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -1441,7 +1441,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])], 8, _hoisted_21$15)
+					}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1)])], 8, _hoisted_21$16)
 				])])])) : createCommentVNode("", true)
 			], 2);
 		};
@@ -1449,12 +1449,12 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/FormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$55 = { class: "mint-form-field" };
-var _hoisted_2$47 = {
+var _hoisted_1$56 = { class: "mint-form-field" };
+var _hoisted_2$48 = {
 	key: 0,
 	class: "mint-form-field__label-row"
 };
-var _hoisted_3$44 = ["for"];
+var _hoisted_3$45 = ["for"];
 var _hoisted_4$39 = {
 	key: 0,
 	class: "mint-form-field__required",
@@ -1486,11 +1486,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$55, [
-				__props.label ? (openBlock(), createElementBlock("div", _hoisted_2$47, [createElementVNode("label", {
+			return openBlock(), createElementBlock("div", _hoisted_1$56, [
+				__props.label ? (openBlock(), createElementBlock("div", _hoisted_2$48, [createElementVNode("label", {
 					for: __props.htmlFor,
 					class: "mint-form-field__label"
-				}, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_4$39, "*")) : createCommentVNode("", true)], 8, _hoisted_3$44), !__props.required && __props.showOptional ? (openBlock(), createElementBlock("span", _hoisted_5$37, " optional ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				}, [createTextVNode(toDisplayString(__props.label) + " ", 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_4$39, "*")) : createCommentVNode("", true)], 8, _hoisted_3$45), !__props.required && __props.showOptional ? (openBlock(), createElementBlock("span", _hoisted_5$37, " optional ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "default", { describedBy: describedBy.value }),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 1,
@@ -1508,7 +1508,7 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AlertBox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$54 = {
+var _hoisted_1$55 = {
 	key: 0,
 	class: "mint-alert__icon mint-alert__icon--success",
 	viewBox: "0 0 24 24",
@@ -1518,7 +1518,7 @@ var _hoisted_1$54 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_2$46 = {
+var _hoisted_2$47 = {
 	key: 1,
 	class: "mint-alert__icon mint-alert__icon--error",
 	viewBox: "0 0 24 24",
@@ -1528,7 +1528,7 @@ var _hoisted_2$46 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_3$43 = {
+var _hoisted_3$44 = {
 	key: 2,
 	class: "mint-alert__icon mint-alert__icon--warning",
 	viewBox: "0 0 24 24",
@@ -1583,11 +1583,11 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(["mint-alert", `mint-alert--${props.type}`]),
 				role: "alert"
 			}, [
-				props.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_1$54, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
+				props.type === "success" ? (openBlock(), createElementBlock("svg", _hoisted_1$55, [..._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$46, [..._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$47, [..._cache[3] || (_cache[3] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -1595,7 +1595,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$43, [..._cache[4] || (_cache[4] = [
+				])])) : props.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_3$44, [..._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)
@@ -1635,9 +1635,9 @@ var AlertBox_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ToastNotification.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$53 = { class: "mint-toast__container" };
-var _hoisted_2$45 = ["onClick"];
-var _hoisted_3$42 = { class: "mint-toast__message" };
+var _hoisted_1$54 = { class: "mint-toast__container" };
+var _hoisted_2$46 = ["onClick"];
+var _hoisted_3$43 = { class: "mint-toast__message" };
 //#endregion
 //#region src/components/ToastNotification.vue
 var ToastNotification_default = /* @__PURE__ */ defineComponent({
@@ -1652,7 +1652,7 @@ var ToastNotification_default = /* @__PURE__ */ defineComponent({
 			info: "#3B82F6"
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$53, [createVNode(TransitionGroup, { name: "toast" }, {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", _hoisted_1$54, [createVNode(TransitionGroup, { name: "toast" }, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(toasts), (toast) => {
 					return openBlock(), createElementBlock("div", {
 						key: toast.id,
@@ -1726,7 +1726,7 @@ var ToastNotification_default = /* @__PURE__ */ defineComponent({
 							createElementVNode("path", { d: "M12 16v-4" }, null, -1),
 							createElementVNode("path", { d: "M12 8h.01" }, null, -1)
 						])], 4)),
-						createElementVNode("span", _hoisted_3$42, toDisplayString(toast.message), 1),
+						createElementVNode("span", _hoisted_3$43, toDisplayString(toast.message), 1),
 						createElementVNode("span", {
 							class: "mint-toast__progress",
 							style: normalizeStyle({
@@ -1734,7 +1734,7 @@ var ToastNotification_default = /* @__PURE__ */ defineComponent({
 								animationDuration: `${toast.duration ?? 3500}ms`
 							})
 						}, null, 4)
-					], 14, _hoisted_2$45);
+					], 14, _hoisted_2$46);
 				}), 128))]),
 				_: 1
 			})])]);
@@ -1743,7 +1743,7 @@ var ToastNotification_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/IconButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$52 = [
+var _hoisted_1$53 = [
 	"disabled",
 	"aria-label",
 	"title"
@@ -1805,13 +1805,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$52);
+			}, [renderSlot(_ctx.$slots, "default")], 2))], 10, _hoisted_1$53);
 		};
 	}
 });
 //#endregion
 //#region src/components/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$51 = ["aria-label"];
+var _hoisted_1$52 = ["aria-label"];
 //#endregion
 //#region src/components/ThemeToggle.vue
 var ThemeToggle_default = /* @__PURE__ */ defineComponent({
@@ -1844,13 +1844,13 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [..._cache[2] || (_cache[2] = [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)])], 2))], 10, _hoisted_1$51);
+			}, [..._cache[2] || (_cache[2] = [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)])], 2))], 10, _hoisted_1$52);
 		};
 	}
 });
 //#endregion
 //#region src/components/SettingsButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$50 = { class: "mint-settings-dropdown" };
+var _hoisted_1$51 = { class: "mint-settings-dropdown" };
 //#endregion
 //#region src/components/SettingsButton.vue
 var SettingsButton_default = /* @__PURE__ */ defineComponent({
@@ -1898,15 +1898,15 @@ var SettingsButton_default = /* @__PURE__ */ defineComponent({
 				cx: "12",
 				cy: "12",
 				r: "3"
-			}, null, -1)])], 2))], 2), withDirectives(createElementVNode("div", _hoisted_1$50, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-settings-dropdown__empty" }, " No settings configured ", -1))])], 512), [[vShow, isOpen.value]])], 512);
+			}, null, -1)])], 2))], 2), withDirectives(createElementVNode("div", _hoisted_1$51, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-settings-dropdown__empty" }, " No settings configured ", -1))])], 512), [[vShow, isOpen.value]])], 512);
 		};
 	}
 });
 //#endregion
 //#region src/components/CollapsibleCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$49 = ["disabled", "aria-expanded"];
-var _hoisted_2$44 = { class: "mint-collapsible-card__title-section" };
-var _hoisted_3$41 = ["d"];
+var _hoisted_1$50 = ["disabled", "aria-expanded"];
+var _hoisted_2$45 = { class: "mint-collapsible-card__title-section" };
+var _hoisted_3$42 = ["d"];
 var _hoisted_4$37 = ["d"];
 var _hoisted_5$35 = { class: "mint-collapsible-card__titles" };
 var _hoisted_6$34 = { class: "mint-collapsible-card__title" };
@@ -1984,7 +1984,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled,
 				"aria-expanded": isOpen.value,
 				onClick: toggle
-			}, [createElementVNode("div", _hoisted_2$44, [__props.icon ? (openBlock(), createElementBlock("div", {
+			}, [createElementVNode("div", _hoisted_2$45, [__props.icon ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-collapsible-card__icon-badge",
 				style: normalizeStyle(iconBgStyle.value)
@@ -2002,7 +2002,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					key: i,
 					d
-				}, null, 8, _hoisted_3$41);
+				}, null, 8, _hoisted_3$42);
 			}), 128)) : (openBlock(), createElementBlock("path", {
 				key: 1,
 				d: __props.icon
@@ -2029,7 +2029,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				"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$49), createVNode(Transition, { name: "collapse" }, {
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])], 10, _hoisted_1$50), createVNode(Transition, { name: "collapse" }, {
 				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_10$27, [createElementVNode("div", _hoisted_11$27, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
 				_: 3
 			})], 2);
@@ -2037,24 +2037,108 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/FormFieldRenderer.vue
+var FormFieldRenderer_default = /* @__PURE__ */ defineComponent({
+	__name: "FormFieldRenderer",
+	props: {
+		field: {},
+		resolvedProps: {},
+		form: {}
+	},
+	setup(__props) {
+		/**
+		* Renders a single form field inside a FormField wrapper.
+		*
+		* Resolves the SDK component for the field type from the registry, shows
+		* validation errors only after the field has been touched, and handles the
+		* FileUploader's event-based upload pattern via `handleUpload`. Consumers can
+		* override rendering via the `field:<name>` slot.
+		*/
+		const props = __props;
+		const entry = computed(() => getFieldRegistryEntry(props.field.type));
+		const errorMessage = computed(() => {
+			const name = props.field.name;
+			return props.form.touched[name] ? props.form.errors[name] : null;
+		});
+		function handleUpload(files) {
+			props.form.setFieldValue(props.field.name, files);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FormField_default, {
+				label: __props.field.label,
+				error: errorMessage.value ?? void 0,
+				hint: __props.field.hint,
+				required: !!__props.field.validation?.required,
+				"html-for": __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))])]),
+				_: 3
+			}, 8, [
+				"label",
+				"error",
+				"hint",
+				"required",
+				"html-for"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/components/SettingsModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$48 = { class: "mint-settings-modal" };
-var _hoisted_2$43 = {
+var _hoisted_1$49 = {
 	key: 0,
 	class: "mint-settings-modal__tabs"
 };
-var _hoisted_3$40 = ["onClick"];
-var _hoisted_4$36 = { class: "mint-settings-modal__content" };
-var _hoisted_5$34 = { key: 0 };
-var _hoisted_6$33 = { class: "mint-settings-modal__section" };
-var _hoisted_7$29 = { class: "mint-settings-modal__option-group" };
-var _hoisted_8$27 = ["onClick"];
-var _hoisted_9$27 = { class: "mint-settings-modal__section" };
-var _hoisted_10$26 = { class: "mint-settings-modal__option-group" };
-var _hoisted_11$26 = ["onClick"];
-var _hoisted_12$24 = { class: "mint-settings-modal__section" };
-var _hoisted_13$24 = { class: "mint-settings-modal__option-group" };
-var _hoisted_14$23 = ["onClick"];
+var _hoisted_2$44 = ["onClick"];
+var _hoisted_3$41 = {
+	key: 1,
+	class: "mint-settings-modal__rail",
+	role: "tablist",
+	"aria-orientation": "vertical",
+	"aria-label": "Settings sections"
+};
+var _hoisted_4$36 = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"tabindex",
+	"onClick"
+];
+var _hoisted_5$34 = {
+	class: "mint-settings-modal__rail-item-icon",
+	"aria-hidden": "true"
+};
+var _hoisted_6$33 = ["innerHTML"];
+var _hoisted_7$29 = { class: "mint-settings-modal__rail-item-text" };
+var _hoisted_8$27 = { class: "mint-settings-modal__rail-item-label" };
+var _hoisted_9$27 = {
+	key: 0,
+	class: "mint-settings-modal__rail-item-description"
+};
+var _hoisted_10$26 = {
+	key: 0,
+	class: "mint-settings-modal__pane-header"
+};
+var _hoisted_11$26 = { class: "mint-settings-modal__pane-title" };
+var _hoisted_12$24 = {
+	key: 0,
+	class: "mint-settings-modal__pane-subtitle"
+};
+var _hoisted_13$24 = { key: 2 };
+var _hoisted_14$23 = { class: "mint-settings-modal__section" };
+var _hoisted_15$22 = { class: "mint-settings-modal__option-group" };
+var _hoisted_16$21 = ["onClick"];
+var _hoisted_17$21 = { class: "mint-settings-modal__section" };
+var _hoisted_18$21 = { class: "mint-settings-modal__option-group" };
+var _hoisted_19$19 = ["onClick"];
+var _hoisted_20$18 = { class: "mint-settings-modal__section" };
+var _hoisted_21$15 = { class: "mint-settings-modal__option-group" };
+var _hoisted_22$13 = ["onClick"];
+var APPEARANCE_TAB_ID = "appearance";
 //#endregion
 //#region src/components/SettingsModal.vue
 var SettingsModal_default = /* @__PURE__ */ defineComponent({
@@ -2067,19 +2151,79 @@ var SettingsModal_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: true
 		},
-		size: { default: "lg" }
+		size: { default: "lg" },
+		layout: { default: "horizontal" },
+		schema: {},
+		values: {},
+		enhancements: {}
 	},
-	emits: ["update:modelValue", "close"],
+	emits: [
+		"update:modelValue",
+		"update:values",
+		"close"
+	],
 	setup(__props, { emit: __emit }) {
-		/** Tabbed settings modal with a built-in appearance tab (theme, color palette, table density) and extensible custom tabs. */
+		/**
+		* Tabbed settings modal with three usage modes:
+		*
+		*   1. Schema-driven (recommended) — pass `schema` + `v-model:values`. Each
+		*      group becomes a tab; fields auto-render via the SDK's FormFieldRenderer
+		*      registry (text, select, number, toggle, molecule, concentration, …).
+		*      Conditional visibility, validation, and dynamic options come for free.
+		*
+		*   2. Manual tabs + slots — pass `tabs` and a `<template #tab-{id}>` slot
+		*      per tab. Use this when you need bespoke widgets the form-builder
+		*      registry doesn't cover (or for legacy plugins).
+		*
+		*   3. Appearance only — `showAppearance` (default true) renders the built-in
+		*      theme / palette / table-density tab. Works alongside both modes above.
+		*
+		* Layout: `horizontal` (underline tabs, default) or `vertical` (sidebar rail
+		* with optional icons + descriptions, recommended for 5+ groups).
+		*/
+		function buildFlatSchema(schema) {
+			return { sections: schema.groups.map((g) => ({
+				id: g.id,
+				title: "",
+				fields: g.fields,
+				columns: g.columns,
+				condition: g.condition
+			})) };
+		}
 		const props = __props;
 		const emit = __emit;
 		const settings = useSettingsStore();
-		const allTabs = computed(() => props.showAppearance ? [...props.tabs, {
-			id: "appearance",
-			label: "Appearance"
-		}] : props.tabs);
-		const activeTab = ref(allTabs.value[0]?.id || "appearance");
+		const APPEARANCE_TAB = {
+			id: APPEARANCE_TAB_ID,
+			label: "Appearance",
+			description: "Theme, color palette, and table density"
+		};
+		const isVertical = computed(() => props.layout === "vertical");
+		const uid = `mint-settings-${Math.random().toString(36).slice(2, 9)}`;
+		const tabId = (id) => `${uid}-tab-${id}`;
+		const panelId = (id) => `${uid}-panel-${id}`;
+		const builder = props.schema ? useFormBuilder(buildFlatSchema(props.schema), props.values, props.enhancements) : null;
+		if (builder) watch(() => ({ ...builder.form.data }), (data) => emit("update:values", data), { deep: true });
+		const visibleSchemaGroups = computed(() => builder && props.schema ? props.schema.groups.filter((g) => builder.isSectionVisible(g.id)) : []);
+		const allTabs = computed(() => {
+			const base = props.schema ? visibleSchemaGroups.value.map((g) => ({
+				id: g.id,
+				label: g.label,
+				icon: g.icon,
+				description: g.description
+			})) : props.tabs;
+			return props.showAppearance ? [...base, APPEARANCE_TAB] : base;
+		});
+		const activeTab = ref(allTabs.value[0]?.id || APPEARANCE_TAB_ID);
+		const activeTabMeta = computed(() => allTabs.value.find((t) => t.id === activeTab.value));
+		watch(allTabs, (tabs) => {
+			if (!tabs.some((t) => t.id === activeTab.value)) activeTab.value = tabs[0]?.id ?? APPEARANCE_TAB_ID;
+		});
+		const activeGroup = computed(() => visibleSchemaGroups.value.find((g) => g.id === activeTab.value));
+		const activeGroupVisibleFields = computed(() => {
+			if (!activeGroup.value || !builder) return [];
+			return activeGroup.value.fields.filter((f) => builder.isFieldVisible(f.name));
+		});
 		const themeOptions = [
 			{
 				value: "light",
@@ -2120,46 +2264,97 @@ var SettingsModal_default = /* @__PURE__ */ defineComponent({
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
 				onClose: handleClose
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$48, [allTabs.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2$43, [(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$49, [(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_3$40);
-				}), 128))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4$36, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
-					return withDirectives((openBlock(), createElementBlock("div", { key: tab.id }, [renderSlot(_ctx.$slots, `tab-${tab.id}`)], 512)), [[vShow, activeTab.value === tab.id]]);
-				}), 128)), __props.showAppearance ? withDirectives((openBlock(), createElementBlock("div", _hoisted_5$34, [
-					createElementVNode("div", _hoisted_6$33, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Theme", -1)), createElementVNode("div", _hoisted_7$29, [(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_8$27);
-					}), 64))])]),
-					createElementVNode("div", _hoisted_9$27, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Color Palette", -1)), createElementVNode("div", _hoisted_10$26, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorPalettes), (palette, key) => {
-						return openBlock(), createElementBlock("button", {
-							key,
-							type: "button",
-							class: normalizeClass(["mint-settings-modal__option-btn", { "mint-settings-modal__option-btn--active": unref(settings).colorPalette === key }]),
-							onClick: ($event) => unref(settings).colorPalette = key
-						}, toDisplayString(palette.name), 11, _hoisted_11$26);
-					}), 128))])]),
-					createElementVNode("div", _hoisted_12$24, [
-						_cache[3] || (_cache[3] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Table Density", -1)),
-						createElementVNode("div", _hoisted_13$24, [(openBlock(), createElementBlock(Fragment, null, renderList(densityOptions, (opt) => {
+					}, toDisplayString(tab.label), 11, _hoisted_2$44);
+				}), 128))])) : isVertical.value ? (openBlock(), createElementBlock("div", _hoisted_3$41, [(openBlock(true), createElementBlock(Fragment, null, renderList(allTabs.value, (tab) => {
+					return openBlock(), createElementBlock("button", {
+						id: tabId(tab.id),
+						key: tab.id,
+						type: "button",
+						role: "tab",
+						class: normalizeClass(["mint-settings-modal__rail-item", { "mint-settings-modal__rail-item--active": activeTab.value === tab.id }]),
+						"aria-selected": activeTab.value === tab.id,
+						"aria-controls": panelId(tab.id),
+						tabindex: activeTab.value === tab.id ? 0 : -1,
+						onClick: ($event) => activeTab.value = tab.id
+					}, [createElementVNode("span", _hoisted_5$34, [tab.icon ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						innerHTML: tab.icon
+					}, null, 8, _hoisted_6$33)) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_7$29, [createElementVNode("span", _hoisted_8$27, toDisplayString(tab.label), 1), tab.description ? (openBlock(), createElementBlock("span", _hoisted_9$27, toDisplayString(tab.description), 1)) : createCommentVNode("", true)])], 10, _hoisted_4$36);
+				}), 128))])) : createCommentVNode("", true), (openBlock(), createBlock(resolveDynamicComponent(isVertical.value ? "section" : "div"), {
+					class: normalizeClass(isVertical.value ? "mint-settings-modal__pane" : "mint-settings-modal__content"),
+					id: isVertical.value && activeTabMeta.value ? panelId(activeTabMeta.value.id) : void 0,
+					role: isVertical.value ? "tabpanel" : void 0,
+					"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$26, [createElementVNode("h4", _hoisted_11$26, 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) }, [__props.schema && unref(builder) && activeGroup.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "mint-settings-modal__group-grid",
+						style: normalizeStyle({ "--mint-settings-cols": activeGroup.value.columns ?? 1 })
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeGroupVisibleFields.value, (field) => {
+						return openBlock(), createElementBlock("div", {
+							key: field.name,
+							style: normalizeStyle(field.colSpan ? { gridColumn: `span ${field.colSpan}` } : void 0)
+						}, [renderSlot(_ctx.$slots, `field:${field.name}`, {
+							field,
+							form: unref(builder).form,
+							fieldProps: unref(builder).form.getFieldProps(field.name)
+						}, () => [createVNode(FormFieldRenderer_default, {
+							field,
+							"resolved-props": unref(builder).getResolvedFieldProps(field),
+							form: unref(builder).form
+						}, null, 8, [
+							"field",
+							"resolved-props",
+							"form"
+						])])], 4);
+					}), 128))], 4)) : !unref(builder) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.tabs, (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$24, [
+						createElementVNode("div", _hoisted_14$23, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Theme", -1)), createElementVNode("div", _hoisted_15$22, [(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).tableDensity === opt.value }]),
-								onClick: ($event) => unref(settings).tableDensity = opt.value
-							}, toDisplayString(opt.label), 11, _hoisted_14$23);
-						}), 64))]),
-						_cache[4] || (_cache[4] = createElementVNode("p", { class: "mint-settings-modal__note" }, "Adjusts row height in data tables.", -1))
-					]),
-					renderSlot(_ctx.$slots, "appearance")
-				], 512)), [[vShow, activeTab.value === "appearance"]]) : createCommentVNode("", true)])])]),
+								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$21);
+						}), 64))])]),
+						createElementVNode("div", _hoisted_17$21, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Color Palette", -1)), createElementVNode("div", _hoisted_18$21, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorPalettes), (palette, key) => {
+							return openBlock(), createElementBlock("button", {
+								key,
+								type: "button",
+								class: normalizeClass(["mint-settings-modal__option-btn", { "mint-settings-modal__option-btn--active": unref(settings).colorPalette === key }]),
+								onClick: ($event) => unref(settings).colorPalette = key
+							}, toDisplayString(palette.name), 11, _hoisted_19$19);
+						}), 128))])]),
+						createElementVNode("div", _hoisted_20$18, [
+							_cache[3] || (_cache[3] = createElementVNode("div", { class: "mint-settings-modal__section-label" }, "Table Density", -1)),
+							createElementVNode("div", _hoisted_21$15, [(openBlock(), createElementBlock(Fragment, null, renderList(densityOptions, (opt) => {
+								return createElementVNode("button", {
+									key: opt.value,
+									type: "button",
+									class: normalizeClass(["mint-settings-modal__option-btn", { "mint-settings-modal__option-btn--active": unref(settings).tableDensity === opt.value }]),
+									onClick: ($event) => unref(settings).tableDensity = opt.value
+								}, toDisplayString(opt.label), 11, _hoisted_22$13);
+							}), 64))]),
+							_cache[4] || (_cache[4] = createElementVNode("p", { class: "mint-settings-modal__note" }, "Adjusts row height in data tables.", -1))
+						]),
+						renderSlot(_ctx.$slots, "appearance")
+					], 512)), [[vShow, activeTab.value === APPEARANCE_TAB_ID]]) : createCommentVNode("", true)], 2)]),
+					_: 3
+				}, 8, [
+					"class",
+					"id",
+					"role",
+					"aria-labelledby",
+					"tabindex"
+				]))], 2)]),
 				_: 3
 			}, 8, [
 				"model-value",
@@ -2171,12 +2366,12 @@ var SettingsModal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$47 = { class: "mint-confirm" };
-var _hoisted_2$42 = {
+var _hoisted_1$48 = { class: "mint-confirm" };
+var _hoisted_2$43 = {
 	key: 1,
 	class: "mint-confirm__message"
 };
-var _hoisted_3$39 = { class: "mint-confirm__footer" };
+var _hoisted_3$40 = { class: "mint-confirm__footer" };
 var _hoisted_4$35 = ["disabled"];
 var _hoisted_5$33 = ["disabled"];
 var _hoisted_6$32 = {
@@ -2228,7 +2423,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$39, [createElementVNode("button", {
+				footer: withCtx(() => [createElementVNode("div", _hoisted_3$40, [createElementVNode("button", {
 					type: "button",
 					class: "mint-confirm__btn-cancel",
 					disabled: __props.loading,
@@ -2250,12 +2445,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$33)])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1$47, [
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$48, [
 					_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$42, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+					__props.message ? (openBlock(), createElementBlock("p", _hoisted_2$43, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "default")
 				])]),
 				_: 3
@@ -2272,12 +2467,12 @@ var ConfirmDialog_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExperimentPopover.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$46 = ["title"];
-var _hoisted_2$41 = {
+var _hoisted_1$47 = ["title"];
+var _hoisted_2$42 = {
 	key: 0,
 	class: "mint-experiment-popover__trigger-code"
 };
-var _hoisted_3$38 = {
+var _hoisted_3$39 = {
 	key: 1,
 	class: "mint-experiment-popover__trigger-text"
 };
@@ -2450,7 +2645,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$41, toDisplayString(__props.experimentCode), 1)) : __props.experimentName ? (openBlock(), createElementBlock("span", _hoisted_3$38, toDisplayString(__props.experimentName), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$34, "No experiment")),
+					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_2$42, toDisplayString(__props.experimentCode), 1)) : __props.experimentName ? (openBlock(), createElementBlock("span", _hoisted_3$39, toDisplayString(__props.experimentName), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$34, "No experiment")),
 					_cache[2] || (_cache[2] = createElementVNode("svg", {
 						class: "mint-experiment-popover__trigger-chevron",
 						viewBox: "0 0 24 24",
@@ -2460,7 +2655,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$46), __props.showSave && __props.experimentName ? (openBlock(), createElementBlock("button", {
+				], 10, _hoisted_1$47), __props.showSave && __props.experimentName ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
 					class: normalizeClass([
@@ -2599,9 +2794,9 @@ var Skeleton_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$45 = ["d"];
-var _hoisted_2$40 = ["d"];
-var _hoisted_3$37 = { class: "mint-empty-state__body" };
+var _hoisted_1$46 = ["d"];
+var _hoisted_2$41 = ["d"];
+var _hoisted_3$38 = { class: "mint-empty-state__body" };
 var _hoisted_4$33 = {
 	key: 0,
 	class: "mint-empty-state__title"
@@ -2654,13 +2849,13 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 				}, [__props.iconPath ? (openBlock(), createElementBlock("path", {
 					key: 0,
 					d: __props.iconPath
-				}, null, 8, _hoisted_1$45)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(defaultIconPaths, (d, i) => {
+				}, null, 8, _hoisted_1$46)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(defaultIconPaths, (d, i) => {
 					return createElementVNode("path", {
 						key: i,
 						d
-					}, null, 8, _hoisted_2$40);
+					}, null, 8, _hoisted_2$41);
 				}), 64))], 2))])], 2),
-				createElementVNode("div", _hoisted_3$37, [
+				createElementVNode("div", _hoisted_3$38, [
 					__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$33, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
 					__props.description ? (openBlock(), createElementBlock("p", _hoisted_5$31, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "default")
@@ -2675,7 +2870,7 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/ExperimentCodeBadge.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$44 = [
+var _hoisted_1$45 = [
 	"role",
 	"tabindex",
 	"title"
@@ -2733,15 +2928,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$44);
+			}, toDisplayString(copied.value ? "Copied!" : __props.code), 43, _hoisted_1$45);
 		};
 	}
 });
 //#endregion
 //#region src/components/ExperimentSelectorModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$43 = { class: "mint-experiment-selector__filters-row" };
-var _hoisted_2$39 = { class: "mint-experiment-selector__search" };
-var _hoisted_3$36 = { class: "mint-experiment-selector__filter-select" };
+var _hoisted_1$44 = { class: "mint-experiment-selector__filters-row" };
+var _hoisted_2$40 = { class: "mint-experiment-selector__search" };
+var _hoisted_3$37 = { class: "mint-experiment-selector__filter-select" };
 var _hoisted_4$32 = {
 	key: 0,
 	class: "mint-experiment-selector__filter-select"
@@ -2909,15 +3104,15 @@ var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
 					class: "mint-experiment-selector",
 					onKeydown: handleKeydown
 				}, [
-					createElementVNode("div", _hoisted_1$43, [
-						createElementVNode("div", _hoisted_2$39, [createVNode(BaseInput_default, {
+					createElementVNode("div", _hoisted_1$44, [
+						createElementVNode("div", _hoisted_2$40, [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$36, [createVNode(BaseSelect_default, {
+						createElementVNode("div", _hoisted_3$37, [createVNode(BaseSelect_default, {
 							"model-value": unref(filters).status ?? "",
 							options: unref(EXPERIMENT_STATUS_OPTIONS),
 							size: "sm",
@@ -3117,9 +3312,9 @@ var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppPageSelector.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$42 = ["aria-expanded"];
-var _hoisted_2$38 = { class: "mint-page-selector__label" };
-var _hoisted_3$35 = {
+var _hoisted_1$43 = ["aria-expanded"];
+var _hoisted_2$39 = { class: "mint-page-selector__label" };
+var _hoisted_3$36 = {
 	class: "mint-page-selector__chevron-wrap",
 	"aria-hidden": "true"
 };
@@ -3206,7 +3401,7 @@ var AppPageSelector_default = /* @__PURE__ */ defineComponent({
 				"aria-expanded": isOpen.value,
 				"aria-haspopup": "menu",
 				onClick: withModifiers(toggle, ["stop"])
-			}, [createElementVNode("span", _hoisted_2$38, toDisplayString(current.value?.label ?? __props.placeholder), 1), createElementVNode("span", _hoisted_3$35, [(openBlock(), createElementBlock("svg", {
+			}, [createElementVNode("span", _hoisted_2$39, toDisplayString(current.value?.label ?? __props.placeholder), 1), createElementVNode("span", _hoisted_3$36, [(openBlock(), createElementBlock("svg", {
 				class: normalizeClass(["mint-page-selector__chevron", { "mint-page-selector__chevron--open": isOpen.value }]),
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -3214,7 +3409,7 @@ var AppPageSelector_default = /* @__PURE__ */ defineComponent({
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])], 10, _hoisted_1$42), isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_4$31, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.pages, (page) => {
+			}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])], 10, _hoisted_1$43), isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_4$31, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.pages, (page) => {
 				return openBlock(), createElementBlock(Fragment, { key: page.id }, [page.href ? (openBlock(), createElementBlock("a", {
 					key: 0,
 					href: page.href,
@@ -3268,12 +3463,12 @@ var AppPageSelector_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppPillNav.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$41 = {
+var _hoisted_1$42 = {
 	class: "mint-pill-nav",
 	"aria-label": "Primary"
 };
-var _hoisted_2$37 = ["href"];
-var _hoisted_3$34 = ["disabled", "onClick"];
+var _hoisted_2$38 = ["href"];
+var _hoisted_3$35 = ["disabled", "onClick"];
 //#endregion
 //#region src/components/AppPillNav.vue
 var AppPillNav_default = /* @__PURE__ */ defineComponent({
@@ -3292,7 +3487,7 @@ var AppPillNav_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			const _component_router_link = resolveComponent("router-link");
-			return openBlock(), createElementBlock("nav", _hoisted_1$41, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$42, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.href ? (openBlock(), createElementBlock("a", {
 					key: 0,
 					href: item.href,
@@ -3301,7 +3496,7 @@ var AppPillNav_default = /* @__PURE__ */ defineComponent({
 						{ "mint-pill-nav__item--active": item.id === __props.currentItemId },
 						{ "mint-pill-nav__item--disabled": item.disabled }
 					])
-				}, toDisplayString(item.label), 11, _hoisted_2$37)) : item.to ? (openBlock(), createBlock(_component_router_link, {
+				}, toDisplayString(item.label), 11, _hoisted_2$38)) : item.to ? (openBlock(), createBlock(_component_router_link, {
 					key: 1,
 					to: item.to,
 					class: normalizeClass([
@@ -3322,16 +3517,16 @@ var AppPillNav_default = /* @__PURE__ */ defineComponent({
 					]),
 					disabled: item.disabled,
 					onClick: ($event) => handleClick(item)
-				}, toDisplayString(item.label), 11, _hoisted_3$34))], 64);
+				}, toDisplayString(item.label), 11, _hoisted_3$35))], 64);
 			}), 128))]);
 		};
 	}
 });
 //#endregion
 //#region src/components/AppAvatarMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = ["aria-expanded", "title"];
-var _hoisted_2$36 = { class: "mint-avatar-menu__avatar" };
-var _hoisted_3$33 = {
+var _hoisted_1$41 = ["aria-expanded", "title"];
+var _hoisted_2$37 = { class: "mint-avatar-menu__avatar" };
+var _hoisted_3$34 = {
 	key: 0,
 	class: "mint-avatar-menu__name"
 };
@@ -3474,7 +3669,7 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "menu",
 				title: __props.userName ? `${__props.userName} · Account menu` : "Account menu",
 				onClick: withModifiers(toggle, ["stop"])
-			}, [createElementVNode("span", _hoisted_2$36, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$33, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 10, _hoisted_1$40), isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_4$30, [
+			}, [createElementVNode("span", _hoisted_2$37, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$34, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 10, _hoisted_1$41), isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_4$30, [
 				__props.userName || __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_5$28, [__props.userName ? (openBlock(), createElementBlock("div", _hoisted_6$27, toDisplayString(__props.userName), 1)) : createCommentVNode("", true), __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_7$25, toDisplayString(__props.userEmail), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "items", { close: () => isOpen.value = false }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 					return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.divider ? (openBlock(), createElementBlock("div", _hoisted_8$23)) : item.href ? (openBlock(), createElementBlock("a", {
@@ -3531,9 +3726,9 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/AppPluginSwitcher.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = ["aria-expanded"];
-var _hoisted_2$35 = { class: "mint-plugin-switcher__label" };
-var _hoisted_3$32 = {
+var _hoisted_1$40 = ["aria-expanded"];
+var _hoisted_2$36 = { class: "mint-plugin-switcher__label" };
+var _hoisted_3$33 = {
 	key: 0,
 	class: "mint-plugin-switcher__version"
 };
@@ -3667,8 +3862,8 @@ var AppPluginSwitcher_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "menu",
 				onClick: withModifiers(toggle, ["stop"])
 			}, [
-				createElementVNode("span", _hoisted_2$35, toDisplayString(__props.current.label), 1),
-				__props.current.version ? (openBlock(), createElementBlock("span", _hoisted_3$32, "v" + toDisplayString(__props.current.version), 1)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_2$36, toDisplayString(__props.current.label), 1),
+				__props.current.version ? (openBlock(), createElementBlock("span", _hoisted_3$33, "v" + toDisplayString(__props.current.version), 1)) : createCommentVNode("", true),
 				createElementVNode("span", _hoisted_4$29, [(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-plugin-switcher__chevron", { "mint-plugin-switcher__chevron--open": isOpen.value }]),
 					viewBox: "0 0 24 24",
@@ -3678,7 +3873,7 @@ var AppPluginSwitcher_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])
-			], 10, _hoisted_1$39), isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_5$27, [
+			], 10, _hoisted_1$40), isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_5$27, [
 				_cache[6] || (_cache[6] = createElementVNode("div", { class: "mint-plugin-switcher__menu-title" }, "Switch plugin", -1)),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.plugins, (plugin) => {
 					return openBlock(), createElementBlock(Fragment, { key: plugin.id }, [plugin.href ? (openBlock(), createElementBlock("a", {
@@ -3790,78 +3985,116 @@ var AppPluginSwitcher_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/AppTopBar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = { class: "mint-topbar__container" };
-var _hoisted_2$34 = { class: "mint-topbar__brand" };
-var _hoisted_3$31 = ["href"];
-var _hoisted_4$28 = {
-	key: 0,
-	class: "mint-topbar__logo"
-};
-var _hoisted_5$26 = { class: "mint-topbar__logo-icon" };
-var _hoisted_6$25 = {
-	class: "mint-topbar__logo-svg",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": "2",
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round"
-};
-var _hoisted_7$23 = ["d"];
-var _hoisted_8$21 = {
+//#region src/components/PluginIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$39 = {
 	key: 0,
-	class: "mint-topbar__logo"
-};
-var _hoisted_9$21 = {
-	key: 0,
-	class: "mint-topbar__logo"
-};
-var _hoisted_10$20 = { class: "mint-topbar__logo-icon" };
-var _hoisted_11$20 = {
-	class: "mint-topbar__logo-svg",
+	class: "mint-plugin-icon__svg",
 	viewBox: "0 0 24 24",
 	fill: "none",
 	stroke: "currentColor",
 	"stroke-width": "2",
 	"stroke-linecap": "round",
-	"stroke-linejoin": "round"
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
 };
-var _hoisted_12$18 = ["d"];
-var _hoisted_13$18 = {
+var _hoisted_2$35 = ["d"];
+var _hoisted_3$32 = ["src"];
+var FALLBACK_PATH = "M14 7v4a1 1 0 0 0 1 1h4M5 3h9l5 5v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z";
+//#endregion
+//#region src/components/PluginIcon.vue
+var PluginIcon_default = /* @__PURE__ */ defineComponent({
+	name: "PluginIcon",
+	__name: "PluginIcon",
+	props: {
+		icon: {},
+		size: { default: "md" },
+		variant: { default: "solid" },
+		tone: {}
+	},
+	setup(__props) {
+		/** Renders a plugin's icon as a sized chip. Auto-detects format:
+		*  - SVG path data (e.g. "M13 10V3...") → inline <svg><path>
+		*  - Raster data URL (data:image/png|jpeg|jpg|gif|webp;...) → <img>
+		*  - https:// URL → <img> with no-referrer + lazy loading
+		*  - Anything else → MINT canonical plugin placeholder path
+		*
+		*  http:// URLs and data:image/svg+xml URLs are deliberately rejected
+		*  (mixed-content + XSS, see spec 2026-05-04-plugin-icon-component-design.md). */
+		const props = __props;
+		const PATH_REGEX = /^[Mm][\s,\d\-.]/;
+		const RASTER_DATA_URL_REGEX = /^data:image\/(png|jpeg|jpg|gif|webp);/;
+		const detected = computed(() => {
+			const raw = (props.icon ?? "").replace(/^[\s]+/, "");
+			if (!raw) return {
+				format: "fallback",
+				value: FALLBACK_PATH
+			};
+			if (PATH_REGEX.test(raw)) return {
+				format: "path",
+				value: raw
+			};
+			if (RASTER_DATA_URL_REGEX.test(raw)) return {
+				format: "data-url",
+				value: raw
+			};
+			if (raw.startsWith("https://")) return {
+				format: "https-url",
+				value: raw
+			};
+			return {
+				format: "fallback",
+				value: FALLBACK_PATH
+			};
+		});
+		const rootClasses = computed(() => [
+			"mint-plugin-icon",
+			`mint-plugin-icon--${props.size}`,
+			`mint-plugin-icon--${props.variant}`
+		]);
+		const rootStyle = computed(() => props.tone ? { "--mint-plugin-icon-tone": props.tone } : void 0);
+		return (_ctx, _cache) => {
+			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$39, [createElementVNode("path", { d: detected.value.value }, null, 8, _hoisted_2$35)])) : (openBlock(), createElementBlock("img", {
+				key: 1,
+				class: "mint-plugin-icon__img",
+				src: detected.value.value,
+				alt: "",
+				referrerpolicy: "no-referrer",
+				loading: "lazy"
+			}, null, 8, _hoisted_3$32))], 6);
+		};
+	}
+});
+//#endregion
+//#region src/components/AppTopBar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$38 = { class: "mint-topbar__container" };
+var _hoisted_2$34 = { class: "mint-topbar__brand" };
+var _hoisted_3$31 = ["href"];
+var _hoisted_4$28 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_14$17 = {
+var _hoisted_5$26 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_15$16 = { class: "mint-topbar__logo-icon" };
-var _hoisted_16$15 = {
-	class: "mint-topbar__logo-svg",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": "2",
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round"
-};
-var _hoisted_17$15 = ["d"];
-var _hoisted_18$15 = {
+var _hoisted_6$25 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_19$15 = {
+var _hoisted_7$23 = {
 	key: 2,
 	class: "mint-topbar-title-group"
 };
-var _hoisted_20$15 = { class: "mint-topbar-title" };
-var _hoisted_21$13 = { class: "mint-topbar-subtitle" };
-var _hoisted_22$11 = {
+var _hoisted_8$21 = { class: "mint-topbar-title" };
+var _hoisted_9$21 = { class: "mint-topbar-subtitle" };
+var _hoisted_10$20 = {
 	key: 1,
 	class: "mint-topbar-plugin-name--static"
 };
-var _hoisted_23$9 = {
+var _hoisted_11$20 = {
 	key: 2,
 	class: "mint-topbar-separator",
 	width: "16",
@@ -3873,85 +4106,84 @@ var _hoisted_23$9 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_24$9 = {
+var _hoisted_12$18 = {
 	key: 3,
 	class: "mint-topbar-current-page"
 };
-var _hoisted_25$8 = { class: "mint-topbar-dropdown" };
-var _hoisted_26$8 = ["href"];
-var _hoisted_27$7 = { class: "mint-topbar-dropdown-item__label" };
-var _hoisted_28$6 = {
+var _hoisted_13$18 = { class: "mint-topbar-dropdown" };
+var _hoisted_14$17 = ["href"];
+var _hoisted_15$16 = { class: "mint-topbar-dropdown-item__label" };
+var _hoisted_16$15 = {
 	key: 0,
 	class: "mint-topbar-dropdown-item__description"
 };
-var _hoisted_29$6 = { class: "mint-topbar-dropdown-item__label" };
-var _hoisted_30$6 = {
+var _hoisted_17$15 = { class: "mint-topbar-dropdown-item__label" };
+var _hoisted_18$15 = {
 	key: 0,
 	class: "mint-topbar-dropdown-item__description"
 };
-var _hoisted_31$6 = ["onClick"];
-var _hoisted_32$6 = { class: "mint-topbar-dropdown-item__label" };
-var _hoisted_33$6 = {
+var _hoisted_19$15 = ["onClick"];
+var _hoisted_20$15 = { class: "mint-topbar-dropdown-item__label" };
+var _hoisted_21$13 = {
 	key: 0,
 	class: "mint-topbar-dropdown-item__description"
 };
-var _hoisted_34$6 = {
+var _hoisted_22$11 = {
 	key: 4,
 	class: "mint-topbar__title-only"
 };
-var _hoisted_35$6 = {
+var _hoisted_23$9 = {
 	key: 5,
 	class: "mint-topbar__center"
 };
-var _hoisted_36$6 = {
+var _hoisted_24$9 = {
 	key: 6,
 	class: "mint-topbar__center"
 };
-var _hoisted_37$5 = { class: "mint-topbar__tabs" };
-var _hoisted_38$5 = ["onClick"];
-var _hoisted_39$4 = ["href"];
-var _hoisted_40$4 = ["onClick"];
-var _hoisted_41$4 = {
+var _hoisted_25$8 = { class: "mint-topbar__tabs" };
+var _hoisted_26$8 = ["onClick"];
+var _hoisted_27$7 = ["href"];
+var _hoisted_28$6 = ["onClick"];
+var _hoisted_29$6 = {
 	key: 4,
 	class: "mint-topbar-tab-dropdown"
 };
-var _hoisted_42$3 = ["href"];
-var _hoisted_43$3 = { class: "mint-topbar-dropdown-item__label" };
-var _hoisted_44$3 = {
+var _hoisted_30$6 = ["href"];
+var _hoisted_31$6 = { class: "mint-topbar-dropdown-item__label" };
+var _hoisted_32$6 = {
 	key: 0,
 	class: "mint-topbar-dropdown-item__description"
 };
-var _hoisted_45$3 = { class: "mint-topbar-dropdown-item__label" };
-var _hoisted_46$3 = {
+var _hoisted_33$6 = { class: "mint-topbar-dropdown-item__label" };
+var _hoisted_34$6 = {
 	key: 0,
 	class: "mint-topbar-dropdown-item__description"
 };
-var _hoisted_47$3 = ["onClick"];
-var _hoisted_48$2 = { class: "mint-topbar-dropdown-item__label" };
-var _hoisted_49$2 = {
+var _hoisted_35$6 = ["onClick"];
+var _hoisted_36$6 = { class: "mint-topbar-dropdown-item__label" };
+var _hoisted_37$5 = {
 	key: 0,
 	class: "mint-topbar-dropdown-item__description"
 };
-var _hoisted_50$1 = { class: "mint-topbar__right" };
-var _hoisted_51$1 = {
+var _hoisted_38$5 = { class: "mint-topbar__right" };
+var _hoisted_39$4 = {
 	key: 0,
 	class: "mint-topbar__standalone-badge"
 };
-var _hoisted_52 = {
+var _hoisted_40$4 = {
 	key: 2,
 	class: "mint-topbar__standalone-badge"
 };
-var _hoisted_53 = {
+var _hoisted_41$4 = {
 	key: 0,
 	class: "mint-topbar__icon-btn-dot",
 	"aria-hidden": "true"
 };
-var _hoisted_54 = { class: "mint-topbar__profile-avatar" };
-var _hoisted_55 = {
+var _hoisted_42$3 = { class: "mint-topbar__profile-avatar" };
+var _hoisted_43$3 = {
 	key: 0,
 	class: "mint-topbar__profile-name"
 };
-var SVG_PATH_PREFIX = "M";
 //#endregion
 //#region src/components/AppTopBar.vue
 var AppTopBar_default = /* @__PURE__ */ defineComponent({
@@ -4023,7 +4255,8 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		"plugin-switcher-install",
 		"account-menu-select",
 		"sign-out",
-		"notifications-click"
+		"notifications-click",
+		"settings-values-change"
 	],
 	setup(__props, { emit: __emit }) {
 		/** Full application top bar with brand logo, page selector or plugin switcher, centered pill nav, experiment popover, and avatar menu. */
@@ -4033,10 +4266,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		const { isIntegrated, plugin } = usePlatformContext();
 		const isStandalone = computed(() => !isIntegrated.value);
 		const appExperiment = inject(APP_EXPERIMENT_KEY, null);
-		const pluginIcon = computed(() => {
-			const icon = plugin.value?.icon;
-			return icon && icon.startsWith(SVG_PATH_PREFIX) ? icon : null;
-		});
+		const hasPluginIcon = computed(() => !!plugin.value?.icon);
 		const profileInitial = computed(() => {
 			if (props.userInitial) return props.userInitial;
 			if (props.userName) return props.userName.charAt(0).toUpperCase();
@@ -4104,14 +4334,35 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						key: 0,
 						href: __props.homePath,
 						class: "mint-topbar-home-link"
-					}, [renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createElementBlock("div", _hoisted_4$28, [createElementVNode("div", _hoisted_5$26, [(openBlock(), createElementBlock("svg", _hoisted_6$25, [createElementVNode("path", { d: pluginIcon.value }, null, 8, _hoisted_7$23)]))])])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_8$21, [..._cache[21] || (_cache[21] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])], 8, _hoisted_3$31)) : __props.homePath ? (openBlock(), createBlock(_component_router_link, {
+					}, [renderSlot(_ctx.$slots, "icon", {}, () => [hasPluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-topbar__plugin-icon",
+						icon: unref(plugin).icon,
+						tone: unref(plugin).color,
+						size: "md",
+						variant: "solid"
+					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_4$28, [..._cache[22] || (_cache[22] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])], 8, _hoisted_3$31)) : __props.homePath ? (openBlock(), createBlock(_component_router_link, {
 						key: 1,
 						to: __props.homePath,
 						class: "mint-topbar-home-link"
 					}, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createElementBlock("div", _hoisted_9$21, [createElementVNode("div", _hoisted_10$20, [(openBlock(), createElementBlock("svg", _hoisted_11$20, [createElementVNode("path", { d: pluginIcon.value }, null, 8, _hoisted_12$18)]))])])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_13$18, [..._cache[22] || (_cache[22] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])]),
+						default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [hasPluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+							key: 0,
+							class: "mint-topbar__plugin-icon",
+							icon: unref(plugin).icon,
+							tone: unref(plugin).color,
+							size: "md",
+							variant: "solid"
+						}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_5$26, [..._cache[23] || (_cache[23] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])]),
 						_: 3
-					}, 8, ["to"])) : renderSlot(_ctx.$slots, "icon", { key: 2 }, () => [pluginIcon.value ? (openBlock(), createElementBlock("div", _hoisted_14$17, [createElementVNode("div", _hoisted_15$16, [(openBlock(), createElementBlock("svg", _hoisted_16$15, [createElementVNode("path", { d: pluginIcon.value }, null, 8, _hoisted_17$15)]))])])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_18$15, [..._cache[23] || (_cache[23] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])]),
+					}, 8, ["to"])) : renderSlot(_ctx.$slots, "icon", { key: 2 }, () => [hasPluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-topbar__plugin-icon",
+						icon: unref(plugin).icon,
+						tone: unref(plugin).color,
+						size: "md",
+						variant: "solid"
+					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", { key: 1 }, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_6$25, [..._cache[24] || (_cache[24] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)])])]),
 					hasPluginSwitcher.value && __props.pluginSwitcher ? (openBlock(), createBlock(AppPluginSwitcher_default, {
 						key: 0,
 						current: __props.pluginSwitcher.current,
@@ -4139,7 +4390,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-item-icon", normalizeProps(guardReactiveProps(slotProps)))]),
 						key: "1"
 					} : void 0]), 1032, ["pages", "current-page-id"])) : createCommentVNode("", true),
-					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_19$15, [createElementVNode("span", _hoisted_20$15, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_21$13, toDisplayString(__props.subtitle), 1)])) : hasLegacyBreadcrumb.value ? (openBlock(), createElementBlock("div", {
+					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_7$23, [createElementVNode("span", _hoisted_8$21, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_9$21, toDisplayString(__props.subtitle), 1)])) : hasLegacyBreadcrumb.value ? (openBlock(), createElementBlock("div", {
 						key: 3,
 						ref_key: "dropdownRef",
 						ref: dropdownRef,
@@ -4160,10 +4411,10 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"stroke-width": "2",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round"
-						}, [..._cache[24] || (_cache[24] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])) : (openBlock(), createElementBlock("span", _hoisted_22$11, toDisplayString(__props.pluginName), 1)),
-						__props.title ? (openBlock(), createElementBlock("svg", _hoisted_23$9, [..._cache[25] || (_cache[25] = [createElementVNode("path", { d: "m9 18 6-6-6-6" }, null, -1)])])) : createCommentVNode("", true),
-						__props.title ? (openBlock(), createElementBlock("span", _hoisted_24$9, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-						withDirectives(createElementVNode("div", _hoisted_25$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.pages, (page) => {
+						}, [..._cache[25] || (_cache[25] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])) : (openBlock(), createElementBlock("span", _hoisted_10$20, toDisplayString(__props.pluginName), 1)),
+						__props.title ? (openBlock(), createElementBlock("svg", _hoisted_11$20, [..._cache[26] || (_cache[26] = [createElementVNode("path", { d: "m9 18 6-6-6-6" }, null, -1)])])) : createCommentVNode("", true),
+						__props.title ? (openBlock(), createElementBlock("span", _hoisted_12$18, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+						withDirectives(createElementVNode("div", _hoisted_13$18, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.pages, (page) => {
 							return openBlock(), createElementBlock(Fragment, { key: page.id }, [page.href ? (openBlock(), createElementBlock("a", {
 								key: 0,
 								href: page.href,
@@ -4172,7 +4423,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 									"mint-topbar-dropdown-item--disabled": page.disabled
 								}]),
 								onClick: _cache[3] || (_cache[3] = ($event) => showPagesDropdown.value = false)
-							}, [createElementVNode("span", _hoisted_27$7, toDisplayString(page.label), 1), page.description ? (openBlock(), createElementBlock("span", _hoisted_28$6, toDisplayString(page.description), 1)) : createCommentVNode("", true)], 10, _hoisted_26$8)) : page.to ? (openBlock(), createBlock(_component_router_link, {
+							}, [createElementVNode("span", _hoisted_15$16, toDisplayString(page.label), 1), page.description ? (openBlock(), createElementBlock("span", _hoisted_16$15, toDisplayString(page.description), 1)) : createCommentVNode("", true)], 10, _hoisted_14$17)) : page.to ? (openBlock(), createBlock(_component_router_link, {
 								key: 1,
 								to: page.to,
 								class: normalizeClass(["mint-topbar-dropdown-item", {
@@ -4181,7 +4432,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 								}]),
 								onClick: _cache[4] || (_cache[4] = ($event) => showPagesDropdown.value = false)
 							}, {
-								default: withCtx(() => [createElementVNode("span", _hoisted_29$6, toDisplayString(page.label), 1), page.description ? (openBlock(), createElementBlock("span", _hoisted_30$6, toDisplayString(page.description), 1)) : createCommentVNode("", true)]),
+								default: withCtx(() => [createElementVNode("span", _hoisted_17$15, toDisplayString(page.label), 1), page.description ? (openBlock(), createElementBlock("span", _hoisted_18$15, toDisplayString(page.description), 1)) : createCommentVNode("", true)]),
 								_: 2
 							}, 1032, ["to", "class"])) : (openBlock(), createElementBlock("button", {
 								key: 2,
@@ -4191,17 +4442,17 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 									"mint-topbar-dropdown-item--disabled": page.disabled
 								}]),
 								onClick: ($event) => handlePageClick(page)
-							}, [createElementVNode("span", _hoisted_32$6, toDisplayString(page.label), 1), page.description ? (openBlock(), createElementBlock("span", _hoisted_33$6, toDisplayString(page.description), 1)) : createCommentVNode("", true)], 10, _hoisted_31$6))], 64);
+							}, [createElementVNode("span", _hoisted_20$15, toDisplayString(page.label), 1), page.description ? (openBlock(), createElementBlock("span", _hoisted_21$13, toDisplayString(page.description), 1)) : createCommentVNode("", true)], 10, _hoisted_19$15))], 64);
 						}), 128))], 512), [[vShow, showPagesDropdown.value]])
-					], 512)) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_34$6, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					], 512)) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_22$11, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "nav"),
-					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_35$6, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value && __props.pillNav ? (openBlock(), createBlock(AppPillNav_default, {
+					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_23$9, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value && __props.pillNav ? (openBlock(), createBlock(AppPillNav_default, {
 						key: 0,
 						items: __props.pillNav,
 						"current-item-id": __props.currentPillId,
 						onSelect: _cache[5] || (_cache[5] = ($event) => emit("pill-select", $event))
 					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-					!hasPillNav.value && __props.tabs?.length ? (openBlock(), createElementBlock("div", _hoisted_36$6, [createElementVNode("div", _hoisted_37$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+					!hasPillNav.value && __props.tabs?.length ? (openBlock(), createElementBlock("div", _hoisted_24$9, [createElementVNode("div", _hoisted_25$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
 						return openBlock(), createElementBlock("div", {
 							key: tab.id,
 							ref_for: true,
@@ -4226,7 +4477,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"stroke-width": "2",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round"
-						}, [..._cache[26] || (_cache[26] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 10, _hoisted_38$5)) : tab.href ? (openBlock(), createElementBlock("a", {
+						}, [..._cache[27] || (_cache[27] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 10, _hoisted_26$8)) : tab.href ? (openBlock(), createElementBlock("a", {
 							key: 1,
 							href: tab.href,
 							class: normalizeClass([
@@ -4234,7 +4485,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 								{ "mint-topbar-tab--active": tab.id === __props.currentTabId },
 								{ "mint-topbar-tab--disabled": tab.disabled }
 							])
-						}, toDisplayString(tab.label), 11, _hoisted_39$4)) : tab.to ? (openBlock(), createBlock(_component_router_link, {
+						}, toDisplayString(tab.label), 11, _hoisted_27$7)) : tab.to ? (openBlock(), createBlock(_component_router_link, {
 							key: 2,
 							to: tab.to,
 							class: normalizeClass([
@@ -4254,7 +4505,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 								{ "mint-topbar-tab--disabled": tab.disabled }
 							]),
 							onClick: ($event) => handleTabClick(tab)
-						}, toDisplayString(tab.label), 11, _hoisted_40$4)), tab.children?.length ? withDirectives((openBlock(), createElementBlock("div", _hoisted_41$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(tab.children, (option) => {
+						}, toDisplayString(tab.label), 11, _hoisted_28$6)), tab.children?.length ? withDirectives((openBlock(), createElementBlock("div", _hoisted_29$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(tab.children, (option) => {
 							return openBlock(), createElementBlock(Fragment, { key: option.id }, [option.href ? (openBlock(), createElementBlock("a", {
 								key: 0,
 								href: option.href,
@@ -4264,7 +4515,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 									{ "mint-topbar-dropdown-item--disabled": option.disabled }
 								]),
 								onClick: _cache[6] || (_cache[6] = ($event) => openTabDropdown.value = null)
-							}, [createElementVNode("span", _hoisted_43$3, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_44$3, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 10, _hoisted_42$3)) : option.to ? (openBlock(), createBlock(_component_router_link, {
+							}, [createElementVNode("span", _hoisted_31$6, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_32$6, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 10, _hoisted_30$6)) : option.to ? (openBlock(), createBlock(_component_router_link, {
 								key: 1,
 								to: option.to,
 								class: normalizeClass([
@@ -4274,7 +4525,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 								]),
 								onClick: _cache[7] || (_cache[7] = ($event) => openTabDropdown.value = null)
 							}, {
-								default: withCtx(() => [createElementVNode("span", _hoisted_45$3, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_46$3, toDisplayString(option.description), 1)) : createCommentVNode("", true)]),
+								default: withCtx(() => [createElementVNode("span", _hoisted_33$6, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_34$6, toDisplayString(option.description), 1)) : createCommentVNode("", true)]),
 								_: 2
 							}, 1032, ["to", "class"])) : (openBlock(), createElementBlock("button", {
 								key: 2,
@@ -4285,11 +4536,11 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 									{ "mint-topbar-dropdown-item--disabled": option.disabled }
 								]),
 								onClick: ($event) => handleTabOptionClick(option, tab)
-							}, [createElementVNode("span", _hoisted_48$2, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_49$2, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 10, _hoisted_47$3))], 64);
+							}, [createElementVNode("span", _hoisted_36$6, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_37$5, toDisplayString(option.description), 1)) : createCommentVNode("", true)], 10, _hoisted_35$6))], 64);
 						}), 128))], 512)), [[vShow, openTabDropdown.value === tab.id]]) : createCommentVNode("", true)], 512);
 					}), 128))])])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_50$1, [
-						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_51$1, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_38$5, [
+						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_39$4, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
 						unref(appExperiment) && !isStandalone.value ? (openBlock(), createBlock(ExperimentPopover_default, {
 							key: 1,
 							"experiment-name": unref(appExperiment).experimentName.value,
@@ -4315,7 +4566,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"save-loading",
 							"save-success-message"
 						])) : createCommentVNode("", true),
-						unref(appExperiment) && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_52, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
+						unref(appExperiment) && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_40$4, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
 						renderSlot(_ctx.$slots, "actions"),
 						__props.showNotifications ? (openBlock(), createElementBlock("button", {
 							key: 3,
@@ -4323,7 +4574,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							class: "mint-topbar__icon-btn",
 							"aria-label": "Notifications",
 							onClick: _cache[11] || (_cache[11] = ($event) => emit("notifications-click"))
-						}, [_cache[27] || (_cache[27] = createElementVNode("svg", {
+						}, [_cache[28] || (_cache[28] = createElementVNode("svg", {
 							class: "mint-topbar__icon-btn-icon",
 							viewBox: "0 0 24 24",
 							fill: "none",
@@ -4331,7 +4582,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_53)) : 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_41$4)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 						__props.showThemeToggle ? (openBlock(), createBlock(ThemeToggle_default, {
 							key: 4,
 							size: "sm"
@@ -4342,7 +4593,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							class: "mint-topbar__settings-btn",
 							"aria-label": "Open settings",
 							onClick: _cache[12] || (_cache[12] = ($event) => settingsOpen.value = true)
-						}, [..._cache[28] || (_cache[28] = [createElementVNode("svg", {
+						}, [..._cache[29] || (_cache[29] = [createElementVNode("svg", {
 							class: "mint-topbar__settings-icon",
 							viewBox: "0 0 24 24",
 							fill: "none",
@@ -4362,7 +4613,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"aria-label": "Admin Dashboard",
 							onClick: _cache[13] || (_cache[13] = ($event) => emit("admin-click"))
 						}, {
-							default: withCtx(() => [..._cache[29] || (_cache[29] = [createElementVNode("svg", {
+							default: withCtx(() => [..._cache[30] || (_cache[30] = [createElementVNode("svg", {
 								class: "mint-topbar__admin-icon",
 								viewBox: "0 0 24 24",
 								fill: "none",
@@ -4400,7 +4651,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							class: "mint-topbar__profile-btn",
 							"aria-label": "Edit profile",
 							onClick: _cache[16] || (_cache[16] = ($event) => emit("profile-click"))
-						}, [createElementVNode("div", _hoisted_54, toDisplayString(profileInitial.value), 1), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_55, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
+						}, [createElementVNode("div", _hoisted_42$3, toDisplayString(profileInitial.value), 1), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_43$3, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
 					])
 				])], 2),
 				__props.showSettings ? (openBlock(), createBlock(SettingsModal_default, {
@@ -4410,7 +4661,12 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					title: __props.settingsConfig?.title,
 					tabs: __props.settingsConfig?.tabs,
 					"show-appearance": __props.settingsConfig?.showAppearance ?? true,
-					size: __props.settingsConfig?.size
+					size: __props.settingsConfig?.size,
+					layout: __props.settingsConfig?.layout,
+					schema: __props.settingsConfig?.schema,
+					values: __props.settingsConfig?.values,
+					enhancements: __props.settingsConfig?.enhancements,
+					"onUpdate:values": _cache[18] || (_cache[18] = ($event) => emit("settings-values-change", $event))
 				}, createSlots({
 					appearance: withCtx(() => [renderSlot(_ctx.$slots, "settings-appearance")]),
 					_: 2
@@ -4424,15 +4680,19 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					"title",
 					"tabs",
 					"show-appearance",
-					"size"
+					"size",
+					"layout",
+					"schema",
+					"values",
+					"enhancements"
 				])) : createCommentVNode("", true),
 				unref(appExperiment) && !isStandalone.value ? (openBlock(), createBlock(ExperimentSelectorModal_default, {
 					key: 1,
 					"model-value": unref(appExperiment).showModal.value,
 					"current-experiment-id": unref(appExperiment).experimentId.value,
-					"onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => $event ? unref(appExperiment).openModal() : unref(appExperiment).closeModal()),
-					onSelect: _cache[19] || (_cache[19] = ($event) => unref(appExperiment).handleSelect($event)),
-					onDeselect: _cache[20] || (_cache[20] = ($event) => unref(appExperiment).handleDetach())
+					"onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => $event ? unref(appExperiment).openModal() : unref(appExperiment).closeModal()),
+					onSelect: _cache[20] || (_cache[20] = ($event) => unref(appExperiment).handleSelect($event)),
+					onDeselect: _cache[21] || (_cache[21] = ($event) => unref(appExperiment).handleDetach())
 				}, null, 8, ["model-value", "current-experiment-id"])) : createCommentVNode("", true)
 			], 64);
 		};
@@ -13384,57 +13644,6 @@ var BatchProgressList_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/FormFieldRenderer.vue
-var FormFieldRenderer_default = /* @__PURE__ */ defineComponent({
-	__name: "FormFieldRenderer",
-	props: {
-		field: {},
-		resolvedProps: {},
-		form: {}
-	},
-	setup(__props) {
-		/**
-		* Renders a single form field inside a FormField wrapper.
-		*
-		* Resolves the SDK component for the field type from the registry, shows
-		* validation errors only after the field has been touched, and handles the
-		* FileUploader's event-based upload pattern via `handleUpload`. Consumers can
-		* override rendering via the `field:<name>` slot.
-		*/
-		const props = __props;
-		const entry = computed(() => getFieldRegistryEntry(props.field.type));
-		const errorMessage = computed(() => {
-			const name = props.field.name;
-			return props.form.touched[name] ? props.form.errors[name] : null;
-		});
-		function handleUpload(files) {
-			props.form.setFieldValue(props.field.name, files);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FormField_default, {
-				label: __props.field.label,
-				error: errorMessage.value ?? void 0,
-				hint: __props.field.hint,
-				required: !!__props.field.validation?.required,
-				"html-for": __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))])]),
-				_: 3
-			}, 8, [
-				"label",
-				"error",
-				"hint",
-				"required",
-				"html-for"
-			]);
-		};
-	}
-});
-//#endregion
 //#region src/components/FormSection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$7 = {
 	key: 0,
@@ -15056,6 +15265,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	MultiSelect: () => MultiSelect_default,
 	NumberInput: () => NumberInput_default,
 	PlateMapEditor: () => PlateMapEditor_default,
+	PluginIcon: () => PluginIcon_default,
 	ProgressBar: () => ProgressBar_default,
 	ProtocolStepEditor: () => ProtocolStepEditor_default,
 	RackEditor: () => RackEditor_default,
@@ -15084,6 +15294,6 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	WellPlate: () => WellPlate_default
 });
 //#endregion
-export { ExperimentPopover_default as $, SampleLegend_default as A, LoadingSpinner_default as B, deriveShade as C, StepWizard_default as D, AutoGroupModal_default as E, Breadcrumb_default as F, AppPluginSwitcher_default as G, AppLayout_default as H, Avatar_default as I, AppPageSelector_default as J, AppAvatarMenu_default as K, ProgressBar_default as L, WellPlate_default as M, ChartContainer_default as N, ExperimentTimeline_default as O, Tooltip_default as P, Skeleton_default as Q, StatusIndicator_default as R, SampleSelector_default as S, hslToHex as T, AppSidebar_default as U, AppContainer_default as V, AppTopBar_default as W, ExperimentCodeBadge_default as X, ExperimentSelectorModal_default as Y, EmptyState_default as Z, ReagentList_default as _, BaseButton_default as _t, TimeRangeInput_default as a, IconButton_default as at, GroupAssigner_default as b, FormActions_default as c, FormField_default as ct, BatchProgressList_default as d, DropdownButton_default as dt, ConfirmDialog_default as et, AuditTrail_default as f, BasePill_default as ft, SampleHierarchyTree_default as g, ColorSlider_default as gt, ProtocolStepEditor_default as h, BaseTabs_default as ht, ScheduleCalendar_default as i, ThemeToggle_default as it, RackEditor_default as j, PlateMapEditor_default as k, FormSection_default as l, DataFrame_default as lt, ScientificNumber_default as m, BaseModal_default as mt, FitPanel_default as n, CollapsibleCard_default as nt, ExperimentDataViewer_default as o, ToastNotification_default as ot, ChemicalFormula_default as p, SegmentedControl_default as pt, AppPillNav_default as q, ResourceCard_default as r, SettingsButton_default as rt, FormBuilder_default as s, AlertBox_default as st, components_exports as t, SettingsModal_default as tt, FormFieldRenderer_default as u, Calendar_default as ut, ReagentEditor_default as v, hexToHsl as w, GroupingModal_default as x, DoseCalculator_default as y, Divider_default as z };
+export { ExperimentPopover_default as $, RackEditor_default as A, AppContainer_default as B, hexToHsl as C, ExperimentTimeline_default as D, StepWizard_default as E, Avatar_default as F, AppPluginSwitcher_default as G, AppSidebar_default as H, ProgressBar_default as I, AppPageSelector_default as J, AppAvatarMenu_default as K, StatusIndicator_default as L, ChartContainer_default as M, Tooltip_default as N, PlateMapEditor_default as O, Breadcrumb_default as P, Skeleton_default as Q, Divider_default as R, deriveShade as S, AutoGroupModal_default as T, AppTopBar_default as U, AppLayout_default as V, PluginIcon_default as W, ExperimentCodeBadge_default as X, ExperimentSelectorModal_default as Y, EmptyState_default as Z, ReagentEditor_default as _, ColorSlider_default as _t, TimeRangeInput_default as a, ThemeToggle_default as at, GroupingModal_default as b, FormActions_default as c, AlertBox_default as ct, AuditTrail_default as d, Calendar_default as dt, ConfirmDialog_default as et, ChemicalFormula_default as f, DropdownButton_default as ft, ReagentList_default as g, BaseTabs_default as gt, SampleHierarchyTree_default as h, BaseModal_default as ht, ScheduleCalendar_default as i, SettingsButton_default as it, WellPlate_default as j, SampleLegend_default as k, FormSection_default as l, FormField_default as lt, ProtocolStepEditor_default as m, SegmentedControl_default as mt, FitPanel_default as n, FormFieldRenderer_default as nt, ExperimentDataViewer_default as o, IconButton_default as ot, ScientificNumber_default as p, BasePill_default as pt, AppPillNav_default as q, ResourceCard_default as r, CollapsibleCard_default as rt, FormBuilder_default as s, ToastNotification_default as st, components_exports as t, SettingsModal_default as tt, BatchProgressList_default as u, DataFrame_default as ut, DoseCalculator_default as v, BaseButton_default as vt, hslToHex as w, SampleSelector_default as x, GroupAssigner_default as y, LoadingSpinner_default as z };
 
-//# sourceMappingURL=components-CzbQQPCb.js.map
+//# sourceMappingURL=components-_XqPEhP9.js.map