@morscherlab/mint-sdk 1.0.0-rc.9 → 1.0.1

package/dist/ExperimentSelectorModal-wm7yUdAr.js

@@ -0,0 +1,720 @@
+import { r as BaseInput_default, t as BaseSelect_default } from "./BaseSelect-DksaKYq_.js";
+import { t as BaseModal_default } from "./BaseModal-B9UA8Y_I.js";
+import { a as SORT_OPTIONS, c as formatExperimentStatus, l as getExperimentStatusVariant, r as EXPERIMENT_STATUS_OPTIONS, s as formatExperimentDate, t as DATE_PRESET_OPTIONS } from "./experiment-utils-hGXMHlAc.js";
+import { t as useExperimentSelector } from "./useExperimentSelector-BpZklTbV.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, reactive, ref, renderList, renderSlot, toDisplayString, unref, vModelCheckbox, watch, withCtx, withDirectives } from "vue";
+//#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = ["type", "disabled"];
+var _hoisted_2$3 = {
+	key: 0,
+	class: "mint-button__spinner",
+	fill: "none",
+	viewBox: "0 0 24 24"
+};
+//#endregion
+//#region src/components/BaseButton.vue
+var BaseButton_default = /* @__PURE__ */ defineComponent({
+	__name: "BaseButton",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "button" },
+		fullWidth: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		/** Renders a styled `<button>` with variant, size, loading spinner, and full-width options. */
+		const props = __props;
+		const emit = __emit;
+		function handleClick(event) {
+			if (!props.disabled && !props.loading) emit("click", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: __props.type,
+				disabled: __props.disabled || __props.loading,
+				class: normalizeClass([
+					"mint-button",
+					`mint-button--${__props.variant}`,
+					`mint-button--${__props.size}`,
+					__props.fullWidth ? "mint-button--full-width" : "",
+					__props.disabled || __props.loading ? "mint-button--disabled" : ""
+				]),
+				onClick: handleClick
+			}, [__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_2$3, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
+				style: { "opacity": "0.25" },
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: "currentColor",
+				"stroke-width": "4"
+			}, null, -1), createElementVNode("path", {
+				style: { "opacity": "0.75" },
+				fill: "currentColor",
+				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+			}, null, -1)])])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$4);
+		};
+	}
+});
+//#endregion
+//#region src/components/BasePill.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = {
+	key: 0,
+	class: "mint-pill__icon"
+};
+var _hoisted_2$2 = { class: "mint-pill__label" };
+//#endregion
+//#region src/components/BasePill.vue
+var BasePill_default = /* @__PURE__ */ defineComponent({
+	__name: "BasePill",
+	props: {
+		variant: { default: "default" },
+		color: { default: void 0 },
+		size: { default: "md" },
+		removable: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		icon: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["remove"],
+	setup(__props, { emit: __emit }) {
+		/** Compact label for tags, status indicators, and badges; supports removable and icon slots. */
+		const props = __props;
+		/**
+		* @event remove - Emitted when the remove button is clicked
+		*/
+		const emit = __emit;
+		function handleRemove(event) {
+			event.stopPropagation();
+			if (!props.disabled) emit("remove");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass([
+				"mint-pill",
+				`mint-pill--${__props.variant}`,
+				__props.color && `mint-pill--${__props.color}`,
+				`mint-pill--${__props.size}`,
+				{
+					"mint-pill--disabled": __props.disabled,
+					"mint-pill--with-icon": __props.icon
+				}
+			]) }, [
+				__props.icon ? (openBlock(), createElementBlock("span", _hoisted_1$3, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_2$2, [renderSlot(_ctx.$slots, "default")]),
+				__props.removable && !__props.disabled ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: "mint-pill__remove",
+					"aria-label": "Remove",
+					onClick: handleRemove
+				}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					class: "mint-pill__remove-icon",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", { d: "M18 6 6 18" }), createElementVNode("path", { d: "m6 6 12 12" })], -1)])])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/Skeleton.vue
+var Skeleton_default = /* @__PURE__ */ defineComponent({
+	__name: "Skeleton",
+	props: {
+		variant: { default: "text" },
+		width: {},
+		height: {},
+		animation: { default: "wave" }
+	},
+	setup(__props) {
+		/** Animated loading placeholder in text, circular, rectangular, or rounded variants with pulse or wave animation. */
+		const props = __props;
+		const style = computed(() => {
+			const s = {};
+			if (props.width) s.width = typeof props.width === "number" ? `${props.width}px` : props.width;
+			if (props.height) s.height = typeof props.height === "number" ? `${props.height}px` : props.height;
+			return s;
+		});
+		const classes = computed(() => {
+			const base = ["bg-bg-hover"];
+			switch (props.variant) {
+				case "circular":
+					base.push("rounded-full");
+					if (!props.width && !props.height) base.push("w-10 h-10");
+					break;
+				case "rectangular":
+					base.push("rounded-none");
+					if (!props.height) base.push("h-24");
+					break;
+				case "rounded":
+					base.push("rounded-mint");
+					if (!props.height) base.push("h-24");
+					break;
+				default:
+					base.push("rounded");
+					if (!props.height) base.push("h-4");
+					if (!props.width) base.push("w-full");
+			}
+			switch (props.animation) {
+				case "pulse":
+					base.push("animate-pulse");
+					break;
+				case "wave":
+					base.push("skeleton-wave");
+					break;
+			}
+			return base;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(classes.value),
+				style: normalizeStyle(style.value)
+			}, null, 6);
+		};
+	}
+});
+//#endregion
+//#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = ["d"];
+var _hoisted_2$1 = ["d"];
+var _hoisted_3$1 = { class: "mint-empty-state__body" };
+var _hoisted_4$1 = {
+	key: 0,
+	class: "mint-empty-state__title"
+};
+var _hoisted_5$1 = {
+	key: 1,
+	class: "mint-empty-state__description"
+};
+var _hoisted_6$1 = {
+	key: 0,
+	class: "mint-empty-state__action"
+};
+//#endregion
+//#region src/components/EmptyState.vue
+var EmptyState_default = /* @__PURE__ */ defineComponent({
+	__name: "EmptyState",
+	props: {
+		title: {},
+		description: {},
+		iconPath: {},
+		color: { default: "primary" },
+		size: { default: "md" },
+		variant: { default: "illustrated" },
+		actionLabel: {}
+	},
+	emits: ["action"],
+	setup(__props, { emit: __emit }) {
+		/** Empty-state placeholder with icon badge, headline, description, default slot, and optional CTA button. */
+		const emit = __emit;
+		const defaultIconPaths = [
+			"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+			"M7 11h10",
+			"M7 15h6",
+			"M7 7h8"
+		];
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([
+				"mint-empty-state",
+				`mint-empty-state--${__props.variant}`,
+				`mint-empty-state--${__props.size}`
+			]) }, [
+				createElementVNode("div", { class: normalizeClass(["mint-empty-state__icon-wrapper", `mint-empty-state__icon-wrapper--${__props.color}`]) }, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createElementBlock("svg", {
+					class: normalizeClass(["mint-empty-state__icon", `mint-empty-state__icon--${__props.color}`]),
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, [__props.iconPath ? (openBlock(), createElementBlock("path", {
+					key: 0,
+					d: __props.iconPath
+				}, null, 8, _hoisted_1$2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(defaultIconPaths, (d, i) => {
+					return createElementVNode("path", {
+						key: i,
+						d
+					}, null, 8, _hoisted_2$1);
+				}), 64))], 2))])], 2),
+				createElementVNode("div", _hoisted_3$1, [
+					__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					__props.description ? (openBlock(), createElementBlock("p", _hoisted_5$1, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default")
+				]),
+				__props.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6$1, [createVNode(BaseButton_default, { onClick: _cache[0] || (_cache[0] = ($event) => emit("action")) }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.actionLabel), 1)]),
+					_: 1
+				})])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/ExperimentCodeBadge.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = [
+	"role",
+	"tabindex",
+	"title"
+];
+//#endregion
+//#region src/components/ExperimentCodeBadge.vue
+var ExperimentCodeBadge_default = /* @__PURE__ */ defineComponent({
+	__name: "ExperimentCodeBadge",
+	props: {
+		code: {},
+		size: { default: "md" },
+		copyable: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["copy"],
+	setup(__props, { emit: __emit }) {
+		/** Inline badge that displays an experiment code and copies it to the clipboard on click. */
+		const props = __props;
+		const emit = __emit;
+		const copied = ref(false);
+		let copyTimeout = null;
+		async function handleCopy() {
+			if (!props.copyable) return;
+			try {
+				await navigator.clipboard.writeText(props.code);
+				copied.value = true;
+				emit("copy", props.code);
+				if (copyTimeout) clearTimeout(copyTimeout);
+				copyTimeout = setTimeout(() => {
+					copied.value = false;
+				}, 1500);
+			} catch {}
+		}
+		function handleKeydown(event) {
+			if (!props.copyable) return;
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				handleCopy();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass([
+					"mint-exp-code",
+					`mint-exp-code--${__props.size}`,
+					{
+						"mint-exp-code--copyable": __props.copyable,
+						"mint-exp-code--copied": copied.value
+					}
+				]),
+				role: __props.copyable ? "button" : void 0,
+				tabindex: __props.copyable ? 0 : void 0,
+				title: __props.copyable ? copied.value ? "Copied!" : "Click to copy" : void 0,
+				onClick: handleCopy,
+				onKeydown: handleKeydown
+			}, toDisplayString(copied.value ? "Copied!" : __props.code), 43, _hoisted_1$1);
+		};
+	}
+});
+//#endregion
+//#region src/components/ExperimentSelectorModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mint-experiment-selector__filters-row" };
+var _hoisted_2 = { class: "mint-experiment-selector__search" };
+var _hoisted_3 = { class: "mint-experiment-selector__filter-select" };
+var _hoisted_4 = {
+	key: 0,
+	class: "mint-experiment-selector__filter-select"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "mint-experiment-selector__filters-dot"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "mint-experiment-selector__filters-advanced"
+};
+var _hoisted_7 = {
+	key: 0,
+	class: "mint-experiment-selector__filter-select"
+};
+var _hoisted_8 = { class: "mint-experiment-selector__filter-select" };
+var _hoisted_9 = { class: "mint-experiment-selector__filter-select" };
+var _hoisted_10 = { class: "mint-experiment-selector__group-toggle" };
+var _hoisted_11 = {
+	key: 1,
+	class: "mint-experiment-selector__skeleton"
+};
+var _hoisted_12 = { class: "mint-experiment-selector__skeleton-content" };
+var _hoisted_13 = {
+	key: 2,
+	class: "mint-experiment-selector__error"
+};
+var _hoisted_14 = ["onClick"];
+var _hoisted_15 = { class: "mint-experiment-selector__group-name" };
+var _hoisted_16 = { class: "mint-experiment-selector__group-count" };
+var _hoisted_17 = ["onClick", "onMouseenter"];
+var _hoisted_18 = { class: "mint-experiment-selector__row-content" };
+var _hoisted_19 = { class: "mint-experiment-selector__name" };
+var _hoisted_20 = { class: "mint-experiment-selector__meta" };
+var _hoisted_21 = ["onClick", "onMouseenter"];
+var _hoisted_22 = { class: "mint-experiment-selector__row-content" };
+var _hoisted_23 = { class: "mint-experiment-selector__name" };
+var _hoisted_24 = { class: "mint-experiment-selector__meta" };
+var _hoisted_25 = { key: 0 };
+var _hoisted_26 = {
+	key: 6,
+	class: "mint-experiment-selector__footer"
+};
+//#endregion
+//#region src/components/ExperimentSelectorModal.vue
+var ExperimentSelectorModal_default = /* @__PURE__ */ defineComponent({
+	__name: "ExperimentSelectorModal",
+	props: {
+		modelValue: { type: Boolean },
+		experimentType: {},
+		currentExperimentId: { default: null },
+		title: { default: "Select Experiment" },
+		size: { default: "full" },
+		groupByProject: {
+			type: Boolean,
+			default: false
+		},
+		showFilters: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"select",
+		"deselect"
+	],
+	setup(__props, { emit: __emit }) {
+		/** Modal for searching and selecting an experiment from the platform list with filters and keyboard nav. */
+		const props = __props;
+		const emit = __emit;
+		const { experiments, filters, isLoading, error, sortKey, experimentTypes, projects, groupedByProject, fetch: fetchExperiments, fetchFilterOptions } = useExperimentSelector({ experimentType: props.experimentType });
+		const activeIndex = ref(-1);
+		const listRef = ref(null);
+		const showAdvanced = ref(props.showFilters);
+		const groupToggle = ref(props.groupByProject);
+		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 projectFilterOptions = computed(() => [{
+			value: "",
+			label: "All projects"
+		}, ...projects.value]);
+		const flatExperiments = computed(() => {
+			if (!groupToggle.value) return experiments.value;
+			return groupedByProject.value.flatMap(([, exps]) => exps);
+		});
+		function setFilter(key, value) {
+			filters[key] = String(value) || void 0;
+		}
+		function handleSortChange(value) {
+			sortKey.value = String(value) || "created_at:desc";
+		}
+		function handleSelect(experiment) {
+			emit("select", experiment);
+			emit("update:modelValue", false);
+		}
+		function handleDeselect() {
+			emit("deselect");
+			emit("update:modelValue", false);
+		}
+		function handleKeydown(event) {
+			const list = flatExperiments.value;
+			if (!list.length) return;
+			switch (event.key) {
+				case "ArrowDown":
+					event.preventDefault();
+					activeIndex.value = Math.min(activeIndex.value + 1, list.length - 1);
+					scrollActiveIntoView();
+					break;
+				case "ArrowUp":
+					event.preventDefault();
+					activeIndex.value = Math.max(activeIndex.value - 1, 0);
+					scrollActiveIntoView();
+					break;
+				case "Enter":
+					event.preventDefault();
+					if (activeIndex.value >= 0 && activeIndex.value < list.length) handleSelect(list[activeIndex.value]);
+					break;
+			}
+		}
+		function scrollActiveIntoView() {
+			nextTick(() => {
+				(listRef.value?.querySelector(".mint-experiment-selector__row--focused"))?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		const flatIndexMap = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			flatExperiments.value.forEach((exp, i) => map.set(exp.id, i));
+			return map;
+		});
+		function getFlatIndex(experiment) {
+			return flatIndexMap.value.get(experiment.id) ?? -1;
+		}
+		const collapsedGroups = reactive(/* @__PURE__ */ new Set());
+		function toggleGroup(groupName) {
+			if (collapsedGroups.has(groupName)) collapsedGroups.delete(groupName);
+			else collapsedGroups.add(groupName);
+		}
+		watch(experiments, () => {
+			activeIndex.value = -1;
+		});
+		watch(() => props.modelValue, (isOpen) => {
+			if (isOpen) {
+				activeIndex.value = -1;
+				collapsedGroups.clear();
+				fetchFilterOptions();
+				fetchExperiments();
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				"model-value": __props.modelValue,
+				title: __props.title,
+				size: __props.size,
+				"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => emit("update:modelValue", $event))
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					class: "mint-experiment-selector",
+					onKeydown: handleKeydown
+				}, [
+					createElementVNode("div", _hoisted_1, [
+						createElementVNode("div", _hoisted_2, [createVNode(BaseInput_default, {
+							modelValue: unref(filters).search,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(filters).search = $event),
+							placeholder: "Search experiments...",
+							size: "sm",
+							type: "search"
+						}, null, 8, ["modelValue"])]),
+						createElementVNode("div", _hoisted_3, [createVNode(BaseSelect_default, {
+							"model-value": unref(filters).status ?? "",
+							options: unref(EXPERIMENT_STATUS_OPTIONS),
+							size: "sm",
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = (v) => setFilter("status", v))
+						}, null, 8, ["model-value", "options"])]),
+						typeFilterOptions.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(BaseSelect_default, {
+							"model-value": unref(filters).experimentType ?? "",
+							options: typeFilterOptions.value,
+							size: "sm",
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = (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",
+							onClick: _cache[3] || (_cache[3] = ($event) => showAdvanced.value = !showAdvanced.value)
+						}, [
+							_cache[8] || (_cache[8] = createElementVNode("svg", {
+								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_5)) : createCommentVNode("", true)
+						], 2)
+					]),
+					showAdvanced.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+						projectFilterOptions.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [createVNode(BaseSelect_default, {
+							"model-value": unref(filters).project ?? "",
+							options: projectFilterOptions.value,
+							size: "sm",
+							"onUpdate:modelValue": _cache[4] || (_cache[4] = (v) => setFilter("project", v))
+						}, null, 8, ["model-value", "options"])])) : createCommentVNode("", true),
+						createElementVNode("div", _hoisted_8, [createVNode(BaseSelect_default, {
+							"model-value": unref(filters).datePreset ?? "",
+							options: unref(DATE_PRESET_OPTIONS),
+							size: "sm",
+							"onUpdate:modelValue": _cache[5] || (_cache[5] = (v) => setFilter("datePreset", v))
+						}, null, 8, ["model-value", "options"])]),
+						createElementVNode("div", _hoisted_9, [createVNode(BaseSelect_default, {
+							"model-value": unref(sortKey),
+							options: unref(SORT_OPTIONS),
+							size: "sm",
+							"onUpdate:modelValue": handleSortChange
+						}, null, 8, ["model-value", "options"])]),
+						createElementVNode("label", _hoisted_10, [withDirectives(createElementVNode("input", {
+							"onUpdate:modelValue": _cache[6] || (_cache[6] = ($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),
+					unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_11, [(openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
+						return createElementVNode("div", {
+							key: n,
+							class: "mint-experiment-selector__skeleton-row"
+						}, [createElementVNode("div", _hoisted_12, [createVNode(Skeleton_default, {
+							width: 120 + n * 20,
+							height: "14px"
+						}, null, 8, ["width"]), createVNode(Skeleton_default, {
+							width: "80px",
+							height: "10px"
+						})]), createVNode(Skeleton_default, {
+							width: "60px",
+							height: "20px",
+							variant: "rounded"
+						})]);
+					}), 64))])) : unref(error) ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(unref(error)), 1)) : unref(experiments).length === 0 ? (openBlock(), createBlock(EmptyState_default, {
+						key: 3,
+						title: "No experiments found",
+						description: "Try adjusting your search or filters.",
+						size: "sm"
+					})) : groupToggle.value ? (openBlock(), createElementBlock("div", {
+						key: 4,
+						ref_key: "listRef",
+						ref: listRef,
+						class: "mint-experiment-selector__list"
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(groupedByProject), ([groupName, groupExps]) => {
+						return openBlock(), createElementBlock(Fragment, { key: groupName }, [createElementVNode("button", {
+							type: "button",
+							class: "mint-experiment-selector__group-header",
+							onClick: ($event) => toggleGroup(groupName)
+						}, [
+							(openBlock(), createElementBlock("svg", {
+								class: normalizeClass(["mint-experiment-selector__group-chevron", { "mint-experiment-selector__group-chevron--collapsed": collapsedGroups.has(groupName) }]),
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								"stroke-width": "2",
+								"stroke-linecap": "round",
+								"stroke-linejoin": "round"
+							}, [..._cache[11] || (_cache[11] = [createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1)])], 2)),
+							createElementVNode("span", _hoisted_15, toDisplayString(groupName), 1),
+							createElementVNode("span", _hoisted_16, toDisplayString(groupExps.length), 1)
+						], 8, _hoisted_14), !collapsedGroups.has(groupName) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupExps, (exp) => {
+							return openBlock(), createElementBlock("div", {
+								key: exp.id,
+								class: normalizeClass(["mint-experiment-selector__row", {
+									"mint-experiment-selector__row--active": exp.id === __props.currentExperimentId,
+									"mint-experiment-selector__row--focused": getFlatIndex(exp) === activeIndex.value
+								}]),
+								onClick: ($event) => handleSelect(exp),
+								onMouseenter: ($event) => activeIndex.value = getFlatIndex(exp)
+							}, [createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [createTextVNode(toDisplayString(exp.name) + " ", 1), exp.experiment_code ? (openBlock(), createBlock(ExperimentCodeBadge_default, {
+								key: 0,
+								code: exp.experiment_code,
+								size: "sm",
+								copyable: false
+							}, null, 8, ["code"])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_20, [createElementVNode("span", null, toDisplayString(unref(formatExperimentDate)(exp.created_at)), 1)])]), createVNode(BasePill_default, {
+								variant: unref(getExperimentStatusVariant)(exp.status),
+								size: "sm"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(formatExperimentStatus)(exp.status)), 1)]),
+								_: 2
+							}, 1032, ["variant"])], 42, _hoisted_17);
+						}), 128)) : createCommentVNode("", true)], 64);
+					}), 128))], 512)) : (openBlock(), createElementBlock("div", {
+						key: 5,
+						ref_key: "listRef",
+						ref: listRef,
+						class: "mint-experiment-selector__list"
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(experiments), (exp, idx) => {
+						return openBlock(), createElementBlock("div", {
+							key: exp.id,
+							class: normalizeClass(["mint-experiment-selector__row", {
+								"mint-experiment-selector__row--active": exp.id === __props.currentExperimentId,
+								"mint-experiment-selector__row--focused": idx === activeIndex.value
+							}]),
+							onClick: ($event) => handleSelect(exp),
+							onMouseenter: ($event) => activeIndex.value = idx
+						}, [createElementVNode("div", _hoisted_22, [createElementVNode("div", _hoisted_23, [createTextVNode(toDisplayString(exp.name) + " ", 1), exp.experiment_code ? (openBlock(), createBlock(ExperimentCodeBadge_default, {
+							key: 0,
+							code: exp.experiment_code,
+							size: "sm",
+							copyable: false
+						}, null, 8, ["code"])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_24, [exp.project_name || exp.project ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(exp.project_name || exp.project), 1)) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(unref(formatExperimentDate)(exp.created_at)), 1)])]), createVNode(BasePill_default, {
+							variant: unref(getExperimentStatusVariant)(exp.status),
+							size: "sm"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(formatExperimentStatus)(exp.status)), 1)]),
+							_: 2
+						}, 1032, ["variant"])], 42, _hoisted_21);
+					}), 128))], 512)),
+					__props.currentExperimentId != null ? (openBlock(), createElementBlock("div", _hoisted_26, [createElementVNode("button", {
+						type: "button",
+						class: "mint-experiment-selector__clear-btn",
+						onClick: handleDeselect
+					}, " Clear selection ")])) : createCommentVNode("", true)
+				], 32)]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"title",
+				"size"
+			]);
+		};
+	}
+});
+//#endregion
+export { BasePill_default as a, Skeleton_default as i, ExperimentCodeBadge_default as n, BaseButton_default as o, EmptyState_default as r, ExperimentSelectorModal_default as t };
+
+//# sourceMappingURL=ExperimentSelectorModal-wm7yUdAr.js.map