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

package/dist/ExperimentSelectorModal-65peG4Up.js

@@ -0,0 +1,544 @@
+import { n as BaseModal_default, o as __exportAll } from "./useDropdownState-8yWMu-7_.js";
+import { o as useApi, t as useExperimentStore } from "./experiment-43OJtH7R.js";
+import { C as formatExperimentDate, n as ResourcePickerListInternal_default, x as datePresetToISO } from "./records-B6gpM_3e.js";
+import { n as ActionMenu_default, t as useRequest } from "./useRequest-D506eHi8.js";
+import { t as useDebouncedWatch } from "./useDebouncedWatch-BPwyl6eS.js";
+import { n as format, r as tone } from "./experimentStatus-Cqp6qNrR.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, reactive, ref, renderList, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { ChevronDown, CircleDot, Folder, Shapes, User } from "lucide-vue-next";
+//#region src/composables/useExperimentSelector.ts
+function getPlatformContext() {
+	if (typeof window === "undefined") return void 0;
+	return window.__MINT_PLATFORM__;
+}
+function getPlatformApiUrl() {
+	return getPlatformContext()?.platformApiUrl;
+}
+/** Fetches a paginated, filtered experiment list from the platform API for picker and selector UIs. */
+function useExperimentSelector(options = {}) {
+	const { limit = 100, immediate = false, experimentType, allowedExperimentTypes: optionAllowedExperimentTypes, apiBaseUrl, withStatusCounts = false } = options;
+	const platformBase = apiBaseUrl ?? getPlatformApiUrl();
+	const api = useApi();
+	const experiments = ref([]);
+	const total = ref(0);
+	const selectedExperiment = ref(null);
+	const request = useRequest("Failed to fetch experiments");
+	const isLoading = request.isLoading;
+	const error = request.error;
+	const lastLoadedAt = ref(null);
+	const page = ref(0);
+	let fetchGeneration = 0;
+	const sortKey = ref("created_at:desc");
+	const experimentTypes = ref([]);
+	const projects = ref([]);
+	let filterOptionsFetched = false;
+	const statusCounts = ref({});
+	let statsGeneration = 0;
+	let countedScope = null;
+	const hasMore = computed(() => experiments.value.length < total.value);
+	const filters = reactive({
+		search: void 0,
+		status: void 0,
+		project: void 0,
+		experimentType: void 0,
+		datePreset: void 0,
+		mine: void 0
+	});
+	function normalizeExperimentTypes(values) {
+		if (values == null) return null;
+		return [...new Set(values.filter((value) => typeof value === "string" && value.length > 0))];
+	}
+	function currentAllowedExperimentTypes() {
+		if (optionAllowedExperimentTypes !== void 0) return normalizeExperimentTypes(optionAllowedExperimentTypes);
+		return normalizeExperimentTypes(getPlatformContext()?.allowedExperimentTypes);
+	}
+	function parseSortKey() {
+		const [field, order] = sortKey.value.split(":");
+		return {
+			sortBy: field || "created_at",
+			sortOrder: order || "desc"
+		};
+	}
+	function resolveExperimentTypeScope() {
+		const allowedTypes = currentAllowedExperimentTypes();
+		const selectedType = experimentType ?? filters.experimentType ?? void 0;
+		if (selectedType) {
+			if (allowedTypes && !allowedTypes.includes(selectedType)) return { kind: "blocked" };
+			return {
+				kind: "single",
+				experimentType: selectedType
+			};
+		}
+		if (allowedTypes) {
+			if (allowedTypes.length === 0) return { kind: "blocked" };
+			if (allowedTypes.length === 1) return {
+				kind: "single",
+				experimentType: allowedTypes[0]
+			};
+			return {
+				kind: "multi",
+				experimentTypes: allowedTypes
+			};
+		}
+		return { kind: "all" };
+	}
+	/** Query params shared by the list and the stats route; status, sort and paging are list-only. */
+	function scopeParams(typeFilter) {
+		const params = new URLSearchParams();
+		if (typeFilter) params.set("experiment_type", typeFilter);
+		if (filters.search) params.set("search", filters.search);
+		if (filters.project) params.set("project", filters.project);
+		if (filters.mine) params.set("mine", "true");
+		if (filters.datePreset) params.set("created_after", datePresetToISO(filters.datePreset));
+		return params;
+	}
+	function buildExperimentListUrl(typeFilter, skip, pageLimit) {
+		const params = scopeParams(typeFilter);
+		if (filters.status) params.set("status", filters.status);
+		const { sortBy, sortOrder } = parseSortKey();
+		params.set("sort_by", sortBy);
+		params.set("sort_order", sortOrder);
+		params.set("limit", String(pageLimit));
+		params.set("skip", String(skip));
+		const query = params.toString();
+		return `${platformBase ?? ""}/experiments${query ? `?${query}` : ""}`;
+	}
+	function sortExperiments(items) {
+		const { sortBy, sortOrder } = parseSortKey();
+		const direction = sortOrder === "desc" ? -1 : 1;
+		return [...items].sort((a, b) => {
+			const aValue = a[sortBy] ?? "";
+			const bValue = b[sortBy] ?? "";
+			if (aValue < bValue) return -1 * direction;
+			if (aValue > bValue) return 1 * direction;
+			return 0;
+		});
+	}
+	async function fetchExperimentList(typeFilter, skip, pageLimit) {
+		return await api.get(buildExperimentListUrl(typeFilter, skip, pageLimit));
+	}
+	async function fetchScopedExperimentPage(requestedPage) {
+		const scope = resolveExperimentTypeScope();
+		const pageSkip = requestedPage * limit;
+		if (scope.kind === "blocked") return {
+			experiments: [],
+			total: 0
+		};
+		if (scope.kind === "multi") {
+			const perTypeLimit = pageSkip + limit;
+			const responses = await Promise.all(scope.experimentTypes.map((type) => fetchExperimentList(type, 0, perTypeLimit)));
+			return {
+				experiments: sortExperiments(responses.flatMap((response) => response.experiments)).slice(pageSkip, pageSkip + limit),
+				total: responses.reduce((sum, response) => sum + response.total, 0)
+			};
+		}
+		return await fetchExperimentList(scope.kind === "single" ? scope.experimentType : void 0, pageSkip, limit);
+	}
+	async function fetchExperiments() {
+		const generation = ++fetchGeneration;
+		const requestedPage = page.value;
+		isLoading.value = true;
+		request.clearError();
+		try {
+			const data = await fetchScopedExperimentPage(requestedPage);
+			if (generation !== fetchGeneration) return;
+			if (requestedPage === 0) experiments.value = data.experiments;
+			else experiments.value = [...experiments.value, ...data.experiments];
+			total.value = data.total;
+			lastLoadedAt.value = /* @__PURE__ */ new Date();
+		} catch (err) {
+			if (generation !== fetchGeneration) return;
+			request.setError(err, "Failed to fetch experiments");
+			if (requestedPage === 0) {
+				experiments.value = [];
+				total.value = 0;
+			}
+		} finally {
+			if (generation === fetchGeneration) isLoading.value = false;
+		}
+	}
+	function invalidateFetch() {
+		fetchGeneration += 1;
+		isLoading.value = false;
+	}
+	async function fetchFilterOptions() {
+		if (filterOptionsFetched) return;
+		filterOptionsFetched = true;
+		const base = platformBase ?? "";
+		const [typesRes, projectsRes] = await Promise.allSettled([api.get(`${base}/experiments/experiment-types`), api.get(`${base}/projects`)]);
+		if (typesRes.status === "fulfilled" && Array.isArray(typesRes.value)) {
+			const allowedTypes = currentAllowedExperimentTypes();
+			const allowedSet = allowedTypes ? new Set(allowedTypes) : null;
+			experimentTypes.value = typesRes.value.filter((t) => !allowedSet || allowedSet.has(t.value)).map((t) => ({
+				value: t.value,
+				label: t.label,
+				color: t.color
+			}));
+			if (filters.experimentType && allowedSet && !allowedSet.has(filters.experimentType)) filters.experimentType = void 0;
+		}
+		if (projectsRes.status === "fulfilled" && projectsRes.value?.projects && Array.isArray(projectsRes.value.projects)) projects.value = projectsRes.value.projects.map((p) => ({
+			value: p.name,
+			label: p.name
+		}));
+	}
+	/** The filters the stats route reads; status, sort and paging do not change the counts. */
+	function countScope() {
+		return JSON.stringify([
+			filters.search,
+			filters.project,
+			filters.experimentType,
+			filters.datePreset,
+			filters.mine
+		]);
+	}
+	function refreshStatusCountsOnScopeChange() {
+		if (withStatusCounts && countScope() !== countedScope) fetchStatusCounts();
+	}
+	async function fetchStatusCounts() {
+		const generation = ++statsGeneration;
+		countedScope = countScope();
+		const scope = resolveExperimentTypeScope();
+		if (scope.kind === "blocked") {
+			statusCounts.value = {};
+			return;
+		}
+		const types = scope.kind === "multi" ? scope.experimentTypes : [scope.kind === "single" ? scope.experimentType : void 0];
+		const base = platformBase ?? "";
+		try {
+			const responses = await Promise.all(types.map((type) => api.get(`${base}/experiments/stats?${scopeParams(type)}`)));
+			if (generation !== statsGeneration) return;
+			const counts = {};
+			for (const response of responses) for (const [status, count] of Object.entries(response.by_status)) counts[status] = (counts[status] ?? 0) + count;
+			statusCounts.value = counts;
+		} catch {
+			if (generation === statsGeneration) {
+				statusCounts.value = {};
+				countedScope = null;
+			}
+		}
+	}
+	async function loadMore() {
+		if (!hasMore.value || isLoading.value) return;
+		page.value++;
+		await fetchExperiments();
+	}
+	function reset() {
+		page.value = 0;
+		experiments.value = [];
+		total.value = 0;
+		fetchExperiments();
+	}
+	function select(experiment) {
+		selectedExperiment.value = experiment;
+	}
+	function clear() {
+		invalidateFetch();
+		selectedExperiment.value = null;
+		filters.search = void 0;
+		filters.status = void 0;
+		filters.project = void 0;
+		filters.experimentType = void 0;
+		filters.datePreset = void 0;
+		filters.mine = void 0;
+		sortKey.value = "created_at:desc";
+		page.value = 0;
+		request.clearError();
+	}
+	watch(() => [
+		filters.search,
+		filters.status,
+		filters.project,
+		filters.experimentType,
+		filters.datePreset,
+		filters.mine,
+		sortKey.value
+	], () => invalidateFetch(), { flush: "sync" });
+	const searchWatch = useDebouncedWatch(() => filters.search, () => {
+		page.value = 0;
+		fetchExperiments();
+		refreshStatusCountsOnScopeChange();
+	}, { delay: 300 });
+	watch(() => [
+		filters.status,
+		filters.project,
+		filters.experimentType,
+		filters.datePreset,
+		filters.mine,
+		sortKey.value
+	], () => {
+		searchWatch.cancel();
+		page.value = 0;
+		fetchExperiments();
+		refreshStatusCountsOnScopeChange();
+	});
+	if (immediate) fetchExperiments();
+	return {
+		experiments,
+		total,
+		selectedExperiment,
+		filters,
+		isLoading,
+		error,
+		lastLoadedAt,
+		page,
+		hasMore,
+		sortKey,
+		experimentTypes,
+		projects,
+		statusCounts,
+		fetch: fetchExperiments,
+		loadMore,
+		reset,
+		select,
+		clear,
+		fetchFilterOptions,
+		fetchStatusCounts
+	};
+}
+//#endregion
+//#region src/components/ExperimentSelectorModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-label",
+	"aria-expanded",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_2 = { class: "mint-experiment-selector__toggle-label" };
+var _hoisted_3 = ["aria-pressed"];
+var _hoisted_4 = {
+	key: 0,
+	class: "mint-experiment-selector__footer"
+};
+/** Every item carries `checked`, so ActionMenu renders a single-choice menu. */
+var ExperimentSelectorModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ExperimentSelectorModal",
+	props: {
+		open: { type: Boolean },
+		experimentType: {},
+		allowedExperimentTypes: {},
+		currentExperimentId: { default: null },
+		title: { default: "Select Experiment" },
+		size: { default: "lg" }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Modal for searching and selecting an experiment from the platform list with filters and keyboard nav.
+		*
+		* @example Recommended
+		* ```vue
+		* <ExperimentSelectorModal v-model:open="open" :allowed-experiment-types="['mass-spectrometry']" />
+		* ```
+		*/
+		const props = __props;
+		const emit = __emit;
+		const experimentStore = useExperimentStore();
+		const { experiments, filters, isLoading, error, experimentTypes, projects, statusCounts, fetch: fetchExperiments, fetchFilterOptions, fetchStatusCounts } = useExperimentSelector({
+			experimentType: props.experimentType,
+			allowedExperimentTypes: props.allowedExperimentTypes,
+			withStatusCounts: true
+		});
+		const openCount = ref(0);
+		const STATUS_ORDER = [
+			"ongoing",
+			"planned",
+			"completed",
+			"cancelled"
+		];
+		const canChooseExperimentType = computed(() => !props.experimentType && experimentTypes.value.length > 1);
+		function choiceItems(key, anyLabel, options) {
+			const current = filters[key] ?? "";
+			return [{
+				value: "",
+				label: anyLabel
+			}, ...options].map((option) => ({
+				id: option.value,
+				label: option.label,
+				checked: option.value === current
+			}));
+		}
+		const filterMenus = computed(() => {
+			const menus = [{
+				key: "status",
+				label: "Status",
+				icon: CircleDot,
+				items: choiceItems("status", "Any status", STATUS_ORDER.map((status) => {
+					const count = statusCounts.value[status];
+					const label = format(status);
+					return {
+						value: status,
+						label: count === void 0 ? label : `${label} · ${count}`
+					};
+				})),
+				activeLabel: filters.status ? format(filters.status) : void 0,
+				dotTone: filters.status ? tone(filters.status) : void 0
+			}];
+			if (projects.value.length) menus.push({
+				key: "project",
+				label: "Project",
+				icon: Folder,
+				items: choiceItems("project", "Any project", projects.value),
+				activeLabel: filters.project ?? void 0
+			});
+			if (canChooseExperimentType.value) menus.push({
+				key: "experimentType",
+				label: "Type",
+				icon: Shapes,
+				items: choiceItems("experimentType", "Any type", experimentTypes.value),
+				activeLabel: experimentTypes.value.find((t) => t.value === filters.experimentType)?.label ?? filters.experimentType ?? void 0
+			});
+			return menus;
+		});
+		const activeFilterCount = computed(() => [
+			filters.status,
+			filters.project,
+			filters.experimentType,
+			filters.mine
+		].filter(Boolean).length);
+		function clearFilters() {
+			filters.status = void 0;
+			filters.project = void 0;
+			filters.experimentType = void 0;
+			filters.mine = void 0;
+		}
+		function describe(experiment) {
+			const owner = experiment.created_by_user;
+			return {
+				code: experiment.experiment_code,
+				title: experiment.name,
+				meta: [experiment.project_name || experiment.project || "", owner ? [owner.first_name, owner.last_name].filter(Boolean).join(" ") || owner.username : ""].filter(Boolean),
+				status: experiment.status ? {
+					label: format(experiment.status),
+					tone: tone(experiment.status)
+				} : void 0,
+				date: formatExperimentDate(experiment.created_at)
+			};
+		}
+		function setFilter(key, value) {
+			filters[key] = String(value) || void 0;
+		}
+		function handleSelect(experiment) {
+			experimentStore.select(experiment);
+			emit("update:open", false);
+		}
+		function handleDeselect() {
+			experimentStore.clear();
+			emit("update:open", false);
+		}
+		watch(() => props.open, (isOpen) => {
+			if (isOpen) {
+				openCount.value++;
+				fetchFilterOptions();
+				fetchExperiments();
+				fetchStatusCounts();
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				open: __props.open,
+				title: __props.title,
+				size: __props.size,
+				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => emit("update:open", $event))
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(ResourcePickerListInternal_default, {
+					key: openCount.value,
+					search: unref(filters).search ?? "",
+					class: "mint-experiment-selector",
+					"autofocus-search": "",
+					label: "Experiments",
+					placeholder: "Search experiments…",
+					items: unref(experiments),
+					"item-key": (experiment) => experiment.id,
+					describe,
+					"selected-key": __props.currentExperimentId,
+					loading: unref(isLoading),
+					error: unref(error),
+					"empty-title": "No experiments found",
+					"onUpdate:search": _cache[1] || (_cache[1] = ($event) => unref(filters).search = $event),
+					onSelect: handleSelect
+				}, {
+					filters: withCtx(() => [
+						(openBlock(true), createElementBlock(Fragment, null, renderList(filterMenus.value, (menu) => {
+							return openBlock(), createBlock(ActionMenu_default, {
+								key: menu.key,
+								label: menu.label,
+								items: menu.items,
+								onSelect: (item) => setFilter(menu.key, item.id)
+							}, {
+								trigger: withCtx(({ open: menuOpen, toggle, keydown }) => [createElementVNode("button", {
+									type: "button",
+									class: normalizeClass(["mint-experiment-selector__toggle", { "mint-experiment-selector__toggle--active": menu.activeLabel }]),
+									"aria-label": `${menu.label}: ${menu.activeLabel ?? menu.items[0].label}`,
+									"aria-haspopup": "menu",
+									"aria-expanded": menuOpen,
+									onClick: toggle,
+									onKeydown: keydown
+								}, [
+									menu.dotTone ? (openBlock(), createElementBlock("span", {
+										key: 0,
+										class: normalizeClass(["mint-experiment-selector__dot", `mint-experiment-selector__dot--${menu.dotTone}`]),
+										"aria-hidden": "true"
+									}, null, 2)) : (openBlock(), createBlock(resolveDynamicComponent(menu.icon), {
+										key: 1,
+										size: 13,
+										"aria-hidden": "true"
+									})),
+									createElementVNode("span", _hoisted_2, toDisplayString(menu.activeLabel ?? menu.label), 1),
+									createVNode(unref(ChevronDown), {
+										size: 12,
+										"aria-hidden": "true"
+									})
+								], 42, _hoisted_1)]),
+								_: 2
+							}, 1032, [
+								"label",
+								"items",
+								"onSelect"
+							]);
+						}), 128)),
+						createElementVNode("button", {
+							type: "button",
+							class: normalizeClass(["mint-experiment-selector__toggle", { "mint-experiment-selector__toggle--active": unref(filters).mine }]),
+							"aria-pressed": !!unref(filters).mine,
+							onClick: _cache[0] || (_cache[0] = ($event) => unref(filters).mine = unref(filters).mine ? void 0 : true)
+						}, [createVNode(unref(User), {
+							size: 13,
+							"aria-hidden": "true"
+						}), _cache[3] || (_cache[3] = createTextVNode(" Mine ", -1))], 10, _hoisted_3),
+						activeFilterCount.value ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "mint-experiment-selector__clear-filters",
+							onClick: clearFilters
+						}, " Clear " + toDisplayString(activeFilterCount.value), 1)) : createCommentVNode("", true)
+					]),
+					_: 1
+				}, 8, [
+					"search",
+					"items",
+					"item-key",
+					"selected-key",
+					"loading",
+					"error"
+				])), __props.currentExperimentId != null ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("button", {
+					type: "button",
+					class: "mint-experiment-selector__clear-btn",
+					onClick: handleDeselect
+				}, " Clear selection ")])) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, [
+				"open",
+				"title",
+				"size"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/ExperimentSelectorModal.vue
+var ExperimentSelectorModal_exports = /* @__PURE__ */ __exportAll({ default: () => ExperimentSelectorModal_default });
+var ExperimentSelectorModal_default = ExperimentSelectorModal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ExperimentSelectorModal_exports as n, useExperimentSelector as r, ExperimentSelectorModal_default as t };
+
+//# sourceMappingURL=ExperimentSelectorModal-65peG4Up.js.map

package/dist/ExperimentSelectorModal-65peG4Up.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentSelectorModal-65peG4Up.js","names":[],"sources":["../src/composables/useExperimentSelector.ts","../src/components/ExperimentSelectorModal.vue","../src/components/ExperimentSelectorModal.vue"],"sourcesContent":["import { ref, reactive, computed, watch, type Ref, type ComputedRef } from 'vue'\nimport { useApi } from './useApi'\nimport { useDebouncedWatch } from './useDebouncedWatch'\nimport { useRequest } from './useRequest'\nimport { datePresetToISO } from './experiment-utils'\nimport type {\n  ExperimentSummary,\n  ExperimentListResponse,\n  ExperimentFilters,\n  ExperimentTypeOption,\n  ExperimentSortField,\n  PlatformContext,\n  SelectOption,\n} from '../types'\n\nfunction getPlatformContext(): PlatformContext | undefined {\n  if (typeof window === 'undefined') return undefined\n  return (window as unknown as { __MINT_PLATFORM__?: PlatformContext }).__MINT_PLATFORM__\n}\n\nfunction getPlatformApiUrl(): string | undefined {\n  return getPlatformContext()?.platformApiUrl\n}\n\nexport interface UseExperimentSelectorOptions {\n  experimentType?: string\n  allowedExperimentTypes?: string[] | null\n  apiBaseUrl?: string\n  limit?: number\n  immediate?: boolean\n  /** Keep `statusCounts` in step with the non-status filters (one stats request per change). */\n  withStatusCounts?: boolean\n}\n\nexport interface UseExperimentSelectorReturn {\n  /** Current page of fetched experiment rows. */\n  experiments: Ref<ExperimentSummary[]>\n  /** Total matching experiment count reported by the platform. */\n  total: Ref<number>\n  /** Currently selected experiment, or null. */\n  selectedExperiment: Ref<ExperimentSummary | null>\n  /** Mutable filters used for the next fetch. */\n  filters: ExperimentFilters\n  /** Whether experiment rows are currently loading. */\n  isLoading: Ref<boolean>\n  /** Error message from the last failed fetch, or null. */\n  error: Ref<string | null>\n  /** Timestamp of the last successful experiment fetch, or null. */\n  lastLoadedAt: Ref<Date | null>\n  /** Current zero-based page index. */\n  page: Ref<number>\n  /** Whether another page can be loaded. */\n  hasMore: ComputedRef<boolean>\n  // Sort\n  /** Combined sort key in the form `<field>:<asc|desc>`. */\n  sortKey: Ref<string>\n  // Filter options\n  /** Available experiment type options for filter UI. */\n  experimentTypes: Ref<ExperimentTypeOption[]>\n  /** Available project options for filter UI. */\n  projects: Ref<SelectOption<string>[]>\n  /** Experiment count per status under every filter except status itself. */\n  statusCounts: Ref<Record<string, number>>\n  // Methods\n  /** Fetch the current page with the current filters. */\n  fetch: () => Promise<void>\n  /** Fetch and append the next page when available. */\n  loadMore: () => Promise<void>\n  /** Clear fetched rows and refetch page zero. */\n  reset: () => void\n  /** Select an experiment. */\n  select: (experiment: ExperimentSummary) => void\n  /** Clear selection and filters. */\n  clear: () => void\n  /** Fetch experiment type and project filter options. */\n  fetchFilterOptions: () => Promise<void>\n  /** Fetch `statusCounts` from `GET /experiments/stats`. */\n  fetchStatusCounts: () => Promise<void>\n}\n\n/** Fetches a paginated, filtered experiment list from the platform API for picker and selector UIs. */\nexport function useExperimentSelector(\n  options: UseExperimentSelectorOptions = {},\n): UseExperimentSelectorReturn {\n  const {\n    limit = 100,\n    immediate = false,\n    experimentType,\n    allowedExperimentTypes: optionAllowedExperimentTypes,\n    apiBaseUrl,\n    withStatusCounts = false,\n  } = options\n  const platformBase = apiBaseUrl ?? getPlatformApiUrl()\n  const api = useApi()\n\n  const experiments = ref<ExperimentSummary[]>([])\n  const total = ref(0)\n  const selectedExperiment = ref<ExperimentSummary | null>(null)\n  const request = useRequest('Failed to fetch experiments')\n  const isLoading = request.isLoading\n  const error = request.error\n  const lastLoadedAt = ref<Date | null>(null)\n  const page = ref(0)\n  let fetchGeneration = 0\n\n  // Sort: combined key like \"created_at:desc\"\n  const sortKey = ref<string>('created_at:desc')\n\n  // Filter option data (fetched once, cached)\n  const experimentTypes = ref<ExperimentTypeOption[]>([])\n  const projects = ref<SelectOption<string>[]>([])\n  let filterOptionsFetched = false\n\n  const statusCounts = ref<Record<string, number>>({})\n  let statsGeneration = 0\n  let countedScope: string | null = null\n\n  const hasMore = computed(() => experiments.value.length < total.value)\n\n  const filters: ExperimentFilters = reactive({\n    search: undefined,\n    status: undefined,\n    project: undefined,\n    experimentType: undefined,\n    datePreset: undefined,\n    mine: undefined,\n  })\n\n  function normalizeExperimentTypes(values: string[] | null | undefined): string[] | null {\n    if (values == null) return null\n    return [...new Set(values.filter((value): value is string => typeof value === 'string' && value.length > 0))]\n  }\n\n  function currentAllowedExperimentTypes(): string[] | null {\n    if (optionAllowedExperimentTypes !== undefined) {\n      return normalizeExperimentTypes(optionAllowedExperimentTypes)\n    }\n    return normalizeExperimentTypes(getPlatformContext()?.allowedExperimentTypes)\n  }\n\n  function parseSortKey(): { sortBy: ExperimentSortField; sortOrder: 'asc' | 'desc' } {\n    const [field, order] = sortKey.value.split(':')\n    return {\n      sortBy: (field || 'created_at') as ExperimentSortField,\n      sortOrder: (order || 'desc') as 'asc' | 'desc',\n    }\n  }\n\n  type ExperimentTypeScope =\n    | { kind: 'all' }\n    | { kind: 'blocked' }\n    | { kind: 'single'; experimentType: string }\n    | { kind: 'multi'; experimentTypes: string[] }\n\n  function resolveExperimentTypeScope(): ExperimentTypeScope {\n    const allowedTypes = currentAllowedExperimentTypes()\n    const selectedType = experimentType ?? filters.experimentType ?? undefined\n\n    if (selectedType) {\n      if (allowedTypes && !allowedTypes.includes(selectedType)) {\n        return { kind: 'blocked' }\n      }\n      return { kind: 'single', experimentType: selectedType }\n    }\n\n    if (allowedTypes) {\n      if (allowedTypes.length === 0) return { kind: 'blocked' }\n      if (allowedTypes.length === 1) return { kind: 'single', experimentType: allowedTypes[0] }\n      return { kind: 'multi', experimentTypes: allowedTypes }\n    }\n\n    return { kind: 'all' }\n  }\n\n  /** Query params shared by the list and the stats route; status, sort and paging are list-only. */\n  function scopeParams(typeFilter: string | undefined): URLSearchParams {\n    const params = new URLSearchParams()\n    if (typeFilter) params.set('experiment_type', typeFilter)\n    if (filters.search) params.set('search', filters.search)\n    if (filters.project) params.set('project', filters.project)\n    if (filters.mine) params.set('mine', 'true')\n    if (filters.datePreset) {\n      params.set('created_after', datePresetToISO(filters.datePreset))\n    }\n    return params\n  }\n\n  function buildExperimentListUrl(typeFilter: string | undefined, skip: number, pageLimit: number): string {\n    const params = scopeParams(typeFilter)\n    if (filters.status) params.set('status', filters.status)\n\n    const { sortBy, sortOrder } = parseSortKey()\n    params.set('sort_by', sortBy)\n    params.set('sort_order', sortOrder)\n\n    params.set('limit', String(pageLimit))\n    params.set('skip', String(skip))\n\n    const query = params.toString()\n    const base = platformBase ?? ''\n    return `${base}/experiments${query ? `?${query}` : ''}`\n  }\n\n  function sortExperiments(items: ExperimentSummary[]): ExperimentSummary[] {\n    const { sortBy, sortOrder } = parseSortKey()\n    const direction = sortOrder === 'desc' ? -1 : 1\n    return [...items].sort((a, b) => {\n      const aValue = a[sortBy] ?? ''\n      const bValue = b[sortBy] ?? ''\n      if (aValue < bValue) return -1 * direction\n      if (aValue > bValue) return 1 * direction\n      return 0\n    })\n  }\n\n  async function fetchExperimentList(typeFilter: string | undefined, skip: number, pageLimit: number) {\n    return await api.get<ExperimentListResponse>(buildExperimentListUrl(typeFilter, skip, pageLimit))\n  }\n\n  async function fetchScopedExperimentPage(\n    requestedPage: number,\n  ): Promise<ExperimentListResponse> {\n    const scope = resolveExperimentTypeScope()\n    const pageSkip = requestedPage * limit\n\n    if (scope.kind === 'blocked') {\n      return { experiments: [], total: 0 }\n    }\n\n    if (scope.kind === 'multi') {\n      const perTypeLimit = pageSkip + limit\n      const responses = await Promise.all(\n        scope.experimentTypes.map(type => fetchExperimentList(type, 0, perTypeLimit)),\n      )\n      const merged = sortExperiments(responses.flatMap(response => response.experiments))\n      return {\n        experiments: merged.slice(pageSkip, pageSkip + limit),\n        total: responses.reduce((sum, response) => sum + response.total, 0),\n      }\n    }\n\n    return await fetchExperimentList(\n      scope.kind === 'single' ? scope.experimentType : undefined,\n      pageSkip,\n      limit,\n    )\n  }\n\n  async function fetchExperiments(): Promise<void> {\n    const generation = ++fetchGeneration\n    const requestedPage = page.value\n    isLoading.value = true\n    request.clearError()\n    try {\n      const data = await fetchScopedExperimentPage(requestedPage)\n      if (generation !== fetchGeneration) return\n      if (requestedPage === 0) {\n        experiments.value = data.experiments\n      } else {\n        experiments.value = [...experiments.value, ...data.experiments]\n      }\n      total.value = data.total\n      lastLoadedAt.value = new Date()\n    } catch (err) {\n      if (generation !== fetchGeneration) return\n      request.setError(err, 'Failed to fetch experiments')\n      if (requestedPage === 0) {\n        experiments.value = []\n        total.value = 0\n      }\n    } finally {\n      if (generation === fetchGeneration) {\n        isLoading.value = false\n      }\n    }\n  }\n\n  function invalidateFetch(): void {\n    fetchGeneration += 1\n    isLoading.value = false\n  }\n\n  async function fetchFilterOptions(): Promise<void> {\n    if (filterOptionsFetched) return\n    filterOptionsFetched = true\n\n    const base = platformBase ?? ''\n    const [typesRes, projectsRes] = await Promise.allSettled([\n      api.get<Array<{ value: string; label: string; color?: string }>>(`${base}/experiments/experiment-types`),\n      api.get<{ projects: Array<{ id: number; name: string }>; total: number }>(`${base}/projects`),\n    ])\n\n    if (typesRes.status === 'fulfilled' && Array.isArray(typesRes.value)) {\n      const allowedTypes = currentAllowedExperimentTypes()\n      const allowedSet = allowedTypes ? new Set(allowedTypes) : null\n      experimentTypes.value = typesRes.value\n        .filter(t => !allowedSet || allowedSet.has(t.value))\n        .map(t => ({\n          value: t.value,\n          label: t.label,\n          color: t.color,\n        }))\n      if (filters.experimentType && allowedSet && !allowedSet.has(filters.experimentType)) {\n        filters.experimentType = undefined\n      }\n    }\n\n    if (projectsRes.status === 'fulfilled' && projectsRes.value?.projects && Array.isArray(projectsRes.value.projects)) {\n      projects.value = projectsRes.value.projects.map(p => ({\n        value: p.name,\n        label: p.name,\n      }))\n    }\n  }\n\n  /** The filters the stats route reads; status, sort and paging do not change the counts. */\n  function countScope(): string {\n    return JSON.stringify([filters.search, filters.project, filters.experimentType, filters.datePreset, filters.mine])\n  }\n\n  function refreshStatusCountsOnScopeChange(): void {\n    if (withStatusCounts && countScope() !== countedScope) fetchStatusCounts()\n  }\n\n  async function fetchStatusCounts(): Promise<void> {\n    const generation = ++statsGeneration\n    countedScope = countScope()\n    const scope = resolveExperimentTypeScope()\n    if (scope.kind === 'blocked') {\n      statusCounts.value = {}\n      return\n    }\n    const types = scope.kind === 'multi'\n      ? scope.experimentTypes\n      : [scope.kind === 'single' ? scope.experimentType : undefined]\n    const base = platformBase ?? ''\n    try {\n      const responses = await Promise.all(\n        types.map(type => api.get<{ total: number; by_status: Record<string, number> }>(\n          `${base}/experiments/stats?${scopeParams(type)}`,\n        )),\n      )\n      if (generation !== statsGeneration) return\n      const counts: Record<string, number> = {}\n      for (const response of responses) {\n        for (const [status, count] of Object.entries(response.by_status)) {\n          counts[status] = (counts[status] ?? 0) + count\n        }\n      }\n      statusCounts.value = counts\n    } catch {\n      // Counts only decorate the status menu; without them it shows bare labels.\n      // Forget the scope so the next status or sort change retries the request.\n      if (generation === statsGeneration) {\n        statusCounts.value = {}\n        countedScope = null\n      }\n    }\n  }\n\n  async function loadMore(): Promise<void> {\n    if (!hasMore.value || isLoading.value) return\n    page.value++\n    await fetchExperiments()\n  }\n\n  function reset(): void {\n    page.value = 0\n    experiments.value = []\n    total.value = 0\n    fetchExperiments()\n  }\n\n  function select(experiment: ExperimentSummary): void {\n    selectedExperiment.value = experiment\n  }\n\n  function clear(): void {\n    invalidateFetch()\n    selectedExperiment.value = null\n    filters.search = undefined\n    filters.status = undefined\n    filters.project = undefined\n    filters.experimentType = undefined\n    filters.datePreset = undefined\n    filters.mine = undefined\n    sortKey.value = 'created_at:desc'\n    page.value = 0\n    request.clearError()\n  }\n\n  watch(\n    () => [\n      filters.search,\n      filters.status,\n      filters.project,\n      filters.experimentType,\n      filters.datePreset,\n      filters.mine,\n      sortKey.value,\n    ],\n    () => invalidateFetch(),\n    { flush: 'sync' },\n  )\n\n  const searchWatch = useDebouncedWatch(\n    () => filters.search,\n    () => {\n      page.value = 0\n      fetchExperiments()\n      refreshStatusCountsOnScopeChange()\n    },\n    { delay: 300 },\n  )\n\n  // Immediate watch on discrete filters and sort (cancel any pending search debounce)\n  watch(\n    () => [filters.status, filters.project, filters.experimentType, filters.datePreset, filters.mine, sortKey.value],\n    () => {\n      searchWatch.cancel()\n      page.value = 0\n      fetchExperiments()\n      // Also checked on a status or sort change: the cancelled debounce may hold a new search.\n      refreshStatusCountsOnScopeChange()\n    },\n  )\n\n  if (immediate) {\n    fetchExperiments()\n  }\n\n  return {\n    experiments,\n    total,\n    selectedExperiment,\n    filters,\n    isLoading,\n    error,\n    lastLoadedAt,\n    page,\n    hasMore,\n    sortKey,\n    experimentTypes,\n    projects,\n    statusCounts,\n    fetch: fetchExperiments,\n    loadMore,\n    reset,\n    select,\n    clear,\n    fetchFilterOptions,\n    fetchStatusCounts,\n  }\n}\n","<script setup lang=\"ts\">\n/**\n * Modal for searching and selecting an experiment from the platform list with filters and keyboard nav.\n *\n * @example Recommended\n * ```vue\n * <ExperimentSelectorModal v-model:open=\"open\" :allowed-experiment-types=\"['mass-spectrometry']\" />\n * ```\n */\nimport { ref, computed, watch, type Component } from 'vue'\nimport { ChevronDown, CircleDot, Folder, Shapes, User } from 'lucide-vue-next'\nimport type { ModalSize, ExperimentSummary, ExperimentFilters, ActionMenuItem, Tone } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport { useExperimentStore } from '../stores/experiment'\nimport { formatExperimentDate } from '../composables/experiment-utils'\nimport * as experimentStatus from '../utils/experimentStatus'\nimport BaseModal from './BaseModal.vue'\nimport ActionMenu from './ActionMenu.vue'\nimport ResourcePickerListInternal from './internal/ResourcePickerListInternal.vue'\n\ninterface Props {\n  open: boolean\n  experimentType?: string\n  allowedExperimentTypes?: string[] | null\n  currentExperimentId?: number | null\n  title?: string\n  size?: ModalSize\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'lg',\n})\n\n// Selection is committed to the shared experiment store rather than emitted.\n// A single owner of \"the current experiment\" is what stops callers holding —\n// or inventing — a record of their own.\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n\nconst experimentStore = useExperimentStore()\n\nconst {\n  experiments,\n  filters,\n  isLoading,\n  error,\n  experimentTypes,\n  projects,\n  statusCounts,\n  fetch: fetchExperiments,\n  fetchFilterOptions,\n  fetchStatusCounts,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n  allowedExperimentTypes: props.allowedExperimentTypes,\n  withStatusCounts: true,\n})\n\n// Re-mounting the list on open clears its keyboard highlight.\nconst openCount = ref(0)\n\nconst STATUS_ORDER = ['ongoing', 'planned', 'completed', 'cancelled'] as const\n\nconst canChooseExperimentType = computed(() =>\n  !props.experimentType && experimentTypes.value.length > 1,\n)\n\ntype FilterKey = 'status' | 'project' | 'experimentType'\n\ninterface FilterMenu {\n  key: FilterKey\n  label: string\n  icon: Component\n  items: ActionMenuItem[]\n  /** Trigger text while the filter is set. */\n  activeLabel?: string\n  dotTone?: Tone\n}\n\n/** Every item carries `checked`, so ActionMenu renders a single-choice menu. */\nfunction choiceItems(key: FilterKey, anyLabel: string, options: { value: string; label: string }[]): ActionMenuItem[] {\n  const current = filters[key] ?? ''\n  return [{ value: '', label: anyLabel }, ...options].map(option => ({\n    id: option.value,\n    label: option.label,\n    checked: option.value === current,\n  }))\n}\n\nconst filterMenus = computed<FilterMenu[]>(() => {\n  const menus: FilterMenu[] = [{\n    key: 'status',\n    label: 'Status',\n    icon: CircleDot,\n    items: choiceItems('status', 'Any status', STATUS_ORDER.map(status => {\n      const count = statusCounts.value[status]\n      const label = experimentStatus.format(status)\n      return { value: status, label: count === undefined ? label : `${label} · ${count}` }\n    })),\n    activeLabel: filters.status ? experimentStatus.format(filters.status) : undefined,\n    dotTone: filters.status ? experimentStatus.tone(filters.status) : undefined,\n  }]\n  if (projects.value.length) {\n    menus.push({\n      key: 'project',\n      label: 'Project',\n      icon: Folder,\n      items: choiceItems('project', 'Any project', projects.value),\n      activeLabel: filters.project ?? undefined,\n    })\n  }\n  if (canChooseExperimentType.value) {\n    menus.push({\n      key: 'experimentType',\n      label: 'Type',\n      icon: Shapes,\n      items: choiceItems('experimentType', 'Any type', experimentTypes.value),\n      activeLabel: experimentTypes.value.find(t => t.value === filters.experimentType)?.label\n        ?? filters.experimentType ?? undefined,\n    })\n  }\n  return menus\n})\n\nconst activeFilterCount = computed(() =>\n  [filters.status, filters.project, filters.experimentType, filters.mine].filter(Boolean).length,\n)\n\nfunction clearFilters() {\n  filters.status = undefined\n  filters.project = undefined\n  filters.experimentType = undefined\n  filters.mine = undefined\n}\n\nfunction describe(experiment: ExperimentSummary) {\n  const owner = experiment.created_by_user\n  return {\n    code: experiment.experiment_code,\n    title: experiment.name,\n    meta: [\n      experiment.project_name || experiment.project || '',\n      owner ? [owner.first_name, owner.last_name].filter(Boolean).join(' ') || owner.username : '',\n    ].filter(Boolean),\n    status: experiment.status\n      ? { label: experimentStatus.format(experiment.status), tone: experimentStatus.tone(experiment.status) }\n      : undefined,\n    date: formatExperimentDate(experiment.created_at),\n  }\n}\n\nfunction setFilter<K extends keyof ExperimentFilters>(key: K, value: string | number) {\n  ;(filters as Record<string, unknown>)[key] = String(value) || undefined\n}\n\nfunction handleSelect(experiment: ExperimentSummary) {\n  experimentStore.select(experiment)\n  emit('update:open', false)\n}\n\nfunction handleDeselect() {\n  experimentStore.clear()\n  emit('update:open', false)\n}\n\n// Fetch on open\nwatch(\n  () => props.open,\n  (isOpen) => {\n    if (isOpen) {\n      openCount.value++\n      fetchFilterOptions()\n      fetchExperiments()\n      fetchStatusCounts()\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <BaseModal\n    :open=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <ResourcePickerListInternal\n      :key=\"openCount\"\n      :search=\"filters.search ?? ''\"\n      class=\"mint-experiment-selector\"\n      autofocus-search\n      label=\"Experiments\"\n      placeholder=\"Search experiments…\"\n      :items=\"experiments\"\n      :item-key=\"(experiment) => experiment.id\"\n      :describe=\"describe\"\n      :selected-key=\"currentExperimentId\"\n      :loading=\"isLoading\"\n      :error=\"error\"\n      empty-title=\"No experiments found\"\n      @update:search=\"filters.search = $event\"\n      @select=\"handleSelect\"\n    >\n      <template #filters>\n        <ActionMenu\n          v-for=\"menu in filterMenus\"\n          :key=\"menu.key\"\n          :label=\"menu.label\"\n          :items=\"menu.items\"\n          @select=\"item => setFilter(menu.key, item.id)\"\n        >\n          <template #trigger=\"{ open: menuOpen, toggle, keydown }\">\n            <button\n              type=\"button\"\n              class=\"mint-experiment-selector__toggle\"\n              :class=\"{ 'mint-experiment-selector__toggle--active': menu.activeLabel }\"\n              :aria-label=\"`${menu.label}: ${menu.activeLabel ?? menu.items[0].label}`\"\n              aria-haspopup=\"menu\"\n              :aria-expanded=\"menuOpen\"\n              @click=\"toggle\"\n              @keydown=\"keydown\"\n            >\n              <span\n                v-if=\"menu.dotTone\"\n                class=\"mint-experiment-selector__dot\"\n                :class=\"`mint-experiment-selector__dot--${menu.dotTone}`\"\n                aria-hidden=\"true\"\n              />\n              <component :is=\"menu.icon\" v-else :size=\"13\" aria-hidden=\"true\" />\n              <span class=\"mint-experiment-selector__toggle-label\">{{ menu.activeLabel ?? menu.label }}</span>\n              <ChevronDown :size=\"12\" aria-hidden=\"true\" />\n            </button>\n          </template>\n        </ActionMenu>\n        <button\n          type=\"button\"\n          class=\"mint-experiment-selector__toggle\"\n          :class=\"{ 'mint-experiment-selector__toggle--active': filters.mine }\"\n          :aria-pressed=\"!!filters.mine\"\n          @click=\"filters.mine = filters.mine ? undefined : true\"\n        >\n          <User :size=\"13\" aria-hidden=\"true\" />\n          Mine\n        </button>\n        <button\n          v-if=\"activeFilterCount\"\n          type=\"button\"\n          class=\"mint-experiment-selector__clear-filters\"\n          @click=\"clearFilters\"\n        >\n          Clear {{ activeFilterCount }}\n        </button>\n      </template>\n    </ResourcePickerListInternal>\n\n    <div v-if=\"currentExperimentId != null\" class=\"mint-experiment-selector__footer\">\n      <button\n        type=\"button\"\n        class=\"mint-experiment-selector__clear-btn\"\n        @click=\"handleDeselect\"\n      >\n        Clear selection\n      </button>\n    </div>\n  </BaseModal>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Modal for searching and selecting an experiment from the platform list with filters and keyboard nav.\n *\n * @example Recommended\n * ```vue\n * <ExperimentSelectorModal v-model:open=\"open\" :allowed-experiment-types=\"['mass-spectrometry']\" />\n * ```\n */\nimport { ref, computed, watch, type Component } from 'vue'\nimport { ChevronDown, CircleDot, Folder, Shapes, User } from 'lucide-vue-next'\nimport type { ModalSize, ExperimentSummary, ExperimentFilters, ActionMenuItem, Tone } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport { useExperimentStore } from '../stores/experiment'\nimport { formatExperimentDate } from '../composables/experiment-utils'\nimport * as experimentStatus from '../utils/experimentStatus'\nimport BaseModal from './BaseModal.vue'\nimport ActionMenu from './ActionMenu.vue'\nimport ResourcePickerListInternal from './internal/ResourcePickerListInternal.vue'\n\ninterface Props {\n  open: boolean\n  experimentType?: string\n  allowedExperimentTypes?: string[] | null\n  currentExperimentId?: number | null\n  title?: string\n  size?: ModalSize\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'lg',\n})\n\n// Selection is committed to the shared experiment store rather than emitted.\n// A single owner of \"the current experiment\" is what stops callers holding —\n// or inventing — a record of their own.\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n\nconst experimentStore = useExperimentStore()\n\nconst {\n  experiments,\n  filters,\n  isLoading,\n  error,\n  experimentTypes,\n  projects,\n  statusCounts,\n  fetch: fetchExperiments,\n  fetchFilterOptions,\n  fetchStatusCounts,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n  allowedExperimentTypes: props.allowedExperimentTypes,\n  withStatusCounts: true,\n})\n\n// Re-mounting the list on open clears its keyboard highlight.\nconst openCount = ref(0)\n\nconst STATUS_ORDER = ['ongoing', 'planned', 'completed', 'cancelled'] as const\n\nconst canChooseExperimentType = computed(() =>\n  !props.experimentType && experimentTypes.value.length > 1,\n)\n\ntype FilterKey = 'status' | 'project' | 'experimentType'\n\ninterface FilterMenu {\n  key: FilterKey\n  label: string\n  icon: Component\n  items: ActionMenuItem[]\n  /** Trigger text while the filter is set. */\n  activeLabel?: string\n  dotTone?: Tone\n}\n\n/** Every item carries `checked`, so ActionMenu renders a single-choice menu. */\nfunction choiceItems(key: FilterKey, anyLabel: string, options: { value: string; label: string }[]): ActionMenuItem[] {\n  const current = filters[key] ?? ''\n  return [{ value: '', label: anyLabel }, ...options].map(option => ({\n    id: option.value,\n    label: option.label,\n    checked: option.value === current,\n  }))\n}\n\nconst filterMenus = computed<FilterMenu[]>(() => {\n  const menus: FilterMenu[] = [{\n    key: 'status',\n    label: 'Status',\n    icon: CircleDot,\n    items: choiceItems('status', 'Any status', STATUS_ORDER.map(status => {\n      const count = statusCounts.value[status]\n      const label = experimentStatus.format(status)\n      return { value: status, label: count === undefined ? label : `${label} · ${count}` }\n    })),\n    activeLabel: filters.status ? experimentStatus.format(filters.status) : undefined,\n    dotTone: filters.status ? experimentStatus.tone(filters.status) : undefined,\n  }]\n  if (projects.value.length) {\n    menus.push({\n      key: 'project',\n      label: 'Project',\n      icon: Folder,\n      items: choiceItems('project', 'Any project', projects.value),\n      activeLabel: filters.project ?? undefined,\n    })\n  }\n  if (canChooseExperimentType.value) {\n    menus.push({\n      key: 'experimentType',\n      label: 'Type',\n      icon: Shapes,\n      items: choiceItems('experimentType', 'Any type', experimentTypes.value),\n      activeLabel: experimentTypes.value.find(t => t.value === filters.experimentType)?.label\n        ?? filters.experimentType ?? undefined,\n    })\n  }\n  return menus\n})\n\nconst activeFilterCount = computed(() =>\n  [filters.status, filters.project, filters.experimentType, filters.mine].filter(Boolean).length,\n)\n\nfunction clearFilters() {\n  filters.status = undefined\n  filters.project = undefined\n  filters.experimentType = undefined\n  filters.mine = undefined\n}\n\nfunction describe(experiment: ExperimentSummary) {\n  const owner = experiment.created_by_user\n  return {\n    code: experiment.experiment_code,\n    title: experiment.name,\n    meta: [\n      experiment.project_name || experiment.project || '',\n      owner ? [owner.first_name, owner.last_name].filter(Boolean).join(' ') || owner.username : '',\n    ].filter(Boolean),\n    status: experiment.status\n      ? { label: experimentStatus.format(experiment.status), tone: experimentStatus.tone(experiment.status) }\n      : undefined,\n    date: formatExperimentDate(experiment.created_at),\n  }\n}\n\nfunction setFilter<K extends keyof ExperimentFilters>(key: K, value: string | number) {\n  ;(filters as Record<string, unknown>)[key] = String(value) || undefined\n}\n\nfunction handleSelect(experiment: ExperimentSummary) {\n  experimentStore.select(experiment)\n  emit('update:open', false)\n}\n\nfunction handleDeselect() {\n  experimentStore.clear()\n  emit('update:open', false)\n}\n\n// Fetch on open\nwatch(\n  () => props.open,\n  (isOpen) => {\n    if (isOpen) {\n      openCount.value++\n      fetchFilterOptions()\n      fetchExperiments()\n      fetchStatusCounts()\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <BaseModal\n    :open=\"open\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <ResourcePickerListInternal\n      :key=\"openCount\"\n      :search=\"filters.search ?? ''\"\n      class=\"mint-experiment-selector\"\n      autofocus-search\n      label=\"Experiments\"\n      placeholder=\"Search experiments…\"\n      :items=\"experiments\"\n      :item-key=\"(experiment) => experiment.id\"\n      :describe=\"describe\"\n      :selected-key=\"currentExperimentId\"\n      :loading=\"isLoading\"\n      :error=\"error\"\n      empty-title=\"No experiments found\"\n      @update:search=\"filters.search = $event\"\n      @select=\"handleSelect\"\n    >\n      <template #filters>\n        <ActionMenu\n          v-for=\"menu in filterMenus\"\n          :key=\"menu.key\"\n          :label=\"menu.label\"\n          :items=\"menu.items\"\n          @select=\"item => setFilter(menu.key, item.id)\"\n        >\n          <template #trigger=\"{ open: menuOpen, toggle, keydown }\">\n            <button\n              type=\"button\"\n              class=\"mint-experiment-selector__toggle\"\n              :class=\"{ 'mint-experiment-selector__toggle--active': menu.activeLabel }\"\n              :aria-label=\"`${menu.label}: ${menu.activeLabel ?? menu.items[0].label}`\"\n              aria-haspopup=\"menu\"\n              :aria-expanded=\"menuOpen\"\n              @click=\"toggle\"\n              @keydown=\"keydown\"\n            >\n              <span\n                v-if=\"menu.dotTone\"\n                class=\"mint-experiment-selector__dot\"\n                :class=\"`mint-experiment-selector__dot--${menu.dotTone}`\"\n                aria-hidden=\"true\"\n              />\n              <component :is=\"menu.icon\" v-else :size=\"13\" aria-hidden=\"true\" />\n              <span class=\"mint-experiment-selector__toggle-label\">{{ menu.activeLabel ?? menu.label }}</span>\n              <ChevronDown :size=\"12\" aria-hidden=\"true\" />\n            </button>\n          </template>\n        </ActionMenu>\n        <button\n          type=\"button\"\n          class=\"mint-experiment-selector__toggle\"\n          :class=\"{ 'mint-experiment-selector__toggle--active': filters.mine }\"\n          :aria-pressed=\"!!filters.mine\"\n          @click=\"filters.mine = filters.mine ? undefined : true\"\n        >\n          <User :size=\"13\" aria-hidden=\"true\" />\n          Mine\n        </button>\n        <button\n          v-if=\"activeFilterCount\"\n          type=\"button\"\n          class=\"mint-experiment-selector__clear-filters\"\n          @click=\"clearFilters\"\n        >\n          Clear {{ activeFilterCount }}\n        </button>\n      </template>\n    </ResourcePickerListInternal>\n\n    <div v-if=\"currentExperimentId != null\" class=\"mint-experiment-selector__footer\">\n      <button\n        type=\"button\"\n        class=\"mint-experiment-selector__clear-btn\"\n        @click=\"handleDeselect\"\n      >\n        Clear selection\n      </button>\n    </div>\n  </BaseModal>\n</template>\n"],"mappings":"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"}