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

package/dist/ExperimentPopover-C4sGw-is.js

@@ -0,0 +1,359 @@
+import { a as __exportAll } from "./BaseModal-DfRIuVoj.js";
+import { D as useDropdownState } from "./records-BzTcxekG.js";
+import { t as ConfirmDialog_default } from "./ConfirmDialog-CJ7hqYUP.js";
+import { r as format } from "./experimentStatus-BZmU4czV.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onUnmounted, openBlock, ref, toDisplayString, unref, useTemplateRef, watch, withModifiers } from "vue";
+//#region src/components/ExperimentPopover.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	ref: "popover",
+	class: "mint-experiment-popover"
+};
+var _hoisted_2 = [
+	"title",
+	"aria-label",
+	"aria-busy",
+	"aria-expanded"
+];
+var _hoisted_3 = {
+	key: 0,
+	class: "mint-experiment-popover__trigger-skeleton",
+	"aria-hidden": "true"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "mint-experiment-popover__trigger-text"
+};
+var _hoisted_5 = {
+	key: 2,
+	class: "mint-experiment-popover__trigger-text"
+};
+var _hoisted_6 = {
+	key: 3,
+	class: "mint-experiment-popover__trigger-code"
+};
+var _hoisted_7 = {
+	key: 4,
+	class: "mint-experiment-popover__trigger-text"
+};
+var _hoisted_8 = ["disabled", "title"];
+var _hoisted_9 = {
+	key: 0,
+	class: "mint-experiment-popover__spinner--inline"
+};
+var _hoisted_10 = {
+	key: 1,
+	class: "mint-experiment-popover__save-trigger-icon",
+	"aria-hidden": "true",
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24"
+};
+var _hoisted_11 = {
+	key: 2,
+	class: "mint-experiment-popover__save-trigger-icon",
+	"aria-hidden": "true",
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24"
+};
+var _hoisted_12 = {
+	key: 0,
+	class: "mint-experiment-popover__panel"
+};
+var _hoisted_13 = { class: "mint-experiment-popover__header" };
+var _hoisted_14 = { class: "mint-experiment-popover__subtitle" };
+var _hoisted_15 = {
+	key: 0,
+	class: "mint-experiment-popover__body"
+};
+var _hoisted_16 = { class: "mint-experiment-popover__card-actions" };
+var _hoisted_17 = {
+	key: 1,
+	class: "mint-experiment-popover__body"
+};
+var _hoisted_18 = {
+	class: "mint-experiment-popover__card mint-experiment-popover__card--error",
+	role: "alert"
+};
+var _hoisted_19 = { class: "mint-experiment-popover__card-info" };
+var _hoisted_20 = { class: "mint-experiment-popover__card-message" };
+var _hoisted_21 = { class: "mint-experiment-popover__card-actions" };
+var _hoisted_22 = {
+	key: 2,
+	class: "mint-experiment-popover__body"
+};
+var _hoisted_23 = {
+	key: 3,
+	class: "mint-experiment-popover__body"
+};
+var _hoisted_24 = { class: "mint-experiment-popover__card" };
+var _hoisted_25 = { class: "mint-experiment-popover__card-info" };
+var _hoisted_26 = {
+	key: 0,
+	class: "mint-experiment-popover__card-code"
+};
+var _hoisted_27 = { class: "mint-experiment-popover__card-name" };
+var _hoisted_28 = {
+	key: 1,
+	class: "mint-experiment-popover__card-status"
+};
+var _hoisted_29 = { class: "mint-experiment-popover__card-actions" };
+var ExperimentPopover_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ExperimentPopover",
+	props: {
+		experimentName: {},
+		experimentCode: {},
+		experimentStatus: {},
+		isResolving: {
+			type: Boolean,
+			default: false
+		},
+		error: {},
+		showSave: {
+			type: Boolean,
+			default: false
+		},
+		showDetach: {
+			type: Boolean,
+			default: false
+		},
+		saveDisabled: {
+			type: Boolean,
+			default: false
+		},
+		saveLoading: {
+			type: Boolean,
+			default: false
+		},
+		saveSuccessMessage: {},
+		saveDisabledMessage: {},
+		confirmSave: {
+			type: Boolean,
+			default: true
+		},
+		confirmTitle: {},
+		confirmMessage: {}
+	},
+	emits: [
+		"select",
+		"save",
+		"detach"
+	],
+	setup(__props, { emit: __emit }) {
+		/** Floating popover showing the active experiment with save, detach, and select actions. */
+		const props = __props;
+		const isUnresolved = computed(() => props.isResolving || !!props.error);
+		const hasExperiment = computed(() => !!props.experimentName || !!props.experimentCode);
+		const panelSubtitle = computed(() => {
+			if (props.isResolving) return "Loading experiment…";
+			if (props.error) return "Could not load this experiment";
+			return hasExperiment.value ? "Linked experiment context" : "Link to an MINT experiment";
+		});
+		const triggerLabel = computed(() => {
+			if (props.isResolving) return "Loading experiment";
+			if (props.error) return "Experiment unavailable";
+			return props.experimentName || props.experimentCode || "No experiment";
+		});
+		const emit = __emit;
+		const { isOpen, close, toggle } = useDropdownState({
+			rootRef: useTemplateRef("popover"),
+			triggerRef: useTemplateRef("trigger"),
+			closeOnEscape: false
+		});
+		const showSuccess = ref(false);
+		const showConfirm = ref(false);
+		function handleTriggerClick() {
+			if (!hasExperiment.value && !isUnresolved.value) {
+				handleSelect();
+				return;
+			}
+			toggle();
+		}
+		function handleSelect() {
+			emit("select");
+			close();
+		}
+		function handleSave() {
+			if (props.saveDisabled || props.saveLoading) return;
+			if (props.confirmSave) showConfirm.value = true;
+			else emit("save");
+		}
+		function handleConfirmSave() {
+			showConfirm.value = false;
+			emit("save");
+		}
+		function handleDetach() {
+			emit("detach");
+			close();
+		}
+		let successTimer = null;
+		watch(() => props.saveSuccessMessage, (msg) => {
+			if (successTimer) clearTimeout(successTimer);
+			if (msg) {
+				showSuccess.value = true;
+				successTimer = setTimeout(() => {
+					showSuccess.value = false;
+					successTimer = null;
+				}, 3e3);
+			}
+		});
+		onUnmounted(() => {
+			if (successTimer) clearTimeout(successTimer);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", { class: normalizeClass(["mint-experiment-popover__split", { "mint-experiment-popover__split--with-save": __props.showSave && __props.experimentName }]) }, [createElementVNode("button", {
+					ref: "trigger",
+					type: "button",
+					class: normalizeClass([
+						"mint-experiment-popover__trigger",
+						{ "mint-experiment-popover__trigger--active": unref(isOpen) },
+						{ "mint-experiment-popover__trigger--empty": !isUnresolved.value && !hasExperiment.value },
+						{ "mint-experiment-popover__trigger--loading": __props.isResolving },
+						{ "mint-experiment-popover__trigger--error": !__props.isResolving && !!__props.error }
+					]),
+					title: isUnresolved.value ? triggerLabel.value : __props.experimentName || __props.experimentCode || void 0,
+					"aria-label": isUnresolved.value ? triggerLabel.value : void 0,
+					"aria-busy": __props.isResolving || void 0,
+					"aria-expanded": unref(isOpen),
+					onClick: withModifiers(handleTriggerClick, ["stop"])
+				}, [
+					_cache[1] || (_cache[1] = createElementVNode("svg", {
+						class: "mint-experiment-popover__trigger-icon",
+						"aria-hidden": "true",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24"
+					}, [createElementVNode("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-width": "1.75",
+						d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
+					})], -1)),
+					__props.isResolving ? (openBlock(), createElementBlock("span", _hoisted_3)) : __props.error ? (openBlock(), createElementBlock("span", _hoisted_4, "Experiment unavailable")) : __props.experimentName ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.experimentName), 1)) : __props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.experimentCode), 1)) : (openBlock(), createElementBlock("span", _hoisted_7, "No experiment")),
+					_cache[2] || (_cache[2] = createElementVNode("svg", {
+						class: "mint-experiment-popover__trigger-chevron",
+						"aria-hidden": "true",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round"
+					}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })], -1))
+				], 10, _hoisted_2), __props.showSave && __props.experimentName ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass([
+						"mint-experiment-popover__save-trigger",
+						{ "mint-experiment-popover__save-trigger--loading": __props.saveLoading },
+						{ "mint-experiment-popover__save-trigger--success": showSuccess.value },
+						{ "mint-experiment-popover__save-trigger--disabled": __props.saveDisabled && !showSuccess.value }
+					]),
+					disabled: __props.saveDisabled && !showSuccess.value,
+					title: __props.saveDisabled && __props.saveDisabledMessage ? __props.saveDisabledMessage : showSuccess.value && __props.saveSuccessMessage ? __props.saveSuccessMessage : "Save to Experiment",
+					"aria-label": "Save to experiment",
+					onClick: withModifiers(handleSave, ["stop"])
+				}, [__props.saveLoading ? (openBlock(), createElementBlock("span", _hoisted_9)) : showSuccess.value ? (openBlock(), createElementBlock("svg", _hoisted_10, [..._cache[3] || (_cache[3] = [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2.5",
+					d: "M5 13l4 4L19 7"
+				}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_11, [..._cache[4] || (_cache[4] = [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"
+				}, null, -1)])]))], 10, _hoisted_8)) : createCommentVNode("", true)], 2),
+				unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_12, [createElementVNode("div", _hoisted_13, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "mint-experiment-popover__title" }, "Experiment", -1)), createElementVNode("div", _hoisted_14, toDisplayString(panelSubtitle.value), 1)]), __props.isResolving ? (openBlock(), createElementBlock("div", _hoisted_15, [_cache[6] || (_cache[6] = createStaticVNode("<div class=\"mint-experiment-popover__card\" aria-busy=\"true\"><div class=\"mint-experiment-popover__card-icon\"><svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"></path></svg></div><div class=\"mint-experiment-popover__card-info\"><span class=\"mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--code\"></span><span class=\"mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--name\"></span><span class=\"mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--status\"></span></div></div>", 1)), createElementVNode("div", _hoisted_16, [createElementVNode("button", {
+					type: "button",
+					class: "mint-experiment-popover__change-btn",
+					onClick: handleSelect
+				}, " Change "), __props.showDetach ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "mint-experiment-popover__detach-btn",
+					onClick: handleDetach
+				}, " Detach ")) : createCommentVNode("", true)])])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_17, [createElementVNode("div", _hoisted_18, [_cache[8] || (_cache[8] = createElementVNode("div", { class: "mint-experiment-popover__card-icon mint-experiment-popover__card-icon--error" }, [createElementVNode("svg", {
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "1.75",
+					d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
+				})])], -1)), createElementVNode("div", _hoisted_19, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "mint-experiment-popover__card-name" }, "Experiment unavailable", -1)), createElementVNode("div", _hoisted_20, toDisplayString(__props.error), 1)])]), createElementVNode("div", _hoisted_21, [createElementVNode("button", {
+					type: "button",
+					class: "mint-experiment-popover__change-btn",
+					onClick: handleSelect
+				}, " Change "), __props.showDetach ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "mint-experiment-popover__detach-btn",
+					onClick: handleDetach
+				}, " Detach ")) : createCommentVNode("", true)])])) : !__props.experimentName ? (openBlock(), createElementBlock("div", _hoisted_22, [createElementVNode("button", {
+					type: "button",
+					class: "mint-experiment-popover__select-btn",
+					onClick: handleSelect
+				}, [..._cache[9] || (_cache[9] = [createElementVNode("svg", {
+					width: "14",
+					height: "14",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M12 4v16m8-8H4"
+				})], -1), createTextVNode(" Select Experiment ", -1)])])])) : (openBlock(), createElementBlock("div", _hoisted_23, [createElementVNode("div", _hoisted_24, [_cache[10] || (_cache[10] = createElementVNode("div", { class: "mint-experiment-popover__card-icon" }, [createElementVNode("svg", {
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24"
+				}, [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "1.75",
+					d: "M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"
+				})])], -1)), createElementVNode("div", _hoisted_25, [
+					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString(__props.experimentCode), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_27, toDisplayString(__props.experimentName), 1),
+					__props.experimentStatus ? (openBlock(), createElementBlock("div", _hoisted_28, toDisplayString(unref(format)(__props.experimentStatus)), 1)) : createCommentVNode("", true)
+				])]), createElementVNode("div", _hoisted_29, [createElementVNode("button", {
+					type: "button",
+					class: "mint-experiment-popover__change-btn",
+					onClick: handleSelect
+				}, " Change "), __props.showDetach ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "mint-experiment-popover__detach-btn",
+					onClick: handleDetach
+				}, " Detach ")) : createCommentVNode("", true)])]))])) : createCommentVNode("", true),
+				createVNode(ConfirmDialog_default, {
+					open: showConfirm.value,
+					"onUpdate:open": _cache[0] || (_cache[0] = ($event) => showConfirm.value = $event),
+					title: __props.confirmTitle ?? "Save to Experiment",
+					message: __props.confirmMessage ?? `Save current data to ${__props.experimentName}?`,
+					tone: "info",
+					"confirm-label": "Save",
+					loading: __props.saveLoading,
+					onConfirm: handleConfirmSave
+				}, null, 8, [
+					"open",
+					"title",
+					"message",
+					"loading"
+				])
+			], 512);
+		};
+	}
+});
+//#endregion
+//#region src/components/ExperimentPopover.vue
+var ExperimentPopover_exports = /* @__PURE__ */ __exportAll({ default: () => ExperimentPopover_default });
+var ExperimentPopover_default = ExperimentPopover_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ExperimentPopover_exports as n, ExperimentPopover_default as t };
+
+//# sourceMappingURL=ExperimentPopover-C4sGw-is.js.map

package/dist/ExperimentPopover-C4sGw-is.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentPopover-C4sGw-is.js","names":[],"sources":["../src/components/ExperimentPopover.vue","../src/components/ExperimentPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Floating popover showing the active experiment with save, detach, and select actions. */\nimport { ref, computed, watch, onUnmounted, useTemplateRef } from 'vue'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { format as formatStatus } from '../utils/experimentStatus'\nimport ConfirmDialog from './ConfirmDialog.vue'\n\ninterface Props {\n  experimentName?: string\n  experimentCode?: string\n  experimentStatus?: string\n  /** An experiment is bound but the platform has not returned its record yet. */\n  isResolving?: boolean\n  /** Message explaining why the bound experiment could not be resolved. */\n  error?: string\n  showSave?: boolean\n  showDetach?: boolean\n  saveDisabled?: boolean\n  saveLoading?: boolean\n  saveSuccessMessage?: string\n  saveDisabledMessage?: string\n  confirmSave?: boolean\n  confirmTitle?: string\n  confirmMessage?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  isResolving: false,\n  showSave: false,\n  showDetach: false,\n  saveDisabled: false,\n  saveLoading: false,\n  confirmSave: true,\n})\n\n// An experiment is bound but has no name to show — either still resolving or\n// resolution failed. The id is never substituted: a name may only come from the\n// platform, so these states say what is happening instead of inventing a label.\nconst isUnresolved = computed(() => props.isResolving || !!props.error)\nconst hasExperiment = computed(() => !!props.experimentName || !!props.experimentCode)\n\nconst panelSubtitle = computed(() => {\n  if (props.isResolving) return 'Loading experiment…'\n  if (props.error) return 'Could not load this experiment'\n  return hasExperiment.value ? 'Linked experiment context' : 'Link to an MINT experiment'\n})\n\nconst triggerLabel = computed(() => {\n  if (props.isResolving) return 'Loading experiment'\n  if (props.error) return 'Experiment unavailable'\n  return props.experimentName || props.experimentCode || 'No experiment'\n})\n\nconst emit = defineEmits<{\n  select: []\n  save: []\n  detach: []\n}>()\n\nconst { isOpen, close, toggle } = useDropdownState({\n  rootRef: useTemplateRef<HTMLElement>('popover'),\n  triggerRef: useTemplateRef<HTMLElement>('trigger'),\n  closeOnEscape: false,\n})\nconst showSuccess = ref(false)\nconst showConfirm = ref(false)\n\nfunction handleTriggerClick() {\n  if (!hasExperiment.value && !isUnresolved.value) {\n    handleSelect()\n    return\n  }\n  toggle()\n}\n\nfunction handleSelect() {\n  emit('select')\n  close()\n}\n\nfunction handleSave() {\n  if (props.saveDisabled || props.saveLoading) return\n  if (props.confirmSave) {\n    showConfirm.value = true\n  } else {\n    emit('save')\n  }\n}\n\nfunction handleConfirmSave() {\n  showConfirm.value = false\n  emit('save')\n}\n\nfunction handleDetach() {\n  emit('detach')\n  close()\n}\n\nlet successTimer: ReturnType<typeof setTimeout> | null = null\n\n// Show success state when saveSuccessMessage changes from empty to a value\nwatch(() => props.saveSuccessMessage, (msg) => {\n  if (successTimer) clearTimeout(successTimer)\n  if (msg) {\n    showSuccess.value = true\n    successTimer = setTimeout(() => {\n      showSuccess.value = false\n      successTimer = null\n    }, 3000)\n  }\n})\n\nonUnmounted(() => {\n  if (successTimer) clearTimeout(successTimer)\n})\n</script>\n\n<template>\n  <div ref=\"popover\" class=\"mint-experiment-popover\">\n    <!-- Split trigger: experiment pill + inline save -->\n    <div\n      :class=\"[\n        'mint-experiment-popover__split',\n        { 'mint-experiment-popover__split--with-save': showSave && experimentName },\n      ]\"\n    >\n      <!-- Left: experiment trigger (selects when empty, otherwise opens popover). Prefer the human-readable\n           name; the formal code, when present, stays in the detail panel. -->\n      <button\n        ref=\"trigger\"\n        type=\"button\"\n        :class=\"[\n          'mint-experiment-popover__trigger',\n          { 'mint-experiment-popover__trigger--active': isOpen },\n          { 'mint-experiment-popover__trigger--empty': !isUnresolved && !hasExperiment },\n          { 'mint-experiment-popover__trigger--loading': isResolving },\n          { 'mint-experiment-popover__trigger--error': !isResolving && !!error },\n        ]\"\n        :title=\"isUnresolved ? triggerLabel : experimentName || experimentCode || undefined\"\n        :aria-label=\"isUnresolved ? triggerLabel : undefined\"\n        :aria-busy=\"isResolving || undefined\"\n        :aria-expanded=\"isOpen\"\n        @click.stop=\"handleTriggerClick\"\n      >\n        <!-- Flask icon -->\n        <svg class=\"mint-experiment-popover__trigger-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"1.75\"\n            d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\n          />\n        </svg>\n        <!-- Resolving and error come first: with an experiment bound but no name\n             yet, \"No experiment\" would be a lie. -->\n        <span v-if=\"isResolving\" class=\"mint-experiment-popover__trigger-skeleton\" aria-hidden=\"true\" />\n        <span v-else-if=\"error\" class=\"mint-experiment-popover__trigger-text\">Experiment unavailable</span>\n        <!-- Name preferred, code as fallback, \"No experiment\" as empty state -->\n        <span v-else-if=\"experimentName\" class=\"mint-experiment-popover__trigger-text\">{{ experimentName }}</span>\n        <span v-else-if=\"experimentCode\" class=\"mint-experiment-popover__trigger-code\">{{ experimentCode }}</span>\n        <span v-else class=\"mint-experiment-popover__trigger-text\">No experiment</span>\n        <!-- Chevron -->\n        <svg class=\"mint-experiment-popover__trigger-chevron\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </button>\n\n      <!-- Right: inline save button (direct action) -->\n      <button\n        v-if=\"showSave && experimentName\"\n        type=\"button\"\n        :class=\"[\n          'mint-experiment-popover__save-trigger',\n          { 'mint-experiment-popover__save-trigger--loading': saveLoading },\n          { 'mint-experiment-popover__save-trigger--success': showSuccess },\n          { 'mint-experiment-popover__save-trigger--disabled': saveDisabled && !showSuccess },\n        ]\"\n        :disabled=\"saveDisabled && !showSuccess\"\n        :title=\"saveDisabled && saveDisabledMessage ? saveDisabledMessage : showSuccess && saveSuccessMessage ? saveSuccessMessage : 'Save to Experiment'\"\n        aria-label=\"Save to experiment\"\n        @click.stop=\"handleSave\"\n      >\n        <!-- Loading spinner -->\n        <span v-if=\"saveLoading\" class=\"mint-experiment-popover__spinner--inline\" />\n        <!-- Success check -->\n        <svg v-else-if=\"showSuccess\" class=\"mint-experiment-popover__save-trigger-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\" />\n        </svg>\n        <!-- Save icon -->\n        <svg v-else class=\"mint-experiment-popover__save-trigger-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4\" />\n        </svg>\n      </button>\n    </div>\n\n    <!-- Popover panel -->\n    <div v-if=\"isOpen\" class=\"mint-experiment-popover__panel\">\n      <!-- Header -->\n      <div class=\"mint-experiment-popover__header\">\n        <div class=\"mint-experiment-popover__title\">Experiment</div>\n        <div class=\"mint-experiment-popover__subtitle\">\n          {{ panelSubtitle }}\n        </div>\n      </div>\n\n      <!-- Bound, still resolving — placeholders stand in for the record the\n           platform has not returned yet. -->\n      <div v-if=\"isResolving\" class=\"mint-experiment-popover__body\">\n        <div class=\"mint-experiment-popover__card\" aria-busy=\"true\">\n          <div class=\"mint-experiment-popover__card-icon\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"1.75\"\n                d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\n              />\n            </svg>\n          </div>\n          <div class=\"mint-experiment-popover__card-info\">\n            <span class=\"mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--code\" />\n            <span class=\"mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--name\" />\n            <span class=\"mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--status\" />\n          </div>\n        </div>\n        <div class=\"mint-experiment-popover__card-actions\">\n          <button type=\"button\" class=\"mint-experiment-popover__change-btn\" @click=\"handleSelect\">\n            Change\n          </button>\n          <button v-if=\"showDetach\" type=\"button\" class=\"mint-experiment-popover__detach-btn\" @click=\"handleDetach\">\n            Detach\n          </button>\n        </div>\n      </div>\n\n      <!-- Bound, resolution failed — Detach stays reachable so the user is not\n           stuck on an experiment the platform cannot describe. -->\n      <div v-else-if=\"error\" class=\"mint-experiment-popover__body\">\n        <div class=\"mint-experiment-popover__card mint-experiment-popover__card--error\" role=\"alert\">\n          <div class=\"mint-experiment-popover__card-icon mint-experiment-popover__card-icon--error\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"1.75\"\n                d=\"M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z\"\n              />\n            </svg>\n          </div>\n          <div class=\"mint-experiment-popover__card-info\">\n            <div class=\"mint-experiment-popover__card-name\">Experiment unavailable</div>\n            <div class=\"mint-experiment-popover__card-message\">{{ error }}</div>\n          </div>\n        </div>\n        <div class=\"mint-experiment-popover__card-actions\">\n          <button type=\"button\" class=\"mint-experiment-popover__change-btn\" @click=\"handleSelect\">\n            Change\n          </button>\n          <button v-if=\"showDetach\" type=\"button\" class=\"mint-experiment-popover__detach-btn\" @click=\"handleDetach\">\n            Detach\n          </button>\n        </div>\n      </div>\n\n      <!-- No experiment selected -->\n      <div v-else-if=\"!experimentName\" class=\"mint-experiment-popover__body\">\n        <button type=\"button\" class=\"mint-experiment-popover__select-btn\" @click=\"handleSelect\">\n          <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\" />\n          </svg>\n          Select Experiment\n        </button>\n      </div>\n\n      <!-- Experiment selected -->\n      <div v-else class=\"mint-experiment-popover__body\">\n        <div class=\"mint-experiment-popover__card\">\n          <div class=\"mint-experiment-popover__card-icon\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"1.75\"\n                d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\n              />\n            </svg>\n          </div>\n          <div class=\"mint-experiment-popover__card-info\">\n            <span v-if=\"experimentCode\" class=\"mint-experiment-popover__card-code\">{{ experimentCode }}</span>\n            <div class=\"mint-experiment-popover__card-name\">{{ experimentName }}</div>\n            <div v-if=\"experimentStatus\" class=\"mint-experiment-popover__card-status\">\n              {{ formatStatus(experimentStatus) }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mint-experiment-popover__card-actions\">\n          <button type=\"button\" class=\"mint-experiment-popover__change-btn\" @click=\"handleSelect\">\n            Change\n          </button>\n          <button v-if=\"showDetach\" type=\"button\" class=\"mint-experiment-popover__detach-btn\" @click=\"handleDetach\">\n            Detach\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Save confirmation dialog -->\n    <ConfirmDialog\n      v-model:open=\"showConfirm\"\n      :title=\"confirmTitle ?? 'Save to Experiment'\"\n      :message=\"confirmMessage ?? `Save current data to ${experimentName}?`\"\n      tone=\"info\"\n      confirm-label=\"Save\"\n      :loading=\"saveLoading\"\n      @confirm=\"handleConfirmSave\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Floating popover showing the active experiment with save, detach, and select actions. */\nimport { ref, computed, watch, onUnmounted, useTemplateRef } from 'vue'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { format as formatStatus } from '../utils/experimentStatus'\nimport ConfirmDialog from './ConfirmDialog.vue'\n\ninterface Props {\n  experimentName?: string\n  experimentCode?: string\n  experimentStatus?: string\n  /** An experiment is bound but the platform has not returned its record yet. */\n  isResolving?: boolean\n  /** Message explaining why the bound experiment could not be resolved. */\n  error?: string\n  showSave?: boolean\n  showDetach?: boolean\n  saveDisabled?: boolean\n  saveLoading?: boolean\n  saveSuccessMessage?: string\n  saveDisabledMessage?: string\n  confirmSave?: boolean\n  confirmTitle?: string\n  confirmMessage?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  isResolving: false,\n  showSave: false,\n  showDetach: false,\n  saveDisabled: false,\n  saveLoading: false,\n  confirmSave: true,\n})\n\n// An experiment is bound but has no name to show — either still resolving or\n// resolution failed. The id is never substituted: a name may only come from the\n// platform, so these states say what is happening instead of inventing a label.\nconst isUnresolved = computed(() => props.isResolving || !!props.error)\nconst hasExperiment = computed(() => !!props.experimentName || !!props.experimentCode)\n\nconst panelSubtitle = computed(() => {\n  if (props.isResolving) return 'Loading experiment…'\n  if (props.error) return 'Could not load this experiment'\n  return hasExperiment.value ? 'Linked experiment context' : 'Link to an MINT experiment'\n})\n\nconst triggerLabel = computed(() => {\n  if (props.isResolving) return 'Loading experiment'\n  if (props.error) return 'Experiment unavailable'\n  return props.experimentName || props.experimentCode || 'No experiment'\n})\n\nconst emit = defineEmits<{\n  select: []\n  save: []\n  detach: []\n}>()\n\nconst { isOpen, close, toggle } = useDropdownState({\n  rootRef: useTemplateRef<HTMLElement>('popover'),\n  triggerRef: useTemplateRef<HTMLElement>('trigger'),\n  closeOnEscape: false,\n})\nconst showSuccess = ref(false)\nconst showConfirm = ref(false)\n\nfunction handleTriggerClick() {\n  if (!hasExperiment.value && !isUnresolved.value) {\n    handleSelect()\n    return\n  }\n  toggle()\n}\n\nfunction handleSelect() {\n  emit('select')\n  close()\n}\n\nfunction handleSave() {\n  if (props.saveDisabled || props.saveLoading) return\n  if (props.confirmSave) {\n    showConfirm.value = true\n  } else {\n    emit('save')\n  }\n}\n\nfunction handleConfirmSave() {\n  showConfirm.value = false\n  emit('save')\n}\n\nfunction handleDetach() {\n  emit('detach')\n  close()\n}\n\nlet successTimer: ReturnType<typeof setTimeout> | null = null\n\n// Show success state when saveSuccessMessage changes from empty to a value\nwatch(() => props.saveSuccessMessage, (msg) => {\n  if (successTimer) clearTimeout(successTimer)\n  if (msg) {\n    showSuccess.value = true\n    successTimer = setTimeout(() => {\n      showSuccess.value = false\n      successTimer = null\n    }, 3000)\n  }\n})\n\nonUnmounted(() => {\n  if (successTimer) clearTimeout(successTimer)\n})\n</script>\n\n<template>\n  <div ref=\"popover\" class=\"mint-experiment-popover\">\n    <!-- Split trigger: experiment pill + inline save -->\n    <div\n      :class=\"[\n        'mint-experiment-popover__split',\n        { 'mint-experiment-popover__split--with-save': showSave && experimentName },\n      ]\"\n    >\n      <!-- Left: experiment trigger (selects when empty, otherwise opens popover). Prefer the human-readable\n           name; the formal code, when present, stays in the detail panel. -->\n      <button\n        ref=\"trigger\"\n        type=\"button\"\n        :class=\"[\n          'mint-experiment-popover__trigger',\n          { 'mint-experiment-popover__trigger--active': isOpen },\n          { 'mint-experiment-popover__trigger--empty': !isUnresolved && !hasExperiment },\n          { 'mint-experiment-popover__trigger--loading': isResolving },\n          { 'mint-experiment-popover__trigger--error': !isResolving && !!error },\n        ]\"\n        :title=\"isUnresolved ? triggerLabel : experimentName || experimentCode || undefined\"\n        :aria-label=\"isUnresolved ? triggerLabel : undefined\"\n        :aria-busy=\"isResolving || undefined\"\n        :aria-expanded=\"isOpen\"\n        @click.stop=\"handleTriggerClick\"\n      >\n        <!-- Flask icon -->\n        <svg class=\"mint-experiment-popover__trigger-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"1.75\"\n            d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\n          />\n        </svg>\n        <!-- Resolving and error come first: with an experiment bound but no name\n             yet, \"No experiment\" would be a lie. -->\n        <span v-if=\"isResolving\" class=\"mint-experiment-popover__trigger-skeleton\" aria-hidden=\"true\" />\n        <span v-else-if=\"error\" class=\"mint-experiment-popover__trigger-text\">Experiment unavailable</span>\n        <!-- Name preferred, code as fallback, \"No experiment\" as empty state -->\n        <span v-else-if=\"experimentName\" class=\"mint-experiment-popover__trigger-text\">{{ experimentName }}</span>\n        <span v-else-if=\"experimentCode\" class=\"mint-experiment-popover__trigger-code\">{{ experimentCode }}</span>\n        <span v-else class=\"mint-experiment-popover__trigger-text\">No experiment</span>\n        <!-- Chevron -->\n        <svg class=\"mint-experiment-popover__trigger-chevron\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </button>\n\n      <!-- Right: inline save button (direct action) -->\n      <button\n        v-if=\"showSave && experimentName\"\n        type=\"button\"\n        :class=\"[\n          'mint-experiment-popover__save-trigger',\n          { 'mint-experiment-popover__save-trigger--loading': saveLoading },\n          { 'mint-experiment-popover__save-trigger--success': showSuccess },\n          { 'mint-experiment-popover__save-trigger--disabled': saveDisabled && !showSuccess },\n        ]\"\n        :disabled=\"saveDisabled && !showSuccess\"\n        :title=\"saveDisabled && saveDisabledMessage ? saveDisabledMessage : showSuccess && saveSuccessMessage ? saveSuccessMessage : 'Save to Experiment'\"\n        aria-label=\"Save to experiment\"\n        @click.stop=\"handleSave\"\n      >\n        <!-- Loading spinner -->\n        <span v-if=\"saveLoading\" class=\"mint-experiment-popover__spinner--inline\" />\n        <!-- Success check -->\n        <svg v-else-if=\"showSuccess\" class=\"mint-experiment-popover__save-trigger-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\" />\n        </svg>\n        <!-- Save icon -->\n        <svg v-else class=\"mint-experiment-popover__save-trigger-icon\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4\" />\n        </svg>\n      </button>\n    </div>\n\n    <!-- Popover panel -->\n    <div v-if=\"isOpen\" class=\"mint-experiment-popover__panel\">\n      <!-- Header -->\n      <div class=\"mint-experiment-popover__header\">\n        <div class=\"mint-experiment-popover__title\">Experiment</div>\n        <div class=\"mint-experiment-popover__subtitle\">\n          {{ panelSubtitle }}\n        </div>\n      </div>\n\n      <!-- Bound, still resolving — placeholders stand in for the record the\n           platform has not returned yet. -->\n      <div v-if=\"isResolving\" class=\"mint-experiment-popover__body\">\n        <div class=\"mint-experiment-popover__card\" aria-busy=\"true\">\n          <div class=\"mint-experiment-popover__card-icon\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"1.75\"\n                d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\n              />\n            </svg>\n          </div>\n          <div class=\"mint-experiment-popover__card-info\">\n            <span class=\"mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--code\" />\n            <span class=\"mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--name\" />\n            <span class=\"mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--status\" />\n          </div>\n        </div>\n        <div class=\"mint-experiment-popover__card-actions\">\n          <button type=\"button\" class=\"mint-experiment-popover__change-btn\" @click=\"handleSelect\">\n            Change\n          </button>\n          <button v-if=\"showDetach\" type=\"button\" class=\"mint-experiment-popover__detach-btn\" @click=\"handleDetach\">\n            Detach\n          </button>\n        </div>\n      </div>\n\n      <!-- Bound, resolution failed — Detach stays reachable so the user is not\n           stuck on an experiment the platform cannot describe. -->\n      <div v-else-if=\"error\" class=\"mint-experiment-popover__body\">\n        <div class=\"mint-experiment-popover__card mint-experiment-popover__card--error\" role=\"alert\">\n          <div class=\"mint-experiment-popover__card-icon mint-experiment-popover__card-icon--error\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"1.75\"\n                d=\"M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z\"\n              />\n            </svg>\n          </div>\n          <div class=\"mint-experiment-popover__card-info\">\n            <div class=\"mint-experiment-popover__card-name\">Experiment unavailable</div>\n            <div class=\"mint-experiment-popover__card-message\">{{ error }}</div>\n          </div>\n        </div>\n        <div class=\"mint-experiment-popover__card-actions\">\n          <button type=\"button\" class=\"mint-experiment-popover__change-btn\" @click=\"handleSelect\">\n            Change\n          </button>\n          <button v-if=\"showDetach\" type=\"button\" class=\"mint-experiment-popover__detach-btn\" @click=\"handleDetach\">\n            Detach\n          </button>\n        </div>\n      </div>\n\n      <!-- No experiment selected -->\n      <div v-else-if=\"!experimentName\" class=\"mint-experiment-popover__body\">\n        <button type=\"button\" class=\"mint-experiment-popover__select-btn\" @click=\"handleSelect\">\n          <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\" />\n          </svg>\n          Select Experiment\n        </button>\n      </div>\n\n      <!-- Experiment selected -->\n      <div v-else class=\"mint-experiment-popover__body\">\n        <div class=\"mint-experiment-popover__card\">\n          <div class=\"mint-experiment-popover__card-icon\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"1.75\"\n                d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\n              />\n            </svg>\n          </div>\n          <div class=\"mint-experiment-popover__card-info\">\n            <span v-if=\"experimentCode\" class=\"mint-experiment-popover__card-code\">{{ experimentCode }}</span>\n            <div class=\"mint-experiment-popover__card-name\">{{ experimentName }}</div>\n            <div v-if=\"experimentStatus\" class=\"mint-experiment-popover__card-status\">\n              {{ formatStatus(experimentStatus) }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mint-experiment-popover__card-actions\">\n          <button type=\"button\" class=\"mint-experiment-popover__change-btn\" @click=\"handleSelect\">\n            Change\n          </button>\n          <button v-if=\"showDetach\" type=\"button\" class=\"mint-experiment-popover__detach-btn\" @click=\"handleDetach\">\n            Detach\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Save confirmation dialog -->\n    <ConfirmDialog\n      v-model:open=\"showConfirm\"\n      :title=\"confirmTitle ?? 'Save to Experiment'\"\n      :message=\"confirmMessage ?? `Save current data to ${experimentName}?`\"\n      tone=\"info\"\n      confirm-label=\"Save\"\n      :loading=\"saveLoading\"\n      @confirm=\"handleConfirmSave\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}