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

package/dist/{useScheduleDrag-D4oWdh41.js → useExperimentData-CM6Y0u5L.js}

@@ -1,4 +1,4 @@
-import { Dn as useControlWorkspace, Ft as extractTemplateCollection, Mn as useConcentrationUnits, On as getFieldRegistryEntry, Ot as createTemplateCollection, Pt as ensureTemplateFromCollection, Xt as getBioTemplatePresetInfo, _ as toBioTemplateComponentSnippets, d as getBioTemplateComponentProps$1, dt as createBioTemplatePresetCollection, en as getBioTemplatePackInfo, ft as createBioTemplatePresetCollectionFromControls, g as toBioTemplateComponentPropsById, h as toBioTemplateComponentPropsByComponent$1, i as createBioTemplateControlToolkit, kn as getTypeDefault, m as toBioTemplateComponentProps, p as toBioTemplateComponentImports, u as getBioTemplateComponentBindings, ut as createBioTemplatePackCollection, v as toBioTemplateComponentUsage } from "./templates-50NPjaxL.js";
+import { Bn as useConcentrationUnits, Bt as extractTemplateCollection, Fn as useControlWorkspace, In as getFieldRegistryEntry, Ln as getTypeDefault, Nt as createTemplateCollection, _ as toBioTemplateComponentPropsByComponent$1, _t as createBioTemplatePresetCollectionFromControls, an as getBioTemplatePackInfo, b as toBioTemplateComponentUsage, d as getBioTemplateComponentProps$1, g as toBioTemplateComponentProps, gt as createBioTemplatePresetCollection, h as toBioTemplateComponentImports, ht as createBioTemplatePackCollection, i as createBioTemplateControlToolkit, m as toBioTemplateComponentBindingsById, p as toBioTemplateComponentBindings, tn as getBioTemplatePresetInfo, u as getBioTemplateComponentBindings, v as toBioTemplateComponentPropsById, y as toBioTemplateComponentSnippets, zt as ensureTemplateFromCollection } from "./templates-Cyt0Suwf.js";
 import { r as useSettingsStore, t as useAuthStore } from "./auth-QQj2kkze.js";
 import { computed, effectScope, getCurrentScope, onMounted, onScopeDispose, onUnmounted, provide, reactive, readonly, ref, shallowRef, toRaw, toValue, watch } from "vue";
 import axios from "axios";
@@ -673,9 +673,121 @@ function useFormBuilder(schema, initialData, enhancements) {
 	};
 }
 //#endregion
+//#region src/composables/experiment-utils.ts
+function formatExperimentDate(dateStr) {
+	try {
+		return new Date(dateStr).toLocaleDateString(void 0, {
+			year: "numeric",
+			month: "short",
+			day: "numeric"
+		});
+	} catch {
+		return dateStr;
+	}
+}
+function datePresetToISO(preset) {
+	const now = /* @__PURE__ */ new Date();
+	const days = preset === "last_7_days" ? 7 : preset === "last_30_days" ? 30 : 90;
+	return (/* @__PURE__ */ new Date(now.getTime() - days * 864e5)).toISOString();
+}
+var EXPERIMENT_STATUS_OPTIONS = [
+	{
+		value: "",
+		label: "All statuses"
+	},
+	{
+		value: "planned",
+		label: "Planned"
+	},
+	{
+		value: "ongoing",
+		label: "Ongoing"
+	},
+	{
+		value: "completed",
+		label: "Completed"
+	},
+	{
+		value: "cancelled",
+		label: "Cancelled"
+	}
+];
+var EXPERIMENT_STATUS_VARIANT_MAP = {
+	planned: "default",
+	ongoing: "primary",
+	completed: "success",
+	cancelled: "error"
+};
+var EXPERIMENT_STATUS_LABELS = {
+	planned: "Planned",
+	ongoing: "Ongoing",
+	completed: "Completed",
+	cancelled: "Cancelled"
+};
+function formatExperimentStatus(status) {
+	if (!status) return "";
+	if (status in EXPERIMENT_STATUS_LABELS) return EXPERIMENT_STATUS_LABELS[status];
+	const label = String(status).replace(/[-_]+/g, " ").trim();
+	return label ? label.replace(/^\w/, (c) => c.toUpperCase()) : "";
+}
+function getExperimentStatusVariant(status) {
+	if (status && status in EXPERIMENT_STATUS_VARIANT_MAP) return EXPERIMENT_STATUS_VARIANT_MAP[status];
+	return "default";
+}
+function resolveExperimentCode(experiment) {
+	if (experiment.experiment_code) return experiment.experiment_code;
+	return experiment.id != null ? `EXP-${experiment.id}` : void 0;
+}
+var DATE_PRESET_OPTIONS = [
+	{
+		value: "",
+		label: "Any time"
+	},
+	{
+		value: "last_7_days",
+		label: "Last 7 days"
+	},
+	{
+		value: "last_30_days",
+		label: "Last 30 days"
+	},
+	{
+		value: "last_90_days",
+		label: "Last 90 days"
+	}
+];
+var SORT_OPTIONS = [
+	{
+		value: "created_at:desc",
+		label: "Newest first"
+	},
+	{
+		value: "created_at:asc",
+		label: "Oldest first"
+	},
+	{
+		value: "updated_at:desc",
+		label: "Recently updated"
+	},
+	{
+		value: "name:asc",
+		label: "Name A–Z"
+	},
+	{
+		value: "name:desc",
+		label: "Name Z–A"
+	}
+];
+//#endregion
 //#region src/composables/useApi.ts
 var apiClientInstance = null;
 var interceptorAttached = false;
+function joinUrlPath(baseUrl, path) {
+	if (!path) return baseUrl;
+	const normalizedBase = baseUrl.replace(/\/+$/, "");
+	const normalizedPath = path.replace(/^\/+/, "/");
+	return `${normalizedBase}${normalizedPath.startsWith("/") ? normalizedPath : `/${normalizedPath}`}`;
+}
 function getApiClient() {
 	if (!apiClientInstance) apiClientInstance = axios.create({ headers: { "Content-Type": "application/json" } });
 	return apiClientInstance;
@@ -745,10 +857,10 @@ function useApi(options = {}) {
 		return blobUrl;
 	}
 	function buildUrl(path) {
-		return `${options.baseUrl ?? settingsStore.getApiBaseUrl()}${path}`;
+		return joinUrlPath(options.baseUrl ?? settingsStore.getApiBaseUrl(), path);
 	}
 	function buildWsUrl(path) {
-		return `${settingsStore.getWsBaseUrl()}${path}`;
+		return joinUrlPath(settingsStore.getWsBaseUrl(), path);
 	}
 	return {
 		client: apiClient,
@@ -896,98 +1008,6 @@ function useRequestSyncState(defaultErrorMessage = "Request failed.") {
 	};
 }
 //#endregion
-//#region src/composables/experiment-utils.ts
-function formatExperimentDate(dateStr) {
-	try {
-		return new Date(dateStr).toLocaleDateString(void 0, {
-			year: "numeric",
-			month: "short",
-			day: "numeric"
-		});
-	} catch {
-		return dateStr;
-	}
-}
-function datePresetToISO(preset) {
-	const now = /* @__PURE__ */ new Date();
-	const days = preset === "last_7_days" ? 7 : preset === "last_30_days" ? 30 : 90;
-	return (/* @__PURE__ */ new Date(now.getTime() - days * 864e5)).toISOString();
-}
-var EXPERIMENT_STATUS_OPTIONS = [
-	{
-		value: "",
-		label: "All statuses"
-	},
-	{
-		value: "planned",
-		label: "Planned"
-	},
-	{
-		value: "ongoing",
-		label: "Ongoing"
-	},
-	{
-		value: "completed",
-		label: "Completed"
-	},
-	{
-		value: "cancelled",
-		label: "Cancelled"
-	}
-];
-var EXPERIMENT_STATUS_VARIANT_MAP = {
-	planned: "default",
-	ongoing: "primary",
-	completed: "success",
-	cancelled: "error"
-};
-var EXPERIMENT_STATUS_LABELS = {
-	planned: "Planned",
-	ongoing: "Ongoing",
-	completed: "Completed",
-	cancelled: "Cancelled"
-};
-var DATE_PRESET_OPTIONS = [
-	{
-		value: "",
-		label: "Any time"
-	},
-	{
-		value: "last_7_days",
-		label: "Last 7 days"
-	},
-	{
-		value: "last_30_days",
-		label: "Last 30 days"
-	},
-	{
-		value: "last_90_days",
-		label: "Last 90 days"
-	}
-];
-var SORT_OPTIONS = [
-	{
-		value: "created_at:desc",
-		label: "Newest first"
-	},
-	{
-		value: "created_at:asc",
-		label: "Oldest first"
-	},
-	{
-		value: "updated_at:desc",
-		label: "Recently updated"
-	},
-	{
-		value: "name:asc",
-		label: "Name A–Z"
-	},
-	{
-		value: "name:desc",
-		label: "Name Z–A"
-	}
-];
-//#endregion
 //#region src/composables/useExperimentSelector.ts
 function getPlatformContext() {
 	if (typeof window === "undefined") return void 0;
@@ -1380,7 +1400,7 @@ function usePlatformContext(options = {}) {
 //#endregion
 //#region src/composables/useAppExperiment.ts
 var APP_EXPERIMENT_KEY = Symbol("app-experiment");
-/** Manages the active experiment selection, save flow, and detach action for a plugin's app shell. */
+/** Manages the current experiment selection, save flow, and detach action for a plugin's AppTopBar app shell. */
 function useAppExperiment(options = {}) {
 	const experimentName = ref();
 	const experimentCode = ref();
@@ -1394,10 +1414,25 @@ function useAppExperiment(options = {}) {
 	const showDetach = computed(() => experimentId.value !== null);
 	const saveDisabled = computed(() => toValue(options.saveDisabled) ?? false);
 	const saveDisabledMessage = computed(() => toValue(options.saveDisabledMessage));
+	const popover = computed(() => ({
+		experimentName: experimentName.value,
+		experimentCode: experimentCode.value,
+		experimentStatus: experimentStatus.value,
+		showSave: showSave.value,
+		showDetach: showDetach.value,
+		saveDisabled: saveDisabled.value,
+		saveDisabledMessage: saveDisabledMessage.value,
+		saveLoading: saveLoading.value,
+		saveSuccessMessage: saveSuccessMessage.value
+	}));
+	const selectorModal = computed(() => ({
+		modelValue: showModal.value,
+		currentExperimentId: experimentId.value
+	}));
 	function set(experiment) {
 		experimentId.value = experiment.id;
 		experimentName.value = experiment.name;
-		experimentCode.value = experiment.experiment_code ?? (experiment.id != null ? `EXP-${experiment.id}` : void 0);
+		experimentCode.value = resolveExperimentCode(experiment);
 		experimentStatus.value = experiment.status;
 	}
 	function clear() {
@@ -1406,6 +1441,10 @@ function useAppExperiment(options = {}) {
 		experimentCode.value = void 0;
 		experimentStatus.value = void 0;
 	}
+	if (options.experiment !== void 0) watch(() => toValue(options.experiment), (experiment) => {
+		if (experiment) set(experiment);
+		else clear();
+	}, { immediate: true });
 	function openModal() {
 		showModal.value = true;
 	}
@@ -1453,6 +1492,8 @@ function useAppExperiment(options = {}) {
 		showDetach,
 		saveDisabled,
 		saveDisabledMessage,
+		popover,
+		selectorModal,
 		openModal,
 		closeModal,
 		handleSelect,
@@ -1464,7 +1505,15 @@ function useAppExperiment(options = {}) {
 		clear,
 		experimentName: readonly(experimentName),
 		experimentCode: readonly(experimentCode),
-		experimentId: readonly(experimentId)
+		experimentStatus: readonly(experimentStatus),
+		experimentId: readonly(experimentId),
+		popover,
+		selectorModal,
+		openModal,
+		closeModal,
+		handleSelect,
+		handleSave,
+		handleDetach
 	};
 }
 //#endregion
@@ -2660,66 +2709,246 @@ function normalizeIds(ids) {
 	return [...new Set(ids.filter(Boolean))];
 }
 //#endregion
-//#region src/composables/platformContextHelpers.ts
-function getInjectedPlatformContext() {
-	if (typeof window === "undefined") return void 0;
-	return window.__MINT_PLATFORM__;
-}
-function getInjectedExperimentContext() {
-	return getInjectedPlatformContext();
-}
-function currentExperimentFromContext(context = getInjectedExperimentContext()) {
-	const candidate = context?.currentExperiment ?? context?.experiment;
-	return candidate && typeof candidate === "object" ? candidate : void 0;
-}
-function currentExperimentIdFromContext(context = getInjectedExperimentContext()) {
-	return parseExperimentId(context?.currentExperimentId ?? context?.experimentId ?? context?.currentExperiment ?? context?.experiment);
-}
-function currentExperimentIdFromUrl() {
-	if (typeof window === "undefined") return void 0;
-	const params = new URLSearchParams(window.location.search);
-	return parseExperimentId(params.get("experimentId") ?? params.get("experiment_id")) ?? experimentIdFromPath(window.location.pathname) ?? experimentIdFromPath(window.location.hash.replace(/^#\/?/, "/"));
-}
-function resolveCurrentExperimentId(context = getInjectedExperimentContext()) {
-	return currentExperimentIdFromContext(context) ?? currentExperimentIdFromUrl();
-}
-function parseExperimentId(value) {
-	if (typeof value === "number" && Number.isFinite(value)) return value;
-	if (typeof value === "string" && value.trim()) {
-		const parsed = Number(value);
-		return Number.isFinite(parsed) ? parsed : void 0;
-	}
-	if (value && typeof value === "object" && "id" in value) return parseExperimentId(value.id);
-}
-function experimentIdFromPath(path) {
-	const segments = path.split("/").filter(Boolean);
-	for (let index = 0; index < segments.length - 1; index += 1) {
-		const segment = segments[index]?.toLowerCase();
-		if (segment === "experiment" || segment === "experiments") return parseExperimentId(decodeURIComponent(segments[index + 1] ?? ""));
-	}
-}
-//#endregion
-//#region src/composables/useExperimentSave.ts
-/** Persists experiment design, analysis, and built-in template preset data through the platform API. */
-function useExperimentSave(options = {}) {
-	const injectedContext = getInjectedPlatformContext();
-	const api = useApi({ baseUrl: options.apiBaseUrl ?? injectedContext?.platformApiUrl });
-	const pluginId = options.pluginId ?? injectedContext?.plugin?.id;
-	const schemaVersion = options.schemaVersion ?? "1.0";
-	const currentExperimentId = computed(() => {
-		return resolveCurrentExperimentId(injectedContext);
-	});
-	const hasCurrentExperiment = computed(() => currentExperimentId.value !== void 0);
-	const request = useRequestSyncState("Experiment request failed.");
-	const isSaving = ref(false);
-	const isLoading = ref(false);
-	const error = request.error;
-	const lastLoadedAt = request.lastLoadedAt;
-	const lastSavedAt = request.lastSavedAt;
-	function requireCurrentExperimentId() {
-		const id = currentExperimentId.value;
-		if (id === void 0) throw new Error("[MINT SDK] No current experiment is selected.");
-		return id;
+//#region src/composables/useScheduleDrag.ts
+/** Handles pointer-driven create, move, and resize drag interactions for the ScheduleCalendar grid. */
+function useScheduleDrag(options) {
+	const isDragging = ref(false);
+	const dragState = ref(null);
+	const ghost = computed(() => {
+		if (!dragState.value) return null;
+		const state = dragState.value;
+		const slotH = options.slotHeight.value;
+		const slotMin = options.slotDuration.value;
+		const dayStart = options.dayStartHour.value * 60;
+		if (state.type === "create") {
+			const deltaY = state.currentY - state.startY;
+			const startOffset = state.startY;
+			const endOffset = startOffset + deltaY;
+			const topPx = Math.min(startOffset, endOffset);
+			const bottomPx = Math.max(startOffset, endOffset);
+			const startMinutes = dayStart + Math.round(topPx / slotH * slotMin);
+			const endMinutes = dayStart + Math.round(bottomPx / slotH * slotMin);
+			const snappedStart = snapMinutes(startMinutes, slotMin);
+			const snappedEnd = Math.max(snapMinutes(endMinutes, slotMin), snappedStart + slotMin);
+			const snappedTopPx = (snappedStart - dayStart) / slotMin * slotH;
+			const snappedHeightPx = (snappedEnd - snappedStart) / slotMin * slotH;
+			return {
+				start: minutesToDate(state.startDate, snappedStart),
+				end: minutesToDate(state.startDate, snappedEnd),
+				dayIndex: state.dayIndex,
+				style: {
+					top: `${snappedTopPx}px`,
+					height: `${snappedHeightPx}px`
+				}
+			};
+		}
+		if (state.type === "move" && state.event) {
+			const deltaY = state.currentY - state.startY;
+			const eventStart = dateToMinutes(new Date(state.event.start));
+			const duration = dateToMinutes(new Date(state.event.end)) - eventStart;
+			const newStart = snapMinutes(eventStart + Math.round(deltaY / slotH * slotMin), slotMin);
+			const clamped = clampRange(newStart, newStart + duration, dayStart, options.dayEndHour.value * 60);
+			const topPx = (clamped.start - dayStart) / slotMin * slotH;
+			const heightPx = (clamped.end - clamped.start) / slotMin * slotH;
+			return {
+				start: minutesToDate(state.startDate, clamped.start),
+				end: minutesToDate(state.startDate, clamped.end),
+				dayIndex: state.currentDayIndex,
+				style: {
+					top: `${topPx}px`,
+					height: `${heightPx}px`
+				}
+			};
+		}
+		if ((state.type === "resize-top" || state.type === "resize-bottom") && state.event) {
+			const eventStart = dateToMinutes(new Date(state.event.start));
+			const eventEnd = dateToMinutes(new Date(state.event.end));
+			const deltaY = state.currentY - state.startY;
+			const pixelDelta = Math.round(deltaY / slotH * slotMin);
+			let newStart = eventStart;
+			let newEnd = eventEnd;
+			if (state.type === "resize-top") {
+				newStart = snapMinutes(eventStart + pixelDelta, slotMin);
+				newStart = Math.min(newStart, newEnd - slotMin);
+			} else {
+				newEnd = snapMinutes(eventEnd + pixelDelta, slotMin);
+				newEnd = Math.max(newEnd, newStart + slotMin);
+			}
+			const clamped = clampRange(newStart, newEnd, dayStart, options.dayEndHour.value * 60);
+			const topPx = (clamped.start - dayStart) / slotMin * slotH;
+			const heightPx = (clamped.end - clamped.start) / slotMin * slotH;
+			return {
+				start: minutesToDate(state.startDate, clamped.start),
+				end: minutesToDate(state.startDate, clamped.end),
+				dayIndex: state.dayIndex,
+				style: {
+					top: `${topPx}px`,
+					height: `${heightPx}px`
+				}
+			};
+		}
+		return null;
+	});
+	function startCreate(date, y, dayIndex) {
+		if (options.readonly.value) return;
+		isDragging.value = true;
+		dragState.value = {
+			type: "create",
+			startDate: date,
+			startY: y,
+			currentY: y,
+			dayIndex,
+			currentDayIndex: dayIndex
+		};
+		addListeners();
+	}
+	function startMove(event, y, dayIndex) {
+		if (options.readonly.value || event.draggable === false) return;
+		isDragging.value = true;
+		dragState.value = {
+			type: "move",
+			event,
+			startDate: new Date(event.start),
+			startY: y,
+			currentY: y,
+			dayIndex,
+			currentDayIndex: dayIndex
+		};
+		addListeners();
+	}
+	function startResize(event, edge, y, dayIndex) {
+		if (options.readonly.value || event.resizable === false) return;
+		isDragging.value = true;
+		dragState.value = {
+			type: edge === "top" ? "resize-top" : "resize-bottom",
+			event,
+			startDate: new Date(event.start),
+			startY: y,
+			currentY: y,
+			dayIndex,
+			currentDayIndex: dayIndex
+		};
+		addListeners();
+	}
+	function onPointerMove(e) {
+		if (!dragState.value) return;
+		dragState.value = {
+			...dragState.value,
+			currentY: e.clientY
+		};
+	}
+	function onPointerUp() {
+		if (!dragState.value || !ghost.value) {
+			cleanup();
+			return;
+		}
+		const g = ghost.value;
+		const state = dragState.value;
+		if (state.type === "create" && options.onCreateComplete) options.onCreateComplete(g.start, g.end);
+		else if (state.type === "move" && state.event && options.onMoveComplete) options.onMoveComplete(state.event, g.start, g.end);
+		else if ((state.type === "resize-top" || state.type === "resize-bottom") && state.event && options.onResizeComplete) options.onResizeComplete(state.event, g.start, g.end);
+		cleanup();
+	}
+	function addListeners() {
+		document.addEventListener("pointermove", onPointerMove);
+		document.addEventListener("pointerup", onPointerUp);
+	}
+	function cleanup() {
+		isDragging.value = false;
+		dragState.value = null;
+		document.removeEventListener("pointermove", onPointerMove);
+		document.removeEventListener("pointerup", onPointerUp);
+	}
+	onUnmounted(cleanup);
+	return {
+		isDragging,
+		dragState,
+		ghost,
+		startCreate,
+		startMove,
+		startResize
+	};
+}
+function snapMinutes(minutes, step) {
+	return Math.round(minutes / step) * step;
+}
+function dateToMinutes(date) {
+	return date.getHours() * 60 + date.getMinutes();
+}
+function minutesToDate(baseDate, minutes) {
+	const d = new Date(baseDate);
+	d.setHours(Math.floor(minutes / 60), minutes % 60, 0, 0);
+	return d;
+}
+function clampRange(start, end, min, max) {
+	const s = Math.max(start, min);
+	const e = Math.min(end, max);
+	return {
+		start: s,
+		end: Math.max(e, s)
+	};
+}
+//#endregion
+//#region src/composables/platformContextHelpers.ts
+function getInjectedPlatformContext() {
+	if (typeof window === "undefined") return void 0;
+	return window.__MINT_PLATFORM__;
+}
+function getInjectedExperimentContext() {
+	return getInjectedPlatformContext();
+}
+function currentExperimentFromContext(context = getInjectedExperimentContext()) {
+	const candidate = context?.currentExperiment ?? context?.experiment;
+	return candidate && typeof candidate === "object" ? candidate : void 0;
+}
+function currentExperimentIdFromContext(context = getInjectedExperimentContext()) {
+	return parseExperimentId(context?.currentExperimentId ?? context?.experimentId ?? context?.currentExperiment ?? context?.experiment);
+}
+function currentExperimentIdFromUrl() {
+	if (typeof window === "undefined") return void 0;
+	const params = new URLSearchParams(window.location.search);
+	return parseExperimentId(params.get("experimentId") ?? params.get("experiment_id")) ?? experimentIdFromPath(window.location.pathname) ?? experimentIdFromPath(window.location.hash.replace(/^#\/?/, "/"));
+}
+function resolveCurrentExperimentId(context = getInjectedExperimentContext()) {
+	return currentExperimentIdFromContext(context) ?? currentExperimentIdFromUrl();
+}
+function parseExperimentId(value) {
+	if (typeof value === "number" && Number.isFinite(value)) return value;
+	if (typeof value === "string" && value.trim()) {
+		const parsed = Number(value);
+		return Number.isFinite(parsed) ? parsed : void 0;
+	}
+	if (value && typeof value === "object" && "id" in value) return parseExperimentId(value.id);
+}
+function experimentIdFromPath(path) {
+	const segments = path.split("/").filter(Boolean);
+	for (let index = 0; index < segments.length - 1; index += 1) {
+		const segment = segments[index]?.toLowerCase();
+		if (segment === "experiment" || segment === "experiments") return parseExperimentId(decodeURIComponent(segments[index + 1] ?? ""));
+	}
+}
+//#endregion
+//#region src/composables/useExperimentSave.ts
+/** Persists experiment design, analysis, and built-in template preset data through the platform API. */
+function useExperimentSave(options = {}) {
+	const injectedContext = getInjectedPlatformContext();
+	const api = useApi({ baseUrl: options.apiBaseUrl ?? injectedContext?.platformApiUrl });
+	const pluginId = options.pluginId ?? injectedContext?.plugin?.id;
+	const schemaVersion = options.schemaVersion ?? "1.0";
+	const currentExperimentId = computed(() => {
+		return resolveCurrentExperimentId(injectedContext);
+	});
+	const hasCurrentExperiment = computed(() => currentExperimentId.value !== void 0);
+	const request = useRequestSyncState("Experiment request failed.");
+	const isSaving = ref(false);
+	const isLoading = ref(false);
+	const error = request.error;
+	const lastLoadedAt = request.lastLoadedAt;
+	const lastSavedAt = request.lastSavedAt;
+	function requireCurrentExperimentId() {
+		const id = currentExperimentId.value;
+		if (id === void 0) throw new Error("[MINT SDK] No current experiment is selected.");
+		return id;
 	}
 	function currentExperimentIdOrError(action) {
 		const id = currentExperimentId.value;
@@ -3022,6 +3251,8 @@ function useBioTemplateComponents(target) {
 	return {
 		bindings: getBioTemplateComponentBindings(target),
 		imports: toBioTemplateComponentImports(target),
+		componentBindings: typeof target === "string" ? [] : toBioTemplateComponentBindings(target),
+		componentBindingsById: typeof target === "string" ? {} : toBioTemplateComponentBindingsById(target),
 		componentProps: typeof target === "string" ? [] : toBioTemplateComponentProps(target),
 		componentPropsById: typeof target === "string" ? {} : toBioTemplateComponentPropsById(target),
 		componentPropsByComponent: typeof target === "string" ? {} : toBioTemplateComponentPropsByComponent(target),
@@ -3043,10 +3274,10 @@ function useBioTemplateWorkspace(target, options = {}) {
 		form: workspace.bindings.form,
 		sidebar: workspace.bindings.sidebar,
 		topBar: workspace.bindings.topBar,
-		topBarTabs: workspace.bindings.topBarTabs,
 		topBarSettings: workspace.bindings.topBarSettings,
 		pillNav: workspace.bindings.pillNav,
 		componentBindings: components.bindings,
+		componentBindingsById: components.componentBindingsById,
 		componentProps: components.componentProps,
 		componentPropsById: components.componentPropsById,
 		componentPropsByComponent: components.componentPropsByComponent,
@@ -3070,6 +3301,7 @@ function useBioTemplateWorkspace(target, options = {}) {
 		bindings,
 		renderer,
 		componentBindings: components.bindings,
+		componentBindingsById: components.componentBindingsById,
 		componentImports: components.imports,
 		componentProps: components.componentProps,
 		componentPropsById: components.componentPropsById,
@@ -3105,11 +3337,12 @@ function useBioTemplatePackWorkspace(packId, options = {}) {
 	const renderer = computed(() => ({ target: collection.value }));
 	const form = computed(() => workspace.value.form);
 	const sidebar = computed(() => workspace.value.sidebar);
-	const topBar = computed(() => workspace.value.topBar);
+	const topBar = computed(() => workspace.value.topBar.value);
 	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);
@@ -3151,6 +3384,7 @@ function useBioTemplatePackWorkspace(packId, options = {}) {
 		topBarSettings,
 		bindings,
 		componentBindings,
+		componentBindingsById,
 		componentImports,
 		componentProps,
 		componentPropsById,
@@ -3189,6 +3423,7 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 	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);
@@ -3208,11 +3443,6 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 		values: controlValues.value,
 		"onUpdate:values": setControlValues
 	});
-	const topBar = reactive({
-		tabs: controls.topBarTabs,
-		currentTabId: activeControlView.value,
-		onTabSelect: (tab) => setActiveControlView(tab.id)
-	});
 	const pillNav = reactive({
 		items: controls.viewItems,
 		currentItemId: activeControlView.value,
@@ -3232,12 +3462,6 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 		onPillSelect: pillNav.onSelect,
 		...topBarSettings
 	}));
-	const topBarTabsProps = computed(() => ({
-		tabs: topBar.tabs,
-		currentTabId: topBar.currentTabId,
-		onTabSelect: topBar.onTabSelect,
-		...topBarSettings
-	}));
 	function getComponentProps(component, options) {
 		return workspace.value.getComponentProps(component, options);
 	}
@@ -3246,10 +3470,10 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 		form,
 		sidebar,
 		topBar: topBarProps,
-		topBarTabs: topBarTabsProps,
 		topBarSettings,
 		pillNav,
 		componentBindings,
+		componentBindingsById,
 		componentProps,
 		componentPropsById,
 		componentPropsByComponent,
@@ -3266,11 +3490,9 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 	}, { deep: true });
 	watch(activeControlView, (viewId) => {
 		sidebar.activeView = viewId;
-		topBar.currentTabId = viewId;
 		pillNav.currentItemId = viewId;
 	}, { flush: "sync" });
 	watch(() => sidebar.activeView, setActiveControlView, { flush: "sync" });
-	watch(() => topBar.currentTabId, setActiveControlView, { flush: "sync" });
 	watch(() => pillNav.currentItemId, setActiveControlView, { flush: "sync" });
 	function applyCollection(value) {
 		return templateCollection.apply(value);
@@ -3323,13 +3545,14 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 		activeControlView,
 		form,
 		sidebar,
-		topBar,
+		topBar: topBarProps,
 		pillNav,
 		topBarSettings,
 		bindings,
 		renderer,
 		workspace,
 		componentBindings,
+		componentBindingsById,
 		componentImports,
 		componentProps,
 		componentPropsById,
@@ -4186,186 +4409,6 @@ function useExperimentData(options = {}) {
 	};
 }
 //#endregion
-//#region src/composables/useScheduleDrag.ts
-/** Handles pointer-driven create, move, and resize drag interactions for the ScheduleCalendar grid. */
-function useScheduleDrag(options) {
-	const isDragging = ref(false);
-	const dragState = ref(null);
-	const ghost = computed(() => {
-		if (!dragState.value) return null;
-		const state = dragState.value;
-		const slotH = options.slotHeight.value;
-		const slotMin = options.slotDuration.value;
-		const dayStart = options.dayStartHour.value * 60;
-		if (state.type === "create") {
-			const deltaY = state.currentY - state.startY;
-			const startOffset = state.startY;
-			const endOffset = startOffset + deltaY;
-			const topPx = Math.min(startOffset, endOffset);
-			const bottomPx = Math.max(startOffset, endOffset);
-			const startMinutes = dayStart + Math.round(topPx / slotH * slotMin);
-			const endMinutes = dayStart + Math.round(bottomPx / slotH * slotMin);
-			const snappedStart = snapMinutes(startMinutes, slotMin);
-			const snappedEnd = Math.max(snapMinutes(endMinutes, slotMin), snappedStart + slotMin);
-			const snappedTopPx = (snappedStart - dayStart) / slotMin * slotH;
-			const snappedHeightPx = (snappedEnd - snappedStart) / slotMin * slotH;
-			return {
-				start: minutesToDate(state.startDate, snappedStart),
-				end: minutesToDate(state.startDate, snappedEnd),
-				dayIndex: state.dayIndex,
-				style: {
-					top: `${snappedTopPx}px`,
-					height: `${snappedHeightPx}px`
-				}
-			};
-		}
-		if (state.type === "move" && state.event) {
-			const deltaY = state.currentY - state.startY;
-			const eventStart = dateToMinutes(new Date(state.event.start));
-			const duration = dateToMinutes(new Date(state.event.end)) - eventStart;
-			const newStart = snapMinutes(eventStart + Math.round(deltaY / slotH * slotMin), slotMin);
-			const clamped = clampRange(newStart, newStart + duration, dayStart, options.dayEndHour.value * 60);
-			const topPx = (clamped.start - dayStart) / slotMin * slotH;
-			const heightPx = (clamped.end - clamped.start) / slotMin * slotH;
-			return {
-				start: minutesToDate(state.startDate, clamped.start),
-				end: minutesToDate(state.startDate, clamped.end),
-				dayIndex: state.currentDayIndex,
-				style: {
-					top: `${topPx}px`,
-					height: `${heightPx}px`
-				}
-			};
-		}
-		if ((state.type === "resize-top" || state.type === "resize-bottom") && state.event) {
-			const eventStart = dateToMinutes(new Date(state.event.start));
-			const eventEnd = dateToMinutes(new Date(state.event.end));
-			const deltaY = state.currentY - state.startY;
-			const pixelDelta = Math.round(deltaY / slotH * slotMin);
-			let newStart = eventStart;
-			let newEnd = eventEnd;
-			if (state.type === "resize-top") {
-				newStart = snapMinutes(eventStart + pixelDelta, slotMin);
-				newStart = Math.min(newStart, newEnd - slotMin);
-			} else {
-				newEnd = snapMinutes(eventEnd + pixelDelta, slotMin);
-				newEnd = Math.max(newEnd, newStart + slotMin);
-			}
-			const clamped = clampRange(newStart, newEnd, dayStart, options.dayEndHour.value * 60);
-			const topPx = (clamped.start - dayStart) / slotMin * slotH;
-			const heightPx = (clamped.end - clamped.start) / slotMin * slotH;
-			return {
-				start: minutesToDate(state.startDate, clamped.start),
-				end: minutesToDate(state.startDate, clamped.end),
-				dayIndex: state.dayIndex,
-				style: {
-					top: `${topPx}px`,
-					height: `${heightPx}px`
-				}
-			};
-		}
-		return null;
-	});
-	function startCreate(date, y, dayIndex) {
-		if (options.readonly.value) return;
-		isDragging.value = true;
-		dragState.value = {
-			type: "create",
-			startDate: date,
-			startY: y,
-			currentY: y,
-			dayIndex,
-			currentDayIndex: dayIndex
-		};
-		addListeners();
-	}
-	function startMove(event, y, dayIndex) {
-		if (options.readonly.value || event.draggable === false) return;
-		isDragging.value = true;
-		dragState.value = {
-			type: "move",
-			event,
-			startDate: new Date(event.start),
-			startY: y,
-			currentY: y,
-			dayIndex,
-			currentDayIndex: dayIndex
-		};
-		addListeners();
-	}
-	function startResize(event, edge, y, dayIndex) {
-		if (options.readonly.value || event.resizable === false) return;
-		isDragging.value = true;
-		dragState.value = {
-			type: edge === "top" ? "resize-top" : "resize-bottom",
-			event,
-			startDate: new Date(event.start),
-			startY: y,
-			currentY: y,
-			dayIndex,
-			currentDayIndex: dayIndex
-		};
-		addListeners();
-	}
-	function onPointerMove(e) {
-		if (!dragState.value) return;
-		dragState.value = {
-			...dragState.value,
-			currentY: e.clientY
-		};
-	}
-	function onPointerUp() {
-		if (!dragState.value || !ghost.value) {
-			cleanup();
-			return;
-		}
-		const g = ghost.value;
-		const state = dragState.value;
-		if (state.type === "create" && options.onCreateComplete) options.onCreateComplete(g.start, g.end);
-		else if (state.type === "move" && state.event && options.onMoveComplete) options.onMoveComplete(state.event, g.start, g.end);
-		else if ((state.type === "resize-top" || state.type === "resize-bottom") && state.event && options.onResizeComplete) options.onResizeComplete(state.event, g.start, g.end);
-		cleanup();
-	}
-	function addListeners() {
-		document.addEventListener("pointermove", onPointerMove);
-		document.addEventListener("pointerup", onPointerUp);
-	}
-	function cleanup() {
-		isDragging.value = false;
-		dragState.value = null;
-		document.removeEventListener("pointermove", onPointerMove);
-		document.removeEventListener("pointerup", onPointerUp);
-	}
-	onUnmounted(cleanup);
-	return {
-		isDragging,
-		dragState,
-		ghost,
-		startCreate,
-		startMove,
-		startResize
-	};
-}
-function snapMinutes(minutes, step) {
-	return Math.round(minutes / step) * step;
-}
-function dateToMinutes(date) {
-	return date.getHours() * 60 + date.getMinutes();
-}
-function minutesToDate(baseDate, minutes) {
-	const d = new Date(baseDate);
-	d.setHours(Math.floor(minutes / 60), minutes % 60, 0, 0);
-	return d;
-}
-function clampRange(start, end, min, max) {
-	const s = Math.max(start, min);
-	const e = Math.min(end, max);
-	return {
-		start: s,
-		end: Math.max(e, s)
-	};
-}
-//#endregion
-export { normalizeSearchQuery as $, useAutoGroup as A, EXPERIMENT_STATUS_VARIANT_MAP as B, useSampleGroups as C, DEFAULT_COLORS as D, hslToHex as E, usePlatformContext as F, useDebouncedWatch as G, datePresetToISO as H, useExperimentSelector as I, useFormBuilder as J, useApi as K, DATE_PRESET_OPTIONS as L, useDoseCalculator as M, APP_EXPERIMENT_KEY as N, extractSamplesFromDesignData as O, useAppExperiment as P, candidateMatchesSearch as Q, EXPERIMENT_STATUS_LABELS as R, useExpansionSet as S, hexToHsl as T, formatExperimentDate as U, SORT_OPTIONS as V, useRequestSyncState as W, useTheme as X, useForm as Y, useToast as Z, useTemplateCollection as _, DEFAULT_UNITS as a, getInjectedPlatformContext as b, useGroupAssignment as c, useBioTemplatePackWorkspace as d, useTextSearch as et, useBioTemplateWorkspace as f, useBioTemplateControls as g, useBioTemplateComponents as h, DEFAULT_PRESETS as i, useWellPlateEditor as j, parseCSV as k, useRackEditor as l, toBioTemplateComponentPropsByComponent as m, useExperimentData as n, useSortedItems as nt, generateDilutionSeries as o, getBioTemplateComponentProps as p, evaluateCondition as q, useProtocolTemplates as r, useReagentSeries as s, useScheduleDrag as t, compareSortValues as tt, useBioTemplatePresetWorkspace as u, useExperimentSave as v, deriveShade as w, resolveCurrentExperimentId as x, currentExperimentFromContext as y, EXPERIMENT_STATUS_OPTIONS as z };
+export { useTheme as $, useAutoGroup as A, DATE_PRESET_OPTIONS as B, useSampleGroups as C, DEFAULT_COLORS as D, hslToHex as E, usePlatformContext as F, datePresetToISO as G, EXPERIMENT_STATUS_OPTIONS as H, useExperimentSelector as I, getExperimentStatusVariant as J, formatExperimentDate as K, useRequestSyncState as L, useDoseCalculator as M, APP_EXPERIMENT_KEY as N, extractSamplesFromDesignData as O, useAppExperiment as P, useForm as Q, useDebouncedWatch as R, useExpansionSet as S, hexToHsl as T, EXPERIMENT_STATUS_VARIANT_MAP as U, EXPERIMENT_STATUS_LABELS as V, SORT_OPTIONS as W, evaluateCondition as X, resolveExperimentCode as Y, useFormBuilder as Z, useExperimentSave as _, generateDilutionSeries as a, useSortedItems as at, resolveCurrentExperimentId as b, useRackEditor as c, useBioTemplateWorkspace as d, useToast as et, getBioTemplateComponentProps as f, useTemplateCollection as g, useBioTemplateControls as h, DEFAULT_UNITS as i, compareSortValues as it, useWellPlateEditor as j, parseCSV as k, useBioTemplatePresetWorkspace as l, useBioTemplateComponents as m, useProtocolTemplates as n, normalizeSearchQuery as nt, useReagentSeries as o, toBioTemplateComponentPropsByComponent as p, formatExperimentStatus as q, DEFAULT_PRESETS as r, useTextSearch as rt, useGroupAssignment as s, useExperimentData as t, candidateMatchesSearch as tt, useBioTemplatePackWorkspace as u, currentExperimentFromContext as v, deriveShade as w, useScheduleDrag as x, getInjectedPlatformContext as y, useApi as z };
 
-//# sourceMappingURL=useScheduleDrag-D4oWdh41.js.map
+//# sourceMappingURL=useExperimentData-CM6Y0u5L.js.map