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

package/dist/{useProtocolTemplates-Cv0ca1AM.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, U as resolveCurrentExperimentId, V as getInjectedPlatformContext, u as useControlWorkspace } from "./useControlSchema-Ds4VeFxt.js";
-import { o as useSettingsStore, r as useApi } from "./useApi-yE0re8k-.js";
-import { t as useExperimentStore } from "./experiment-D08H_TIH.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-Pbxjdqlh.js";
-import { computed, effectScope, getCurrentScope, inject, onMounted, onScopeDispose, onUnmounted, provide, reactive, readonly, ref, shallowRef, toRaw, toValue, unref, watch } from "vue";
+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-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,32 +632,389 @@ function useMobileSupportGate(options = {}) {
 	};
 }
 //#endregion
-//#region src/jobs.ts
-var ACTIVE_JOB_STATUSES = new Set([
-	"awaiting_input",
-	"queued",
-	"running"
+//#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"
 ]);
-/** Clamp invalid or out-of-range progress values for safe display. */
-function normalizeJobPercent(value) {
-	if (!Number.isFinite(value)) return 0;
-	return Math.min(100, Math.max(0, value));
+function getPluginWorkspaceTopBarSlotNames(slots) {
+	return Object.keys(slots).filter((name) => topBarForwardedSlots.has(name) || name.startsWith("settings-tab-"));
 }
-function isActiveJobStatus(status) {
-	return ACTIVE_JOB_STATUSES.has(status);
+function getPluginWorkspaceSidebarSlotNames(slots) {
+	return Object.keys(slots).filter((name) => sidebarForwardedSlots.has(name) || name.startsWith("section-"));
 }
-function jobStatusLabel(status) {
+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 {
-		awaiting_input: "Waiting for input",
-		queued: "Queued",
-		running: "Running",
-		completed: "Completed",
-		failed: "Failed",
-		cancelled: "Cancelled"
-	}[status];
+		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.
+*
+* Job ids must be globally unique across the sources. A duplicate id throws
+* when jobs are read or an id-routed action is requested, rather than silently
+* dispatching a mutation to the wrong owner.
+*/
+function combinePluginJobSources(sources) {
+	const jobs = computed(() => {
+		const combined = [];
+		const owners = /* @__PURE__ */ new Set();
+		for (const source of sources) for (const job of toValue(source.jobs)) {
+			if (owners.has(job.job_id)) throw duplicatePluginJobId(job.job_id);
+			owners.add(job.job_id);
+			combined.push(job);
+		}
+		return combined;
+	});
+	function ownerFor(jobId) {
+		let owner;
+		for (const source of sources) {
+			if (!toValue(source.jobs).some((job) => job.job_id === jobId)) continue;
+			if (owner) throw duplicatePluginJobId(jobId);
+			owner = source;
+		}
+		if (!owner) throw new Error(`Unknown plugin job id: ${jobId}`);
+		return owner;
+	}
+	const combined = { jobs };
+	if (sources.some((source) => source.refreshJobs)) combined.refreshJobs = async () => {
+		await Promise.all(sources.map((source) => source.refreshJobs?.()));
+		return jobs.value;
+	};
+	if (sources.some((source) => source.cancelJob)) combined.cancelJob = async (jobId) => {
+		const owner = ownerFor(jobId);
+		if (!owner.cancelJob) throw new Error(`Job ${jobId} cannot be cancelled by its source`);
+		return owner.cancelJob(jobId);
+	};
+	if (sources.length > 0 && sources.every((source) => source.deleteJob)) combined.deleteJob = async (jobId) => {
+		const owner = ownerFor(jobId);
+		if (!owner.deleteJob) throw new Error(`Job ${jobId} cannot be deleted by its source`);
+		return owner.deleteJob(jobId);
+	};
+	if (sources.length > 0 && sources.every((source) => source.clearFinishedJobs)) combined.clearFinishedJobs = async () => {
+		const results = await Promise.all(sources.map((source) => source.clearFinishedJobs()));
+		return results.every((result) => typeof result === "number") ? results.reduce((total, result) => total + result, 0) : void 0;
+	};
+	if (sources.some((source) => source.dispose)) combined.dispose = () => {
+		const errors = [];
+		for (const source of sources) try {
+			source.dispose?.();
+		} catch (cause) {
+			errors.push(cause);
+		}
+		if (errors.length === 1) throw errors[0];
+		if (errors.length > 1) throw new PluginJobSourceDisposeError(errors);
+	};
+	return combined;
+}
+var PluginJobSourceDisposeError = class extends Error {
+	cause;
+	errors;
+	constructor(errors) {
+		super("Failed to dispose plugin job sources");
+		this.name = "PluginJobSourceDisposeError";
+		this.cause = errors[0];
+		this.errors = Object.freeze([...errors]);
+	}
+};
+function duplicatePluginJobId(jobId) {
+	return /* @__PURE__ */ new Error(`Duplicate plugin job id across combined sources: ${jobId}`);
+}
+function responseJobs(response) {
+	return "jobs" in response ? response.jobs : response;
+}
+function isSnapshotPayload(data) {
+	return "jobs" in data && Array.isArray(data.jobs);
+}
 function errorMessage(error, fallback) {
 	return error instanceof Error ? error.message : fallback;
 }
@@ -564,38 +1025,94 @@ function errorMessage(error, fallback) {
 * source. The controller never mirrors source jobs into another ref.
 */
 function usePluginJobCenter(options = {}) {
+	const legacyOverride = shallowRef(null);
 	const isOpen = ref(false);
 	const activeTab = ref("active");
 	const isLoading = ref(false);
 	const error = shallowRef(null);
 	const pendingJobIds = ref(/* @__PURE__ */ new Set());
+	const jobRevisions = /* @__PURE__ */ new Map();
+	let stateRevision = 0;
 	let requestGeneration = 0;
 	let active = true;
 	const source = computed(() => toValue(options.source));
-	const jobs = computed(() => source.value ? [...toValue(source.value.jobs)] : []);
+	const adapter = computed(() => toValue(options.adapter));
+	const jobs = computed(() => {
+		const currentSource = source.value;
+		if (currentSource) return [...toValue(currentSource.jobs)].map(normalizeJobState);
+		const input = toValue(options.jobs);
+		const override = legacyOverride.value;
+		if (override && override.input === input) return override.jobs;
+		return input ? [...input].map(normalizeJobState) : [];
+	});
 	const activeJobs = computed(() => jobs.value.filter((job) => isActiveJobStatus(job.status)));
 	const historyJobs = computed(() => jobs.value.filter((job) => !isActiveJobStatus(job.status)));
 	const deletableJobs = computed(() => historyJobs.value.filter((job) => job.can_delete));
 	const featuredJob = computed(() => activeJobs.value[0] ?? historyJobs.value[0] ?? null);
-	const canRefresh = computed(() => Boolean(source.value?.refreshJobs));
-	const canCancel = computed(() => Boolean(source.value?.cancelJob));
-	const canDelete = computed(() => Boolean(source.value?.deleteJob));
-	const canClearFinished = computed(() => Boolean(source.value?.clearFinishedJobs || source.value?.deleteJob));
+	const canRefresh = computed(() => Boolean(source.value?.refreshJobs || adapter.value?.listJobs));
+	const canCancel = computed(() => Boolean(source.value?.cancelJob || adapter.value?.cancelJob));
+	const canDelete = computed(() => Boolean(source.value?.deleteJob || adapter.value?.deleteJob));
+	const canClearFinished = computed(() => Boolean(source.value?.clearFinishedJobs || source.value?.deleteJob || adapter.value?.clearFinishedJobs || adapter.value?.deleteJob));
+	function bumpJobRevision(jobId) {
+		jobRevisions.set(jobId, (jobRevisions.get(jobId) ?? 0) + 1);
+	}
+	function replaceLegacyJobs(nextJobs) {
+		const normalized = nextJobs.map(normalizeJobState);
+		new Set([...jobs.value.map((job) => job.job_id), ...normalized.map((job) => job.job_id)]).forEach(bumpJobRevision);
+		legacyOverride.value = {
+			input: toValue(options.jobs),
+			jobs: normalized
+		};
+		stateRevision += 1;
+	}
+	function upsertLegacyJob(nextJob) {
+		const normalized = normalizeJobState(nextJob);
+		const existingIndex = jobs.value.findIndex((job) => job.job_id === normalized.job_id);
+		const nextJobs = [...jobs.value];
+		if (existingIndex === -1) nextJobs.unshift(normalized);
+		else nextJobs[existingIndex] = normalized;
+		legacyOverride.value = {
+			input: toValue(options.jobs),
+			jobs: nextJobs
+		};
+		bumpJobRevision(normalized.job_id);
+		stateRevision += 1;
+	}
+	function removeLegacyJobs(jobIds) {
+		legacyOverride.value = {
+			input: toValue(options.jobs),
+			jobs: jobs.value.filter((job) => !jobIds.has(job.job_id))
+		};
+		jobIds.forEach(bumpJobRevision);
+		stateRevision += 1;
+	}
 	function setPending(jobId, pending) {
 		const next = new Set(pendingJobIds.value);
 		if (pending) next.add(jobId);
 		else next.delete(jobId);
 		pendingJobIds.value = next;
 	}
+	function applyStreamMessage(message) {
+		if (!active || source.value) return;
+		if (message.event === "snapshot" && isSnapshotPayload(message.data)) {
+			replaceLegacyJobs(message.data.jobs);
+			return;
+		}
+		if ((message.event === "job" || message.event === "terminal") && !isSnapshotPayload(message.data)) upsertLegacyJob(message.data);
+	}
 	async function refresh() {
-		const refreshJobs = source.value?.refreshJobs;
-		if (!refreshJobs) return false;
+		const currentSource = source.value;
+		const listJobs = currentSource?.refreshJobs ?? adapter.value?.listJobs;
+		if (!listJobs) return false;
 		const generation = ++requestGeneration;
+		const revision = stateRevision;
 		isLoading.value = true;
 		error.value = null;
 		try {
-			await refreshJobs();
-			return active && generation === requestGeneration;
+			const response = await listJobs();
+			if (!active || generation !== requestGeneration || revision !== stateRevision) return false;
+			if (!currentSource && response) replaceLegacyJobs(responseJobs(response));
+			return true;
 		} catch (cause) {
 			if (active && generation === requestGeneration) error.value = errorMessage(cause, "Failed to load jobs");
 			return false;
@@ -605,12 +1122,17 @@ function usePluginJobCenter(options = {}) {
 	}
 	async function cancelJob(job) {
 		const sourceCancel = source.value?.cancelJob;
-		if (!job.can_cancel || !sourceCancel || pendingJobIds.value.has(job.job_id)) return false;
+		const adapterCancel = adapter.value?.cancelJob;
+		if (!job.can_cancel || !sourceCancel && !adapterCancel || pendingJobIds.value.has(job.job_id)) return false;
+		const revision = jobRevisions.get(job.job_id) ?? 0;
 		setPending(job.job_id, true);
 		error.value = null;
 		try {
-			await sourceCancel(job.job_id);
-			return active;
+			const updated = sourceCancel ? await sourceCancel(job.job_id) : await adapterCancel(job);
+			if (!active) return false;
+			if (!sourceCancel && revision === (jobRevisions.get(job.job_id) ?? 0)) if (updated) upsertLegacyJob(updated);
+			else await refresh();
+			return true;
 		} catch (cause) {
 			if (active) error.value = errorMessage(cause, "Failed to cancel job");
 			return false;
@@ -620,12 +1142,16 @@ function usePluginJobCenter(options = {}) {
 	}
 	async function deleteJob(job) {
 		const sourceDelete = source.value?.deleteJob;
-		if (!job.can_delete || !sourceDelete || pendingJobIds.value.has(job.job_id)) return false;
+		const adapterDelete = adapter.value?.deleteJob;
+		if (!job.can_delete || !sourceDelete && !adapterDelete || pendingJobIds.value.has(job.job_id)) return false;
 		setPending(job.job_id, true);
 		error.value = null;
 		try {
-			const deleted = await sourceDelete(job.job_id);
-			return active && deleted !== false;
+			const deleted = sourceDelete ? await sourceDelete(job.job_id) : await adapterDelete(job);
+			if (!active) return false;
+			if (!sourceDelete) if (deleted === false) await refresh();
+			else removeLegacyJobs(new Set([job.job_id]));
+			return deleted !== false;
 		} catch (cause) {
 			if (active) error.value = errorMessage(cause, "Failed to delete job");
 			return false;
@@ -645,12 +1171,30 @@ function usePluginJobCenter(options = {}) {
 				return typeof deleted !== "number" || deleted === targets.length;
 			}
 			if (currentSource?.deleteJob) return (await Promise.all(targets.map((job) => deleteJob(job)))).every(Boolean);
-			return false;
+			const currentAdapter = adapter.value;
+			if (currentAdapter?.clearFinishedJobs) {
+				const deleted = await currentAdapter.clearFinishedJobs(targets);
+				if (!active) return false;
+				if (typeof deleted === "number" && deleted !== targets.length) {
+					await refresh();
+					return false;
+				}
+				removeLegacyJobs(new Set(targets.map((job) => job.job_id)));
+				return true;
+			}
+			if (!currentAdapter?.deleteJob) return false;
+			return (await Promise.all(targets.map((job) => deleteJob(job)))).every(Boolean);
 		} catch (cause) {
 			if (active) error.value = errorMessage(cause, "Failed to clear jobs");
 			return false;
 		}
 	}
+	if (options.eventStream !== void 0) watch(() => toValue(options.eventStream)?.lastMessage.value ?? null, (message) => {
+		if (message) applyStreamMessage(message);
+	}, { immediate: true });
+	onMounted(() => {
+		if (options.loadOnMount !== false) refresh();
+	});
 	onUnmounted(() => {
 		active = false;
 		requestGeneration += 1;
@@ -680,12 +1224,17 @@ function usePluginJobCenter(options = {}) {
 			isOpen.value = !isOpen.value;
 		},
 		refresh,
+		applyStreamMessage,
 		cancelJob,
 		deleteJob,
 		clearFinished,
 		isPending: (job) => pendingJobIds.value.has(job.job_id)
 	};
 }
+/** @deprecated Use `usePluginJobCenter()` for the plugin job-center controller. */
+function useJobsStatusTray(options = {}) {
+	return usePluginJobCenter(options);
+}
 //#endregion
 //#region src/composables/useDoseCalculator.ts
 var VOLUME_UNITS = [
@@ -2129,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);
 }
@@ -2285,6 +2831,14 @@ function parseCSV(text) {
 //#endregion
 //#region src/composables/useAutoGroup.ts
 var STRUCTURED_MISSING_GROUP = "Outlier";
+var deprecationWarned = false;
+var outlierDeprecationWarned = false;
+function warnDeprecated(api) {
+	if (deprecationWarned) return;
+	if (typeof process !== "undefined" && process.env.NODE_ENV === "production") return;
+	console.warn(`[useAutoGroup] ${api} is deprecated; use the new class-first API (setClassDisposition / toggleGroupBy / setValueOps).`);
+	deprecationWarned = true;
+}
 function useAutoGroup() {
 	const inputMode = ref("paste");
 	const rawText = ref("");
@@ -2617,6 +3171,54 @@ function useAutoGroup() {
 		document.body.removeChild(a);
 		URL.revokeObjectURL(url);
 	}
+	/** Test seam — exposes the template content/filename without triggering a browser download. */
+	function composeTemplateForTest(opts) {
+		return composeTemplate(samples.value, opts.mode === "prefilled" ? Object.values(schemas.value) : null, opts.mode === "prefilled" ? classes.value : null, {
+			...opts,
+			tokenizedSamples: tokenized.value
+		});
+	}
+	const outliers = ref([]);
+	const hasOutliers = computed(() => outliers.value.length > 0);
+	const conformingSamples = computed(() => samples.value);
+	const dominantFieldCount = computed(() => tokenized.value[0]?.length ?? 0);
+	const minFieldCount = computed(() => {
+		if (tokenized.value.length === 0) return 0;
+		return Math.min(...tokenized.value.map((t) => t.length));
+	});
+	const fields = computed(() => activeSchema.value?.columns ?? []);
+	const fieldNames = computed(() => {
+		const out = {};
+		for (const c of fields.value) out[c.index] = c.displayName ?? c.name;
+		return out;
+	});
+	const enabledFields = computed(() => activeSchema.value ? new Set(activeSchema.value.groupBy) : /* @__PURE__ */ new Set());
+	const effectiveColumns = fields;
+	const allSingletons = computed(() => groups.value.length > 1 && groups.value.every((g) => g.samples.length === 1));
+	function setOutlierAction(_, __) {
+		if (!outlierDeprecationWarned) {
+			if (typeof process === "undefined" || process.env.NODE_ENV !== "production") {
+				console.warn("[useAutoGroup] setOutlierAction is deprecated AND inactive in the class-first redesign. Use setClassDisposition('iqc' | 'eqc' | …, 'group' | 'overlay' | 'exclude') instead.");
+				outlierDeprecationWarned = true;
+			}
+		}
+	}
+	function setAllOutlierActions(__) {
+		if (!outlierDeprecationWarned) {
+			if (typeof process === "undefined" || process.env.NODE_ENV !== "production") {
+				console.warn("[useAutoGroup] setAllOutlierActions is deprecated AND inactive in the class-first redesign. Use setClassDisposition('iqc' | 'eqc' | …, 'group' | 'overlay' | 'exclude') instead.");
+				outlierDeprecationWarned = true;
+			}
+		}
+	}
+	function toggleField(index) {
+		warnDeprecated("toggleField");
+		if (activeClassKey.value) toggleGroupBy(activeClassKey.value, index);
+	}
+	function renameField(index, name) {
+		warnDeprecated("renameField");
+		if (activeClassKey.value) setColumnName(activeClassKey.value, index, name);
+	}
 	function loadExperimentData(rawData, options = {}) {
 		const parsed = extractSamplesFromDesignData(rawData, options);
 		if (!parsed) return false;
@@ -2633,6 +3235,7 @@ function useAutoGroup() {
 		schemas.value = {};
 		activeClassKey.value = "";
 		tokenized.value = [];
+		outliers.value = [];
 		sampleTypeHints.value = [];
 	}
 	return {
@@ -2644,6 +3247,8 @@ function useAutoGroup() {
 		schemas,
 		activeClassKey,
 		delimiter,
+		dominantFieldCount,
+		minFieldCount,
 		samples,
 		tokenized,
 		activeSchema,
@@ -2654,6 +3259,14 @@ function useAutoGroup() {
 		excludedSamples,
 		result,
 		fingerprint,
+		fields,
+		fieldNames,
+		enabledFields,
+		effectiveColumns,
+		hasOutliers,
+		outliers,
+		conformingSamples,
+		allSingletons,
 		canDownloadTemplate,
 		setClassDisposition,
 		setClassDispositions,
@@ -2669,8 +3282,13 @@ function useAutoGroup() {
 		loadFingerprint,
 		parseInput,
 		downloadTemplate,
+		composeTemplateForTest,
 		loadExperimentData,
-		reset
+		reset,
+		setOutlierAction,
+		setAllOutlierActions,
+		toggleField,
+		renameField
 	};
 }
 function extractSamplesFromDesignData(rawData, options = {}) {
@@ -3818,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 = {}) {
@@ -3825,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,
@@ -3856,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) {
@@ -3905,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);
 	});
@@ -3955,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,
@@ -3986,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,
@@ -4026,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,
@@ -4147,6 +4795,328 @@ function mergeInitialValues(controlOptions, initialValues) {
 	};
 }
 //#endregion
+//#region src/composables/useRackEditor.ts
+var SLOT_CYCLE = [
+	"R",
+	"G",
+	"B",
+	"Y"
+];
+var PLATE_CONFIGS = {
+	6: {
+		rows: 2,
+		cols: 3
+	},
+	12: {
+		rows: 3,
+		cols: 4
+	},
+	24: {
+		rows: 4,
+		cols: 6
+	},
+	48: {
+		rows: 6,
+		cols: 8
+	},
+	54: {
+		rows: 6,
+		cols: 9
+	},
+	96: {
+		rows: 8,
+		cols: 12
+	},
+	384: {
+		rows: 16,
+		cols: 24
+	}
+};
+var globalIdCounter = 0;
+function generateId() {
+	globalIdCounter++;
+	return `rack-${Date.now()}-${globalIdCounter}`;
+}
+/** Manages a set of sample racks with well-level assignment, series fill, and multi-rack reordering. */
+function useRackEditor(initialRacks, options) {
+	const defaultFormat = options?.defaultFormat ?? 54;
+	const defaultInjVol = options?.defaultInjectionVolume ?? 5;
+	const maxRacks = options?.maxRacks ?? 10;
+	const minRacks = options?.minRacks ?? 1;
+	function createDefaultRack(name, slotIndex) {
+		const slot = SLOT_CYCLE[(slotIndex ?? 0) % SLOT_CYCLE.length];
+		return {
+			id: generateId(),
+			name: name ?? `Rack ${racks.value.length + 1}`,
+			format: defaultFormat,
+			slot,
+			injectionVolume: defaultInjVol,
+			wells: {}
+		};
+	}
+	const racks = ref(initialRacks && initialRacks.length > 0 ? initialRacks.map((r) => ({ ...r })) : [createDefaultRack("Rack 1", 0)]);
+	const activeRackId = ref(racks.value[0]?.id ?? "");
+	const activeRack = computed(() => racks.value.find((r) => r.id === activeRackId.value) ?? racks.value[0]);
+	function addRack(name) {
+		if (racks.value.length >= maxRacks) return racks.value[racks.value.length - 1];
+		const rack = createDefaultRack(name, racks.value.length);
+		racks.value.push(rack);
+		activeRackId.value = rack.id;
+		return rack;
+	}
+	function removeRack(rackId) {
+		if (racks.value.length <= minRacks) return;
+		const index = racks.value.findIndex((r) => r.id === rackId);
+		if (index === -1) return;
+		racks.value.splice(index, 1);
+		if (activeRackId.value === rackId && racks.value[0]) activeRackId.value = racks.value[0].id;
+	}
+	function reorderRacks(fromIndex, toIndex) {
+		if (fromIndex < 0 || fromIndex >= racks.value.length) return;
+		if (toIndex < 0 || toIndex >= racks.value.length) return;
+		if (fromIndex === toIndex) return;
+		const [moved] = racks.value.splice(fromIndex, 1);
+		if (moved) racks.value.splice(toIndex, 0, moved);
+	}
+	function updateRack(rackId, data) {
+		const rack = racks.value.find((r) => r.id === rackId);
+		if (!rack) return;
+		if (data.name !== void 0) rack.name = data.name;
+		if (data.format !== void 0) rack.format = data.format;
+		if (data.slot !== void 0) rack.slot = data.slot;
+		if (data.injectionVolume !== void 0) rack.injectionVolume = data.injectionVolume;
+		if (data.wells !== void 0) rack.wells = data.wells;
+	}
+	function setActiveRack(rackId) {
+		if (racks.value.some((r) => r.id === rackId)) activeRackId.value = rackId;
+	}
+	function setWellData(rackId, wellId, data) {
+		const rack = racks.value.find((r) => r.id === rackId);
+		if (!rack) return;
+		rack.wells[wellId] = {
+			...rack.wells[wellId],
+			...data
+		};
+	}
+	function clearWell(rackId, wellId) {
+		const rack = racks.value.find((r) => r.id === rackId);
+		if (!rack) return;
+		delete rack.wells[wellId];
+	}
+	function clearAllWells(rackId) {
+		const rack = racks.value.find((r) => r.id === rackId);
+		if (!rack) return;
+		rack.wells = {};
+	}
+	function fillSeries(rackId, prefix = "S") {
+		const rack = racks.value.find((r) => r.id === rackId);
+		if (!rack) return;
+		const config = PLATE_CONFIGS[rack.format];
+		if (!config) return;
+		let counter = 1;
+		for (let row = 0; row < config.rows; row++) for (let col = 0; col < config.cols; col++) {
+			const wellId = `${String.fromCharCode(65 + row)}${col + 1}`;
+			if (!rack.wells[wellId]?.sampleType) {
+				const paddedNum = String(counter).padStart(3, "0");
+				rack.wells[wellId] = {
+					id: wellId,
+					row,
+					col,
+					state: "filled",
+					sampleType: "sample",
+					metadata: {
+						label: `${prefix}${paddedNum}`,
+						injectionVolume: rack.injectionVolume,
+						injectionCount: 1
+					}
+				};
+			}
+			counter++;
+		}
+	}
+	function getAllWells() {
+		const result = [];
+		for (const rack of racks.value) for (const [wellId, well] of Object.entries(rack.wells)) result.push({
+			rackId: rack.id,
+			wellId,
+			well
+		});
+		return result;
+	}
+	const totalSampleCount = computed(() => {
+		let count = 0;
+		for (const rack of racks.value) count += Object.keys(rack.wells).length;
+		return count;
+	});
+	function reset() {
+		const rack = createDefaultRack("Rack 1", 0);
+		racks.value = [rack];
+		activeRackId.value = rack.id;
+	}
+	return {
+		racks,
+		activeRack,
+		activeRackId,
+		addRack,
+		removeRack,
+		reorderRacks,
+		updateRack,
+		setActiveRack,
+		setWellData,
+		clearWell,
+		clearAllWells,
+		fillSeries,
+		getAllWells,
+		totalSampleCount,
+		reset
+	};
+}
+//#endregion
+//#region src/composables/useGroupAssignment.ts
+/** Shared two-zone group assignment model for control/treatment style workflows. */
+function useGroupAssignment(options) {
+	const groups = computed(() => [...toValue(options.groups)]);
+	const group1 = computed(() => [...toValue(options.group1)]);
+	const group2 = computed(() => [...toValue(options.group2)]);
+	const label1 = computed(() => toValue(options.label1) || "Control");
+	const label2 = computed(() => toValue(options.label2) || "Treatment");
+	const minPerGroup = computed(() => normalizeMinimum(toValue(options.minPerGroup)));
+	const group1Set = computed(() => new Set(group1.value));
+	const group2Set = computed(() => new Set(group2.value));
+	const unassignedGroups = computed(() => groups.value.filter((group) => !group1Set.value.has(group.name) && !group2Set.value.has(group.name)));
+	const zone1Groups = computed(() => groups.value.filter((group) => group1Set.value.has(group.name)));
+	const zone2Groups = computed(() => groups.value.filter((group) => group2Set.value.has(group.name)));
+	const zone1Count = computed(() => zone1Groups.value.reduce((sum, group) => sum + group.count, 0));
+	const zone2Count = computed(() => zone2Groups.value.reduce((sum, group) => sum + group.count, 0));
+	const isValid = computed(() => group1.value.length >= minPerGroup.value && group2.value.length >= minPerGroup.value);
+	const validationMessage = computed(() => {
+		if (isValid.value) return null;
+		const missing1 = Math.max(0, minPerGroup.value - group1.value.length);
+		const missing2 = Math.max(0, minPerGroup.value - group2.value.length);
+		const parts = [];
+		if (missing1 > 0) parts.push(`${missing1} more to ${label1.value}`);
+		if (missing2 > 0) parts.push(`${missing2} more to ${label2.value}`);
+		return `Add ${parts.join(" and ")}`;
+	});
+	function getZoneForGroup(groupName) {
+		if (group1Set.value.has(groupName)) return "zone1";
+		if (group2Set.value.has(groupName)) return "zone2";
+		return null;
+	}
+	function assignToZone(groupName, zone) {
+		const next = removeFromBoth(groupName);
+		if (zone === "zone1") return {
+			group1: [...next.group1, groupName],
+			group2: next.group2
+		};
+		return {
+			group1: next.group1,
+			group2: [...next.group2, groupName]
+		};
+	}
+	function removeFromZone(groupName, zone) {
+		if (zone === "zone1") return {
+			group1: group1.value.filter((name) => name !== groupName),
+			group2: group2.value
+		};
+		return {
+			group1: group1.value,
+			group2: group2.value.filter((name) => name !== groupName)
+		};
+	}
+	function clearAll() {
+		return {
+			group1: [],
+			group2: []
+		};
+	}
+	function removeFromBoth(groupName) {
+		return {
+			group1: group1.value.filter((name) => name !== groupName),
+			group2: group2.value.filter((name) => name !== groupName)
+		};
+	}
+	return {
+		unassignedGroups,
+		zone1Groups,
+		zone2Groups,
+		zone1Count,
+		zone2Count,
+		isValid,
+		validationMessage,
+		getZoneForGroup,
+		assignToZone,
+		removeFromZone,
+		clearAll
+	};
+}
+function normalizeMinimum(value) {
+	if (value === null || value === void 0 || !Number.isFinite(value)) return 1;
+	return Math.max(0, Math.floor(value));
+}
+//#endregion
+//#region src/composables/useReagentSeries.ts
+var DEFAULT_PRESETS = [
+	{
+		label: "2x",
+		factor: 2
+	},
+	{
+		label: "3x",
+		factor: 3
+	},
+	{
+		label: "½ log",
+		factor: "half-log"
+	},
+	{
+		label: "10x",
+		factor: 10
+	}
+];
+var DEFAULT_UNITS = [
+	"µM",
+	"nM",
+	"mM",
+	"pM"
+];
+function resolveFactor(factor) {
+	return factor === "half-log" ? Math.sqrt(10) : factor;
+}
+function roundToSignificant(value, digits = 4) {
+	if (value === 0) return 0;
+	const magnitude = Math.floor(Math.log10(Math.abs(value))) + 1;
+	const factor = Math.pow(10, digits - magnitude);
+	return Math.round(value * factor) / factor;
+}
+function generateDilutionSeries(startConcentration, count, factor, defaultReplicates = 1) {
+	if (count < 1 || startConcentration <= 0) return [];
+	const divisor = resolveFactor(factor);
+	const levels = [];
+	for (let i = 0; i < count; i++) levels.push({
+		value: roundToSignificant(startConcentration / Math.pow(divisor, i)),
+		replicates: defaultReplicates
+	});
+	return levels;
+}
+/** Generates and sorts geometric dilution series (2x, 3x, ½ log, 10x) for plate-based experiments. */
+function useReagentSeries() {
+	function generateSeries(start, count, factor, defaultReplicates = 1) {
+		return generateDilutionSeries(start, count, factor, defaultReplicates);
+	}
+	function sortLevels(levels, order = "desc") {
+		return [...levels].sort((a, b) => order === "desc" ? b.value - a.value : a.value - b.value);
+	}
+	function totalPositions(levels) {
+		return levels.reduce((sum, l) => sum + l.replicates, 0);
+	}
+	return {
+		generateSeries,
+		sortLevels,
+		totalPositions
+	};
+}
+//#endregion
 //#region src/composables/protocolTemplateCatalog.ts
 var BUILT_IN_PROTOCOL_TEMPLATES = [
 	{
@@ -4609,4 +5579,6 @@ function useProtocolTemplates() {
 	};
 }
 //#endregion
-export { useSortedItems as $, extractSampleOptionsFromDesignData as A, useMobileSupportGate as B, readFileAsText as C, useAutoGroup as D, extractSamplesFromDesignData as E, usePluginJobCenter as F, getPresenceClientId as G, useAppExperiment as H, isActiveJobStatus as I, useToast as J, usePresenceHeartbeat as K, jobStatusLabel as L, DEFAULT_COLORS as M, useWellPlateEditor as N, parseCSV as O, useDoseCalculator as P, compareSortValues as Q, normalizeJobPercent as R, parseDelimitedText as S, validateImportFile as T, getInjectedFrontendRevision as U, APP_EXPERIMENT_KEY as V, useRuntimeAlignment as W, normalizeSearchQuery as X, candidateMatchesSearch as Y, useTextSearch as Z, getSampleGroupParentPath as _, getBioTemplateComponentProps as a, hslToHex as b, useBioTemplateControls as c, useScheduleDrag as d, useExperimentSamples as f, getSampleGroupMajorPrefix as g, useSampleGroups as h, useBioTemplateWorkspace as i, unwrapExperimentDesignData as j, extractSampleNamesFromDesignData as k, useTemplateCollection as l, useExpansionSet as m, useBioTemplatePresetWorkspace as n, toBioTemplateComponentPropsByComponent as o, useExperimentData as p, useTheme as q, useBioTemplatePackWorkspace as r, useBioTemplateComponents as s, useProtocolTemplates as t, useExperimentSave as u, deriveShade as v, useFileImport as w, detectDelimiter as x, hexToHsl as y, DEFAULT_MOBILE_VIEWPORT_QUERY 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-Dq5Pzwyd.js.map