@morscherlab/mint-sdk 1.3.11 → 1.4.0-beta.10

package/dist/types/index.d.ts

@@ -1,14 +1,13 @@
-export type { ContainerDirection, ButtonVariant, ButtonSize, ActionMenuItem, InputType, ModalSize, ModalVariant, ModalLayout, ModalTab, AlertType, Toast, ToastAction, ToastOptions, TabItem, TabItemInput, OptionPrimitive, SelectOption, SelectOptionInput, RadioOption, RadioOptionInput, FormFieldProps, SectionCardAccent, SectionCardDivider, SidebarBadgeTone, SidebarToolSection, SidebarToolSectionAction, CollapsibleState, TopBarVariant, TopBarSettingsConfig, PillNavOption, PillNavOptionInput, PillNavItem, PillNavItemInput, PageSelectorItem, PageSelectorItemInput, AccountMenuItem, WellPlateFormat, WellState, WellPlateSelectionMode, WellPlateSize, WellShape, Well, WellClassValue, WellClassResolver, WellStyleResolver, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellSampleDropData, WellSampleDropContext, WellSampleDropParser, WellLegendItem, PlateCondition, ColumnCondition, RowCondition, Rack, PlateEditorClearConfirm, SampleType, PlateMap, PlateMapEditorState, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, GroupItem, FileUploaderMode, SegmentedOption, SegmentedOptionInput, ChartLegendItem, SegmentedControlVariant, SegmentedControlSize, MultiSelectOption, MultiSelectOptionInput, MultiSelectSize, PillVariant, PillColor, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, PaginationState, SpinnerSize, SpinnerVariant, DividerSpacing, StatusType, ProgressSize, AvatarSize, EmptyStateColor, EmptyStateSize, BreadcrumbItem, BreadcrumbItemInput, TooltipPosition, ConfirmVariant, SettingsTab, SettingsTabInput, SettingsModalLayout, SettingsGroup, SettingsModalSchema, SettingsUserType, SettingsAudience, SettingsAudienceInput, NumberNotation, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, TimePickerFormat, TimeSlotDisabledFn, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, SummarySectionItem, SummarySection, SummaryData, ResourceStatus, ResourceSpec, MoleculeData, ExperimentStatus, DatePreset, ExperimentSortField, ExperimentTypeOption, ExperimentSummary, ExperimentListResponse, ExperimentFilters, FitState, FitResultSummary, FitSeries, FitColumnLabels, StorageCondition, ReagentColumn, Reagent, TreeNodeType, BadgeVariant, TreeNode, } from './components';
+export type { Tone, ContainerDirection, ButtonVariant, ButtonSize, ActionMenuItem, InputType, ModalSize, ModalVariant, ModalLayout, ModalTab, Toast, ToastAction, ToastOptions, OptionPrimitive, SelectOption, SelectOptionInput, FormFieldProps, SectionCardAccent, SectionCardDivider, SidebarToolSection, SidebarToolSectionAction, CollapsibleState, TopBarVariant, TopBarSettingsConfig, PillNavOption, PillNavOptionInput, PillNavItem, PillNavItemInput, PageSelectorItem, PageSelectorItemInput, PluginWorkspaceTopBarSpec, PluginWorkspaceSidebarSpec, PluginWorkspaceViewSpec, WellPlateFormat, WellState, WellPlateSelectionMode, WellPlateSize, WellShape, Well, WellClassValue, WellClassResolver, WellStyleResolver, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellSampleDropData, WellSampleDropContext, WellSampleDropParser, WellLegendItem, PlateCondition, ColumnCondition, RowCondition, Rack, PlateEditorClearConfirm, WellPlateSpec, PlateEditorSpec, SampleType, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, FileUploaderMode, ChartLegendItem, SegmentedControlVariant, SegmentedControlSize, PillVariant, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, DataFrameSpec, SpinnerSize, DividerSpacing, ProgressSize, AvatarSize, EmptyStateSize, BreadcrumbItem, BreadcrumbItemInput, TooltipPosition, SettingsTab, SettingsTabInput, SettingsModalLayout, SettingsGroup, SettingsModalSchema, SettingsUserType, SettingsAudience, SettingsAudienceInput, NumberNotation, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, TimeSlotDisabledFn, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, SummarySectionItem, SummarySection, SummaryData, ResourceStatus, ResourceSpec, MoleculeData, ExperimentStatus, DatePreset, ExperimentSortField, ExperimentTypeOption, ExperimentSummary, ExperimentListResponse, ExperimentFilters, TreeNodeType, BadgeVariant, TreeNode, } from './components';
 export type * from './generated-ui';
 export type { AnalysisArtifactStatus, AnalysisArtifactStatusFilter, AnalysisArtifactSummary, AnalysisArtifactDetail, AnalysisArtifactListResponse, AnalysisArtifactTarget, AnalysisArtifactMetadataUpdate, ArtifactSaveMode, ArtifactFileSource, JsonArtifactSavePayload, FileArtifactCreatePayload, FileArtifactUpdatePayload, HandlerFileArtifactCreatePayload, HandlerFileArtifactUpdatePayload, ArtifactSavePayload, HandlerArtifactSavePayload, ArtifactSaveDialogPayload, ArtifactSaveResult, ArtifactSaveHandler, HandlerArtifactSaveHandler, ArtifactSaveDialogHandler, } from './analysisArtifactTypes';
 export { ANALYSIS_FILE_ARTIFACT_SCHEMA } from './analysisArtifactTypes';
 export type { FileBrowserLocation, FileBrowserSortKey, FileDirectoryListing, FileDirectoryTree, FileEntry, FileEntryKind, FilePathCrumb, FileSearchResult, FileSelection, ServerMount, } from './fileBrowserTypes';
 export type { JobListPayload, JobProgress, JobSnapshotPayload, JobState, JobStateInput, JobStatus, JobStreamData, } from './jobs';
-export type { InstrumentAlert, InstrumentAlertLevel, InstrumentAlertList, InstrumentBadgeState, InstrumentLiveProgress, InstrumentLiveStatus, InstrumentState, InstrumentStatus, InstrumentStatusReporter, SampleInfo, SampleInfo as InstrumentSampleInfo, SequenceProgress, } from './instrument';
-export type { LcmsContainerType, LcmsPolarity, LcmsSequenceItem, LcmsSequenceTableColumn, } from '../lcms';
+export type { InjectionMetricSeries, InstrumentAlert, InstrumentAlertLevel, InstrumentAlertList, InstrumentBadgeState, InstrumentLiveProgress, InstrumentLiveStatus, InstrumentState, InstrumentStatus, InstrumentStatusReporter, SampleInfo, SampleInfo as InstrumentSampleInfo, SequenceProgress, StatusPanel, } from './instrument';
 export type { AccessAudience, AccessAudienceInput, AccessPolicy, AccessControlled, PermissionUser, RoleInfo, } from '../permissions';
 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, } from './auth';
-export type { PluginInfo, PluginNavItem, PluginSettings, PluginSettingField, PlatformContext, PlatformContextOptions, PlatformEventType, PlatformEvent, ThemeMode, ColorPalette, TableDensity, UserSummary, } from './platform';
+export type { UserInfo } from './auth';
+export type { Access, PluginInfo, PluginNavItem, PluginSettings, PluginSettingField, PlatformContext, ThemeMode, ColorPalette, TableDensity, UserSummary, } from './platform';
 export type * from './filePicker';

package/dist/types/instrument.d.ts

@@ -6,6 +6,8 @@ export interface SampleInfo {
     sample_name?: string | null;
     vial_position?: string | null;
     injection_volume?: number | null;
+    /** Injection start time, ISO 8601 with a timezone. */
+    started_at?: string | null;
 }
 export interface SequenceProgress {
     sequence_name?: string | null;
@@ -38,10 +40,47 @@ export interface InstrumentStatus {
 }
 /** A state the platform derives for an instrument: its reported state, `never` (no report yet) or `inactive`. */
 export type InstrumentBadgeState = InstrumentState | 'never' | 'inactive';
+/** One per-injection metric over the current sequence; `values[i]` belongs to position `i + 1`, up to the last finished one (pad to `total_samples`). */
+export interface InjectionMetricSeries {
+    key: string;
+    label: string;
+    unit?: string | null;
+    values: (number | null)[];
+}
 /** Sequence progress in a live status report; `sample_durations` covers the current sequence only. */
 export type InstrumentLiveProgress = SequenceProgress & {
     elapsed_seconds: number;
     sample_durations: number[];
+    injection_metrics: InjectionMetricSeries[];
+};
+/** A typed panel a plugin reports with a live status; `kind` selects the renderer. */
+export type StatusPanel = {
+    kind: 'kv';
+    title: string;
+    items: [string, string | number | boolean | null][];
+} | {
+    kind: 'table';
+    title: string;
+    columns: string[];
+    rows: Record<string, unknown>[];
+} | {
+    kind: 'text';
+    title: string;
+    text: string;
+} | {
+    kind: 'json';
+    title: string;
+    value: unknown;
+} | {
+    kind: 'bar';
+    title: string;
+    categories: string[];
+    /** One value per category; the viewer shows one series at a time. */
+    series: {
+        name: string;
+        values: (number | null)[];
+        unit?: string | null;
+    }[];
 };
 /** The plugin that reported a live status, resolved from the plugin registry at read time. */
 export interface InstrumentStatusReporter {
@@ -67,6 +106,8 @@ export interface InstrumentLiveStatus {
     reported_by: string;
     /** Null when the reporting plugin is not loaded. */
     reporter: InstrumentStatusReporter | null;
+    /** Panels of the latest report; empty for plugins that send none. */
+    panels: StatusPanel[];
 }
 /** An alert served by the reporting plugin at `{route_prefix}/api/instruments/{id}/alerts`. */
 export interface InstrumentAlert {

package/dist/types/platform.d.ts

@@ -1,34 +1,11 @@
-import { RoleInfo } from '../permissions';
-export interface PluginInfo {
-    id: string;
-    name: string;
-    /** Name to show in the UI; the platform falls back to the plugin ID. Absent before MINT 1.3. */
-    display_name?: string;
-    version: string;
-    plugin_type?: string;
-    description?: string;
-    icon?: string;
-    color?: string;
-    route_prefix: string;
-    api_prefix: string;
-    /** Settings route selected by the platform for this plugin runtime. */
-    settings_api?: 'plugin' | 'platform';
-    /** Content identity of the HTML that booted this integrated plugin tab. */
-    frontend_revision?: string;
+import { PlatformContextNavItem, PlatformContextPlugin, PlatformFrontendContext } from './generated/platformContext';
+export type PluginInfo = Omit<PlatformContextPlugin, 'nav_items'> & {
     nav_items?: PluginNavItem[];
     settings?: PluginSettings;
-}
-export interface PluginNavItem {
-    id?: string;
-    label: string;
-    path: string;
-    icon?: string;
-    description?: string;
-    requiresAuth?: boolean;
-    requiresAdmin?: boolean;
-    requiresFeature?: string;
+};
+export type PluginNavItem = PlatformContextNavItem & {
     children?: PluginNavItem[];
-}
+};
 export interface PluginSettings {
     [key: string]: PluginSettingField;
 }
@@ -55,38 +32,23 @@ export interface UserSummary {
     first_name?: string;
     last_name?: string;
 }
-export interface PlatformContext {
+/**
+ * Platform authorization level a plugin endpoint, job, tool or page requires.
+ * `use` needs `plugins.use` and a role that can see the plugin, `configure`
+ * adds `plugins.configure`, and `admin` needs a platform administrator.
+ */
+export type Access = 'use' | 'configure' | 'admin';
+/**
+ * The platform context: the `window.__MINT_PLATFORM__` the platform injects
+ * (generated from `mint_sdk.frontend_context`), or the standalone default
+ * that holds only `isIntegrated` and `theme`.
+ */
+export type PlatformContext = Partial<Omit<PlatformFrontendContext, 'plugin'>> & {
     isIntegrated: boolean;
     plugin?: PluginInfo;
-    platformApiUrl?: string;
-    platformOrigin?: string;
-    user?: {
-        id: number;
-        username: string;
-        role: string;
-        role_obj?: RoleInfo | null;
-        roleObj?: RoleInfo | null;
-        shortname?: string;
-    };
-    theme: 'light' | 'dark' | 'system';
-    allowedExperimentTypes?: string[] | null;
-    features?: {
-        admin?: boolean;
-        experiments?: boolean;
-        samples?: boolean;
-        passkey?: boolean;
-        multiUser?: boolean;
-    };
-}
-export interface PlatformContextOptions {
-    allowedOrigins?: string[];
-    allowAnyOrigin?: boolean;
-}
-export type PlatformEventType = 'mint:theme-changed' | 'mint:user-changed' | 'mint:navigate' | 'mint:notification';
-export interface PlatformEvent<T = unknown> {
-    type: PlatformEventType;
-    payload: T;
-}
+    /** The SDK theme setting. The platform does not send it. */
+    theme: ThemeMode;
+};
 export type ThemeMode = 'light' | 'dark' | 'system';
 export type ColorPalette = 'default' | 'colorblind' | 'viridis' | 'pastel';
 export type TableDensity = 'compact' | 'normal' | 'comfortable';

package/dist/useDebouncedWatch-BPwyl6eS.js

@@ -0,0 +1,73 @@
+import { onScopeDispose, ref, watch } from "vue";
+//#region src/composables/useDebouncedWatch.ts
+/** Watch a Vue source with debounced callback execution and explicit cancel/flush controls. */
+function useDebouncedWatch(source, callback, options = {}) {
+	const { delay = 300, ...watchOptions } = options;
+	const isPending = ref(false);
+	let timer = null;
+	let hasLatestValue = false;
+	let latestValue;
+	let latestOldValue;
+	let callbackCleanup = null;
+	let stopped = false;
+	function clearTimer() {
+		if (timer) {
+			clearTimeout(timer);
+			timer = null;
+		}
+		isPending.value = false;
+	}
+	function runCallbackCleanup() {
+		if (!callbackCleanup) return;
+		callbackCleanup();
+		callbackCleanup = null;
+	}
+	function cancel() {
+		clearTimer();
+		hasLatestValue = false;
+		latestOldValue = void 0;
+	}
+	function flush() {
+		if (!hasLatestValue) return;
+		const value = latestValue;
+		const oldValue = latestOldValue;
+		cancel();
+		runCallbackCleanup();
+		callback(value, oldValue, (cleanup) => {
+			callbackCleanup = cleanup;
+		});
+	}
+	function schedule(value, oldValue) {
+		cancel();
+		hasLatestValue = true;
+		latestValue = value;
+		latestOldValue = oldValue;
+		isPending.value = true;
+		timer = setTimeout(flush, delay);
+	}
+	const stopWatch = watch(source, (value, oldValue, onCleanup) => {
+		schedule(value, oldValue);
+		onCleanup(() => {
+			cancel();
+			runCallbackCleanup();
+		});
+	}, watchOptions);
+	function stop() {
+		if (stopped) return;
+		stopped = true;
+		stopWatch();
+		cancel();
+		runCallbackCleanup();
+	}
+	onScopeDispose(stop);
+	return {
+		isPending,
+		cancel,
+		flush,
+		stop
+	};
+}
+//#endregion
+export { useDebouncedWatch as t };
+
+//# sourceMappingURL=useDebouncedWatch-BPwyl6eS.js.map

package/dist/useDebouncedWatch-BPwyl6eS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedWatch-BPwyl6eS.js","names":[],"sources":["../src/composables/useDebouncedWatch.ts"],"sourcesContent":["import {\n  onScopeDispose,\n  ref,\n  watch,\n  type Ref,\n  type WatchOptions,\n  type WatchSource,\n  type WatchStopHandle,\n} from 'vue'\n\nexport type DebouncedWatchCleanup = () => void\nexport type DebouncedWatchSource<T> = WatchSource<T> | WatchSource<unknown>[] | (() => T)\nexport type DebouncedWatchCallback<T> = (\n  value: T,\n  oldValue: T | undefined,\n  onCleanup: (cleanup: DebouncedWatchCleanup) => void,\n) => void | Promise<void>\n\nexport interface UseDebouncedWatchOptions extends WatchOptions {\n  /** Debounce interval in milliseconds. */\n  delay?: number\n}\n\nexport interface UseDebouncedWatchReturn {\n  /** Whether a callback is currently scheduled. */\n  isPending: Ref<boolean>\n  /** Cancel the pending callback without stopping the watcher. */\n  cancel: () => void\n  /** Run the pending callback immediately, if one is scheduled. */\n  flush: () => void\n  /** Stop the watcher and clear pending callbacks. */\n  stop: WatchStopHandle\n}\n\n/** Watch a Vue source with debounced callback execution and explicit cancel/flush controls. */\nexport function useDebouncedWatch<T>(\n  source: DebouncedWatchSource<T>,\n  callback: DebouncedWatchCallback<T>,\n  options: UseDebouncedWatchOptions = {},\n): UseDebouncedWatchReturn {\n  const { delay = 300, ...watchOptions } = options\n  const isPending = ref(false)\n\n  let timer: ReturnType<typeof setTimeout> | null = null\n  let hasLatestValue = false\n  let latestValue: T\n  let latestOldValue: T | undefined\n  let callbackCleanup: DebouncedWatchCleanup | null = null\n  let stopped = false\n\n  function clearTimer(): void {\n    if (timer) {\n      clearTimeout(timer)\n      timer = null\n    }\n    isPending.value = false\n  }\n\n  function runCallbackCleanup(): void {\n    if (!callbackCleanup) return\n    callbackCleanup()\n    callbackCleanup = null\n  }\n\n  function cancel(): void {\n    clearTimer()\n    hasLatestValue = false\n    latestOldValue = undefined\n  }\n\n  function flush(): void {\n    if (!hasLatestValue) return\n    const value = latestValue\n    const oldValue = latestOldValue\n    cancel()\n    runCallbackCleanup()\n    void callback(value, oldValue, (cleanup) => {\n      callbackCleanup = cleanup\n    })\n  }\n\n  function schedule(value: T, oldValue: T | undefined): void {\n    cancel()\n    hasLatestValue = true\n    latestValue = value\n    latestOldValue = oldValue\n    isPending.value = true\n    timer = setTimeout(flush, delay)\n  }\n\n  const stopWatch = watch(\n    source as WatchSource<unknown> | WatchSource<unknown>[],\n    (value, oldValue, onCleanup) => {\n      schedule(value as T, oldValue as T | undefined)\n      onCleanup(() => {\n        cancel()\n        runCallbackCleanup()\n      })\n    },\n    watchOptions,\n  )\n\n  function stop(): void {\n    if (stopped) return\n    stopped = true\n    stopWatch()\n    cancel()\n    runCallbackCleanup()\n  }\n\n  onScopeDispose(stop)\n\n  return {\n    isPending,\n    cancel,\n    flush,\n    stop,\n  }\n}\n"],"mappings":";;;AAmCA,SAAgB,kBACd,QACA,UACA,UAAoC,CAAC,GACZ;CACzB,MAAM,EAAE,QAAQ,KAAK,GAAG,iBAAiB;CACzC,MAAM,YAAY,IAAI,KAAK;CAE3B,IAAI,QAA8C;CAClD,IAAI,iBAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI,kBAAgD;CACpD,IAAI,UAAU;CAEd,SAAS,aAAmB;EAC1B,IAAI,OAAO;GACT,aAAa,KAAK;GAClB,QAAQ;EACV;EACA,UAAU,QAAQ;CACpB;CAEA,SAAS,qBAA2B;EAClC,IAAI,CAAC,iBAAiB;EACtB,gBAAgB;EAChB,kBAAkB;CACpB;CAEA,SAAS,SAAe;EACtB,WAAW;EACX,iBAAiB;EACjB,iBAAiB,KAAA;CACnB;CAEA,SAAS,QAAc;EACrB,IAAI,CAAC,gBAAgB;EACrB,MAAM,QAAQ;EACd,MAAM,WAAW;EACjB,OAAO;EACP,mBAAmB;EACnB,SAAc,OAAO,WAAW,YAAY;GAC1C,kBAAkB;EACpB,CAAC;CACH;CAEA,SAAS,SAAS,OAAU,UAA+B;EACzD,OAAO;EACP,iBAAiB;EACjB,cAAc;EACd,iBAAiB;EACjB,UAAU,QAAQ;EAClB,QAAQ,WAAW,OAAO,KAAK;CACjC;CAEA,MAAM,YAAY,MAChB,SACC,OAAO,UAAU,cAAc;EAC9B,SAAS,OAAY,QAAyB;EAC9C,gBAAgB;GACd,OAAO;GACP,mBAAmB;EACrB,CAAC;CACH,GACA,YACF;CAEA,SAAS,OAAa;EACpB,IAAI,SAAS;EACb,UAAU;EACV,UAAU;EACV,OAAO;EACP,mBAAmB;CACrB;CAEA,eAAe,IAAI;CAEnB,OAAO;EACL;EACA;EACA;EACA;CACF;AACF"}

package/dist/{experiment-utils-DTANyVKV.js → useDropdownState-8yWMu-7_.js}

@@ -1,13 +1,24 @@
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, watch, withCtx, withKeys, withModifiers } from "vue";
-//#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = ["type", "disabled"];
-var _hoisted_2$1 = {
-	key: 0,
-	class: "mint-button__spinner",
-	fill: "none",
-	viewBox: "0 0 24 24"
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRef, useSlots, watch, withCtx, withKeys, withModifiers } from "vue";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
 };
 //#endregion
+//#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = [
+	"type",
+	"disabled",
+	"aria-label",
+	"title"
+];
+//#endregion
 //#region src/components/BaseButton.vue
 var BaseButton_default = /* @__PURE__ */ defineComponent({
 	__name: "BaseButton",
@@ -26,13 +37,28 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 		fullWidth: {
 			type: Boolean,
 			default: false
-		}
+		},
+		icon: { default: void 0 },
+		label: { default: void 0 }
 	},
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
-		/** Renders a styled `<button>` with variant, size, loading spinner, and full-width options. */
+		/**
+		* Renders a styled `<button>` with variant, size, loading spinner, and full-width options.
+		* With `icon` and no default slot it is a square icon-only button; `label` is then its accessible name.
+		*
+		* @example
+		* ```vue
+		* <BaseButton variant="primary" :loading="busy">Save</BaseButton>
+		* <BaseButton :icon="Plus">Add sample</BaseButton>
+		* <BaseButton variant="ghost" :icon="Trash2" label="Delete" />
+		* ```
+		*/
 		const props = __props;
 		const emit = __emit;
+		const slots = useSlots();
+		const iconOnly = computed(() => Boolean(props.icon) && !slots.default);
+		const block = computed(() => iconOnly.value ? "mint-icon-button" : "mint-button");
 		function handleClick(event) {
 			if (!props.disabled && !props.loading) emit("click", event);
 		}
@@ -40,16 +66,23 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("button", {
 				type: __props.type,
 				disabled: __props.disabled || __props.loading,
+				"aria-label": iconOnly.value ? __props.label : void 0,
+				title: iconOnly.value ? __props.label : void 0,
 				class: normalizeClass([
-					"mint-button",
-					`mint-button--${__props.variant}`,
-					`mint-button--${__props.size}`,
-					__props.fullWidth ? "mint-button--full-width" : "",
-					__props.disabled || __props.loading ? "mint-button--disabled" : ""
+					block.value,
+					`${block.value}--${__props.variant}`,
+					`${block.value}--${__props.size}`,
+					__props.fullWidth && !iconOnly.value ? "mint-button--full-width" : "",
+					__props.disabled || __props.loading ? `${block.value}--disabled` : ""
 				]),
 				onClick: handleClick
 			}, [
-				__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$1, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+				__props.loading ? (openBlock(), createElementBlock("svg", {
+					key: 0,
+					class: normalizeClass(iconOnly.value ? ["mint-icon-button__spinner", `mint-icon-button__icon--${__props.size}`] : "mint-button__spinner"),
+					fill: "none",
+					viewBox: "0 0 24 24"
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
 					style: { "opacity": "0.25" },
 					cx: "12",
 					cy: "12",
@@ -60,10 +93,21 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 					style: { "opacity": "0.75" },
 					fill: "currentColor",
 					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-				}, null, -1)])])) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "icon-left"),
-				renderSlot(_ctx.$slots, "default"),
-				renderSlot(_ctx.$slots, "icon-right")
+				}, null, -1)])], 2)) : createCommentVNode("", true),
+				iconOnly.value && !__props.loading ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(`mint-icon-button__icon--${__props.size}`)
+				}, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { "aria-hidden": "true" }))], 2)) : createCommentVNode("", true),
+				!iconOnly.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+					__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
+						key: 0,
+						class: "mint-button__icon",
+						"aria-hidden": "true"
+					})) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "icon-left"),
+					renderSlot(_ctx.$slots, "default"),
+					renderSlot(_ctx.$slots, "icon-right")
+				], 64)) : createCommentVNode("", true)
 			], 10, _hoisted_1$1);
 		};
 	}
@@ -294,7 +338,7 @@ var openModals = [];
 var BaseModal_default = /* @__PURE__ */ defineComponent({
 	__name: "BaseModal",
 	props: {
-		modelValue: { type: Boolean },
+		open: { type: Boolean },
 		title: {},
 		subtitle: {},
 		size: { default: "md" },
@@ -316,7 +360,7 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		activeTab: {}
 	},
 	emits: [
-		"update:modelValue",
+		"update:open",
 		"update:activeTab",
 		"close"
 	],
@@ -359,23 +403,23 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		const containerRef = ref(null);
 		useFocusTrap({
 			containerRef,
-			active: toRef(props, "modelValue")
+			active: toRef(props, "open")
 		});
-		watch(() => props.modelValue, (isOpen) => {
+		watch(() => props.open, (isOpen) => {
 			document.body.style.overflow = isOpen ? "hidden" : "";
 		});
 		const self = {};
-		watch(() => props.modelValue, (isOpen) => {
+		watch(() => props.open, (isOpen) => {
 			const index = openModals.indexOf(self);
 			if (isOpen && index === -1) openModals.push(self);
 			if (!isOpen && index !== -1) openModals.splice(index, 1);
 		}, { immediate: true });
 		function handleEscapeKeydown(event) {
-			if (event.key === "Escape" && props.closeOnEscape && props.modelValue && openModals[openModals.length - 1] === self) close();
+			if (event.key === "Escape" && props.closeOnEscape && props.open && openModals[openModals.length - 1] === self) close();
 		}
 		function close() {
 			if (props.closable) {
-				emit("update:modelValue", false);
+				emit("update:open", false);
 				emit("close");
 			}
 		}
@@ -390,7 +434,7 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: `modal-${__props.variant}` }, {
-				default: withCtx(() => [__props.modelValue ? (openBlock(), createElementBlock("div", {
+				default: withCtx(() => [__props.open ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(["mint-modal", `mint-modal--${__props.variant}`]),
 					onClick: handleOverlayClick
@@ -489,125 +533,64 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#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;
-}
+//#region src/composables/useDropdownState.ts
 /**
-* Reads the experiment id a deep link was opened with.
-*
-* Returns an id and never a label: a display name belongs to the platform, so
-* callers must resolve it (see `useExperimentStore().selectById`) rather than
-* derive one from the query or the id itself.
+* Shared disclosure state for dropdown-style SDK components: open/close state,
+* outside-click and Escape closing, optional scroll/resize closing, and focus
+* return to the trigger. `close(returnFocus)` mirrors `useMenuKeyboard`'s
+* contract, so the two compose directly.
 */
-function experimentIdFromRoute(query) {
-	const raw = query.experiment_id ?? query.experimentId;
-	const value = Array.isArray(raw) ? raw.find((item) => typeof item === "string") : raw;
-	if (typeof value !== "string" || !value) return null;
-	const id = Number(value);
-	return Number.isInteger(id) && id > 0 ? id : null;
-}
-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"
+function useDropdownState(options = {}) {
+	const isOpen = ref(false);
+	const rootRef = options.rootRef ?? ref(null);
+	const triggerRef = options.triggerRef ?? ref(null);
+	const closeOnOutsideClick = options.closeOnOutsideClick ?? true;
+	const closeOnEscape = options.closeOnEscape ?? true;
+	const closeOnScroll = options.closeOnScroll ?? false;
+	function open() {
+		if (isOpen.value) return;
+		isOpen.value = true;
+		options.onOpen?.();
 	}
-];
-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"
+	function close(returnFocus = false) {
+		if (!isOpen.value) return;
+		isOpen.value = false;
+		options.onClose?.();
+		if (returnFocus) nextTick(() => triggerRef.value?.focus());
 	}
-];
+	function toggle() {
+		if (isOpen.value) close();
+		else open();
+	}
+	function handleClickOutside(event) {
+		if (!closeOnOutsideClick || !isOpen.value || !rootRef.value) return;
+		const target = event.target;
+		if (target instanceof Node && !rootRef.value.contains(target) && !options.insideRefs?.some((ref) => ref.value?.contains(target))) close();
+	}
+	function handleKeydown(event) {
+		if (closeOnEscape && event.key === "Escape") close(true);
+	}
+	function handleViewportChange() {
+		if (isOpen.value) close();
+	}
+	if (closeOnOutsideClick) useEventListener(() => document, "click", handleClickOutside);
+	if (closeOnEscape) useEventListener(() => document, "keydown", handleKeydown);
+	if (closeOnScroll) {
+		useEventListener(() => window, "scroll", handleViewportChange, true);
+		useEventListener(() => window, "resize", handleViewportChange);
+	}
+	return {
+		isOpen,
+		rootRef,
+		triggerRef,
+		open,
+		close,
+		toggle,
+		handleClickOutside,
+		handleKeydown
+	};
+}
 //#endregion
-export { SORT_OPTIONS as a, formatExperimentDate as c, resolveExperimentCode as d, BaseModal_default as f, BaseButton_default as h, EXPERIMENT_STATUS_VARIANT_MAP as i, formatExperimentStatus as l, useEventListener as m, EXPERIMENT_STATUS_LABELS as n, datePresetToISO as o, useFocusTrap as p, EXPERIMENT_STATUS_OPTIONS as r, experimentIdFromRoute as s, DATE_PRESET_OPTIONS as t, getExperimentStatusVariant as u };
+export { BaseButton_default as a, useEventListener as i, BaseModal_default as n, __exportAll as o, useFocusTrap as r, useDropdownState as t };
 
-//# sourceMappingURL=experiment-utils-DTANyVKV.js.map
+//# sourceMappingURL=useDropdownState-8yWMu-7_.js.map