@morscherlab/mint-sdk 1.3.9 → 1.4.0-beta.1

package/dist/ExperimentSelectorModal-D-9z7cNx.js

@@ -0,0 +1,527 @@
+import { a as __exportAll, t as BaseModal_default } from "./BaseModal-DfRIuVoj.js";
+import { o as useApi, t as useExperimentStore } from "./experiment-43OJtH7R.js";
+import { C as formatExperimentDate, N as BaseSelect_default, b as SORT_OPTIONS, n as ResourcePickerListInternal_default, x as datePresetToISO, y as DATE_PRESET_OPTIONS } from "./records-BzTcxekG.js";
+import { t as useDebouncedWatch } from "./useDebouncedWatch-BPwyl6eS.js";
+import { t as useRequest } from "./useRequest-D5JDfsgZ.js";
+import { i as tone, r as format, t as OPTIONS } from "./experimentStatus-BZmU4czV.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, reactive, ref, unref, vModelCheckbox, watch, withCtx, withDirectives } from "vue";
+//#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 } = 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 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
+	});
+	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" };
+	}
+	function buildExperimentListUrl(typeFilter, skip, pageLimit) {
+		const params = new URLSearchParams();
+		if (typeFilter) params.set("experiment_type", typeFilter);
+		if (filters.status) params.set("status", filters.status);
+		if (filters.search) params.set("search", filters.search);
+		if (filters.project) params.set("project", filters.project);
+		const { sortBy, sortOrder } = parseSortKey();
+		params.set("sort_by", sortBy);
+		params.set("sort_order", sortOrder);
+		if (filters.datePreset) params.set("created_after", datePresetToISO(filters.datePreset));
+		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
+		}));
+	}
+	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;
+		sortKey.value = "created_at:desc";
+		page.value = 0;
+		request.clearError();
+	}
+	const groupedByProject = computed(() => {
+		const groups = /* @__PURE__ */ new Map();
+		for (const exp of experiments.value) {
+			const key = exp.project_name ?? exp.project ?? "No project";
+			const list = groups.get(key);
+			if (list) list.push(exp);
+			else groups.set(key, [exp]);
+		}
+		return [...groups.entries()].sort(([a], [b]) => {
+			if (a === "No project") return 1;
+			if (b === "No project") return -1;
+			return a.localeCompare(b);
+		});
+	});
+	watch(() => [
+		filters.search,
+		filters.status,
+		filters.project,
+		filters.experimentType,
+		filters.datePreset,
+		sortKey.value
+	], () => invalidateFetch(), { flush: "sync" });
+	const searchWatch = useDebouncedWatch(() => filters.search, () => {
+		page.value = 0;
+		fetchExperiments();
+	}, { delay: 300 });
+	watch(() => [
+		filters.status,
+		filters.project,
+		filters.experimentType,
+		filters.datePreset,
+		sortKey.value
+	], () => {
+		searchWatch.cancel();
+		page.value = 0;
+		fetchExperiments();
+	});
+	if (immediate) fetchExperiments();
+	return {
+		experiments,
+		total,
+		selectedExperiment,
+		filters,
+		isLoading,
+		error,
+		lastLoadedAt,
+		page,
+		hasMore,
+		sortKey,
+		experimentTypes,
+		projects,
+		groupedByProject,
+		fetch: fetchExperiments,
+		loadMore,
+		reset,
+		select,
+		clear,
+		fetchFilterOptions
+	};
+}
+//#endregion
+//#region src/components/ExperimentSelectorModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mint-experiment-selector__filter-select" };
+var _hoisted_2 = {
+	key: 0,
+	class: "mint-experiment-selector__filter-select"
+};
+var _hoisted_3 = ["aria-expanded"];
+var _hoisted_4 = {
+	key: 0,
+	class: "mint-experiment-selector__filters-dot"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "mint-experiment-selector__filters-advanced"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "mint-experiment-selector__filter-select"
+};
+var _hoisted_7 = { class: "mint-experiment-selector__filter-select" };
+var _hoisted_8 = { class: "mint-experiment-selector__filter-select" };
+var _hoisted_9 = { class: "mint-experiment-selector__group-toggle" };
+var _hoisted_10 = {
+	key: 0,
+	class: "mint-experiment-selector__footer"
+};
+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: "full" },
+		groupByProject: {
+			type: Boolean,
+			default: false
+		},
+		showFilters: {
+			type: Boolean,
+			default: false
+		}
+	},
+	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, sortKey, experimentTypes, projects, groupedByProject, fetch: fetchExperiments, fetchFilterOptions } = useExperimentSelector({
+			experimentType: props.experimentType,
+			allowedExperimentTypes: props.allowedExperimentTypes
+		});
+		const showAdvanced = ref(props.showFilters);
+		const groupToggle = ref(props.groupByProject);
+		const openCount = ref(0);
+		const hasActiveAdvancedFilters = computed(() => !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== "created_at:desc"));
+		const typeFilterOptions = computed(() => [{
+			value: "",
+			label: "All types"
+		}, ...experimentTypes.value.map((t) => ({
+			value: t.value,
+			label: t.label
+		}))]);
+		const canChooseExperimentType = computed(() => !props.experimentType && typeFilterOptions.value.length > 2);
+		const projectFilterOptions = computed(() => [{
+			value: "",
+			label: "All projects"
+		}, ...projects.value]);
+		const groups = computed(() => groupToggle.value ? groupedByProject.value.map(([label, items]) => ({
+			label,
+			items
+		})) : null);
+		function describe(experiment) {
+			const owner = experiment.created_by_user;
+			return {
+				code: experiment.experiment_code,
+				title: experiment.name,
+				meta: [...groupToggle.value ? [] : [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 handleSortChange(value) {
+			sortKey.value = String(value) || "created_at:desc";
+		}
+		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();
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				open: __props.open,
+				title: __props.title,
+				size: __props.size,
+				"onUpdate:open": _cache[7] || (_cache[7] = ($event) => emit("update:open", $event))
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(ResourcePickerListInternal_default, {
+					key: openCount.value,
+					search: unref(filters).search ?? "",
+					class: "mint-experiment-selector",
+					label: "Experiments",
+					placeholder: "Search experiments…",
+					items: unref(experiments),
+					groups: groups.value,
+					"item-key": (experiment) => experiment.id,
+					describe,
+					"selected-key": __props.currentExperimentId,
+					loading: unref(isLoading),
+					error: unref(error),
+					"empty-title": "No experiments found",
+					"onUpdate:search": _cache[6] || (_cache[6] = ($event) => unref(filters).search = $event),
+					onSelect: handleSelect
+				}, {
+					filters: withCtx(() => [
+						createElementVNode("div", _hoisted_1, [createVNode(BaseSelect_default, {
+							"model-value": unref(filters).status ?? "",
+							options: OPTIONS,
+							size: "sm",
+							"aria-label": "Filter by status",
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => setFilter("status", v))
+						}, null, 8, ["model-value", "options"])]),
+						canChooseExperimentType.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(BaseSelect_default, {
+							"model-value": unref(filters).experimentType ?? "",
+							options: typeFilterOptions.value,
+							size: "sm",
+							"aria-label": "Filter by type",
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = (v) => setFilter("experimentType", v))
+						}, null, 8, ["model-value", "options"])])) : createCommentVNode("", true),
+						createElementVNode("button", {
+							class: normalizeClass(["mint-experiment-selector__filters-toggle", { "mint-experiment-selector__filters-toggle--active": hasActiveAdvancedFilters.value }]),
+							type: "button",
+							"aria-expanded": showAdvanced.value,
+							onClick: _cache[2] || (_cache[2] = ($event) => showAdvanced.value = !showAdvanced.value)
+						}, [
+							_cache[8] || (_cache[8] = createElementVNode("svg", {
+								"aria-hidden": "true",
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round"
+							}, [
+								createElementVNode("line", {
+									x1: "4",
+									y1: "6",
+									x2: "20",
+									y2: "6"
+								}),
+								createElementVNode("line", {
+									x1: "8",
+									y1: "12",
+									x2: "20",
+									y2: "12"
+								}),
+								createElementVNode("line", {
+									x1: "12",
+									y1: "18",
+									x2: "20",
+									y2: "18"
+								}),
+								createElementVNode("circle", {
+									cx: "6",
+									cy: "12",
+									r: "2"
+								}),
+								createElementVNode("circle", {
+									cx: "10",
+									cy: "18",
+									r: "2"
+								}),
+								createElementVNode("circle", {
+									cx: "6",
+									cy: "6",
+									r: "2"
+								})
+							], -1)),
+							_cache[9] || (_cache[9] = createTextVNode(" Filters ", -1)),
+							hasActiveAdvancedFilters.value ? (openBlock(), createElementBlock("span", _hoisted_4)) : createCommentVNode("", true)
+						], 10, _hoisted_3)
+					]),
+					advanced: withCtx(() => [showAdvanced.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+						projectFilterOptions.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(BaseSelect_default, {
+							"model-value": unref(filters).project ?? "",
+							options: projectFilterOptions.value,
+							size: "sm",
+							"aria-label": "Filter by project",
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = (v) => setFilter("project", v))
+						}, null, 8, ["model-value", "options"])])) : createCommentVNode("", true),
+						createElementVNode("div", _hoisted_7, [createVNode(BaseSelect_default, {
+							"model-value": unref(filters).datePreset ?? "",
+							options: unref(DATE_PRESET_OPTIONS),
+							size: "sm",
+							"aria-label": "Filter by date",
+							"onUpdate:modelValue": _cache[4] || (_cache[4] = (v) => setFilter("datePreset", v))
+						}, null, 8, ["model-value", "options"])]),
+						createElementVNode("div", _hoisted_8, [createVNode(BaseSelect_default, {
+							"model-value": unref(sortKey),
+							options: unref(SORT_OPTIONS),
+							size: "sm",
+							"aria-label": "Sort",
+							"onUpdate:modelValue": handleSortChange
+						}, null, 8, ["model-value", "options"])]),
+						createElementVNode("label", _hoisted_9, [withDirectives(createElementVNode("input", {
+							"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => groupToggle.value = $event),
+							type: "checkbox",
+							class: "mint-experiment-selector__group-checkbox"
+						}, null, 512), [[vModelCheckbox, groupToggle.value]]), _cache[10] || (_cache[10] = createTextVNode(" Group by project ", -1))])
+					])) : createCommentVNode("", true)]),
+					_: 1
+				}, 8, [
+					"search",
+					"items",
+					"groups",
+					"item-key",
+					"selected-key",
+					"loading",
+					"error"
+				])), __props.currentExperimentId != null ? (openBlock(), createElementBlock("div", _hoisted_10, [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-D-9z7cNx.js.map

package/dist/ExperimentSelectorModal-D-9z7cNx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentSelectorModal-D-9z7cNx.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}\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  // Grouped view\n  /** Fetched experiments grouped by project name. */\n  groupedByProject: ComputedRef<[string, ExperimentSummary[]][]>\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}\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  } = 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 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  })\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  function buildExperimentListUrl(typeFilter: string | undefined, skip: number, pageLimit: number): string {\n    const params = new URLSearchParams()\n    if (typeFilter) params.set('experiment_type', typeFilter)\n    if (filters.status) params.set('status', filters.status)\n    if (filters.search) params.set('search', filters.search)\n    if (filters.project) params.set('project', filters.project)\n\n    const { sortBy, sortOrder } = parseSortKey()\n    params.set('sort_by', sortBy)\n    params.set('sort_order', sortOrder)\n\n    if (filters.datePreset) {\n      params.set('created_after', datePresetToISO(filters.datePreset))\n    }\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  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    sortKey.value = 'created_at:desc'\n    page.value = 0\n    request.clearError()\n  }\n\n  // Group experiments by project (client-side)\n  const groupedByProject = computed<[string, ExperimentSummary[]][]>(() => {\n    const groups = new Map<string, ExperimentSummary[]>()\n    for (const exp of experiments.value) {\n      const key = exp.project_name ?? exp.project ?? 'No project'\n      const list = groups.get(key)\n      if (list) {\n        list.push(exp)\n      } else {\n        groups.set(key, [exp])\n      }\n    }\n    // Sort alphabetically, \"No project\" last\n    return [...groups.entries()].sort(([a], [b]) => {\n      if (a === 'No project') return 1\n      if (b === 'No project') return -1\n      return a.localeCompare(b)\n    })\n  })\n\n  watch(\n    () => [\n      filters.search,\n      filters.status,\n      filters.project,\n      filters.experimentType,\n      filters.datePreset,\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    },\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, sortKey.value],\n    () => {\n      searchWatch.cancel()\n      page.value = 0\n      fetchExperiments()\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    groupedByProject,\n    fetch: fetchExperiments,\n    loadMore,\n    reset,\n    select,\n    clear,\n    fetchFilterOptions,\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 } from 'vue'\nimport type { ModalSize, ExperimentSummary, ExperimentFilters } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport { useExperimentStore } from '../stores/experiment'\nimport {\n  formatExperimentDate,\n  DATE_PRESET_OPTIONS,\n  SORT_OPTIONS,\n} from '../composables/experiment-utils'\nimport * as experimentStatus from '../utils/experimentStatus'\nimport BaseModal from './BaseModal.vue'\nimport BaseSelect from './BaseSelect.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  groupByProject?: boolean\n  showFilters?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'full',\n  groupByProject: false,\n  showFilters: false,\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  sortKey,\n  experimentTypes,\n  projects,\n  groupedByProject,\n  fetch: fetchExperiments,\n  fetchFilterOptions,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n  allowedExperimentTypes: props.allowedExperimentTypes,\n})\n\nconst showAdvanced = ref(props.showFilters)\nconst groupToggle = ref(props.groupByProject)\n// Re-mounting the list on open clears its collapsed groups and keyboard highlight.\nconst openCount = ref(0)\n\n// Track whether any advanced filter is active (for badge dot)\nconst hasActiveAdvancedFilters = computed(() =>\n  !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== 'created_at:desc'),\n)\n\n// Build type filter options from fetched experiment types\nconst typeFilterOptions = computed(() => [\n  { value: '', label: 'All types' },\n  ...experimentTypes.value.map(t => ({ value: t.value, label: t.label })),\n])\nconst canChooseExperimentType = computed(() =>\n  !props.experimentType && typeFilterOptions.value.length > 2,\n)\n\n// Build project filter options from fetched projects\nconst projectFilterOptions = computed(() => [\n  { value: '', label: 'All projects' },\n  ...projects.value,\n])\n\nconst groups = computed(() =>\n  groupToggle.value\n    ? groupedByProject.value.map(([label, items]) => ({ label, items }))\n    : null,\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      ...(groupToggle.value ? [] : [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 handleSortChange(value: string | number) {\n  sortKey.value = String(value) || 'created_at:desc'\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    }\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      label=\"Experiments\"\n      placeholder=\"Search experiments…\"\n      :items=\"experiments\"\n      :groups=\"groups\"\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        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.status ?? ''\"\n            :options=\"experimentStatus.OPTIONS\"\n            size=\"sm\"\n            aria-label=\"Filter by status\"\n            @update:model-value=\"v => setFilter('status', v)\"\n          />\n        </div>\n        <div v-if=\"canChooseExperimentType\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.experimentType ?? ''\"\n            :options=\"typeFilterOptions\"\n            size=\"sm\"\n            aria-label=\"Filter by type\"\n            @update:model-value=\"v => setFilter('experimentType', v)\"\n          />\n        </div>\n        <button\n          class=\"mint-experiment-selector__filters-toggle\"\n          :class=\"{ 'mint-experiment-selector__filters-toggle--active': hasActiveAdvancedFilters }\"\n          type=\"button\"\n          :aria-expanded=\"showAdvanced\"\n          @click=\"showAdvanced = !showAdvanced\"\n        >\n          <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\" /><line x1=\"8\" y1=\"12\" x2=\"20\" y2=\"12\" /><line x1=\"12\" y1=\"18\" x2=\"20\" y2=\"18\" />\n            <circle cx=\"6\" cy=\"12\" r=\"2\" /><circle cx=\"10\" cy=\"18\" r=\"2\" /><circle cx=\"6\" cy=\"6\" r=\"2\" />\n          </svg>\n          Filters\n          <span v-if=\"hasActiveAdvancedFilters\" class=\"mint-experiment-selector__filters-dot\" />\n        </button>\n      </template>\n      <template #advanced>\n        <div v-if=\"showAdvanced\" class=\"mint-experiment-selector__filters-advanced\">\n          <div v-if=\"projectFilterOptions.length > 1\" class=\"mint-experiment-selector__filter-select\">\n            <BaseSelect\n              :model-value=\"filters.project ?? ''\"\n              :options=\"projectFilterOptions\"\n              size=\"sm\"\n              aria-label=\"Filter by project\"\n              @update:model-value=\"v => setFilter('project', v)\"\n            />\n          </div>\n          <div class=\"mint-experiment-selector__filter-select\">\n            <BaseSelect\n              :model-value=\"filters.datePreset ?? ''\"\n              :options=\"DATE_PRESET_OPTIONS\"\n              size=\"sm\"\n              aria-label=\"Filter by date\"\n              @update:model-value=\"v => setFilter('datePreset', v)\"\n            />\n          </div>\n          <div class=\"mint-experiment-selector__filter-select\">\n            <BaseSelect\n              :model-value=\"sortKey\"\n              :options=\"SORT_OPTIONS\"\n              size=\"sm\"\n              aria-label=\"Sort\"\n              @update:model-value=\"handleSortChange\"\n            />\n          </div>\n          <label class=\"mint-experiment-selector__group-toggle\">\n            <input\n              v-model=\"groupToggle\"\n              type=\"checkbox\"\n              class=\"mint-experiment-selector__group-checkbox\"\n            />\n            Group by project\n          </label>\n        </div>\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 } from 'vue'\nimport type { ModalSize, ExperimentSummary, ExperimentFilters } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport { useExperimentStore } from '../stores/experiment'\nimport {\n  formatExperimentDate,\n  DATE_PRESET_OPTIONS,\n  SORT_OPTIONS,\n} from '../composables/experiment-utils'\nimport * as experimentStatus from '../utils/experimentStatus'\nimport BaseModal from './BaseModal.vue'\nimport BaseSelect from './BaseSelect.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  groupByProject?: boolean\n  showFilters?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'full',\n  groupByProject: false,\n  showFilters: false,\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  sortKey,\n  experimentTypes,\n  projects,\n  groupedByProject,\n  fetch: fetchExperiments,\n  fetchFilterOptions,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n  allowedExperimentTypes: props.allowedExperimentTypes,\n})\n\nconst showAdvanced = ref(props.showFilters)\nconst groupToggle = ref(props.groupByProject)\n// Re-mounting the list on open clears its collapsed groups and keyboard highlight.\nconst openCount = ref(0)\n\n// Track whether any advanced filter is active (for badge dot)\nconst hasActiveAdvancedFilters = computed(() =>\n  !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== 'created_at:desc'),\n)\n\n// Build type filter options from fetched experiment types\nconst typeFilterOptions = computed(() => [\n  { value: '', label: 'All types' },\n  ...experimentTypes.value.map(t => ({ value: t.value, label: t.label })),\n])\nconst canChooseExperimentType = computed(() =>\n  !props.experimentType && typeFilterOptions.value.length > 2,\n)\n\n// Build project filter options from fetched projects\nconst projectFilterOptions = computed(() => [\n  { value: '', label: 'All projects' },\n  ...projects.value,\n])\n\nconst groups = computed(() =>\n  groupToggle.value\n    ? groupedByProject.value.map(([label, items]) => ({ label, items }))\n    : null,\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      ...(groupToggle.value ? [] : [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 handleSortChange(value: string | number) {\n  sortKey.value = String(value) || 'created_at:desc'\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    }\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      label=\"Experiments\"\n      placeholder=\"Search experiments…\"\n      :items=\"experiments\"\n      :groups=\"groups\"\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        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.status ?? ''\"\n            :options=\"experimentStatus.OPTIONS\"\n            size=\"sm\"\n            aria-label=\"Filter by status\"\n            @update:model-value=\"v => setFilter('status', v)\"\n          />\n        </div>\n        <div v-if=\"canChooseExperimentType\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.experimentType ?? ''\"\n            :options=\"typeFilterOptions\"\n            size=\"sm\"\n            aria-label=\"Filter by type\"\n            @update:model-value=\"v => setFilter('experimentType', v)\"\n          />\n        </div>\n        <button\n          class=\"mint-experiment-selector__filters-toggle\"\n          :class=\"{ 'mint-experiment-selector__filters-toggle--active': hasActiveAdvancedFilters }\"\n          type=\"button\"\n          :aria-expanded=\"showAdvanced\"\n          @click=\"showAdvanced = !showAdvanced\"\n        >\n          <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\" /><line x1=\"8\" y1=\"12\" x2=\"20\" y2=\"12\" /><line x1=\"12\" y1=\"18\" x2=\"20\" y2=\"18\" />\n            <circle cx=\"6\" cy=\"12\" r=\"2\" /><circle cx=\"10\" cy=\"18\" r=\"2\" /><circle cx=\"6\" cy=\"6\" r=\"2\" />\n          </svg>\n          Filters\n          <span v-if=\"hasActiveAdvancedFilters\" class=\"mint-experiment-selector__filters-dot\" />\n        </button>\n      </template>\n      <template #advanced>\n        <div v-if=\"showAdvanced\" class=\"mint-experiment-selector__filters-advanced\">\n          <div v-if=\"projectFilterOptions.length > 1\" class=\"mint-experiment-selector__filter-select\">\n            <BaseSelect\n              :model-value=\"filters.project ?? ''\"\n              :options=\"projectFilterOptions\"\n              size=\"sm\"\n              aria-label=\"Filter by project\"\n              @update:model-value=\"v => setFilter('project', v)\"\n            />\n          </div>\n          <div class=\"mint-experiment-selector__filter-select\">\n            <BaseSelect\n              :model-value=\"filters.datePreset ?? ''\"\n              :options=\"DATE_PRESET_OPTIONS\"\n              size=\"sm\"\n              aria-label=\"Filter by date\"\n              @update:model-value=\"v => setFilter('datePreset', v)\"\n            />\n          </div>\n          <div class=\"mint-experiment-selector__filter-select\">\n            <BaseSelect\n              :model-value=\"sortKey\"\n              :options=\"SORT_OPTIONS\"\n              size=\"sm\"\n              aria-label=\"Sort\"\n              @update:model-value=\"handleSortChange\"\n            />\n          </div>\n          <label class=\"mint-experiment-selector__group-toggle\">\n            <input\n              v-model=\"groupToggle\"\n              type=\"checkbox\"\n              class=\"mint-experiment-selector__group-checkbox\"\n            />\n            Group by project\n          </label>\n        </div>\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":";;;;;;;;AAeA,SAAS,qBAAkD;CACzD,IAAI,OAAO,WAAW,aAAa,OAAO,KAAA;CAC1C,OAAQ,OAA8D;AACxE;AAEA,SAAS,oBAAwC;CAC/C,OAAO,mBAAmB,CAAC,EAAE;AAC/B;;AAwDA,SAAgB,sBACd,UAAwC,CAAC,GACZ;CAC7B,MAAM,EACJ,QAAQ,KACR,YAAY,OACZ,gBACA,wBAAwB,8BACxB,eACE;CACJ,MAAM,eAAe,cAAc,kBAAkB;CACrD,MAAM,MAAM,OAAO;CAEnB,MAAM,cAAc,IAAyB,CAAC,CAAC;CAC/C,MAAM,QAAQ,IAAI,CAAC;CACnB,MAAM,qBAAqB,IAA8B,IAAI;CAC7D,MAAM,UAAU,WAAW,6BAA6B;CACxD,MAAM,YAAY,QAAQ;CAC1B,MAAM,QAAQ,QAAQ;CACtB,MAAM,eAAe,IAAiB,IAAI;CAC1C,MAAM,OAAO,IAAI,CAAC;CAClB,IAAI,kBAAkB;CAGtB,MAAM,UAAU,IAAY,iBAAiB;CAG7C,MAAM,kBAAkB,IAA4B,CAAC,CAAC;CACtD,MAAM,WAAW,IAA4B,CAAC,CAAC;CAC/C,IAAI,uBAAuB;CAE3B,MAAM,UAAU,eAAe,YAAY,MAAM,SAAS,MAAM,KAAK;CAErE,MAAM,UAA6B,SAAS;EAC1C,QAAQ,KAAA;EACR,QAAQ,KAAA;EACR,SAAS,KAAA;EACT,gBAAgB,KAAA;EAChB,YAAY,KAAA;CACd,CAAC;CAED,SAAS,yBAAyB,QAAsD;EACtF,IAAI,UAAU,MAAM,OAAO;EAC3B,OAAO,CAAC,GAAG,IAAI,IAAI,OAAO,QAAQ,UAA2B,OAAO,UAAU,YAAY,MAAM,SAAS,CAAC,CAAC,CAAC;CAC9G;CAEA,SAAS,gCAAiD;EACxD,IAAI,iCAAiC,KAAA,GACnC,OAAO,yBAAyB,4BAA4B;EAE9D,OAAO,yBAAyB,mBAAmB,CAAC,EAAE,sBAAsB;CAC9E;CAEA,SAAS,eAA2E;EAClF,MAAM,CAAC,OAAO,SAAS,QAAQ,MAAM,MAAM,GAAG;EAC9C,OAAO;GACL,QAAS,SAAS;GAClB,WAAY,SAAS;EACvB;CACF;CAQA,SAAS,6BAAkD;EACzD,MAAM,eAAe,8BAA8B;EACnD,MAAM,eAAe,kBAAkB,QAAQ,kBAAkB,KAAA;EAEjE,IAAI,cAAc;GAChB,IAAI,gBAAgB,CAAC,aAAa,SAAS,YAAY,GACrD,OAAO,EAAE,MAAM,UAAU;GAE3B,OAAO;IAAE,MAAM;IAAU,gBAAgB;GAAa;EACxD;EAEA,IAAI,cAAc;GAChB,IAAI,aAAa,WAAW,GAAG,OAAO,EAAE,MAAM,UAAU;GACxD,IAAI,aAAa,WAAW,GAAG,OAAO;IAAE,MAAM;IAAU,gBAAgB,aAAa;GAAG;GACxF,OAAO;IAAE,MAAM;IAAS,iBAAiB;GAAa;EACxD;EAEA,OAAO,EAAE,MAAM,MAAM;CACvB;CAEA,SAAS,uBAAuB,YAAgC,MAAc,WAA2B;EACvG,MAAM,SAAS,IAAI,gBAAgB;EACnC,IAAI,YAAY,OAAO,IAAI,mBAAmB,UAAU;EACxD,IAAI,QAAQ,QAAQ,OAAO,IAAI,UAAU,QAAQ,MAAM;EACvD,IAAI,QAAQ,QAAQ,OAAO,IAAI,UAAU,QAAQ,MAAM;EACvD,IAAI,QAAQ,SAAS,OAAO,IAAI,WAAW,QAAQ,OAAO;EAE1D,MAAM,EAAE,QAAQ,cAAc,aAAa;EAC3C,OAAO,IAAI,WAAW,MAAM;EAC5B,OAAO,IAAI,cAAc,SAAS;EAElC,IAAI,QAAQ,YACV,OAAO,IAAI,iBAAiB,gBAAgB,QAAQ,UAAU,CAAC;EAGjE,OAAO,IAAI,SAAS,OAAO,SAAS,CAAC;EACrC,OAAO,IAAI,QAAQ,OAAO,IAAI,CAAC;EAE/B,MAAM,QAAQ,OAAO,SAAS;EAE9B,OAAO,GADM,gBAAgB,GACd,cAAc,QAAQ,IAAI,UAAU;CACrD;CAEA,SAAS,gBAAgB,OAAiD;EACxE,MAAM,EAAE,QAAQ,cAAc,aAAa;EAC3C,MAAM,YAAY,cAAc,SAAS,KAAK;EAC9C,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM;GAC/B,MAAM,SAAS,EAAE,WAAW;GAC5B,MAAM,SAAS,EAAE,WAAW;GAC5B,IAAI,SAAS,QAAQ,OAAO,KAAK;GACjC,IAAI,SAAS,QAAQ,OAAO,IAAI;GAChC,OAAO;EACT,CAAC;CACH;CAEA,eAAe,oBAAoB,YAAgC,MAAc,WAAmB;EAClG,OAAO,MAAM,IAAI,IAA4B,uBAAuB,YAAY,MAAM,SAAS,CAAC;CAClG;CAEA,eAAe,0BACb,eACiC;EACjC,MAAM,QAAQ,2BAA2B;EACzC,MAAM,WAAW,gBAAgB;EAEjC,IAAI,MAAM,SAAS,WACjB,OAAO;GAAE,aAAa,CAAC;GAAG,OAAO;EAAE;EAGrC,IAAI,MAAM,SAAS,SAAS;GAC1B,MAAM,eAAe,WAAW;GAChC,MAAM,YAAY,MAAM,QAAQ,IAC9B,MAAM,gBAAgB,KAAI,SAAQ,oBAAoB,MAAM,GAAG,YAAY,CAAC,CAC9E;GAEA,OAAO;IACL,aAFa,gBAAgB,UAAU,SAAQ,aAAY,SAAS,WAAW,CAElE,CAAA,CAAO,MAAM,UAAU,WAAW,KAAK;IACpD,OAAO,UAAU,QAAQ,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;GACpE;EACF;EAEA,OAAO,MAAM,oBACX,MAAM,SAAS,WAAW,MAAM,iBAAiB,KAAA,GACjD,UACA,KACF;CACF;CAEA,eAAe,mBAAkC;EAC/C,MAAM,aAAa,EAAE;EACrB,MAAM,gBAAgB,KAAK;EAC3B,UAAU,QAAQ;EAClB,QAAQ,WAAW;EACnB,IAAI;GACF,MAAM,OAAO,MAAM,0BAA0B,aAAa;GAC1D,IAAI,eAAe,iBAAiB;GACpC,IAAI,kBAAkB,GACpB,YAAY,QAAQ,KAAK;QAEzB,YAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,KAAK,WAAW;GAEhE,MAAM,QAAQ,KAAK;GACnB,aAAa,wBAAQ,IAAI,KAAK;EAChC,SAAS,KAAK;GACZ,IAAI,eAAe,iBAAiB;GACpC,QAAQ,SAAS,KAAK,6BAA6B;GACnD,IAAI,kBAAkB,GAAG;IACvB,YAAY,QAAQ,CAAC;IACrB,MAAM,QAAQ;GAChB;EACF,UAAU;GACR,IAAI,eAAe,iBACjB,UAAU,QAAQ;EAEtB;CACF;CAEA,SAAS,kBAAwB;EAC/B,mBAAmB;EACnB,UAAU,QAAQ;CACpB;CAEA,eAAe,qBAAoC;EACjD,IAAI,sBAAsB;EAC1B,uBAAuB;EAEvB,MAAM,OAAO,gBAAgB;EAC7B,MAAM,CAAC,UAAU,eAAe,MAAM,QAAQ,WAAW,CACvD,IAAI,IAA6D,GAAG,KAAK,8BAA8B,GACvG,IAAI,IAAsE,GAAG,KAAK,UAAU,CAC9F,CAAC;EAED,IAAI,SAAS,WAAW,eAAe,MAAM,QAAQ,SAAS,KAAK,GAAG;GACpE,MAAM,eAAe,8BAA8B;GACnD,MAAM,aAAa,eAAe,IAAI,IAAI,YAAY,IAAI;GAC1D,gBAAgB,QAAQ,SAAS,MAC9B,QAAO,MAAK,CAAC,cAAc,WAAW,IAAI,EAAE,KAAK,CAAC,CAAC,CACnD,KAAI,OAAM;IACT,OAAO,EAAE;IACT,OAAO,EAAE;IACT,OAAO,EAAE;GACX,EAAE;GACJ,IAAI,QAAQ,kBAAkB,cAAc,CAAC,WAAW,IAAI,QAAQ,cAAc,GAChF,QAAQ,iBAAiB,KAAA;EAE7B;EAEA,IAAI,YAAY,WAAW,eAAe,YAAY,OAAO,YAAY,MAAM,QAAQ,YAAY,MAAM,QAAQ,GAC/G,SAAS,QAAQ,YAAY,MAAM,SAAS,KAAI,OAAM;GACpD,OAAO,EAAE;GACT,OAAO,EAAE;EACX,EAAE;CAEN;CAEA,eAAe,WAA0B;EACvC,IAAI,CAAC,QAAQ,SAAS,UAAU,OAAO;EACvC,KAAK;EACL,MAAM,iBAAiB;CACzB;CAEA,SAAS,QAAc;EACrB,KAAK,QAAQ;EACb,YAAY,QAAQ,CAAC;EACrB,MAAM,QAAQ;EACd,iBAAiB;CACnB;CAEA,SAAS,OAAO,YAAqC;EACnD,mBAAmB,QAAQ;CAC7B;CAEA,SAAS,QAAc;EACrB,gBAAgB;EAChB,mBAAmB,QAAQ;EAC3B,QAAQ,SAAS,KAAA;EACjB,QAAQ,SAAS,KAAA;EACjB,QAAQ,UAAU,KAAA;EAClB,QAAQ,iBAAiB,KAAA;EACzB,QAAQ,aAAa,KAAA;EACrB,QAAQ,QAAQ;EAChB,KAAK,QAAQ;EACb,QAAQ,WAAW;CACrB;CAGA,MAAM,mBAAmB,eAAgD;EACvE,MAAM,yBAAS,IAAI,IAAiC;EACpD,KAAK,MAAM,OAAO,YAAY,OAAO;GACnC,MAAM,MAAM,IAAI,gBAAgB,IAAI,WAAW;GAC/C,MAAM,OAAO,OAAO,IAAI,GAAG;GAC3B,IAAI,MACF,KAAK,KAAK,GAAG;QAEb,OAAO,IAAI,KAAK,CAAC,GAAG,CAAC;EAEzB;EAEA,OAAO,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;GAC9C,IAAI,MAAM,cAAc,OAAO;GAC/B,IAAI,MAAM,cAAc,OAAO;GAC/B,OAAO,EAAE,cAAc,CAAC;EAC1B,CAAC;CACH,CAAC;CAED,YACQ;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;CACV,SACM,gBAAgB,GACtB,EAAE,OAAO,OAAO,CAClB;CAEA,MAAM,cAAc,wBACZ,QAAQ,cACR;EACJ,KAAK,QAAQ;EACb,iBAAiB;CACnB,GACA,EAAE,OAAO,IAAI,CACf;CAGA,YACQ;EAAC,QAAQ;EAAQ,QAAQ;EAAS,QAAQ;EAAgB,QAAQ;EAAY,QAAQ;CAAK,SAC3F;EACJ,YAAY,OAAO;EACnB,KAAK,QAAQ;EACb,iBAAiB;CACnB,CACF;CAEA,IAAI,WACF,iBAAiB;CAGnB,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAO;EACP;EACA;EACA;EACA;EACA;CACF;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECrXA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAIb,MAAM,kBAAkB,mBAAmB;EAE3C,MAAM,EACJ,aACA,SACA,WACA,OACA,SACA,iBACA,UACA,kBACA,OAAO,kBACP,uBACE,sBAAsB;GACxB,gBAAgB,MAAM;GACtB,wBAAwB,MAAM;EAChC,CAAC;EAED,MAAM,eAAe,IAAI,MAAM,WAAW;EAC1C,MAAM,cAAc,IAAI,MAAM,cAAc;EAE5C,MAAM,YAAY,IAAI,CAAC;EAGvB,MAAM,2BAA2B,eAC/B,CAAC,EAAE,QAAQ,WAAW,QAAQ,kBAAkB,QAAQ,cAAc,QAAQ,UAAU,kBAC1F;EAGA,MAAM,oBAAoB,eAAe,CACvC;GAAE,OAAO;GAAI,OAAO;EAAY,GAChC,GAAG,gBAAgB,MAAM,KAAI,OAAM;GAAE,OAAO,EAAE;GAAO,OAAO,EAAE;EAAM,EAAE,CACxE,CAAC;EACD,MAAM,0BAA0B,eAC9B,CAAC,MAAM,kBAAkB,kBAAkB,MAAM,SAAS,CAC5D;EAGA,MAAM,uBAAuB,eAAe,CAC1C;GAAE,OAAO;GAAI,OAAO;EAAe,GACnC,GAAG,SAAS,KACd,CAAC;EAED,MAAM,SAAS,eACb,YAAY,QACR,iBAAiB,MAAM,KAAK,CAAC,OAAO,YAAY;GAAE;GAAO;EAAM,EAAE,IACjE,IACN;EAEA,SAAS,SAAS,YAA+B;GAC/C,MAAM,QAAQ,WAAW;GACzB,OAAO;IACL,MAAM,WAAW;IACjB,OAAO,WAAW;IAClB,MAAM,CACJ,GAAI,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAW,gBAAgB,WAAW,WAAW,EAAE,GACjF,QAAQ,CAAC,MAAM,YAAY,MAAM,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,MAAM,WAAW,EAC5F,CAAC,CAAC,OAAO,OAAO;IAChB,QAAQ,WAAW,SACf;KAAE,OAAO,OAAwB,WAAW,MAAM;KAAG,MAAM,KAAsB,WAAW,MAAM;IAAE,IACpG,KAAA;IACJ,MAAM,qBAAqB,WAAW,UAAU;GAClD;EACF;EAEA,SAAS,UAA6C,KAAQ,OAAwB;GACnF,QAAqC,OAAO,OAAO,KAAK,KAAK,KAAA;EAChE;EAEA,SAAS,iBAAiB,OAAwB;GAChD,QAAQ,QAAQ,OAAO,KAAK,KAAK;EACnC;EAEA,SAAS,aAAa,YAA+B;GACnD,gBAAgB,OAAO,UAAU;GACjC,KAAK,eAAe,KAAK;EAC3B;EAEA,SAAS,iBAAiB;GACxB,gBAAgB,MAAM;GACtB,KAAK,eAAe,KAAK;EAC3B;EAGA,YACQ,MAAM,OACX,WAAW;GACV,IAAI,QAAQ;IACV,UAAU;IACV,mBAAmB;IACnB,iBAAiB;GACnB;EACF,GACA,EAAE,WAAW,KAAK,CACpB;;GAIE,OAAA,UAAA,GAAA,YA2GY,mBAAA;IA1GT,MAAM,QAAA;IACN,OAAO,QAAA;IACP,MAAM,QAAA;IACN,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,MAAM;;IAExC,SAAA,cA0F6B,EA1F7B,UAAA,GAAA,YA0F6B,oCAAA;KAzF1B,KAAK,UAAA;KACL,QAAQ,MAAA,OAAA,CAAO,CAAC,UAAM;KACvB,OAAM;KACN,OAAM;KACN,aAAY;KACX,OAAO,MAAA,WAAA;KACP,QAAQ,OAAA;KACR,aAAW,eAAe,WAAW;KAC3B;KACV,gBAAc,QAAA;KACd,SAAS,MAAA,SAAA;KACT,OAAO,MAAA,KAAA;KACR,eAAY;KACX,mBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,OAAA,CAAO,CAAC,SAAS;KAChC,UAAQ;;KAEE,SAAO,cASV;MARN,mBAQM,OARN,YAQM,CAPJ,YAME,oBAAA;OALC,eAAa,MAAA,OAAA,CAAO,CAAC,UAAM;OAC3B,SAAS;OACV,MAAK;OACL,cAAW;OACV,uBAAkB,OAAA,OAAA,OAAA,MAAE,MAAK,UAAS,UAAW,CAAC;;MAGxC,wBAAA,SAAX,UAAA,GAAA,mBAQM,OARN,YAQM,CAPJ,YAME,oBAAA;OALC,eAAa,MAAA,OAAA,CAAO,CAAC,kBAAc;OACnC,SAAS,kBAAA;OACV,MAAK;OACL,cAAW;OACV,uBAAkB,OAAA,OAAA,OAAA,MAAE,MAAK,UAAS,kBAAmB,CAAC;;MAG3D,mBAaS,UAAA;OAZP,OAAK,eAAA,CAAC,4CAA0C,EAAA,oDACc,yBAAA,MAAwB,CAAA,CAAA;OACtF,MAAK;OACJ,iBAAe,aAAA;OACf,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,aAAA,QAAY,CAAI,aAAA;;OAExB,OAAA,OAAA,OAAA,KAAA,mBAGM,OAAA;QAHD,eAAY;QAAO,OAAM;QAAK,QAAO;QAAK,SAAQ;QAAY,MAAK;QAAO,QAAO;QAAe,gBAAa;QAAI,kBAAe;QAAQ,mBAAgB;;QAC3J,mBAAqC,QAAA;SAA/B,IAAG;SAAI,IAAG;SAAI,IAAG;SAAK,IAAG;;QAAM,mBAAuC,QAAA;SAAjC,IAAG;SAAI,IAAG;SAAK,IAAG;SAAK,IAAG;;QAAO,mBAAwC,QAAA;SAAlC,IAAG;SAAK,IAAG;SAAK,IAAG;SAAK,IAAG;;QAC7G,mBAA+B,UAAA;SAAvB,IAAG;SAAI,IAAG;SAAK,GAAE;;QAAM,mBAAgC,UAAA;SAAxB,IAAG;SAAK,IAAG;SAAK,GAAE;;QAAM,mBAA8B,UAAA;SAAtB,IAAG;SAAI,IAAG;SAAI,GAAE;;;OACnF,OAAA,OAAA,OAAA,KAAA,gBAAA,aAEN,EAAA;OAAY,yBAAA,SAAZ,UAAA,GAAA,mBAAsF,QAAtF,UAAsF,KAAA,mBAAA,IAAA,IAAA;;;KAG/E,UAAQ,cAqCX,CApCK,aAAA,SAAX,UAAA,GAAA,mBAoCM,OApCN,YAoCM;MAnCO,qBAAA,MAAqB,SAAM,KAAtC,UAAA,GAAA,mBAQM,OARN,YAQM,CAPJ,YAME,oBAAA;OALC,eAAa,MAAA,OAAA,CAAO,CAAC,WAAO;OAC5B,SAAS,qBAAA;OACV,MAAK;OACL,cAAW;OACV,uBAAkB,OAAA,OAAA,OAAA,MAAE,MAAK,UAAS,WAAY,CAAC;;MAGpD,mBAQM,OARN,YAQM,CAPJ,YAME,oBAAA;OALC,eAAa,MAAA,OAAA,CAAO,CAAC,cAAU;OAC/B,SAAS,MAAA,mBAAA;OACV,MAAK;OACL,cAAW;OACV,uBAAkB,OAAA,OAAA,OAAA,MAAE,MAAK,UAAS,cAAe,CAAC;;MAGvD,mBAQM,OARN,YAQM,CAPJ,YAME,oBAAA;OALC,eAAa,MAAA,OAAA;OACb,SAAS,MAAA,YAAA;OACV,MAAK;OACL,cAAW;OACV,uBAAoB;;MAGzB,mBAOQ,SAPR,YAOQ,CANN,eAAA,mBAIE,SAAA;OAHS,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,YAAW,QAAA;OACpB,MAAK;OACL,OAAM;MAFG,GAAA,MAAA,GAAA,GAAA,CAAA,CAAA,gBAAA,YAAA,KAAW,CAAA,CAAA,GAGpB,OAAA,QAAA,OAAA,MAAA,gBAAA,sBAEJ,EAAA,EAAA,CAAA;;;;;;;;;;;IAKK,CAAA,IAAA,QAAA,uBAAmB,QAA9B,UAAA,GAAA,mBAQM,OARN,aAQM,CAPJ,mBAMS,UAAA;KALP,MAAK;KACL,OAAM;KACL,SAAO;IACT,GAAA,mBAED,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}