@morscherlab/mint-sdk 1.2.0-beta.4 → 1.2.0-beta.7

package/dist/{components-MGNL6tRn.js → components-B80gV0P6.js}

@@ -1,16 +1,16 @@
 import { n as __exportAll, r as __toESM } from "./chunk-BoAXSpZd.js";
-import { f as BaseModal_default, m as BaseButton_default, p as useEventListener } from "./experiment-utils-CLnzPPq5.js";
-import { a as BaseSelect_default, i as BasePill_default, n as Skeleton_default, o as normalizeOptionInput, r as useRequestSyncState, s as BaseInput_default, t as EmptyState_default } from "./EmptyState-p90quq8Z.js";
-import { A as useConcentrationUnits, At as BaseToggle_default, Et as useListSelection, Ft as offset, I as useChemicalFormula, It as shift, K as useGeneratedAnalysis, L as GeneratedPathInput_default, Lt as BaseTextarea_default, M as SequenceInput_default, Mt as Tooltip_default, Nt as computePosition, O as ConcentrationInput_default, Ot as BaseSlider_default, P as FormulaInput_default, Pt as flip, R as ArtifactSelectorModal_default, T as getDefaultControlView, Tt as MultiSelect_default, U as resolveCurrentExperimentId, V as getInjectedPlatformContext, X as jobStatusLabel, Z as normalizeJobPercent, _ as controlsToFormSchema, at as NumberInput_default, f as resolveControlModel, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, it as FileUploader_default, j as MoleculeInput_default, jt as BaseCheckbox_default, k as UnitInput_default, kt as BaseRadioGroup_default, lt as compareTime, m as controlValuesToComponentBindingsById, mt as formatTime, nt as _plugin_vue_export_helper_default, o as defineDoseDesignControlModel, ot as TagsInput_default, p as controlValuesToComponentBindings, pt as formatDuration, r as getControlDefaults, rt as AlertBox_default, st as TimePicker_default, tt as DateTimePicker_default, u as useControlWorkspace, ut as durationMinutes, w as controlsToViewItems, wt as DatePicker_default, x as controlsToSidebarPanels, y as controlsToSectionFormSchemas } from "./useControlSchema-CXhxTul7.js";
-import { a as pickExistingRecordKeys, c as normalizeItemInput, i as formSchemaFieldNames, l as normalizeLabelItemInput, o as recordValuesEqualForKeys, r as FormFieldRendererInternal_default, s as FormField_default, t as SettingsModal_default } from "./SettingsModal-CkNM8qAI.js";
-import { t as useDropdownState } from "./useDropdownState-DSb3BC3N.js";
-import { $ as useToast, B as useDoseCalculator, C as getSampleGroupParentPath, G as useMobileSupportGate, J as getInjectedFrontendRevision, K as APP_EXPERIMENT_KEY, N as useAutoGroup, P as parseCSV, Q as useTheme, R as DEFAULT_COLORS, S as getSampleGroupMajorPrefix, U as usePluginJobCenter, W as DEFAULT_MOBILE_VIEWPORT_QUERY, Y as useRuntimeAlignment, Z as usePresenceHeartbeat, _ as useScheduleDrag, a as useReagentSeries, b as useExpansionSet, c as useBioTemplatePresetWorkspace, it as useSortedItems, k as readFileAsText, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, nt as useTextSearch, o as useGroupAssignment, q as useAppExperiment, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, v as useExperimentSamples, x as useSampleGroups, y as useExperimentData, z as useWellPlateEditor } from "./useProtocolTemplates-BWhQIWV5.js";
+import { f as BaseModal_default, h as BaseButton_default, m as useEventListener, p as useFocusTrap } from "./experiment-utils-DV3DrvE_.js";
+import { a as BaseSelect_default, i as BasePill_default, n as Skeleton_default, o as normalizeOptionInput, r as useRequestSyncState, s as BaseInput_default, t as EmptyState_default } from "./EmptyState-NBqf2_8z.js";
+import { A as useConcentrationUnits, Bt as MultiSelect_default, Gt as BaseToggle_default, I as useChemicalFormula, Jt as computePosition, K as useGeneratedAnalysis, Kt as BaseCheckbox_default, L as GeneratedPathInput_default, M as SequenceInput_default, O as ConcentrationInput_default, Ot as formatDuration, P as FormulaInput_default, Qt as BaseTextarea_default, R as ArtifactSelectorModal_default, St as TimePicker_default, Tt as durationMinutes, U as resolveCurrentExperimentId, Ut as BaseSlider_default, V as getInjectedPlatformContext, Vt as useListSelection, Wt as BaseRadioGroup_default, X as jobStatusLabel, Xt as offset, Yt as flip, Z as normalizeJobPercent, Zt as shift, _ as controlsToFormSchema, at as AlertBox_default, ct as SecretInput_default, f as resolveControlModel, g as mergeControlWorkspaceOptions, it as _plugin_vue_export_helper_default, j as MoleculeInput_default, k as UnitInput_default, kt as formatTime, o as defineDoseDesignControlModel, ot as FileUploader_default, qt as Tooltip_default, r as getControlDefaults, rt as isRecord, st as NumberInput_default, tt as DateTimePicker_default, u as useControlWorkspace, wt as compareTime, x as controlsToSidebarPanels, xt as TagsInput_default, y as controlsToSectionFormSchemas, zt as DatePicker_default } from "./useControlSchema-_OVhavKq.js";
+import { a as pickExistingRecordKeys, c as normalizeItemInput, i as formSchemaFieldNames, l as normalizeLabelItemInput, o as recordValuesEqualForKeys, r as FormFieldRendererInternal_default, s as FormField_default, t as SettingsModal_default } from "./SettingsModal-W3TYfnP9.js";
+import { $ as useTheme, B as useDoseCalculator, C as getSampleGroupParentPath, G as DEFAULT_MOBILE_VIEWPORT_QUERY, J as useAppExperiment, K as useMobileSupportGate, N as useAutoGroup, P as parseCSV, Q as usePresenceHeartbeat, R as DEFAULT_COLORS, S as getSampleGroupMajorPrefix, U as usePluginJobCenter, W as usePluginWorkspace, X as useRuntimeAlignment, Y as getInjectedFrontendRevision, _ as useScheduleDrag, a as useReagentSeries, at as useSortedItems, b as useExpansionSet, c as useBioTemplatePresetWorkspace, et as useToast, k as readFileAsText, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, ot as useMenuKeyboard, q as APP_EXPERIMENT_KEY, r as DEFAULT_UNITS, rt as useTextSearch, s as useRackEditor, st as useRovingFocus, t as useProtocolTemplates, v as useExperimentSamples, x as useSampleGroups, y as useExperimentData, z as useWellPlateEditor } from "./useProtocolTemplates-Dq5Pzwyd.js";
+import { t as useDropdownState } from "./useDropdownState-D5G4UvWd.js";
 import { r as useApi } from "./useApi-CDBq6z23.js";
-import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-CuOFB3aP.js";
+import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-Bd714C7y.js";
 import { t as ANALYSIS_FILE_ARTIFACT_SCHEMA } from "./analysisArtifactTypes-DQ0MjwHZ.js";
-import { r as ConfirmDialog_default, t as ExperimentPopover_default } from "./ExperimentPopover-tLwJ7XF4.js";
-import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, V as toBioTemplateComponentPropsByComponent, dn as extractTemplateCollection } from "./templates-BTJ9C9Kb.js";
-import { r as ExperimentCodeBadge_default, t as ExperimentSelectorModal_default } from "./ExperimentSelectorModal-B6P2msT4.js";
+import { r as ConfirmDialog_default, t as ExperimentPopover_default } from "./ExperimentPopover-CfOdh5Rm.js";
+import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, V as toBioTemplateComponentPropsByComponent, dn as extractTemplateCollection } from "./templates-CK72aKO1.js";
+import { r as ExperimentCodeBadge_default, t as ExperimentSelectorModal_default } from "./ExperimentSelectorModal-DvIagrxY.js";
 import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRaw, toRef, unref, useId, useModel, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 //#region src/components/ColorSlider.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$77 = { class: "mint-color-slider__row" };
@@ -167,8 +167,11 @@ var ColorSlider_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/BaseTabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$76 = [
+	"id",
 	"aria-selected",
 	"aria-disabled",
+	"aria-controls",
+	"tabindex",
 	"onClick"
 ];
 var _hoisted_2$67 = { class: "mint-tab__content" };
@@ -217,23 +220,40 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 			const tab = normalizedTabs.value.find((t) => t.id === tabId);
 			if (tab && !tab.disabled) emit("update:modelValue", tabId);
 		}
+		const tabButtonRefs = /* @__PURE__ */ new Map();
+		function setTabButtonRef(id, el) {
+			if (el instanceof HTMLElement) tabButtonRefs.set(id, el);
+			else tabButtonRefs.delete(id);
+		}
+		const { handleKeydown } = useRovingFocus({
+			ids: () => normalizedTabs.value.filter((tab) => !tab.disabled).map((tab) => tab.id),
+			activeId: () => activeTab.value,
+			activate: selectTab,
+			getElement: (id) => tabButtonRefs.get(id)
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(["mint-tabs", `mint-tabs--${__props.variant}`]),
 				role: "tablist"
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedTabs.value, (tab) => {
 				return openBlock(), createElementBlock("button", {
+					id: `mint-tab-${tab.id}`,
 					key: tab.id,
+					ref_for: true,
+					ref: (el) => setTabButtonRef(tab.id, el),
 					type: "button",
 					role: "tab",
 					"aria-selected": activeTab.value === tab.id,
 					"aria-disabled": tab.disabled,
+					"aria-controls": `mint-tabpanel-${tab.id}`,
+					tabindex: activeTab.value === tab.id ? 0 : -1,
 					class: normalizeClass([
 						"mint-tab",
 						activeTab.value === tab.id ? "mint-tab--active" : "",
 						tab.disabled ? "mint-tab--disabled" : ""
 					]),
-					onClick: ($event) => selectTab(tab.id)
+					onClick: ($event) => selectTab(tab.id),
+					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleKeydown) && unref(handleKeydown)(...args))
 				}, [createElementVNode("span", _hoisted_2$67, [
 					isSvgIcon(tab.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$60, [Array.isArray(tab.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(tab.icon, (d, index) => {
 						return openBlock(), createElementBlock("path", {
@@ -246,7 +266,7 @@ var BaseTabs_default = /* @__PURE__ */ defineComponent({
 					}, null, 8, _hoisted_5$54))])) : tab.icon ? (openBlock(), createElementBlock("span", _hoisted_6$50, toDisplayString(tab.icon), 1)) : createCommentVNode("", true),
 					createTextVNode(" " + toDisplayString(tab.label) + " ", 1),
 					tab.badge !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_7$44, toDisplayString(tab.badge), 1)) : createCommentVNode("", true)
-				])], 10, _hoisted_1$76);
+				])], 42, _hoisted_1$76);
 			}), 128))], 2);
 		};
 	}
@@ -353,7 +373,8 @@ var _hoisted_5$53 = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
-	"onClick"
+	"onClick",
+	"onKeydown"
 ];
 var _hoisted_6$49 = { class: "mint-dropdown-button__option-label" };
 var _hoisted_7$43 = {
@@ -398,8 +419,24 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 		* @event select - Emitted when an option is selected, includes full option object
 		*/
 		const emit = __emit;
-		const { isOpen, rootRef, close, toggle: toggleDropdown } = useDropdownState();
+		const { isOpen, rootRef, open, close: closeDropdown, toggle: toggleDropdown } = useDropdownState();
 		const normalizedOptions = computed(() => props.options.map(normalizeOptionInput));
+		const triggerRef = ref(null);
+		const panelRef = ref(null);
+		function optionItems() {
+			if (!panelRef.value) return [];
+			return Array.from(panelRef.value.querySelectorAll("[role=\"option\"]:not([aria-disabled=\"true\"])"));
+		}
+		function close(returnFocus = false) {
+			closeDropdown();
+			if (returnFocus) nextTick(() => triggerRef.value?.focus());
+		}
+		const { handleTriggerKeydown, handlePanelKeydown } = useMenuKeyboard({
+			items: optionItems,
+			isOpen: () => isOpen.value,
+			open,
+			close
+		});
 		const selectedLabel = computed(() => {
 			if (props.modelValue === void 0) return props.placeholder ?? "Select...";
 			return normalizedOptions.value.find((o) => o.value === props.modelValue)?.label ?? String(props.modelValue);
@@ -420,6 +457,8 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 				ref: rootRef,
 				class: "mint-dropdown-button"
 			}, [createElementVNode("button", {
+				ref_key: "triggerRef",
+				ref: triggerRef,
 				type: "button",
 				disabled: __props.disabled || __props.loading,
 				class: normalizeClass([
@@ -433,9 +472,10 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 				]),
 				"aria-expanded": unref(isOpen),
 				"aria-haspopup": "listbox",
-				onClick: toggle
+				onClick: toggle,
+				onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleTriggerKeydown) && unref(handleTriggerKeydown)(...args))
 			}, [
-				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$65, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$65, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10",
@@ -457,31 +497,36 @@ var DropdownButton_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					"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$74), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
+				}, [..._cache[3] || (_cache[3] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))
+			], 42, _hoisted_1$74), createVNode(Transition, { name: "mint-dropdown-button-menu" }, {
 				default: withCtx(() => [unref(isOpen) ? (openBlock(), createElementBlock("ul", {
 					key: 0,
+					ref_key: "panelRef",
+					ref: panelRef,
 					class: "mint-dropdown-button__menu",
 					role: "listbox",
-					"aria-activedescendant": __props.modelValue !== void 0 ? `mint-dropdown-option-${__props.modelValue}` : void 0
+					"aria-activedescendant": __props.modelValue !== void 0 ? `mint-dropdown-option-${__props.modelValue}` : void 0,
+					onKeydown: _cache[1] || (_cache[1] = (...args) => unref(handlePanelKeydown) && unref(handlePanelKeydown)(...args))
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
 					return openBlock(), createElementBlock("li", {
 						id: `mint-dropdown-option-${option.value}`,
 						key: String(option.value),
 						role: "option",
+						tabindex: -1,
 						"aria-selected": option.value === __props.modelValue,
 						"aria-disabled": option.disabled,
 						class: normalizeClass(["mint-dropdown-button__option", {
 							"mint-dropdown-button__option--selected": option.value === __props.modelValue,
 							"mint-dropdown-button__option--disabled": option.disabled
 						}]),
-						onClick: ($event) => selectOption(option)
+						onClick: ($event) => selectOption(option),
+						onKeydown: [withKeys(withModifiers(($event) => selectOption(option), ["prevent"]), ["enter"]), withKeys(withModifiers(($event) => selectOption(option), ["prevent"]), ["space"])]
 					}, [
 						createElementVNode("span", _hoisted_6$49, toDisplayString(option.label), 1),
 						option.description ? (openBlock(), createElementBlock("span", _hoisted_7$43, toDisplayString(option.description), 1)) : createCommentVNode("", true),
-						option.value === __props.modelValue ? (openBlock(), createElementBlock("svg", _hoisted_8$39, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)
-					], 10, _hoisted_5$53);
-				}), 128))], 8, _hoisted_4$55)) : createCommentVNode("", true)]),
+						option.value === __props.modelValue ? (openBlock(), createElementBlock("svg", _hoisted_8$39, [..._cache[4] || (_cache[4] = [createElementVNode("path", { d: "M20 6 9 17l-5-5" }, null, -1)])])) : createCommentVNode("", true)
+					], 42, _hoisted_5$53);
+				}), 128))], 40, _hoisted_4$55)) : createCommentVNode("", true)]),
 				_: 1
 			})], 512);
 		};
@@ -822,7 +867,7 @@ var _hoisted_11$29 = {
 	key: 0,
 	class: "mint-dataframe__td mint-dataframe__td--checkbox"
 };
-var _hoisted_12$26 = ["checked", "onChange"];
+var _hoisted_12$25 = ["checked", "onChange"];
 var _hoisted_13$25 = ["onClick"];
 var _hoisted_14$22 = [
 	"aria-label",
@@ -1192,7 +1237,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								class: "mint-dataframe__checkbox",
 								onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
 								onChange: ($event) => toggleRowSelect(getRowKey(row, rowIndex))
-							}, null, 40, _hoisted_12$26)])) : createCommentVNode("", true),
+							}, null, 40, _hoisted_12$25)])) : createCommentVNode("", true),
 							(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 								return openBlock(), createElementBlock("td", {
 									key: col.key,
@@ -1942,7 +1987,7 @@ var _hoisted_11$28 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_12$25 = ["d"];
+var _hoisted_12$24 = ["d"];
 var _hoisted_13$24 = ["d"];
 var _hoisted_14$21 = {
 	key: 1,
@@ -2086,7 +2131,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 						return openBlock(), createElementBlock("path", {
 							key: i,
 							d
-						}, null, 8, _hoisted_12$25);
+						}, null, 8, _hoisted_12$24);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: action.icon
@@ -2252,9 +2297,6 @@ function parseOffset(value) {
 	if (typeof value !== "string") return void 0;
 	if (/^(?:100|(?:[1-9]?\d)(?:\.\d+)?)%$/.test(value)) return value;
 }
-function isRecord(value) {
-	return typeof value === "object" && value !== null && !Array.isArray(value);
-}
 function isSafeColor(value) {
 	return typeof value === "string" && COLOR_REGEX.test(value);
 }
@@ -2824,37 +2866,32 @@ var _hoisted_3$49 = {
 	class: "mint-avatar-menu__name"
 };
 var _hoisted_4$48 = {
-	key: 0,
-	class: "mint-avatar-menu__panel",
-	role: "menu"
-};
-var _hoisted_5$46 = {
 	key: 0,
 	class: "mint-avatar-menu__header"
 };
-var _hoisted_6$42 = {
+var _hoisted_5$46 = {
 	key: 0,
 	class: "mint-avatar-menu__user-name"
 };
-var _hoisted_7$36 = {
+var _hoisted_6$42 = {
 	key: 1,
 	class: "mint-avatar-menu__user-email"
 };
-var _hoisted_8$33 = {
+var _hoisted_7$36 = {
 	key: 0,
 	class: "mint-avatar-menu__divider",
 	role: "separator"
 };
-var _hoisted_9$31 = {
+var _hoisted_8$33 = {
 	key: 0,
 	class: "mint-avatar-menu__item-icon"
 };
-var _hoisted_10$28 = { class: "mint-avatar-menu__item-label" };
-var _hoisted_11$26 = {
+var _hoisted_9$31 = { class: "mint-avatar-menu__item-label" };
+var _hoisted_10$28 = {
 	key: 1,
 	class: "mint-avatar-menu__item-right"
 };
-var _hoisted_12$24 = { class: "mint-avatar-menu__item-label" };
+var _hoisted_11$26 = { class: "mint-avatar-menu__item-label" };
 //#endregion
 //#region src/components/AppAvatarMenu.vue
 var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
@@ -2880,10 +2917,26 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 		/** Avatar-triggered dropdown with user name/email header, configurable menu items, dividers, and a sign-out action. */
 		const props = __props;
 		const emit = __emit;
-		const { isOpen, rootRef, close, toggle } = useDropdownState({
+		const { isOpen, rootRef, open, close: closeDropdown, toggle } = useDropdownState({
 			onOpen: () => emit("menu-open"),
 			onClose: () => emit("menu-close")
 		});
+		const triggerRef = ref(null);
+		const panelRef = ref(null);
+		function menuItems() {
+			if (!panelRef.value) return [];
+			return Array.from(panelRef.value.querySelectorAll("[role=\"menuitem\"]"));
+		}
+		function close(returnFocus = false) {
+			closeDropdown();
+			if (returnFocus) nextTick(() => triggerRef.value?.focus());
+		}
+		const { handleTriggerKeydown, handlePanelKeydown } = useMenuKeyboard({
+			items: menuItems,
+			isOpen: () => isOpen.value,
+			open,
+			close
+		});
 		const initials = computed(() => {
 			if (props.userInitial) return props.userInitial.slice(0, 2).toUpperCase();
 			if (props.userName) {
@@ -2914,16 +2967,26 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 				ref: rootRef,
 				class: "mint-avatar-menu"
 			}, [createElementVNode("button", {
+				ref_key: "triggerRef",
+				ref: triggerRef,
 				type: "button",
 				class: normalizeClass(["mint-avatar-menu__trigger", { "mint-avatar-menu__trigger--open": unref(isOpen) }]),
 				"aria-expanded": unref(isOpen),
 				"aria-haspopup": "menu",
 				title: __props.userName ? `${__props.userName} · Account menu` : "Account menu",
-				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"]))
-			}, [createElementVNode("span", _hoisted_2$54, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$49, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 10, _hoisted_1$61), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_4$48, [
-				__props.userName || __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_5$46, [__props.userName ? (openBlock(), createElementBlock("div", _hoisted_6$42, toDisplayString(__props.userName), 1)) : createCommentVNode("", true), __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_7$36, toDisplayString(__props.userEmail), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"])),
+				onKeydown: _cache[1] || (_cache[1] = (...args) => unref(handleTriggerKeydown) && unref(handleTriggerKeydown)(...args))
+			}, [createElementVNode("span", _hoisted_2$54, [renderSlot(_ctx.$slots, "avatar", { initials: initials.value }, () => [createTextVNode(toDisplayString(initials.value), 1)])]), __props.userName ? (openBlock(), createElementBlock("span", _hoisted_3$49, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)], 42, _hoisted_1$61), unref(isOpen) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "panelRef",
+				ref: panelRef,
+				class: "mint-avatar-menu__panel",
+				role: "menu",
+				onKeydown: _cache[2] || (_cache[2] = (...args) => unref(handlePanelKeydown) && unref(handlePanelKeydown)(...args))
+			}, [
+				__props.userName || __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_4$48, [__props.userName ? (openBlock(), createElementBlock("div", _hoisted_5$46, toDisplayString(__props.userName), 1)) : createCommentVNode("", true), __props.userEmail ? (openBlock(), createElementBlock("div", _hoisted_6$42, toDisplayString(__props.userEmail), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "items", { close: closeSilently }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-					return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.divider ? (openBlock(), createElementBlock("div", _hoisted_8$33)) : (openBlock(), createBlock(ActionItemInternal_default, {
+					return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.divider ? (openBlock(), createElementBlock("div", _hoisted_7$36)) : (openBlock(), createBlock(ActionItemInternal_default, {
 						key: 1,
 						href: item.href,
 						to: item.to,
@@ -2932,9 +2995,9 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 						onClick: ($event) => handleSelect(item)
 					}, {
 						default: withCtx(() => [
-							item.icon ? (openBlock(), createElementBlock("span", _hoisted_9$31, [renderSlot(_ctx.$slots, "item-icon", { item })])) : createCommentVNode("", true),
-							createElementVNode("span", _hoisted_10$28, toDisplayString(item.label), 1),
-							item.rightLabel ? (openBlock(), createElementBlock("span", _hoisted_11$26, toDisplayString(item.rightLabel), 1)) : createCommentVNode("", true)
+							item.icon ? (openBlock(), createElementBlock("span", _hoisted_8$33, [renderSlot(_ctx.$slots, "item-icon", { item })])) : createCommentVNode("", true),
+							createElementVNode("span", _hoisted_9$31, toDisplayString(item.label), 1),
+							item.rightLabel ? (openBlock(), createElementBlock("span", _hoisted_10$28, toDisplayString(item.rightLabel), 1)) : createCommentVNode("", true)
 						]),
 						_: 2
 					}, 1032, [
@@ -2944,7 +3007,7 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 						"onClick"
 					]))], 64);
 				}), 128))]),
-				__props.showSignOut ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[2] || (_cache[2] = createElementVNode("div", {
+				__props.showSignOut ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[4] || (_cache[4] = createElementVNode("div", {
 					class: "mint-avatar-menu__divider",
 					role: "separator"
 				}, null, -1)), createElementVNode("button", {
@@ -2952,8 +3015,8 @@ var AppAvatarMenu_default = /* @__PURE__ */ defineComponent({
 					class: "mint-avatar-menu__item mint-avatar-menu__item--danger",
 					role: "menuitem",
 					onClick: handleSignOut
-				}, [_cache[1] || (_cache[1] = createStaticVNode("<span class=\"mint-avatar-menu__item-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"></path><polyline points=\"16 17 21 12 16 7\"></polyline><line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\"></line></svg></span>", 1)), createElementVNode("span", _hoisted_12$24, toDisplayString(__props.signOutLabel), 1)])], 64)) : createCommentVNode("", true)
-			])) : createCommentVNode("", true)], 512);
+				}, [_cache[3] || (_cache[3] = createStaticVNode("<span class=\"mint-avatar-menu__item-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"></path><polyline points=\"16 17 21 12 16 7\"></polyline><line x1=\"21\" y1=\"12\" x2=\"9\" y2=\"12\"></line></svg></span>", 1)), createElementVNode("span", _hoisted_11$26, toDisplayString(__props.signOutLabel), 1)])], 64)) : createCommentVNode("", true)
+			], 544)) : createCommentVNode("", true)], 512);
 		};
 	}
 });
@@ -3267,9 +3330,9 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		/** Full application top bar with brand logo, page selector or plugin switcher, centered pill nav, experiment popover, and avatar menu. */
 		const props = __props;
-		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-CkNM8qAI.js").then((n) => n.n));
-		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-tLwJ7XF4.js").then((n) => n.n));
-		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-B6P2msT4.js").then((n) => n.n));
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-W3TYfnP9.js").then((n) => n.n));
+		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-CfOdh5Rm.js").then((n) => n.n));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-DvIagrxY.js").then((n) => n.n));
 		const emit = __emit;
 		const settingsOpen = ref(false);
 		const { isIntegrated, plugin } = usePlatformContext();
@@ -4744,162 +4807,236 @@ var MobileSupportGate_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/PluginWorkspaceView.controls.ts
-function usePluginWorkspaceControls(options) {
-	const resolvedModel = computed(() => resolveControlModel(options.model()));
-	const resolvedControls = computed(() => options.controls() ?? resolvedModel.value?.controls);
-	const resolvedControlOptions = computed(() => mergeControlWorkspaceOptions(resolvedModel.value?.controlOptions ?? {}, options.controlOptions()));
-	const externalControlValues = computed(() => options.modelValue() ?? options.values());
-	const internalControlValues = reactive({});
-	let syncingControlValues = false;
-	const generatedControlDefaults = computed(() => {
-		if (!resolvedControls.value) return {};
-		return {
-			...getControlDefaults(resolvedControls.value),
-			...resolvedControlOptions.value.initialValues ?? {}
+//#region src/components/internal/WorkspaceControlsInternal.vue
+var WorkspaceControlsInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkspaceControlsInternal",
+	props: { controls: {} },
+	setup(__props) {
+		/**
+		* Internal: renders PluginWorkspaceView's default (main content) slot bound to the
+		* control-schema-derived scoped-slot payload (active view, values, component bindings/props).
+		* Not part of the public SDK surface — see PluginWorkspaceView.vue for the public component.
+		*/
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(__props.controls)));
 		};
-	});
-	function replaceControlValues(values) {
-		for (const key of Object.keys(internalControlValues)) if (!(key in values)) delete internalControlValues[key];
-		Object.assign(internalControlValues, values);
-	}
-	function emitControlValues() {
-		options.emitValues({ ...internalControlValues });
-	}
-	function syncResolvedControlValues() {
-		syncingControlValues = true;
-		replaceControlValues({
-			...generatedControlDefaults.value,
-			...externalControlValues.value === void 0 ? internalControlValues : externalControlValues.value
-		});
-		syncingControlValues = false;
 	}
-	function handleControlValuesUpdate(values) {
-		syncingControlValues = true;
-		replaceControlValues({
-			...generatedControlDefaults.value,
-			...values
-		});
-		syncingControlValues = false;
-		emitControlValues();
-	}
-	const resolvedComponentBindings = computed(() => controlValuesToComponentBindings(internalControlValues, options.componentBindings() ?? resolvedModel.value?.componentBindings));
-	const resolvedComponentBindingsById = computed(() => controlValuesToComponentBindingsById(internalControlValues, options.componentBindings() ?? resolvedModel.value?.componentBindings));
-	const resolvedComponentProps = computed(() => {
-		const mapping = options.componentProps() ?? resolvedModel.value?.componentProps;
-		return mapping === void 0 ? {} : controlValuesToComponentProps(internalControlValues, mapping);
-	});
-	const resolvedComponentPropsById = computed(() => {
-		const mappings = options.componentPropsById() ?? resolvedModel.value?.componentPropsById;
-		if (mappings === void 0) return {};
-		return Object.fromEntries(Object.entries(mappings).map(([id, mapping]) => [id, controlValuesToComponentProps(internalControlValues, mapping)]));
-	});
-	const generatedPillNav = computed(() => {
-		if (!resolvedControls.value) return [];
-		return controlsToViewItems(resolvedControls.value, resolvedControlOptions.value);
-	});
-	const generatedDefaultView = computed(() => {
-		if (!resolvedControls.value) return "";
-		return getDefaultControlView(resolvedControls.value, resolvedControlOptions.value);
-	});
-	syncResolvedControlValues();
-	watch([generatedControlDefaults, externalControlValues], syncResolvedControlValues, { deep: true });
-	watch(internalControlValues, () => {
-		if (syncingControlValues) return;
-		emitControlValues();
-	}, {
-		deep: true,
-		flush: "sync"
-	});
-	return {
-		resolvedModel,
-		resolvedControls,
-		resolvedControlOptions,
-		generatedPillNav,
-		generatedDefaultView,
-		internalControlValues,
-		resolvedComponentBindings,
-		resolvedComponentBindingsById,
-		resolvedComponentProps,
-		resolvedComponentPropsById,
-		handleControlValuesUpdate
-	};
-}
+});
 //#endregion
-//#region src/components/PluginWorkspaceView.navigation.ts
-function usePluginWorkspaceNavigation(options) {
-	const internalActiveView = ref(options.defaultActiveView());
-	const resolvedPillNav = computed(() => {
-		if (options.pillNav() !== void 0) return options.pillNav();
-		return options.generatedPillNav.value.length > 0 ? [...options.generatedPillNav.value] : void 0;
-	});
-	const firstConfiguredViewId = computed(() => options.defaultActiveView() ?? firstItemId(options.pillNav()) ?? options.generatedDefaultView.value ?? firstItemId(options.pageSelector()) ?? options.panelIds()[0] ?? "");
-	const resolvedActiveView = computed({
-		get: () => options.activeView() ?? options.currentPillId() ?? options.currentPageSelectorId() ?? internalActiveView.value ?? firstConfiguredViewId.value,
-		set: (value) => {
-			internalActiveView.value = value;
-			options.emitActiveView(value);
+//#region src/components/internal/WorkspaceShellInternal.vue
+var WorkspaceShellInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkspaceShellInternal",
+	props: { shell: {} },
+	emits: [
+		"page-selector-select",
+		"pill-select",
+		"pill-option-select",
+		"plugin-switcher-select",
+		"plugin-switcher-install",
+		"account-menu-select",
+		"sign-out",
+		"notifications-click",
+		"settings-values-change",
+		"admin-click"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Internal: AppLayout + AppTopBar for PluginWorkspaceView, driven by a single `shell` model.
+		* Owns the responsive/collapse layout props and the top bar's default rendering; the caller
+		* decides whether to override the `topbar`/`sidebar` slots and supplies the sidebar content.
+		* Not part of the public SDK surface — see PluginWorkspaceView.vue for the public component.
+		*/
+		const emit = __emit;
+		function handlePillOptionSelect(option, item) {
+			emit("pill-option-select", option, item);
 		}
-	});
-	const resolvedCurrentPillId = computed(() => options.currentPillId() ?? resolvedActiveView.value);
-	const resolvedCurrentPageSelectorId = computed(() => options.currentPageSelectorId() ?? resolvedActiveView.value);
-	function setActiveView(viewId) {
-		resolvedActiveView.value = viewId;
-	}
-	function handlePageSelectorSelect(page) {
-		setActiveView(page.id);
-		options.emitPageSelectorSelect(page);
-	}
-	function handlePillSelect(item) {
-		setActiveView(item.id);
-		options.emitPillSelect(item);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(AppLayout_default, {
+				class: "mint-plugin-workspace-view",
+				"sidebar-position": __props.shell.sidebarPosition,
+				"sidebar-width": __props.shell.sidebarWidth,
+				floating: __props.shell.floating,
+				"responsive-sidebar": __props.shell.responsiveSidebar,
+				"sidebar-toggle-label": __props.shell.sidebarToggleLabel,
+				"sidebar-close-label": __props.shell.sidebarCloseLabel
+			}, createSlots({
+				topbar: withCtx(() => [renderSlot(_ctx.$slots, "topbar", normalizeProps(guardReactiveProps(__props.shell.controls)), () => [createVNode(AppTopBar_default, {
+					title: __props.shell.title,
+					subtitle: __props.shell.subtitle,
+					variant: __props.shell.topBarVariant,
+					"home-path": __props.shell.homePath,
+					"show-logo": __props.shell.showLogo,
+					"page-selector": __props.shell.pageSelector,
+					"current-page-selector-id": __props.shell.currentPageSelectorId,
+					"plugin-switcher": __props.shell.pluginSwitcher,
+					"pill-nav": __props.shell.pillNav,
+					"current-pill-id": __props.shell.currentPillId,
+					"show-theme-toggle": __props.shell.showThemeToggle,
+					"show-settings": __props.shell.showSettings,
+					"settings-config": __props.shell.settingsConfig,
+					"show-standalone-label": __props.shell.showStandaloneLabel,
+					"standalone-label": __props.shell.standaloneLabel,
+					"account-menu": __props.shell.accountMenu,
+					"show-notifications": __props.shell.showNotifications,
+					"has-notification-dot": __props.shell.hasNotificationDot,
+					"show-admin": __props.shell.showAdmin,
+					"admin-path": __props.shell.adminPath,
+					"user-name": __props.shell.userName,
+					"user-initial": __props.shell.userInitial,
+					"user-email": __props.shell.userEmail,
+					onPageSelectorSelect: _cache[0] || (_cache[0] = ($event) => emit("page-selector-select", $event)),
+					onPillSelect: _cache[1] || (_cache[1] = ($event) => emit("pill-select", $event)),
+					onPillOptionSelect: handlePillOptionSelect,
+					onPluginSwitcherSelect: _cache[2] || (_cache[2] = ($event) => emit("plugin-switcher-select", $event)),
+					onPluginSwitcherInstall: _cache[3] || (_cache[3] = ($event) => emit("plugin-switcher-install")),
+					onAccountMenuSelect: _cache[4] || (_cache[4] = ($event) => emit("account-menu-select", $event)),
+					onSignOut: _cache[5] || (_cache[5] = ($event) => emit("sign-out")),
+					onNotificationsClick: _cache[6] || (_cache[6] = ($event) => emit("notifications-click")),
+					onSettingsValuesChange: _cache[7] || (_cache[7] = ($event) => emit("settings-values-change", $event)),
+					onAdminClick: _cache[8] || (_cache[8] = ($event) => emit("admin-click"))
+				}, createSlots({ _: 2 }, [renderList(__props.shell.topBarSlotNames, (slotName) => {
+					return {
+						name: slotName,
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(slotProps ?? {})))])
+					};
+				})]), 1032, [
+					"title",
+					"subtitle",
+					"variant",
+					"home-path",
+					"show-logo",
+					"page-selector",
+					"current-page-selector-id",
+					"plugin-switcher",
+					"pill-nav",
+					"current-pill-id",
+					"show-theme-toggle",
+					"show-settings",
+					"settings-config",
+					"show-standalone-label",
+					"standalone-label",
+					"account-menu",
+					"show-notifications",
+					"has-notification-dot",
+					"show-admin",
+					"admin-path",
+					"user-name",
+					"user-initial",
+					"user-email"
+				])])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(__props.shell.controls)))]),
+				_: 2
+			}, [__props.shell.hasSidebarSurface ? {
+				name: "sidebar",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "sidebar", normalizeProps(guardReactiveProps(__props.shell.controls)))]),
+				key: "0"
+			} : void 0]), 1032, [
+				"sidebar-position",
+				"sidebar-width",
+				"floating",
+				"responsive-sidebar",
+				"sidebar-toggle-label",
+				"sidebar-close-label"
+			]);
+		};
 	}
-	return {
-		resolvedPillNav,
-		firstConfiguredViewId,
-		resolvedActiveView,
-		resolvedCurrentPillId,
-		resolvedCurrentPageSelectorId,
-		setActiveView,
-		handlePageSelectorSelect,
-		handlePillSelect
-	};
-}
-function firstItemId(items) {
-	const item = items?.[0];
-	if (item === void 0) return void 0;
-	return typeof item === "string" ? item : item.id;
-}
+});
 //#endregion
-//#region src/components/PluginWorkspaceView.shell.ts
-var topBarForwardedSlots = new Set([
-	"icon",
-	"logo",
-	"page-selector-icon",
-	"page-selector-item-icon",
-	"nav",
-	"center",
-	"actions",
-	"account-menu-items",
-	"account-menu-item-icon",
-	"settings-appearance"
-]);
-var sidebarForwardedSlots = new Set([
-	"header",
-	"collapsed",
-	"collapsed-footer",
-	"footer"
-]);
-function getPluginWorkspaceTopBarSlotNames(slots) {
-	return Object.keys(slots).filter((name) => topBarForwardedSlots.has(name) || name.startsWith("settings-tab-"));
-}
-function getPluginWorkspaceSidebarSlotNames(slots) {
-	return Object.keys(slots).filter((name) => sidebarForwardedSlots.has(name) || name.startsWith("section-"));
-}
-function hasPluginWorkspaceSidebarSurface(options) {
-	if (!options.showSidebar) return false;
-	return Object.keys(options.panels).length > 0 || Object.keys(options.forms).length > 0 || options.model !== void 0 || options.controls !== void 0 || options.showSidebarWhenEmpty || options.sidebarContentId !== void 0 || options.sidebarTitle !== void 0 || options.sidebarSubtitle !== void 0 || options.sidebarBadge !== void 0 || options.hasSidebarSlot || options.sidebarSlotCount > 0;
-}
+//#region src/components/internal/WorkspaceSidebarInternal.vue
+var WorkspaceSidebarInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkspaceSidebarInternal",
+	props: { sidebar: {} },
+	emits: [
+		"update:modelValue",
+		"update:collapsed",
+		"update:toggle",
+		"section-action",
+		"form-submit",
+		"form-cancel"
+	],
+	setup(__props) {
+		/**
+		* Internal: AppSidebar for PluginWorkspaceView, driven by a single `sidebar` model covering
+		* chrome, panels/forms, collapse behavior, and the compact control-schema props that drive
+		* AppSidebar's auto-generated form.
+		* Not part of the public SDK surface — see PluginWorkspaceView.vue for the public component.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(AppSidebar_default, {
+				title: __props.sidebar.title,
+				subtitle: __props.sidebar.subtitle,
+				badge: __props.sidebar.badge,
+				variant: __props.sidebar.variant,
+				panels: __props.sidebar.panels,
+				"active-view": __props.sidebar.activeView,
+				floating: __props.sidebar.floating,
+				dense: __props.sidebar.dense,
+				width: __props.sidebar.width,
+				side: __props.sidebar.side,
+				forms: __props.sidebar.forms,
+				"content-id": __props.sidebar.contentId,
+				"show-when-empty": __props.sidebar.showWhenEmpty,
+				model: __props.sidebar.model,
+				controls: __props.sidebar.controlSchema,
+				"control-options": __props.sidebar.controlOptions,
+				values: __props.sidebar.values,
+				"form-enhancements": __props.sidebar.formEnhancements,
+				"show-form-actions": __props.sidebar.showFormActions,
+				"form-loading": __props.sidebar.formLoading,
+				"form-disabled": __props.sidebar.formDisabled,
+				"form-readonly": __props.sidebar.formReadonly,
+				"form-size": __props.sidebar.formSize,
+				collapsible: __props.sidebar.collapsible,
+				collapsed: __props.sidebar.collapsed,
+				"default-collapsed": __props.sidebar.defaultCollapsed,
+				"collapsed-width": __props.sidebar.collapsedWidth,
+				"collapse-button-label": __props.sidebar.collapseButtonLabel,
+				"expand-button-label": __props.sidebar.expandButtonLabel,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event)),
+				"onUpdate:collapsed": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:collapsed", $event)),
+				"onUpdate:toggle": _cache[2] || (_cache[2] = (sectionId, value) => _ctx.$emit("update:toggle", sectionId, value)),
+				onSectionAction: _cache[3] || (_cache[3] = (sectionId, actionId) => _ctx.$emit("section-action", sectionId, actionId)),
+				onFormSubmit: _cache[4] || (_cache[4] = (sectionId, values) => _ctx.$emit("form-submit", sectionId, values)),
+				onFormCancel: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("form-cancel", $event))
+			}, createSlots({ _: 2 }, [renderList(__props.sidebar.slotNames, (slotName) => {
+				return {
+					name: slotName,
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(slotProps ?? {})))])
+				};
+			})]), 1032, [
+				"title",
+				"subtitle",
+				"badge",
+				"variant",
+				"panels",
+				"active-view",
+				"floating",
+				"dense",
+				"width",
+				"side",
+				"forms",
+				"content-id",
+				"show-when-empty",
+				"model",
+				"controls",
+				"control-options",
+				"values",
+				"form-enhancements",
+				"show-form-actions",
+				"form-loading",
+				"form-disabled",
+				"form-readonly",
+				"form-size",
+				"collapsible",
+				"collapsed",
+				"default-collapsed",
+				"collapsed-width",
+				"collapse-button-label",
+				"expand-button-label"
+			]);
+		};
+	}
+});
 //#endregion
 //#region src/components/PluginWorkspaceView.vue
 var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
@@ -5080,55 +5217,11 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 			saveDisabled: computed(() => props.experimentSaveDisabled),
 			saveDisabledMessage: computed(() => props.experimentSaveDisabledMessage)
 		});
-		const topBarSlotNames = computed(() => getPluginWorkspaceTopBarSlotNames(slots));
-		const sidebarSlotNames = computed(() => getPluginWorkspaceSidebarSlotNames(slots));
-		const { generatedPillNav, generatedDefaultView, internalControlValues, resolvedComponentBindings, resolvedComponentBindingsById, resolvedComponentProps, resolvedComponentPropsById, handleControlValuesUpdate } = usePluginWorkspaceControls({
-			model: () => props.model,
-			controls: () => props.controls,
-			controlOptions: () => props.controlOptions,
-			modelValue: () => props.modelValue,
-			values: () => props.values,
-			componentBindings: () => props.componentBindings,
-			componentProps: () => props.componentProps,
-			componentPropsById: () => props.componentPropsById,
-			emitValues: (values) => {
-				emit("update:modelValue", values);
-				emit("update:values", values);
-			}
+		const { shell, sidebar, controls, handleControlValuesUpdate, handlePageSelectorSelect, handlePillSelect } = usePluginWorkspace({
+			props,
+			slots,
+			emit
 		});
-		const { resolvedPillNav, resolvedActiveView, resolvedCurrentPillId, resolvedCurrentPageSelectorId, setActiveView, handlePageSelectorSelect, handlePillSelect } = usePluginWorkspaceNavigation({
-			activeView: () => props.activeView,
-			defaultActiveView: () => props.defaultActiveView,
-			currentPillId: () => props.currentPillId,
-			currentPageSelectorId: () => props.currentPageSelectorId,
-			pillNav: () => props.pillNav,
-			pageSelector: () => props.pageSelector,
-			panelIds: () => Object.keys(props.panels),
-			generatedPillNav,
-			generatedDefaultView,
-			emitActiveView: (viewId) => emit("update:activeView", viewId),
-			emitPageSelectorSelect: (page) => emit("page-selector-select", page),
-			emitPillSelect: (item) => emit("pill-select", item)
-		});
-		const hasSidebarSurface = computed(() => {
-			return hasPluginWorkspaceSidebarSurface({
-				showSidebar: props.showSidebar,
-				panels: props.panels,
-				forms: props.forms,
-				model: props.model,
-				controls: props.controls,
-				showSidebarWhenEmpty: props.showSidebarWhenEmpty,
-				sidebarContentId: props.sidebarContentId,
-				sidebarTitle: props.sidebarTitle,
-				sidebarSubtitle: props.sidebarSubtitle,
-				sidebarBadge: props.sidebarBadge,
-				hasSidebarSlot: Boolean(slots.sidebar),
-				sidebarSlotCount: sidebarSlotNames.value.length
-			});
-		});
-		function handlePillOptionSelect(option, item) {
-			emit("pill-option-select", option, item);
-		}
 		function handleToggle(sectionId, value) {
 			emit("update:toggle", sectionId, value);
 		}
@@ -5139,189 +5232,58 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 			emit("form-cancel", sectionId);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(AppLayout_default, {
-				class: "mint-plugin-workspace-view",
-				"sidebar-position": __props.sidebarPosition,
-				"sidebar-width": __props.sidebarWidth,
-				floating: __props.floating,
-				"responsive-sidebar": __props.responsiveSidebar,
-				"sidebar-toggle-label": __props.sidebarToggleLabel,
-				"sidebar-close-label": __props.sidebarCloseLabel
+			return openBlock(), createBlock(WorkspaceShellInternal_default, {
+				shell: unref(shell),
+				onPageSelectorSelect: unref(handlePageSelectorSelect),
+				onPillSelect: unref(handlePillSelect),
+				onPillOptionSelect: _cache[2] || (_cache[2] = (option, item) => emit("pill-option-select", option, item)),
+				onPluginSwitcherSelect: _cache[3] || (_cache[3] = (plugin) => emit("plugin-switcher-select", plugin)),
+				onPluginSwitcherInstall: _cache[4] || (_cache[4] = ($event) => emit("plugin-switcher-install")),
+				onAccountMenuSelect: _cache[5] || (_cache[5] = (item) => emit("account-menu-select", item)),
+				onSignOut: _cache[6] || (_cache[6] = ($event) => emit("sign-out")),
+				onNotificationsClick: _cache[7] || (_cache[7] = ($event) => emit("notifications-click")),
+				onSettingsValuesChange: _cache[8] || (_cache[8] = ($event) => emit("settings-values-change", $event)),
+				onAdminClick: _cache[9] || (_cache[9] = ($event) => emit("admin-click"))
 			}, createSlots({
-				topbar: withCtx(() => [renderSlot(_ctx.$slots, "topbar", {
-					activeView: unref(resolvedActiveView),
-					setActiveView: unref(setActiveView),
-					values: unref(internalControlValues),
-					componentBindings: unref(resolvedComponentBindings),
-					componentBindingsById: unref(resolvedComponentBindingsById),
-					componentProps: unref(resolvedComponentProps),
-					componentPropsById: unref(resolvedComponentPropsById)
-				}, () => [createVNode(AppTopBar_default, {
-					title: __props.title,
-					subtitle: __props.subtitle,
-					variant: __props.topBarVariant,
-					"home-path": __props.homePath,
-					"show-logo": __props.showLogo,
-					"page-selector": __props.pageSelector,
-					"current-page-selector-id": unref(resolvedCurrentPageSelectorId),
-					"plugin-switcher": __props.pluginSwitcher,
-					"pill-nav": unref(resolvedPillNav),
-					"current-pill-id": unref(resolvedCurrentPillId),
-					"show-theme-toggle": __props.showThemeToggle,
-					"show-settings": __props.showSettings,
-					"settings-config": __props.settingsConfig,
-					"show-standalone-label": __props.showStandaloneLabel,
-					"standalone-label": __props.standaloneLabel,
-					"account-menu": __props.accountMenu,
-					"show-notifications": __props.showNotifications,
-					"has-notification-dot": __props.hasNotificationDot,
-					"show-admin": __props.showAdmin,
-					"admin-path": __props.adminPath,
-					"user-name": __props.userName,
-					"user-initial": __props.userInitial,
-					"user-email": __props.userEmail,
-					onPageSelectorSelect: unref(handlePageSelectorSelect),
-					onPillSelect: unref(handlePillSelect),
-					onPillOptionSelect: handlePillOptionSelect,
-					onPluginSwitcherSelect: _cache[0] || (_cache[0] = ($event) => emit("plugin-switcher-select", $event)),
-					onPluginSwitcherInstall: _cache[1] || (_cache[1] = ($event) => emit("plugin-switcher-install")),
-					onAccountMenuSelect: _cache[2] || (_cache[2] = ($event) => emit("account-menu-select", $event)),
-					onSignOut: _cache[3] || (_cache[3] = ($event) => emit("sign-out")),
-					onNotificationsClick: _cache[4] || (_cache[4] = ($event) => emit("notifications-click")),
-					onSettingsValuesChange: _cache[5] || (_cache[5] = ($event) => emit("settings-values-change", $event)),
-					onAdminClick: _cache[6] || (_cache[6] = ($event) => emit("admin-click"))
-				}, createSlots({ _: 2 }, [renderList(topBarSlotNames.value, (slotName) => {
-					return {
-						name: slotName,
-						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(slotProps ?? {})))])
-					};
-				})]), 1032, [
-					"title",
-					"subtitle",
-					"variant",
-					"home-path",
-					"show-logo",
-					"page-selector",
-					"current-page-selector-id",
-					"plugin-switcher",
-					"pill-nav",
-					"current-pill-id",
-					"show-theme-toggle",
-					"show-settings",
-					"settings-config",
-					"show-standalone-label",
-					"standalone-label",
-					"account-menu",
-					"show-notifications",
-					"has-notification-dot",
-					"show-admin",
-					"admin-path",
-					"user-name",
-					"user-initial",
-					"user-email",
-					"onPageSelectorSelect",
-					"onPillSelect"
-				])])]),
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-					activeView: unref(resolvedActiveView),
-					setActiveView: unref(setActiveView),
-					values: unref(internalControlValues),
-					componentBindings: unref(resolvedComponentBindings),
-					componentBindingsById: unref(resolvedComponentBindingsById),
-					componentProps: unref(resolvedComponentProps),
-					componentPropsById: unref(resolvedComponentPropsById)
-				})]),
+				default: withCtx(() => [createVNode(WorkspaceControlsInternal_default, { controls: unref(controls) }, {
+					default: withCtx((controlsScope) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(controlsScope)))]),
+					_: 3
+				}, 8, ["controls"])]),
 				_: 2
-			}, [hasSidebarSurface.value ? {
-				name: "sidebar",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "sidebar", {
-					activeView: unref(resolvedActiveView),
-					setActiveView: unref(setActiveView),
-					values: unref(internalControlValues),
-					componentBindings: unref(resolvedComponentBindings),
-					componentBindingsById: unref(resolvedComponentBindingsById),
-					componentProps: unref(resolvedComponentProps),
-					componentPropsById: unref(resolvedComponentPropsById)
-				}, () => [createVNode(AppSidebar_default, {
-					title: __props.sidebarTitle,
-					subtitle: __props.sidebarSubtitle,
-					badge: __props.sidebarBadge,
-					variant: __props.sidebarVariant,
-					panels: __props.panels,
-					"active-view": unref(resolvedActiveView),
-					floating: false,
-					dense: __props.dense,
-					width: __props.sidebarWidth,
-					side: __props.sidebarPosition,
-					forms: __props.forms,
-					"content-id": __props.sidebarContentId,
-					"show-when-empty": __props.showSidebarWhenEmpty || __props.sidebarContentId !== void 0,
-					model: __props.model,
-					controls: __props.controls,
-					"control-options": __props.controlOptions,
-					values: unref(internalControlValues),
-					"form-enhancements": __props.formEnhancements,
-					"show-form-actions": __props.showFormActions,
-					"form-loading": __props.formLoading,
-					"form-disabled": __props.formDisabled,
-					"form-readonly": __props.formReadonly,
-					"form-size": __props.formSize,
-					collapsible: __props.sidebarCollapsible,
-					collapsed: __props.sidebarCollapsed,
-					"default-collapsed": __props.defaultSidebarCollapsed,
-					"collapsed-width": __props.sidebarCollapsedWidth,
-					"collapse-button-label": __props.sidebarCollapseButtonLabel,
-					"expand-button-label": __props.sidebarExpandButtonLabel,
-					"onUpdate:modelValue": unref(handleControlValuesUpdate),
-					"onUpdate:collapsed": _cache[7] || (_cache[7] = ($event) => emit("update:sidebarCollapsed", $event)),
-					"onUpdate:toggle": handleToggle,
-					onSectionAction: _cache[8] || (_cache[8] = (sectionId, actionId) => emit("section-action", sectionId, actionId)),
-					onFormSubmit: handleFormSubmit,
-					onFormCancel: handleFormCancel
-				}, createSlots({ _: 2 }, [renderList(sidebarSlotNames.value, (slotName) => {
+			}, [
+				unref(slots).topbar ? {
+					name: "topbar",
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, "topbar", normalizeProps(guardReactiveProps(scope)))]),
+					key: "0"
+				} : void 0,
+				renderList(unref(shell).topBarSlotNames, (slotName) => {
 					return {
 						name: slotName,
 						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(slotProps ?? {})))])
 					};
-				})]), 1032, [
-					"title",
-					"subtitle",
-					"badge",
-					"variant",
-					"panels",
-					"active-view",
-					"dense",
-					"width",
-					"side",
-					"forms",
-					"content-id",
-					"show-when-empty",
-					"model",
-					"controls",
-					"control-options",
-					"values",
-					"form-enhancements",
-					"show-form-actions",
-					"form-loading",
-					"form-disabled",
-					"form-readonly",
-					"form-size",
-					"collapsible",
-					"collapsed",
-					"default-collapsed",
-					"collapsed-width",
-					"collapse-button-label",
-					"expand-button-label",
-					"onUpdate:modelValue"
-				])])]),
-				key: "0"
-			} : void 0]), 1032, [
-				"sidebar-position",
-				"sidebar-width",
-				"floating",
-				"responsive-sidebar",
-				"sidebar-toggle-label",
-				"sidebar-close-label"
+				}),
+				unref(shell).hasSidebarSurface ? {
+					name: "sidebar",
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, "sidebar", normalizeProps(guardReactiveProps(scope)), () => [createVNode(WorkspaceSidebarInternal_default, {
+						sidebar: unref(sidebar),
+						"onUpdate:modelValue": unref(handleControlValuesUpdate),
+						"onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => emit("update:sidebarCollapsed", $event)),
+						"onUpdate:toggle": handleToggle,
+						onSectionAction: _cache[1] || (_cache[1] = (sectionId, actionId) => emit("section-action", sectionId, actionId)),
+						onFormSubmit: handleFormSubmit,
+						onFormCancel: handleFormCancel
+					}, createSlots({ _: 2 }, [renderList(unref(sidebar).slotNames, (slotName) => {
+						return {
+							name: slotName,
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(slotProps ?? {})))])
+						};
+					})]), 1032, ["sidebar", "onUpdate:modelValue"])])]),
+					key: "1"
+				} : void 0
+			]), 1032, [
+				"shell",
+				"onPageSelectorSelect",
+				"onPillSelect"
 			]);
 		};
 	}
@@ -7035,6 +6997,18 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 			if (e.key === "Escape") close();
 		}
 		useEventListener(() => document, "keydown", handleKeydown);
+		const containerRef = ref(null);
+		const trapActive = ref(false);
+		useFocusTrap({
+			containerRef,
+			active: trapActive
+		});
+		onMounted(() => {
+			trapActive.value = true;
+		});
+		onBeforeUnmount(() => {
+			trapActive.value = false;
+		});
 		const sampleTypeButtons = [
 			{
 				type: "sample",
@@ -7062,8 +7036,11 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 				class: "mint-well-edit-popup__backdrop",
 				onClick: close
 			}), createElementVNode("div", {
+				ref_key: "containerRef",
+				ref: containerRef,
 				class: "mint-well-edit-popup",
 				style: normalizeStyle(popupStyle.value),
+				tabindex: "-1",
 				onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
 			}, [
 				createElementVNode("div", _hoisted_1$42, [createElementVNode("div", _hoisted_2$38, [createElementVNode("span", _hoisted_3$34, toDisplayString(__props.wellId), 1), _cache[6] || (_cache[6] = createElementVNode("span", { class: "mint-well-edit-popup__title" }, "Edit Well", -1))]), createElementVNode("button", {
@@ -12529,9 +12506,6 @@ var ComponentBindingRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper
 				default: return base;
 			}
 		}
-		function isRecord(value) {
-			return typeof value === "object" && value !== null && !Array.isArray(value);
-		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(rendererClasses.value) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(renderableBindings.value, (renderableBinding) => {
 				return openBlock(), createElementBlock("section", {
@@ -12544,7 +12518,140 @@ var ComponentBindingRenderer_default = /* @__PURE__ */ _plugin_vue_export_helper
 			}), 128)), renderableBindings.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_8$15, toDisplayString(__props.emptyText), 1)) : createCommentVNode("", true)], 2);
 		};
 	}
-}), [["__scopeId", "data-v-ec0e5797"]]);
+}), [["__scopeId", "data-v-e6c3e169"]]);
+//#endregion
+//#region src/composables/workspaceRecipes.ts
+/**
+* Merges `initialValues`/external `modelValue`/`values` on top of a base
+* `ControlWorkspaceOptions.initialValues`, matching the layering FormBuilder expects: base
+* defaults, then caller-supplied initial values, then live external values win last. Shared by
+* {@link controlWorkspaceProps} and {@link bioTemplatePresetWorkspaceProps} so both "generate a
+* workspace from options, initialValues, and v-model" views merge options identically.
+*/
+function resolveControlOptionsWithExternalValues(base, initialValues, externalValues) {
+	if (initialValues === void 0 && externalValues === void 0) return base;
+	return {
+		...base,
+		initialValues: {
+			...base.initialValues ?? {},
+			...initialValues ?? {},
+			...externalValues ?? {}
+		}
+	};
+}
+/**
+* Resolves ControlWorkspaceView's `model`/`controls`/`controlOptions`/`initialValues`/
+* `modelValue`/`values` props into the schema + options pair `useControlWorkspace()` needs.
+* Pure and framework-free so callers wrap each field in their own `computed()`.
+*
+* @example Recommended
+* ```ts
+* const resolved = computed(() => controlWorkspaceProps(props))
+* const resolvedControls = computed(() => resolved.value.resolvedControls)
+* ```
+*/
+function controlWorkspaceProps(props) {
+	const externalValues = props.modelValue ?? props.values;
+	const resolvedModel = resolveControlModel(props.model);
+	return {
+		externalValues,
+		resolvedModel,
+		resolvedControls: props.controls ?? resolvedModel?.controls ?? {},
+		resolvedControlOptions: resolveControlOptionsWithExternalValues(mergeControlWorkspaceOptions(resolvedModel?.controlOptions, props.controlOptions), props.initialValues, externalValues)
+	};
+}
+/**
+* Maps DoseDesignWorkspaceView's props straight through to the identically-named
+* ControlWorkspaceView props it wraps — the ~25-key pass-through list that used to be spelled
+* out attribute-by-attribute in the template. `model` is the caller's already-resolved dose
+* design model, not the raw (possibly absent) `props.model`.
+*
+* @example Recommended
+* ```vue
+* <ControlWorkspaceView v-bind="doseDesignWorkspaceProps(props, resolvedModel)" />
+* ```
+*/
+function doseDesignWorkspaceProps(props, model) {
+	return {
+		model,
+		workspace: props.workspace,
+		controlOptions: props.controlOptions,
+		initialValues: props.initialValues,
+		modelValue: props.modelValue,
+		values: props.values,
+		title: props.title,
+		subtitle: props.subtitle,
+		topBarVariant: props.topBarVariant,
+		sidebarWidth: props.sidebarWidth,
+		sidebarVariant: props.sidebarVariant,
+		responsiveSidebar: props.responsiveSidebar,
+		sidebarPosition: props.sidebarPosition,
+		sidebarTitle: props.sidebarTitle,
+		sidebarSubtitle: props.sidebarSubtitle,
+		sidebarBadge: props.sidebarBadge,
+		floating: props.floating,
+		dense: props.dense,
+		showSettings: props.showSettings,
+		showFormActions: props.showFormActions,
+		formEnhancements: props.formEnhancements,
+		formLoading: props.formLoading,
+		formDisabled: props.formDisabled,
+		formReadonly: props.formReadonly,
+		formSize: props.formSize
+	};
+}
+/**
+* Merges BioTemplateExperimentWorkspaceView's grouped `status` prop over its individual
+* `loading`/`error`/`hasExperiment`/... props: `status` wins whenever the corresponding field
+* on it is set, otherwise the flat prop (or its default) is used. Centralizes the six
+* independent fallback rules generated plugin pages rely on when they pass a request/experiment
+* `status` object instead of wiring each field by hand.
+*/
+function bioTemplateExperimentWorkspaceProps(props) {
+	const status = props.status;
+	return {
+		loading: status?.loading !== void 0 || status?.saving !== void 0 ? Boolean(status?.loading) || Boolean(status?.saving) : Boolean(props.loading),
+		error: status?.error !== void 0 ? status.error : props.error,
+		hasExperiment: status?.hasExperiment ?? props.hasExperiment ?? false,
+		currentExperimentId: status?.currentExperimentId ?? props.currentExperimentId,
+		lastLoadedAt: status?.lastLoadedAt !== void 0 ? status.lastLoadedAt : props.lastLoadedAt,
+		lastSavedAt: status?.lastSavedAt !== void 0 ? status.lastSavedAt : props.lastSavedAt
+	};
+}
+/**
+* Assembles the prop object BioTemplatePackWorkspaceView binds onto the
+* BioTemplateExperimentWorkspaceView it wraps: its own display props passed straight through,
+* plus the pack-derived `target`/`label`/`status`/`actions` computed by the caller.
+*/
+function bioTemplatePackWorkspaceProps(props, derived) {
+	return {
+		target: derived.target,
+		kind: "collection",
+		label: derived.label,
+		message: props.message,
+		status: derived.status,
+		actions: derived.actions,
+		dense: props.dense,
+		readonly: props.readonly,
+		showStatus: props.showStatus,
+		showTemplateSummary: props.showTemplateSummary,
+		loadLabel: props.loadLabel,
+		resetLabel: props.resetLabel,
+		saveLabel: props.saveLabel
+	};
+}
+/**
+* Resolves BioTemplatePresetWorkspaceView's `workspaceOptions`/`initialValues`/`modelValue`/
+* `values` props into the single options object `useBioTemplatePresetWorkspace()` needs,
+* reusing the same base/initialValues/external-values layering as {@link controlWorkspaceProps}.
+*/
+function bioTemplatePresetWorkspaceProps(props) {
+	const externalValues = props.modelValue ?? props.values;
+	return {
+		externalValues,
+		resolvedWorkspaceOptions: resolveControlOptionsWithExternalValues(props.workspaceOptions ?? {}, props.initialValues, externalValues)
+	};
+}
 //#endregion
 //#region src/components/ControlWorkspaceView.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$29 = { class: "mint-control-workspace-view__content" };
@@ -12624,23 +12731,11 @@ var ControlWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 		*/
 		const emit = __emit;
 		const props = __props;
-		const externalValues = computed(() => props.modelValue ?? props.values);
-		const resolvedModel = computed(() => {
-			return resolveControlModel(props.model);
-		});
-		const resolvedControls = computed(() => props.controls ?? resolvedModel.value?.controls ?? {});
-		const baseControlOptions = computed(() => mergeControlWorkspaceOptions(resolvedModel.value?.controlOptions ?? {}, props.controlOptions));
-		const resolvedControlOptions = computed(() => {
-			if (props.initialValues === void 0 && externalValues.value === void 0) return baseControlOptions.value;
-			return {
-				...baseControlOptions.value,
-				initialValues: {
-					...baseControlOptions.value.initialValues ?? {},
-					...props.initialValues ?? {},
-					...externalValues.value ?? {}
-				}
-			};
-		});
+		const resolvedWorkspaceModel = computed(() => controlWorkspaceProps(props));
+		const externalValues = computed(() => resolvedWorkspaceModel.value.externalValues);
+		const resolvedModel = computed(() => resolvedWorkspaceModel.value.resolvedModel);
+		const resolvedControls = computed(() => resolvedWorkspaceModel.value.resolvedControls);
+		const resolvedControlOptions = computed(() => resolvedWorkspaceModel.value.resolvedControlOptions);
 		let generatedWorkspaceScope;
 		function createGeneratedWorkspace(seedValues = {}) {
 			generatedWorkspaceScope?.stop();
@@ -12810,7 +12905,7 @@ var ControlWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_def
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-8121a7e6"]]);
+}), [["__scopeId", "data-v-f3b22df2"]]);
 //#endregion
 //#region src/components/DoseDesignWorkspaceView.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$28 = { class: "mint-dose-design-workspace" };
@@ -12892,6 +12987,7 @@ var DoseDesignWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_
 		const props = __props;
 		const emit = __emit;
 		const resolvedModel = computed(() => props.model ?? defineDoseDesignControlModel(props.doseDesignOptions));
+		const controlWorkspaceRecipe = computed(() => doseDesignWorkspaceProps(props, resolvedModel.value));
 		function resolvedPlateId() {
 			return props.plateId ?? props.doseDesignOptions.componentProps?.plateId ?? "plate";
 		}
@@ -12920,69 +13016,18 @@ var DoseDesignWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_helper_
 			};
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ControlWorkspaceView_default, {
-				model: resolvedModel.value,
-				workspace: __props.workspace,
-				"control-options": __props.controlOptions,
-				"initial-values": __props.initialValues,
-				"model-value": __props.modelValue,
-				values: __props.values,
-				title: __props.title,
-				subtitle: __props.subtitle,
-				"top-bar-variant": __props.topBarVariant,
-				"sidebar-width": __props.sidebarWidth,
-				"sidebar-variant": __props.sidebarVariant,
-				"responsive-sidebar": __props.responsiveSidebar,
-				"sidebar-position": __props.sidebarPosition,
-				"sidebar-title": __props.sidebarTitle,
-				"sidebar-subtitle": __props.sidebarSubtitle,
-				"sidebar-badge": __props.sidebarBadge,
-				floating: __props.floating,
-				dense: __props.dense,
-				"show-settings": __props.showSettings,
-				"show-form-actions": __props.showFormActions,
-				"form-enhancements": __props.formEnhancements,
-				"form-loading": __props.formLoading,
-				"form-disabled": __props.formDisabled,
-				"form-readonly": __props.formReadonly,
-				"form-size": __props.formSize,
+			return openBlock(), createBlock(ControlWorkspaceView_default, mergeProps(controlWorkspaceRecipe.value, {
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
 				"onUpdate:values": _cache[1] || (_cache[1] = ($event) => emit("update:values", $event)),
 				onSubmit: _cache[2] || (_cache[2] = ($event) => emit("submit", $event)),
 				onCancel: _cache[3] || (_cache[3] = ($event) => emit("cancel"))
-			}, {
+			}), {
 				default: withCtx((workspaceSlotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps(workspaceSlotProps))), () => [createElementVNode("div", _hoisted_1$28, [renderSlot(_ctx.$slots, "plate", normalizeProps(guardReactiveProps(slotProps(workspaceSlotProps))), () => [createVNode(WellPlate_default, normalizeProps(guardReactiveProps(wellPlateBinding(workspaceSlotProps.componentPropsById))), null, 16)], true), renderSlot(_ctx.$slots, "dose", normalizeProps(guardReactiveProps(slotProps(workspaceSlotProps))), () => [createVNode(DoseCalculator_default, normalizeProps(guardReactiveProps(doseCalculatorBinding(workspaceSlotProps.componentPropsById))), null, 16)], true)])], true)]),
 				_: 3
-			}, 8, [
-				"model",
-				"workspace",
-				"control-options",
-				"initial-values",
-				"model-value",
-				"values",
-				"title",
-				"subtitle",
-				"top-bar-variant",
-				"sidebar-width",
-				"sidebar-variant",
-				"responsive-sidebar",
-				"sidebar-position",
-				"sidebar-title",
-				"sidebar-subtitle",
-				"sidebar-badge",
-				"floating",
-				"dense",
-				"show-settings",
-				"show-form-actions",
-				"form-enhancements",
-				"form-loading",
-				"form-disabled",
-				"form-readonly",
-				"form-size"
-			]);
+			}, 16);
 		};
 	}
-}), [["__scopeId", "data-v-9923dd0b"]]);
+}), [["__scopeId", "data-v-76c99098"]]);
 //#endregion
 //#region src/components/AppContainer.vue
 var AppContainer_default = /* @__PURE__ */ defineComponent({
@@ -13491,15 +13536,13 @@ var BioTemplateExperimentWorkspaceView_default = /* @__PURE__ */ _plugin_vue_exp
 			if (props.kind === "collection") return `${props.label} saves the full template collection to the current experiment.`;
 			return `${props.label} template data saves to experiment design_data.`;
 		});
-		const resolvedLoading = computed(() => {
-			if (props.status?.loading !== void 0 || props.status?.saving !== void 0) return Boolean(props.status.loading) || Boolean(props.status.saving);
-			return props.loading;
-		});
-		const resolvedError = computed(() => props.status?.error !== void 0 ? props.status.error : props.error);
-		const resolvedHasExperiment = computed(() => props.status?.hasExperiment ?? props.hasExperiment);
-		const resolvedCurrentExperimentId = computed(() => props.status?.currentExperimentId ?? props.currentExperimentId);
-		const resolvedLastLoadedAt = computed(() => props.status?.lastLoadedAt !== void 0 ? props.status.lastLoadedAt : props.lastLoadedAt);
-		const resolvedLastSavedAt = computed(() => props.status?.lastSavedAt !== void 0 ? props.status.lastSavedAt : props.lastSavedAt);
+		const resolvedStatus = computed(() => bioTemplateExperimentWorkspaceProps(props));
+		const resolvedLoading = computed(() => resolvedStatus.value.loading);
+		const resolvedError = computed(() => resolvedStatus.value.error);
+		const resolvedHasExperiment = computed(() => resolvedStatus.value.hasExperiment);
+		const resolvedCurrentExperimentId = computed(() => resolvedStatus.value.currentExperimentId);
+		const resolvedLastLoadedAt = computed(() => resolvedStatus.value.lastLoadedAt);
+		const resolvedLastSavedAt = computed(() => resolvedStatus.value.lastSavedAt);
 		const templateSummaries = computed(() => Object.values(extractTemplateCollection(props.target)).map((template) => ({
 			id: String(template.template_id),
 			version: String(template.template_version ?? "unknown")
@@ -13603,7 +13646,7 @@ var BioTemplateExperimentWorkspaceView_default = /* @__PURE__ */ _plugin_vue_exp
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-319cba33"]]);
+}), [["__scopeId", "data-v-d823d800"]]);
 //#endregion
 //#region src/components/BioTemplatePackWorkspaceView.vue
 var BioTemplatePackWorkspaceView_default = /* @__PURE__ */ defineComponent({
@@ -13678,26 +13721,18 @@ var BioTemplatePackWorkspaceView_default = /* @__PURE__ */ defineComponent({
 			reset: props.actions?.reset ?? (() => resolvedWorkspace.value.resetToDefaultCollection()),
 			save: props.actions?.save ?? (() => resolvedWorkspace.value.saveCurrent())
 		}));
+		const experimentWorkspaceRecipe = computed(() => bioTemplatePackWorkspaceProps(props, {
+			target: target.value,
+			label: label.value,
+			status: resolvedStatus.value,
+			actions: resolvedActions.value
+		}));
 		watch([() => props.pack, () => props.workspaceOptions], () => {
 			generatedWorkspace.value = createGeneratedWorkspace();
 		}, { deep: true });
 		onScopeDispose(() => generatedWorkspaceScope?.stop());
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(BioTemplateExperimentWorkspaceView_default, {
-				target: target.value,
-				kind: "collection",
-				label: label.value,
-				message: __props.message,
-				status: resolvedStatus.value,
-				actions: resolvedActions.value,
-				dense: __props.dense,
-				readonly: __props.readonly,
-				"show-status": __props.showStatus,
-				"show-template-summary": __props.showTemplateSummary,
-				"load-label": __props.loadLabel,
-				"reset-label": __props.resetLabel,
-				"save-label": __props.saveLabel
-			}, createSlots({ _: 2 }, [hasDefaultSlot.value ? {
+			return openBlock(), createBlock(BioTemplateExperimentWorkspaceView_default, normalizeProps(guardReactiveProps(experimentWorkspaceRecipe.value)), createSlots({ _: 2 }, [hasDefaultSlot.value ? {
 				name: "default",
 				fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", mergeProps(slotProps, {
 					workspace: resolvedWorkspace.value,
@@ -13710,20 +13745,7 @@ var BioTemplatePackWorkspaceView_default = /* @__PURE__ */ defineComponent({
 					topBarSettings: topBarSettings.value
 				}))]),
 				key: "0"
-			} : void 0]), 1032, [
-				"target",
-				"label",
-				"message",
-				"status",
-				"actions",
-				"dense",
-				"readonly",
-				"show-status",
-				"show-template-summary",
-				"load-label",
-				"reset-label",
-				"save-label"
-			]);
+			} : void 0]), 1040);
 		};
 	}
 });
@@ -13797,18 +13819,9 @@ var BioTemplatePresetWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_
 		*/
 		const emit = __emit;
 		const props = __props;
-		const externalValues = computed(() => props.modelValue ?? props.values);
-		const resolvedWorkspaceOptions = computed(() => {
-			if (props.initialValues === void 0 && externalValues.value === void 0) return props.workspaceOptions;
-			return {
-				...props.workspaceOptions,
-				initialValues: {
-					...props.workspaceOptions.initialValues ?? {},
-					...props.initialValues ?? {},
-					...externalValues.value ?? {}
-				}
-			};
-		});
+		const resolvedPresetProps = computed(() => bioTemplatePresetWorkspaceProps(props));
+		const externalValues = computed(() => resolvedPresetProps.value.externalValues);
+		const resolvedWorkspaceOptions = computed(() => resolvedPresetProps.value.resolvedWorkspaceOptions);
 		let generatedWorkspaceScope;
 		function createGeneratedWorkspace() {
 			generatedWorkspaceScope?.stop();
@@ -13968,7 +13981,7 @@ var BioTemplatePresetWorkspaceView_default = /* @__PURE__ */ _plugin_vue_export_
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-f889ed9c"]]);
+}), [["__scopeId", "data-v-7935b698"]]);
 //#endregion
 //#region src/components/RackEditor.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$20 = { class: "mint-rack-editor__tabs" };
@@ -18320,6 +18333,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	SampleSelector: () => SampleSelector_default,
 	ScheduleCalendar: () => ScheduleCalendar_default,
 	ScientificNumber: () => ScientificNumber_default,
+	SecretInput: () => SecretInput_default,
 	SectionCard: () => SectionCard_default,
 	SegmentedControl: () => SegmentedControl_default,
 	SequenceInput: () => SequenceInput_default,
@@ -18342,4 +18356,4 @@ var components_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { SmartGroupFieldRecipe_default as $, ProtocolStepEditor_default as A, RuntimeUpdateNotice_default as At, Breadcrumb_default as B, estimateSequenceRemainingSeconds as C, AppPluginSwitcher_default as Ct, sequenceSamplesRemaining as D, ThemeToggle_default as Dt, sequenceProgressPercent as E, CollapsibleCard_default as Et, RackEditor_default as F, SegmentedControl_default as Ft, AppContainer_default as G, ProgressBar_default as H, BioTemplatePresetWorkspaceView_default as I, BaseTabs_default as It, ComponentBindingRenderer_default as J, DoseDesignWorkspaceView_default as K, BioTemplatePackWorkspaceView_default as L, ColorSlider_default as Lt, ReagentEditor_default as M, DataFrame_default as Mt, SmartGroupModal_default as N, Calendar_default as Nt, ChemicalFormula_default as O, ActionMenu_default as Ot, GroupAssigner_default as P, DropdownButton_default as Pt, SmartGroupManual_default as Q, BioTemplateExperimentWorkspaceView_default as R, estimateSequenceFinishDate as S, AppTopBar_default as St, formatSequenceRemaining as T, PluginIcon_default as Tt, StatusIndicator_default as U, Avatar_default as V, Divider_default as W, SampleSelector_default as X, ScheduleCalendar_default as Y, AutoGroupModal_default as Z, reconstructLcmsPlateCellsFromSequenceItems as _, AppLayout_default as _t, ResourceCard_default as a, DoseCalculator_default as at, InstrumentAlertLog_default as b, FormActions_default as bt, BatchProgressList_default as c, GeneratedResultRenderer_default as ct, DEFAULT_LCMS_SEQUENCE_COLUMNS as d, LoadingSpinner_default as dt, ReagentList_default as et, basenameFromWindowsPath as f, generatedJobDefaults as ft, lcmsWellIdFromPosition as g, MobileSupportGate_default as gt, inferLcmsPlateTypeFromWellIds as h, PluginWorkspaceView_default as ht, SectionCard_default as i, ExperimentTimeline_default as it, SampleHierarchyTree_default as j, AppToastContainer_default as jt, ScientificNumber_default as k, IconButton_default as kt, AuditTrail_default as l, GeneratedPlotlyResult_default as lt, extractLcmsSampleName as m, normalizeGeneratedJobInput as mt, FitPanel_default as n, SampleLegend_default as nt, TimeRangeInput_default as o, GeneratedPluginView_default as ot, extractLcmsCommonPrefix as p, generatedJobFormSchema as pt, ControlWorkspaceView_default as q, ArtifactSaveDialog_default as r, WellPlate_default as rt, ExperimentDataViewer_default as s, JobsStatusTray_default as st, components_exports as t, PlateMapEditor_default as tt, LcmsSequenceTable_default as u, ChartContainer_default as ut, InstrumentStatusCard_default as v, AppSidebar_default as vt, formatSequenceEta as w, AppAvatarMenu_default as wt, SequenceProgressBar_default as x, StepWizard_default as xt, InstrumentStateBadge_default as y, FormBuilder_default as yt, BioTemplateRenderer_default as z };
 
-//# sourceMappingURL=components-MGNL6tRn.js.map
+//# sourceMappingURL=components-B80gV0P6.js.map