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

package/dist/{useProtocolTemplates-BWhQIWV5.js → useProtocolTemplates-Dq5Pzwyd.js}

@@ -1,10 +1,114 @@
-import { d as resolveExperimentCode } from "./experiment-utils-CLnzPPq5.js";
-import { r as useRequestSyncState } from "./EmptyState-p90quq8Z.js";
-import { A as useConcentrationUnits, H as parseExperimentId, J as isActiveJobStatus, Q as normalizeJobState, U as resolveCurrentExperimentId, V as getInjectedPlatformContext, u as useControlWorkspace } from "./useControlSchema-CXhxTul7.js";
+import { d as resolveExperimentCode } from "./experiment-utils-DV3DrvE_.js";
+import { r as useRequestSyncState } from "./EmptyState-NBqf2_8z.js";
+import { A as useConcentrationUnits, H as parseExperimentId, J as isActiveJobStatus, Q as normalizeJobState, T as getDefaultControlView, U as resolveCurrentExperimentId, V as getInjectedPlatformContext, f as resolveControlModel, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, m as controlValuesToComponentBindingsById, p as controlValuesToComponentBindings, r as getControlDefaults, rt as isRecord, u as useControlWorkspace, w as controlsToViewItems } from "./useControlSchema-_OVhavKq.js";
 import { o as useSettingsStore, r as useApi } from "./useApi-CDBq6z23.js";
 import { t as useExperimentStore } from "./experiment-Y9Iz7KYi.js";
-import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps$1, H as toBioTemplateComponentPropsById, Jt as getBioTemplatePresetInfo, L as toBioTemplateComponentBindings, P as getBioTemplateComponentBindings, Qt as getBioTemplatePackInfo, R as toBioTemplateComponentBindingsById, U as toBioTemplateComponentSnippets, V as toBioTemplateComponentPropsByComponent$1, W as toBioTemplateComponentUsage, d as createBioTemplatePresetCollectionFromControls, dn as extractTemplateCollection, i as createBioTemplateControlToolkit, p as createBioTemplatePackCollection, sn as createTemplateCollection, u as createBioTemplatePresetCollection, un as ensureTemplateFromCollection, z as toBioTemplateComponentImports } from "./templates-BTJ9C9Kb.js";
-import { computed, effectScope, getCurrentScope, inject, onMounted, onScopeDispose, onUnmounted, provide, reactive, readonly, ref, shallowRef, toRaw, toValue, unref, watch } from "vue";
+import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps$1, H as toBioTemplateComponentPropsById, Jt as getBioTemplatePresetInfo, L as toBioTemplateComponentBindings, P as getBioTemplateComponentBindings, Qt as getBioTemplatePackInfo, R as toBioTemplateComponentBindingsById, U as toBioTemplateComponentSnippets, V as toBioTemplateComponentPropsByComponent$1, W as toBioTemplateComponentUsage, d as createBioTemplatePresetCollectionFromControls, dn as extractTemplateCollection, i as createBioTemplateControlToolkit, p as createBioTemplatePackCollection, sn as createTemplateCollection, u as createBioTemplatePresetCollection, un as ensureTemplateFromCollection, z as toBioTemplateComponentImports } from "./templates-CK72aKO1.js";
+import { computed, effectScope, getCurrentScope, inject, nextTick, onMounted, onScopeDispose, onUnmounted, provide, reactive, readonly, ref, shallowRef, toRaw, toValue, unref, watch } from "vue";
+//#region src/composables/useRovingFocus.ts
+/**
+* WAI-ARIA roving-tabindex navigation with automatic activation (the tabs pattern):
+* Left/Right (or Up/Down when `orientation` is `'vertical'`) move to the adjacent item
+* and activate it immediately, wrapping past the ends; Home/End jump to the first/last
+* item. Only the active item should carry `tabindex="0"`; give every other item
+* `tabindex="-1"`. Used by BaseTabs.
+*/
+function useRovingFocus(options) {
+	const orientation = options.orientation ?? "horizontal";
+	const prevKey = orientation === "vertical" ? "ArrowUp" : "ArrowLeft";
+	const nextKey = orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+	function moveTo(id) {
+		if (id === void 0) return;
+		options.activate(id);
+		nextTick(() => options.getElement(id)?.focus());
+	}
+	function handleKeydown(event) {
+		const ids = options.ids();
+		if (ids.length === 0) return;
+		const currentIndex = ids.indexOf(options.activeId() ?? "");
+		if (event.key === "Home") {
+			event.preventDefault();
+			moveTo(ids[0]);
+			return;
+		}
+		if (event.key === "End") {
+			event.preventDefault();
+			moveTo(ids[ids.length - 1]);
+			return;
+		}
+		if (event.key === prevKey) {
+			event.preventDefault();
+			moveTo(ids[currentIndex <= 0 ? ids.length - 1 : currentIndex - 1]);
+			return;
+		}
+		if (event.key === nextKey) {
+			event.preventDefault();
+			moveTo(ids[currentIndex === -1 || currentIndex >= ids.length - 1 ? 0 : currentIndex + 1]);
+		}
+	}
+	return { handleKeydown };
+}
+//#endregion
+//#region src/composables/useMenuKeyboard.ts
+/**
+* Shared keyboard contract for menu- and listbox-style disclosure panels (the
+* WAI-ARIA menu button pattern). Used by AppAvatarMenu and DropdownButton; ActionMenu
+* implements the same contract inline.
+*/
+function useMenuKeyboard(options) {
+	function focusItem(position) {
+		nextTick(() => {
+			const items = options.items();
+			(position === "first" ? items[0] : items[items.length - 1])?.focus();
+		});
+	}
+	function handleTriggerKeydown(event) {
+		if (options.isOpen()) return;
+		if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			options.open();
+			focusItem("first");
+			return;
+		}
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			options.open();
+			focusItem("last");
+		}
+	}
+	function handlePanelKeydown(event) {
+		const items = options.items();
+		const currentIndex = items.indexOf(document.activeElement);
+		if (event.key === "Escape") {
+			event.preventDefault();
+			options.close(true);
+			return;
+		}
+		if (event.key === "Tab") {
+			options.close();
+			return;
+		}
+		if (event.key === "Home") {
+			event.preventDefault();
+			items[0]?.focus();
+			return;
+		}
+		if (event.key === "End") {
+			event.preventDefault();
+			items[items.length - 1]?.focus();
+			return;
+		}
+		if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+		event.preventDefault();
+		const direction = event.key === "ArrowDown" ? 1 : -1;
+		items[(Math.max(currentIndex, 0) + direction + items.length) % items.length]?.focus();
+	}
+	return {
+		handleTriggerKeydown,
+		handlePanelKeydown
+	};
+}
+//#endregion
 //#region src/composables/useSortedItems.ts
 /** Shared sorting for SDK tables and lists with stable empty-value handling. */
 function useSortedItems(options) {
@@ -528,6 +632,310 @@ function useMobileSupportGate(options = {}) {
 	};
 }
 //#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 ?? {}
+		};
+	});
+	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);
+		}
+	});
+	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 {
+		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;
+}
+//#endregion
+//#region src/composables/usePluginWorkspace.ts
+/**
+* Maps PluginWorkspaceView's flat 72-prop surface into the three typed model objects
+* (`shell`, `sidebar`, `controls`) rendered by its internal pieces
+* (WorkspaceShellInternal, WorkspaceSidebarInternal, WorkspaceControlsInternal). Reuses the
+* existing `usePluginWorkspaceControls` / `usePluginWorkspaceNavigation` composables and the
+* PluginWorkspaceView.shell slot-detection helpers, so it changes only how that state is
+* assembled and exposed, not the underlying behavior.
+*
+* @example Recommended
+* ```ts
+* const props = withDefaults(defineProps<PluginWorkspaceViewProps>(), { ... })
+* const emit = defineEmits<PluginWorkspaceViewEmits>()
+* const slots = useSlots()
+* const { shell, sidebar, controls } = usePluginWorkspace({ props, slots, emit })
+* ```
+*/
+function usePluginWorkspace(options) {
+	const { props, slots, emit } = options;
+	const controlsState = 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 navigationState = 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: controlsState.generatedPillNav,
+		generatedDefaultView: controlsState.generatedDefaultView,
+		emitActiveView: (viewId) => emit("update:activeView", viewId),
+		emitPageSelectorSelect: (page) => emit("page-selector-select", page),
+		emitPillSelect: (item) => emit("pill-select", item)
+	});
+	const topBarSlotNames = computed(() => getPluginWorkspaceTopBarSlotNames(slots));
+	const sidebarSlotNames = computed(() => getPluginWorkspaceSidebarSlotNames(slots));
+	const hasSidebarSurface = computed(() => hasPluginWorkspaceSidebarSurface({
+		showSidebar: props.showSidebar ?? true,
+		panels: props.panels ?? {},
+		forms: props.forms ?? {},
+		model: props.model,
+		controls: props.controls,
+		showSidebarWhenEmpty: props.showSidebarWhenEmpty ?? false,
+		sidebarContentId: props.sidebarContentId,
+		sidebarTitle: props.sidebarTitle,
+		sidebarSubtitle: props.sidebarSubtitle,
+		sidebarBadge: props.sidebarBadge,
+		hasSidebarSlot: Boolean(slots.sidebar),
+		sidebarSlotCount: sidebarSlotNames.value.length
+	}));
+	const controls = computed(() => ({
+		activeView: navigationState.resolvedActiveView.value,
+		setActiveView: navigationState.setActiveView,
+		values: controlsState.internalControlValues,
+		componentBindings: controlsState.resolvedComponentBindings.value,
+		componentBindingsById: controlsState.resolvedComponentBindingsById.value,
+		componentProps: controlsState.resolvedComponentProps.value,
+		componentPropsById: controlsState.resolvedComponentPropsById.value
+	}));
+	return {
+		shell: computed(() => ({
+			sidebarPosition: props.sidebarPosition ?? "left",
+			sidebarWidth: props.sidebarWidth,
+			floating: props.floating ?? true,
+			responsiveSidebar: props.responsiveSidebar ?? true,
+			sidebarToggleLabel: props.sidebarToggleLabel ?? "Open workspace sidebar",
+			sidebarCloseLabel: props.sidebarCloseLabel ?? "Close workspace sidebar",
+			hasSidebarSurface: hasSidebarSurface.value,
+			title: props.title ?? "Workspace",
+			subtitle: props.subtitle,
+			topBarVariant: props.topBarVariant ?? "card",
+			homePath: props.homePath ?? "/",
+			showLogo: props.showLogo ?? true,
+			pageSelector: props.pageSelector,
+			currentPageSelectorId: navigationState.resolvedCurrentPageSelectorId.value,
+			pluginSwitcher: props.pluginSwitcher,
+			pillNav: navigationState.resolvedPillNav.value,
+			currentPillId: navigationState.resolvedCurrentPillId.value,
+			showThemeToggle: props.showThemeToggle ?? true,
+			showSettings: props.showSettings ?? true,
+			settingsConfig: props.settingsConfig,
+			showStandaloneLabel: props.showStandaloneLabel ?? false,
+			standaloneLabel: props.standaloneLabel ?? "Standalone",
+			accountMenu: props.accountMenu,
+			showNotifications: props.showNotifications ?? false,
+			hasNotificationDot: props.hasNotificationDot ?? false,
+			showAdmin: props.showAdmin ?? false,
+			adminPath: props.adminPath ?? "/admin",
+			userName: props.userName,
+			userInitial: props.userInitial,
+			userEmail: props.userEmail,
+			topBarSlotNames: topBarSlotNames.value,
+			controls: controls.value
+		})),
+		sidebar: computed(() => ({
+			title: props.sidebarTitle,
+			subtitle: props.sidebarSubtitle,
+			badge: props.sidebarBadge,
+			variant: props.sidebarVariant ?? "analysis",
+			panels: props.panels ?? {},
+			activeView: navigationState.resolvedActiveView.value,
+			floating: false,
+			dense: props.dense ?? true,
+			width: props.sidebarWidth,
+			side: props.sidebarPosition ?? "left",
+			forms: props.forms ?? {},
+			contentId: props.sidebarContentId,
+			showWhenEmpty: (props.showSidebarWhenEmpty ?? false) || props.sidebarContentId !== void 0,
+			model: props.model,
+			controlSchema: props.controls,
+			controlOptions: props.controlOptions ?? {},
+			values: controlsState.internalControlValues,
+			formEnhancements: props.formEnhancements,
+			showFormActions: props.showFormActions ?? false,
+			formLoading: props.formLoading ?? false,
+			formDisabled: props.formDisabled ?? false,
+			formReadonly: props.formReadonly ?? false,
+			formSize: props.formSize ?? "sm",
+			collapsible: props.sidebarCollapsible,
+			collapsed: props.sidebarCollapsed,
+			defaultCollapsed: props.defaultSidebarCollapsed ?? false,
+			collapsedWidth: props.sidebarCollapsedWidth ?? "3rem",
+			collapseButtonLabel: props.sidebarCollapseButtonLabel ?? "Collapse sidebar",
+			expandButtonLabel: props.sidebarExpandButtonLabel ?? "Expand sidebar",
+			slotNames: sidebarSlotNames.value
+		})),
+		controls,
+		hasSidebarSurface,
+		handleControlValuesUpdate: controlsState.handleControlValuesUpdate,
+		handlePageSelectorSelect: navigationState.handlePageSelectorSelect,
+		handlePillSelect: navigationState.handlePillSelect
+	};
+}
+//#endregion
 //#region src/composables/useJobsStatusTray.ts
 /**
 * Combines independent job runtimes without copying their reactive state.
@@ -2270,9 +2678,6 @@ function splitByTokenLength(classes, tokenized) {
 }
 //#endregion
 //#region src/composables/experimentDesignData.ts
-function isRecord(value) {
-	return value !== null && typeof value === "object" && !Array.isArray(value);
-}
 function isPlatformDesignDataResponse(value) {
 	return "data" in value && ("experiment_id" in value || "plugin_id" in value || "schema_version" in value || "updated_at" in value);
 }
@@ -4031,6 +4436,57 @@ function useBioTemplateComponents(target) {
 	};
 }
 //#endregion
+//#region src/composables/flattenWorkspaceBindings.ts
+/**
+* Pick the shared template-component binding keys off a resolved bio-template workspace
+* (or its `components` source directly), so composables that build on `useBioTemplateWorkspace`
+* spread one object instead of re-listing all 9 keys by hand.
+*
+* @example Recommended
+* ```ts
+* const bindings = { renderer, ...flattenWorkspaceComponentBindings(components) }
+* ```
+*/
+function flattenWorkspaceComponentBindings(source) {
+	return {
+		componentBindings: source.componentBindings,
+		componentBindingsById: source.componentBindingsById,
+		componentImports: source.componentImports,
+		componentProps: source.componentProps,
+		componentPropsById: source.componentPropsById,
+		componentPropsByComponent: source.componentPropsByComponent,
+		componentSnippets: source.componentSnippets,
+		componentUsage: source.componentUsage,
+		getComponentProps: source.getComponentProps
+	};
+}
+/**
+* `computed()`-lifted version of {@link flattenWorkspaceComponentBindings} for composables
+* that hold their resolved workspace behind a `ComputedRef` (e.g. a regenerated workspace
+* swapped in via `shallowRef`/`effectScope`), so each key stays independently reactive
+* instead of forcing consumers to unwrap the whole workspace to read one field.
+* `getComponentProps` stays a plain callable function, matching the un-lifted composables.
+*
+* @example Recommended
+* ```ts
+* const workspace = computed(() => workspaceRef.value)
+* const { componentBindings, componentProps, getComponentProps } = liftWorkspaceComponentBindings(workspace)
+* ```
+*/
+function liftWorkspaceComponentBindings(workspace) {
+	return {
+		componentBindings: computed(() => workspace.value.componentBindings),
+		componentBindingsById: computed(() => workspace.value.componentBindingsById),
+		componentImports: computed(() => workspace.value.componentImports),
+		componentProps: computed(() => workspace.value.componentProps),
+		componentPropsById: computed(() => workspace.value.componentPropsById),
+		componentPropsByComponent: computed(() => workspace.value.componentPropsByComponent),
+		componentSnippets: computed(() => workspace.value.componentSnippets),
+		componentUsage: computed(() => workspace.value.componentUsage),
+		getComponentProps: (component, options) => workspace.value.getComponentProps(component, options)
+	};
+}
+//#endregion
 //#region src/composables/useBioTemplateWorkspace.ts
 /** One-stop wiring for BioTemplateRenderer, FormBuilder, AppSidebar, and template-aware SDK components. */
 function useBioTemplateWorkspace(target, options = {}) {
@@ -4038,21 +4494,25 @@ function useBioTemplateWorkspace(target, options = {}) {
 	const workspace = useControlWorkspace(controls.controls, options);
 	const components = useBioTemplateComponents(target);
 	const renderer = isTemplateObjectTarget(target) ? { target } : null;
-	const bindings = {
-		renderer,
-		form: workspace.bindings.form,
-		sidebar: workspace.bindings.sidebar,
-		topBar: workspace.bindings.topBar,
-		topBarSettings: workspace.bindings.topBarSettings,
-		pillNav: workspace.bindings.pillNav,
+	const componentBindings = flattenWorkspaceComponentBindings({
 		componentBindings: components.bindings,
 		componentBindingsById: components.componentBindingsById,
+		componentImports: components.imports,
 		componentProps: components.componentProps,
 		componentPropsById: components.componentPropsById,
 		componentPropsByComponent: components.componentPropsByComponent,
 		componentSnippets: components.snippets,
 		componentUsage: components.usage,
 		getComponentProps: components.getComponentProps
+	});
+	const bindings = {
+		renderer,
+		form: workspace.bindings.form,
+		sidebar: workspace.bindings.sidebar,
+		topBar: workspace.bindings.topBar,
+		topBarSettings: workspace.bindings.topBarSettings,
+		pillNav: workspace.bindings.pillNav,
+		...componentBindings
 	};
 	return {
 		target,
@@ -4069,15 +4529,7 @@ function useBioTemplateWorkspace(target, options = {}) {
 		topBarSettings: workspace.topBarSettings,
 		bindings,
 		renderer,
-		componentBindings: components.bindings,
-		componentBindingsById: components.componentBindingsById,
-		componentImports: components.imports,
-		componentProps: components.componentProps,
-		componentPropsById: components.componentPropsById,
-		componentPropsByComponent: components.componentPropsByComponent,
-		componentSnippets: components.snippets,
-		componentUsage: components.usage,
-		getComponentProps: components.getComponentProps
+		...componentBindings
 	};
 }
 function isTemplateObjectTarget(target) {
@@ -4118,14 +4570,7 @@ function useBioTemplatePackWorkspace(packId, options = {}) {
 	const pillNav = computed(() => workspace.value.pillNav);
 	const topBarSettings = computed(() => workspace.value.topBarSettings);
 	const bindings = computed(() => workspace.value.bindings);
-	const componentBindings = computed(() => workspace.value.componentBindings);
-	const componentBindingsById = computed(() => workspace.value.componentBindingsById);
-	const componentImports = computed(() => workspace.value.componentImports);
-	const componentProps = computed(() => workspace.value.componentProps);
-	const componentPropsById = computed(() => workspace.value.componentPropsById);
-	const componentPropsByComponent = computed(() => workspace.value.componentPropsByComponent);
-	const componentSnippets = computed(() => workspace.value.componentSnippets);
-	const componentUsage = computed(() => workspace.value.componentUsage);
+	const { componentBindings, componentBindingsById, componentImports, componentProps, componentPropsById, componentPropsByComponent, componentSnippets, componentUsage, getComponentProps: getWorkspaceComponentProps } = liftWorkspaceComponentBindings(workspace);
 	watch(collection, (value) => {
 		workspaceRef.value = createWorkspace(value);
 	});
@@ -4168,7 +4613,7 @@ function useBioTemplatePackWorkspace(packId, options = {}) {
 		componentPropsByComponent,
 		componentSnippets,
 		componentUsage,
-		getComponentProps: (component, options) => workspace.value.getComponentProps(component, options),
+		getComponentProps: getWorkspaceComponentProps,
 		applyCollection,
 		resetToDefaultCollection,
 		save: templateCollection.save,
@@ -4199,14 +4644,7 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 	const collection = templateCollection.templateCollection;
 	const workspace = computed(() => useBioTemplateWorkspace(collection.value, resolvedControlOptions));
 	const renderer = computed(() => ({ target: collection.value }));
-	const componentBindings = computed(() => workspace.value.componentBindings);
-	const componentBindingsById = computed(() => workspace.value.componentBindingsById);
-	const componentImports = computed(() => workspace.value.componentImports);
-	const componentProps = computed(() => workspace.value.componentProps);
-	const componentPropsById = computed(() => workspace.value.componentPropsById);
-	const componentPropsByComponent = computed(() => workspace.value.componentPropsByComponent);
-	const componentSnippets = computed(() => workspace.value.componentSnippets);
-	const componentUsage = computed(() => workspace.value.componentUsage);
+	const { componentBindings, componentBindingsById, componentImports, componentProps, componentPropsById, componentPropsByComponent, componentSnippets, componentUsage, getComponentProps } = liftWorkspaceComponentBindings(workspace);
 	const form = reactive({
 		...controls.form,
 		modelValue: controlValues.value,
@@ -4239,9 +4677,6 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 		onPillSelect: pillNav.onSelect,
 		...topBarSettings
 	}));
-	function getComponentProps(component, options) {
-		return workspace.value.getComponentProps(component, options);
-	}
 	const bindings = {
 		renderer,
 		form,
@@ -5144,6 +5579,6 @@ function useProtocolTemplates() {
 	};
 }
 //#endregion
-export { useToast as $, useFileImport as A, useDoseCalculator as B, getSampleGroupParentPath as C, detectDelimiter as D, hslToHex as E, extractSampleNamesFromDesignData as F, useMobileSupportGate as G, useJobsStatusTray as H, extractSampleOptionsFromDesignData as I, getInjectedFrontendRevision as J, APP_EXPERIMENT_KEY as K, unwrapExperimentDesignData as L, extractSamplesFromDesignData as M, useAutoGroup as N, parseDelimitedText as O, parseCSV as P, useTheme as Q, DEFAULT_COLORS as R, getSampleGroupMajorPrefix as S, hexToHsl as T, usePluginJobCenter as U, combinePluginJobSources as V, DEFAULT_MOBILE_VIEWPORT_QUERY as W, getPresenceClientId as X, useRuntimeAlignment as Y, usePresenceHeartbeat as Z, useScheduleDrag as _, useReagentSeries as a, useExpansionSet as b, useBioTemplatePresetWorkspace as c, getBioTemplateComponentProps as d, candidateMatchesSearch as et, toBioTemplateComponentPropsByComponent as f, useExperimentSave as g, useTemplateCollection as h, generateDilutionSeries as i, useSortedItems as it, validateImportFile as j, readFileAsText as k, useBioTemplatePackWorkspace as l, useBioTemplateControls as m, DEFAULT_PRESETS as n, useTextSearch as nt, useGroupAssignment as o, useBioTemplateComponents as p, useAppExperiment as q, DEFAULT_UNITS as r, compareSortValues as rt, useRackEditor as s, useProtocolTemplates as t, normalizeSearchQuery as tt, useBioTemplateWorkspace as u, useExperimentSamples as v, deriveShade as w, useSampleGroups as x, useExperimentData as y, useWellPlateEditor as z };
+export { useTheme as $, useFileImport as A, useDoseCalculator as B, getSampleGroupParentPath as C, detectDelimiter as D, hslToHex as E, extractSampleNamesFromDesignData as F, DEFAULT_MOBILE_VIEWPORT_QUERY as G, useJobsStatusTray as H, extractSampleOptionsFromDesignData as I, useAppExperiment as J, useMobileSupportGate as K, unwrapExperimentDesignData as L, extractSamplesFromDesignData as M, useAutoGroup as N, parseDelimitedText as O, parseCSV as P, usePresenceHeartbeat as Q, DEFAULT_COLORS as R, getSampleGroupMajorPrefix as S, hexToHsl as T, usePluginJobCenter as U, combinePluginJobSources as V, usePluginWorkspace as W, useRuntimeAlignment as X, getInjectedFrontendRevision as Y, getPresenceClientId as Z, useScheduleDrag as _, useReagentSeries as a, useSortedItems as at, useExpansionSet as b, useBioTemplatePresetWorkspace as c, getBioTemplateComponentProps as d, useToast as et, toBioTemplateComponentPropsByComponent as f, useExperimentSave as g, useTemplateCollection as h, generateDilutionSeries as i, compareSortValues as it, validateImportFile as j, readFileAsText as k, useBioTemplatePackWorkspace as l, useBioTemplateControls as m, DEFAULT_PRESETS as n, normalizeSearchQuery as nt, useGroupAssignment as o, useMenuKeyboard as ot, useBioTemplateComponents as p, APP_EXPERIMENT_KEY as q, DEFAULT_UNITS as r, useTextSearch as rt, useRackEditor as s, useRovingFocus as st, useProtocolTemplates as t, candidateMatchesSearch as tt, useBioTemplateWorkspace as u, useExperimentSamples as v, deriveShade as w, useSampleGroups as x, useExperimentData as y, useWellPlateEditor as z };
 
-//# sourceMappingURL=useProtocolTemplates-BWhQIWV5.js.map
+//# sourceMappingURL=useProtocolTemplates-Dq5Pzwyd.js.map