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

package/dist/types/components.d.ts

@@ -58,37 +58,15 @@ export interface CollapsibleState {
     close: () => void;
 }
 export type TopBarVariant = 'card' | 'default';
-export interface TopBarPage {
+export interface PillNavOption {
     id: string;
     label: string;
     to?: string;
     href?: string;
-    icon?: string;
     description?: string;
     disabled?: boolean;
 }
-export type TopBarPageInput = TopBarPage | string;
-export interface TopBarTab {
-    id: string;
-    label: string;
-    to?: string;
-    href?: string;
-    icon?: string;
-    disabled?: boolean;
-    children?: TopBarTabOption[];
-}
-export interface TopBarTabOption {
-    id: string;
-    label: string;
-    to?: string;
-    href?: string;
-    description?: string;
-    disabled?: boolean;
-}
-export type TopBarTabOptionInput = TopBarTabOption | string;
-export type TopBarTabInput = (Omit<TopBarTab, 'children'> & {
-    children?: TopBarTabOptionInput[];
-}) | string;
+export type PillNavOptionInput = PillNavOption | string;
 export interface TopBarSettingsConfig {
     title?: string;
     tabs?: SettingsTabInput[];
@@ -115,8 +93,11 @@ export interface PillNavItem {
     to?: string;
     href?: string;
     disabled?: boolean;
+    children?: PillNavOption[];
 }
-export type PillNavItemInput = PillNavItem | string;
+export type PillNavItemInput = (Omit<PillNavItem, 'children'> & {
+    children?: PillNavOptionInput[];
+}) | string;
 export interface PageSelectorItem {
     id: string;
     label: string;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export type { ContainerDirection, ButtonVariant, ButtonSize, InputType, ModalSize, ModalVariant, AlertType, Toast, TabItem, TabItemInput, OptionPrimitive, SelectOption, SelectOptionInput, RadioOption, RadioOptionInput, FormFieldProps, SidebarToolSection, CollapsibleState, TopBarVariant, TopBarPage, TopBarPageInput, TopBarTab, TopBarTabInput, TopBarTabOption, TopBarTabOptionInput, TopBarSettingsConfig, PillNavItem, PillNavItemInput, PageSelectorItem, PageSelectorItemInput, PluginSwitcherPlugin, PluginSwitcherInfo, AccountMenuItem, WellPlateFormat, WellState, WellPlateSelectionMode, WellPlateSize, WellShape, Well, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellLegendItem, PlateCondition, ColumnCondition, RowCondition, Rack, SampleType, PlateMap, PlateMapEditorState, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, GroupItem, FileUploaderMode, SegmentedOption, SegmentedOptionInput, SegmentedControlVariant, SegmentedControlSize, MultiSelectOption, MultiSelectOptionInput, MultiSelectSize, PillVariant, PillColor, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, PaginationState, SpinnerSize, SpinnerVariant, DividerSpacing, StatusType, ProgressVariant, ProgressSize, AvatarSize, EmptyStateColor, EmptyStateSize, BreadcrumbItem, BreadcrumbItemInput, TooltipPosition, ConfirmVariant, SettingsTab, SettingsTabInput, SettingsModalLayout, SettingsGroup, SettingsModalSchema, NumberNotation, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, TimePickerFormat, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, SummarySectionItem, SummarySection, SummaryData, ResourceStatus, ResourceSpec, MoleculeData, ExperimentStatus, DatePreset, ExperimentSortField, ExperimentTypeOption, ExperimentSummary, ExperimentListResponse, ExperimentFilters, FitState, FitResultSummary, StorageCondition, ReagentColumn, Reagent, TreeNodeType, BadgeVariant, TreeNode, } from './components';
+export type { ContainerDirection, ButtonVariant, ButtonSize, InputType, ModalSize, ModalVariant, AlertType, Toast, TabItem, TabItemInput, OptionPrimitive, SelectOption, SelectOptionInput, RadioOption, RadioOptionInput, FormFieldProps, SidebarToolSection, CollapsibleState, TopBarVariant, TopBarSettingsConfig, PillNavOption, PillNavOptionInput, PillNavItem, PillNavItemInput, PageSelectorItem, PageSelectorItemInput, PluginSwitcherPlugin, PluginSwitcherInfo, AccountMenuItem, WellPlateFormat, WellState, WellPlateSelectionMode, WellPlateSize, WellShape, Well, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellLegendItem, PlateCondition, ColumnCondition, RowCondition, Rack, SampleType, PlateMap, PlateMapEditorState, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, GroupItem, FileUploaderMode, SegmentedOption, SegmentedOptionInput, SegmentedControlVariant, SegmentedControlSize, MultiSelectOption, MultiSelectOptionInput, MultiSelectSize, PillVariant, PillColor, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, PaginationState, SpinnerSize, SpinnerVariant, DividerSpacing, StatusType, ProgressVariant, ProgressSize, AvatarSize, EmptyStateColor, EmptyStateSize, BreadcrumbItem, BreadcrumbItemInput, TooltipPosition, ConfirmVariant, SettingsTab, SettingsTabInput, SettingsModalLayout, SettingsGroup, SettingsModalSchema, NumberNotation, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, TimePickerFormat, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, SummarySectionItem, SummarySection, SummaryData, ResourceStatus, ResourceSpec, MoleculeData, ExperimentStatus, DatePreset, ExperimentSortField, ExperimentTypeOption, ExperimentSummary, ExperimentListResponse, ExperimentFilters, FitState, FitResultSummary, StorageCondition, ReagentColumn, Reagent, TreeNodeType, BadgeVariant, TreeNode, } from './components';
 export type { FormFieldType, FieldCondition, FieldValidation, FormFieldSchema, FormOptionInput, FormSectionSchema, FormStepSchema, FormSchema, FieldEnhancement, FormEnhancements, UseFormBuilderReturn, } from './form-builder';
 export type { OutlierAction, InputMode, OutlierInfo, ColumnInfo, MetadataRow, AutoGroupResult, ParsedCsvData, } from './auto-group';
 export type { AuthConfig, UserInfo, LoginResponse, TokenVerifyResponse, RegisterRequest, UpdateProfileRequest, CredentialInfo, } from './auth';

package/dist/{useScheduleDrag-D4oWdh41.js → useScheduleDrag-BgzpQT53.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 { At as createTemplateCollection, It as ensureTemplateFromCollection, Ln as useConcentrationUnits, Lt as extractTemplateCollection, Mn as useControlWorkspace, Nn as getFieldRegistryEntry, Pn as getTypeDefault, Qt as getBioTemplatePresetInfo, _ as toBioTemplateComponentPropsByComponent$1, b as toBioTemplateComponentUsage, d as getBioTemplateComponentProps$1, ft as createBioTemplatePackCollection, g as toBioTemplateComponentProps, h as toBioTemplateComponentImports, i as createBioTemplateControlToolkit, m as toBioTemplateComponentBindingsById, mt as createBioTemplatePresetCollectionFromControls, nn as getBioTemplatePackInfo, p as toBioTemplateComponentBindings, pt as createBioTemplatePresetCollection, u as getBioTemplateComponentBindings, v as toBioTemplateComponentPropsById, y as toBioTemplateComponentSnippets } from "./templates-B5jmTWuk.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
@@ -3022,6 +3071,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 +3094,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 +3121,7 @@ function useBioTemplateWorkspace(target, options = {}) {
 		bindings,
 		renderer,
 		componentBindings: components.bindings,
+		componentBindingsById: components.componentBindingsById,
 		componentImports: components.imports,
 		componentProps: components.componentProps,
 		componentPropsById: components.componentPropsById,
@@ -3105,11 +3157,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 +3204,7 @@ function useBioTemplatePackWorkspace(packId, options = {}) {
 		topBarSettings,
 		bindings,
 		componentBindings,
+		componentBindingsById,
 		componentImports,
 		componentProps,
 		componentPropsById,
@@ -3189,6 +3243,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 +3263,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 +3282,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 +3290,10 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 		form,
 		sidebar,
 		topBar: topBarProps,
-		topBarTabs: topBarTabsProps,
 		topBarSettings,
 		pillNav,
 		componentBindings,
+		componentBindingsById,
 		componentProps,
 		componentPropsById,
 		componentPropsByComponent,
@@ -3266,11 +3310,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 +3365,14 @@ function useBioTemplatePresetWorkspace(presetId, options = {}) {
 		activeControlView,
 		form,
 		sidebar,
-		topBar,
+		topBar: topBarProps,
 		pillNav,
 		topBarSettings,
 		bindings,
 		renderer,
 		workspace,
 		componentBindings,
+		componentBindingsById,
 		componentImports,
 		componentProps,
 		componentPropsById,
@@ -4366,6 +4409,6 @@ function clampRange(start, end, min, max) {
 	};
 }
 //#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, useTemplateCollection as _, DEFAULT_UNITS as a, useSortedItems as at, getInjectedPlatformContext as b, useGroupAssignment as c, useBioTemplatePackWorkspace as d, useToast as et, useBioTemplateWorkspace as f, useBioTemplateControls as g, useBioTemplateComponents as h, DEFAULT_PRESETS as i, compareSortValues as it, useWellPlateEditor as j, parseCSV as k, useRackEditor as l, toBioTemplateComponentPropsByComponent as m, useExperimentData as n, normalizeSearchQuery as nt, generateDilutionSeries as o, getBioTemplateComponentProps as p, formatExperimentStatus as q, useProtocolTemplates as r, useTextSearch as rt, useReagentSeries as s, useScheduleDrag as t, candidateMatchesSearch as tt, useBioTemplatePresetWorkspace as u, useExperimentSave as v, deriveShade as w, resolveCurrentExperimentId as x, currentExperimentFromContext as y, useApi as z };
 
-//# sourceMappingURL=useScheduleDrag-D4oWdh41.js.map
+//# sourceMappingURL=useScheduleDrag-BgzpQT53.js.map