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

package/dist/ConfirmDialog-nbJj51is.js

@@ -0,0 +1,102 @@
+import { a as BaseButton_default, n as BaseModal_default } from "./useDropdownState-8yWMu-7_.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, withCtx } from "vue";
+//#region src/components/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mint-confirm" };
+var _hoisted_2 = {
+	key: 1,
+	class: "mint-confirm__message"
+};
+var _hoisted_3 = { class: "mint-confirm__footer" };
+//#endregion
+//#region src/components/ConfirmDialog.vue
+var ConfirmDialog_default = /* @__PURE__ */ defineComponent({
+	__name: "ConfirmDialog",
+	props: {
+		open: { type: Boolean },
+		title: { default: "Confirm" },
+		subtitle: {},
+		message: {},
+		tone: { default: "error" },
+		confirmLabel: { default: "Confirm" },
+		cancelLabel: { default: "Cancel" },
+		loading: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"update:open",
+		"confirm",
+		"cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		/** Confirm/cancel dialog whose `tone` colors the confirm button; blocks close while loading. */
+		const props = __props;
+		const emit = __emit;
+		function handleCancel() {
+			emit("update:open", false);
+			emit("cancel");
+		}
+		function handleConfirm() {
+			emit("confirm");
+		}
+		const confirmVariant = computed(() => {
+			if (props.tone === "error") return "danger";
+			if (props.tone === "warning" || props.tone === "cta") return "cta";
+			if (props.tone === "success") return "success";
+			return "primary";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				open: __props.open,
+				title: __props.title,
+				subtitle: __props.subtitle,
+				size: "sm",
+				closable: !__props.loading,
+				"close-on-overlay": !__props.loading,
+				"close-on-escape": !__props.loading,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => emit("update:open", $event))
+			}, {
+				footer: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(BaseButton_default, {
+					type: "button",
+					variant: "secondary",
+					size: "md",
+					disabled: __props.loading,
+					onClick: handleCancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelLabel), 1)]),
+					_: 1
+				}, 8, ["disabled"]), createVNode(BaseButton_default, {
+					type: "button",
+					variant: confirmVariant.value,
+					size: "md",
+					loading: __props.loading,
+					onClick: handleConfirm
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmLabel), 1)]),
+					_: 1
+				}, 8, ["variant", "loading"])])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					_ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["mint-confirm__icon", `mint-confirm__icon--${__props.tone}`])
+					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
+					__props.message ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default")
+				])]),
+				_: 3
+			}, 8, [
+				"open",
+				"title",
+				"subtitle",
+				"closable",
+				"close-on-overlay",
+				"close-on-escape"
+			]);
+		};
+	}
+});
+//#endregion
+export { ConfirmDialog_default as t };
+
+//# sourceMappingURL=ConfirmDialog-nbJj51is.js.map

package/dist/ConfirmDialog-nbJj51is.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog-nbJj51is.js","names":["$slots"],"sources":["../src/components/ConfirmDialog.vue","../src/components/ConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Confirm/cancel dialog whose `tone` colors the confirm button; blocks close while loading. */\nimport { computed } from 'vue'\nimport type { ButtonVariant, Tone } from '../types'\nimport BaseModal from './BaseModal.vue'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  open: boolean\n  title?: string\n  subtitle?: string\n  message?: string\n  tone?: Tone\n  confirmLabel?: string\n  cancelLabel?: string\n  loading?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Confirm',\n  tone: 'error',\n  confirmLabel: 'Confirm',\n  cancelLabel: 'Cancel',\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n  confirm: []\n  cancel: []\n}>()\n\nfunction handleCancel() {\n  emit('update:open', false)\n  emit('cancel')\n}\n\nfunction handleConfirm() {\n  emit('confirm')\n}\n\nconst confirmVariant = computed<ButtonVariant>(() => {\n  if (props.tone === 'error') return 'danger'\n  if (props.tone === 'warning' || props.tone === 'cta') return 'cta'\n  if (props.tone === 'success') return 'success'\n  return 'primary'\n})\n</script>\n\n<template>\n  <BaseModal\n    :open=\"open\"\n    :title=\"title\"\n    :subtitle=\"subtitle\"\n    size=\"sm\"\n    :closable=\"!loading\"\n    :close-on-overlay=\"!loading\"\n    :close-on-escape=\"!loading\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <div class=\"mint-confirm\">\n      <!-- Icon is now opt-in via slot. Refresh design keeps the body focused on\n           the message; tone is carried by the confirm button's color. -->\n      <div\n        v-if=\"$slots.icon\"\n        :class=\"['mint-confirm__icon', `mint-confirm__icon--${tone}`]\"\n      >\n        <slot name=\"icon\" />\n      </div>\n      <p v-if=\"message\" class=\"mint-confirm__message\">{{ message }}</p>\n      <slot />\n    </div>\n\n    <template #footer>\n      <div class=\"mint-confirm__footer\">\n        <BaseButton\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"md\"\n          :disabled=\"loading\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </BaseButton>\n        <BaseButton\n          type=\"button\"\n          :variant=\"confirmVariant\"\n          size=\"md\"\n          :loading=\"loading\"\n          @click=\"handleConfirm\"\n        >\n          {{ confirmLabel }}\n        </BaseButton>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n","<script setup lang=\"ts\">\n/** Confirm/cancel dialog whose `tone` colors the confirm button; blocks close while loading. */\nimport { computed } from 'vue'\nimport type { ButtonVariant, Tone } from '../types'\nimport BaseModal from './BaseModal.vue'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  open: boolean\n  title?: string\n  subtitle?: string\n  message?: string\n  tone?: Tone\n  confirmLabel?: string\n  cancelLabel?: string\n  loading?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Confirm',\n  tone: 'error',\n  confirmLabel: 'Confirm',\n  cancelLabel: 'Cancel',\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n  confirm: []\n  cancel: []\n}>()\n\nfunction handleCancel() {\n  emit('update:open', false)\n  emit('cancel')\n}\n\nfunction handleConfirm() {\n  emit('confirm')\n}\n\nconst confirmVariant = computed<ButtonVariant>(() => {\n  if (props.tone === 'error') return 'danger'\n  if (props.tone === 'warning' || props.tone === 'cta') return 'cta'\n  if (props.tone === 'success') return 'success'\n  return 'primary'\n})\n</script>\n\n<template>\n  <BaseModal\n    :open=\"open\"\n    :title=\"title\"\n    :subtitle=\"subtitle\"\n    size=\"sm\"\n    :closable=\"!loading\"\n    :close-on-overlay=\"!loading\"\n    :close-on-escape=\"!loading\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <div class=\"mint-confirm\">\n      <!-- Icon is now opt-in via slot. Refresh design keeps the body focused on\n           the message; tone is carried by the confirm button's color. -->\n      <div\n        v-if=\"$slots.icon\"\n        :class=\"['mint-confirm__icon', `mint-confirm__icon--${tone}`]\"\n      >\n        <slot name=\"icon\" />\n      </div>\n      <p v-if=\"message\" class=\"mint-confirm__message\">{{ message }}</p>\n      <slot />\n    </div>\n\n    <template #footer>\n      <div class=\"mint-confirm__footer\">\n        <BaseButton\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"md\"\n          :disabled=\"loading\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </BaseButton>\n        <BaseButton\n          type=\"button\"\n          :variant=\"confirmVariant\"\n          size=\"md\"\n          :loading=\"loading\"\n          @click=\"handleConfirm\"\n        >\n          {{ confirmLabel }}\n        </BaseButton>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAMb,SAAS,eAAe;GACtB,KAAK,eAAe,KAAK;GACzB,KAAK,QAAQ;EACf;EAEA,SAAS,gBAAgB;GACvB,KAAK,SAAS;EAChB;EAEA,MAAM,iBAAiB,eAA8B;GACnD,IAAI,MAAM,SAAS,SAAS,OAAO;GACnC,IAAI,MAAM,SAAS,aAAa,MAAM,SAAS,OAAO,OAAO;GAC7D,IAAI,MAAM,SAAS,WAAW,OAAO;GACrC,OAAO;EACT,CAAC;;GAIC,OAAA,UAAA,GAAA,YA6CY,mBAAA;IA5CT,MAAM,QAAA;IACN,OAAO,QAAA;IACP,UAAU,QAAA;IACX,MAAK;IACJ,UAAQ,CAAG,QAAA;IACX,oBAAgB,CAAG,QAAA;IACnB,mBAAe,CAAG,QAAA;IAClB,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,MAAM;;IAe7B,QAAM,cAoBT,CAnBN,mBAmBM,OAnBN,YAmBM,CAlBJ,YAQa,oBAAA;KAPX,MAAK;KACL,SAAQ;KACR,MAAK;KACJ,UAAU,QAAA;KACV,SAAO;;KAER,SAAA,cAAiB,CAAd,gBAAA,gBAAA,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;IAEhB,GAAA,GAAA,CAAA,UAAA,CAAA,GAAA,YAQa,oBAAA;KAPX,MAAK;KACJ,SAAS,eAAA;KACV,MAAK;KACJ,SAAS,QAAA;KACT,SAAO;;KAER,SAAA,cAAkB,CAAf,gBAAA,gBAAA,QAAA,YAAY,GAAA,CAAA,CAAA,CAAA;;;IA/BrB,SAAA,cAWM,CAXN,mBAWM,OAXN,YAWM;KAPIA,KAAAA,OAAO,QADf,UAAA,GAAA,mBAKM,OAAA;;MAHH,OAAK,eAAA,CAAA,sBAAA,uBAAgD,QAAA,MAAI,CAAA;KAE1D,GAAA,CAAA,WAAoB,KAAA,QAAA,MAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAEb,QAAA,WAAT,UAAA,GAAA,mBAAiE,KAAjE,YAAiE,gBAAd,QAAA,OAAO,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAC1D,WAAQ,KAAA,QAAA,SAAA"}

package/dist/ExperimentPopover-5T1fAq2L.js

@@ -0,0 +1,337 @@
+import { o as __exportAll, t as useDropdownState } from "./useDropdownState-8yWMu-7_.js";
+import { A as formatRelativeTime } from "./records-B6gpM_3e.js";
+import { t as ConfirmDialog_default } from "./ConfirmDialog-nbJj51is.js";
+import { n as format } from "./experimentStatus-Cqp6qNrR.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, useTemplateRef, watch, withModifiers } from "vue";
+import { ArrowLeftRight, Check, ChevronDown, CircleAlert, CloudUpload, ExternalLink, Link, LoaderCircle, Unlink } from "lucide-vue-next";
+//#region src/components/ExperimentPopover.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"title",
+	"aria-label",
+	"aria-busy",
+	"aria-expanded"
+];
+var _hoisted_2 = {
+	key: 0,
+	class: "mint-experiment-popover__trigger-skeleton",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "mint-exp-code mint-exp-code--sm"
+};
+var _hoisted_4 = { class: "mint-experiment-popover__trigger-text" };
+var _hoisted_5 = [
+	"disabled",
+	"title",
+	"aria-label"
+];
+var _hoisted_6 = {
+	key: 3,
+	class: "mint-experiment-popover__dirty",
+	"aria-hidden": "true"
+};
+var _hoisted_7 = {
+	key: 0,
+	class: "mint-experiment-popover__head",
+	"aria-busy": "true"
+};
+var _hoisted_8 = {
+	key: 1,
+	class: "mint-experiment-popover__head mint-experiment-popover__head--error",
+	role: "alert"
+};
+var _hoisted_9 = { class: "mint-experiment-popover__name" };
+var _hoisted_10 = { class: "mint-experiment-popover__message" };
+var _hoisted_11 = { class: "mint-experiment-popover__head" };
+var _hoisted_12 = {
+	key: 0,
+	class: "mint-exp-code mint-exp-code--sm"
+};
+var _hoisted_13 = {
+	key: 1,
+	class: "mint-experiment-popover__name"
+};
+var _hoisted_14 = {
+	key: 0,
+	class: "mint-experiment-popover__meta"
+};
+var _hoisted_15 = ["href"];
+var ExperimentPopover_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ExperimentPopover",
+	props: {
+		experimentName: {},
+		experimentCode: {},
+		experimentStatus: {},
+		experimentId: { default: null },
+		experimentProject: {},
+		experimentOwner: {},
+		experimentUpdatedAt: {},
+		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: {},
+		saveLabel: { default: "Save" },
+		dirty: {
+			type: Boolean,
+			default: false
+		},
+		confirmSave: {
+			type: Boolean,
+			default: true
+		},
+		confirmTitle: {},
+		confirmMessage: {},
+		placeholder: { default: "Attach experiment" },
+		maxNameWidth: { default: 200 }
+	},
+	emits: [
+		"select",
+		"save",
+		"detach"
+	],
+	setup(__props, { emit: __emit }) {
+		/** Top-bar control for the attached experiment: a trigger joined to an optional Save button, with a summary panel (change, open, detach). */
+		const props = __props;
+		const isUnresolved = computed(() => props.isResolving || !!props.error);
+		const hasExperiment = computed(() => !!props.experimentName || !!props.experimentCode);
+		const isEmpty = computed(() => !isUnresolved.value && !hasExperiment.value);
+		const hasSave = computed(() => props.showSave && !isUnresolved.value && hasExperiment.value);
+		const triggerLabel = computed(() => {
+			if (props.isResolving) return "Loading experiment";
+			if (props.error) return "Experiment unavailable";
+			return [props.experimentCode, props.experimentName].filter(Boolean).join(" · ") || props.placeholder;
+		});
+		const emit = __emit;
+		const { isOpen, close, toggle } = useDropdownState({
+			rootRef: useTemplateRef("popover"),
+			triggerRef: useTemplateRef("trigger"),
+			closeOnEscape: false
+		});
+		const showSuccess = ref(false);
+		const showConfirm = ref(false);
+		const panel = useTemplateRef("panel");
+		const panelAlignEnd = ref(false);
+		watch(isOpen, async (open) => {
+			if (!open) return;
+			panelAlignEnd.value = false;
+			await nextTick();
+			const right = panel.value?.getBoundingClientRect().right ?? 0;
+			panelAlignEnd.value = right > document.documentElement.clientWidth;
+		});
+		const saveTitle = computed(() => {
+			if (props.saveDisabled && props.saveDisabledMessage) return props.saveDisabledMessage;
+			if (showSuccess.value && props.saveSuccessMessage) return props.saveSuccessMessage;
+			return `${props.saveLabel} to experiment`;
+		});
+		function metaRows() {
+			return [
+				["Project", props.experimentProject],
+				["Status", props.experimentStatus && format(props.experimentStatus)],
+				["Owner", props.experimentOwner],
+				["Updated", props.experimentUpdatedAt && formatRelativeTime(props.experimentUpdatedAt)]
+			].filter((row) => !!row[1]);
+		}
+		function handleTriggerClick() {
+			if (isEmpty.value) {
+				emit("select");
+				return;
+			}
+			toggle();
+		}
+		function handleSelect() {
+			emit("select");
+			close();
+		}
+		function handleSave() {
+			if (props.saveDisabled || props.saveLoading) return;
+			close();
+			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", {
+				ref: "popover",
+				class: normalizeClass(["mint-experiment-popover", { "mint-experiment-popover--save": hasSave.value }])
+			}, [
+				createElementVNode("button", {
+					ref: "trigger",
+					type: "button",
+					class: normalizeClass([
+						"mint-experiment-popover__trigger",
+						{ "mint-experiment-popover__trigger--active": unref(isOpen) },
+						{ "mint-experiment-popover__trigger--empty": isEmpty.value },
+						{ "mint-experiment-popover__trigger--loading": __props.isResolving },
+						{ "mint-experiment-popover__trigger--error": !__props.isResolving && !!__props.error }
+					]),
+					title: triggerLabel.value,
+					"aria-label": isUnresolved.value ? triggerLabel.value : void 0,
+					"aria-busy": __props.isResolving || void 0,
+					"aria-expanded": isEmpty.value ? void 0 : unref(isOpen),
+					onClick: withModifiers(handleTriggerClick, ["stop"])
+				}, [__props.isResolving ? (openBlock(), createElementBlock("span", _hoisted_2)) : __props.error ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(CircleAlert), {
+					class: "mint-experiment-popover__trigger-icon",
+					size: 14,
+					"aria-hidden": "true"
+				}), _cache[2] || (_cache[2] = createElementVNode("span", { class: "mint-experiment-popover__trigger-text" }, "Experiment unavailable", -1))], 64)) : hasExperiment.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.experimentCode), 1)) : createCommentVNode("", true), __props.experimentName ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: "mint-experiment-popover__trigger-text",
+					style: normalizeStyle({ maxWidth: `${__props.maxNameWidth}px` })
+				}, toDisplayString(__props.experimentName), 5)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createVNode(unref(Link), {
+					class: "mint-experiment-popover__trigger-icon",
+					size: 14,
+					"aria-hidden": "true"
+				}), createElementVNode("span", _hoisted_4, toDisplayString(__props.placeholder), 1)], 64)), !isEmpty.value ? (openBlock(), createBlock(unref(ChevronDown), {
+					key: 4,
+					class: "mint-experiment-popover__trigger-chevron",
+					size: 13,
+					"aria-hidden": "true"
+				})) : createCommentVNode("", true)], 10, _hoisted_1),
+				hasSave.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass([
+						"mint-experiment-popover__save",
+						{ "mint-experiment-popover__save--loading": __props.saveLoading },
+						{ "mint-experiment-popover__save--success": showSuccess.value },
+						{ "mint-experiment-popover__save--disabled": __props.saveDisabled && !showSuccess.value }
+					]),
+					disabled: __props.saveLoading || __props.saveDisabled && !showSuccess.value,
+					title: saveTitle.value,
+					"aria-label": __props.dirty ? `${saveTitle.value} (unsaved changes)` : saveTitle.value,
+					onClick: withModifiers(handleSave, ["stop"])
+				}, [
+					__props.saveLoading ? (openBlock(), createBlock(unref(LoaderCircle), {
+						key: 0,
+						class: "mint-experiment-popover__save-spinner",
+						size: 14,
+						"aria-hidden": "true"
+					})) : showSuccess.value ? (openBlock(), createBlock(unref(Check), {
+						key: 1,
+						size: 14,
+						"aria-hidden": "true"
+					})) : (openBlock(), createBlock(unref(CloudUpload), {
+						key: 2,
+						size: 14,
+						"aria-hidden": "true"
+					})),
+					createElementVNode("span", null, toDisplayString(__props.saveLoading ? "Saving…" : __props.saveLabel), 1),
+					__props.dirty && !__props.saveLoading ? (openBlock(), createElementBlock("span", _hoisted_6)) : createCommentVNode("", true)
+				], 10, _hoisted_5)) : createCommentVNode("", true),
+				unref(isOpen) ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					ref_key: "panel",
+					ref: panel,
+					class: normalizeClass(["mint-experiment-popover__panel", { "mint-experiment-popover__panel--end": panelAlignEnd.value }])
+				}, [
+					__props.isResolving ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--code" }, null, -1), createElementVNode("span", { class: "mint-experiment-popover__skeleton-line mint-experiment-popover__skeleton-line--name" }, null, -1)])])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("b", _hoisted_9, [createVNode(unref(CircleAlert), {
+						size: 14,
+						"aria-hidden": "true"
+					}), _cache[4] || (_cache[4] = createTextVNode(" Experiment unavailable ", -1))]), createElementVNode("span", _hoisted_10, toDisplayString(__props.error), 1)])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("div", _hoisted_11, [__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.experimentCode), 1)) : createCommentVNode("", true), __props.experimentName ? (openBlock(), createElementBlock("b", _hoisted_13, toDisplayString(__props.experimentName), 1)) : createCommentVNode("", true)]), metaRows().length ? (openBlock(), createElementBlock("dl", _hoisted_14, [(openBlock(true), createElementBlock(Fragment, null, renderList(metaRows(), ([label, value]) => {
+						return openBlock(), createElementBlock(Fragment, { key: label }, [createElementVNode("dt", null, toDisplayString(label), 1), createElementVNode("dd", null, toDisplayString(value), 1)], 64);
+					}), 128))])) : createCommentVNode("", true)], 64)),
+					_cache[8] || (_cache[8] = createElementVNode("div", {
+						class: "mint-experiment-popover__separator",
+						role: "separator"
+					}, null, -1)),
+					createElementVNode("button", {
+						type: "button",
+						class: "mint-experiment-popover__option",
+						onClick: handleSelect
+					}, [createVNode(unref(ArrowLeftRight), {
+						class: "mint-experiment-popover__option-icon",
+						size: 14,
+						"aria-hidden": "true"
+					}), _cache[5] || (_cache[5] = createTextVNode(" Change experiment… ", -1))]),
+					__props.experimentId != null ? (openBlock(), createElementBlock("a", {
+						key: 3,
+						class: "mint-experiment-popover__option",
+						href: `/experiments/${__props.experimentId}`,
+						target: "_blank",
+						rel: "noopener",
+						onClick: _cache[0] || (_cache[0] = ($event) => unref(close)())
+					}, [createVNode(unref(ExternalLink), {
+						class: "mint-experiment-popover__option-icon",
+						size: 14,
+						"aria-hidden": "true"
+					}), _cache[6] || (_cache[6] = createTextVNode(" Open in MINT ", -1))], 8, _hoisted_15)) : createCommentVNode("", true),
+					__props.showDetach ? (openBlock(), createElementBlock("button", {
+						key: 4,
+						type: "button",
+						class: "mint-experiment-popover__option mint-experiment-popover__option--danger",
+						onClick: handleDetach
+					}, [createVNode(unref(Unlink), {
+						class: "mint-experiment-popover__option-icon",
+						size: 14,
+						"aria-hidden": "true"
+					}), _cache[7] || (_cache[7] = createTextVNode(" Detach ", -1))])) : createCommentVNode("", true)
+				], 2)) : createCommentVNode("", true),
+				createVNode(ConfirmDialog_default, {
+					open: showConfirm.value,
+					"onUpdate:open": _cache[1] || (_cache[1] = ($event) => showConfirm.value = $event),
+					title: __props.confirmTitle ?? "Save to Experiment",
+					message: __props.confirmMessage ?? `Save current data to ${__props.experimentName ?? __props.experimentCode}?`,
+					tone: "info",
+					"confirm-label": __props.saveLabel,
+					loading: __props.saveLoading,
+					onConfirm: handleConfirmSave
+				}, null, 8, [
+					"open",
+					"title",
+					"message",
+					"confirm-label",
+					"loading"
+				])
+			], 2);
+		};
+	}
+});
+//#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-5T1fAq2L.js.map

package/dist/ExperimentPopover-5T1fAq2L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentPopover-5T1fAq2L.js","names":[],"sources":["../src/components/ExperimentPopover.vue","../src/components/ExperimentPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Top-bar control for the attached experiment: a trigger joined to an optional Save button, with a summary panel (change, open, detach). */\nimport { ref, computed, watch, nextTick, onUnmounted, useTemplateRef } from 'vue'\nimport { ArrowLeftRight, Check, ChevronDown, CircleAlert, CloudUpload, ExternalLink, Link, LoaderCircle, Unlink } from 'lucide-vue-next'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { format as formatStatus } from '../utils/experimentStatus'\nimport { formatRelativeTime } from '../utils/time'\nimport ConfirmDialog from './ConfirmDialog.vue'\n\ninterface Props {\n  experimentName?: string\n  experimentCode?: string\n  experimentStatus?: string\n  /** Platform id of the bound experiment; enables \"Open in MINT\". */\n  experimentId?: number | null\n  experimentProject?: string\n  experimentOwner?: string\n  /** ISO timestamp of the last update, shown as relative time. */\n  experimentUpdatedAt?: 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  saveLabel?: string\n  /** Unsaved changes: marks the Save button with a dot. */\n  dirty?: boolean\n  confirmSave?: boolean\n  confirmTitle?: string\n  confirmMessage?: string\n  /** Empty-state trigger label. */\n  placeholder?: string\n  /** The trigger name truncates at this width (px); its title shows code and name in full. */\n  maxNameWidth?: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  experimentId: null,\n  isResolving: false,\n  showSave: false,\n  showDetach: false,\n  saveDisabled: false,\n  saveLoading: false,\n  saveLabel: 'Save',\n  dirty: false,\n  confirmSave: true,\n  placeholder: 'Attach experiment',\n  maxNameWidth: 200,\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)\nconst isEmpty = computed(() => !isUnresolved.value && !hasExperiment.value)\nconst hasSave = computed(() => props.showSave && !isUnresolved.value && hasExperiment.value)\n\nconst triggerLabel = computed(() => {\n  if (props.isResolving) return 'Loading experiment'\n  if (props.error) return 'Experiment unavailable'\n  return [props.experimentCode, props.experimentName].filter(Boolean).join(' · ') || props.placeholder\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\n// The panel hangs from the group's left edge; when that would cross the\n// viewport's right edge (a control at the end of the top bar) it hangs from the right.\nconst panel = useTemplateRef<HTMLElement>('panel')\nconst panelAlignEnd = ref(false)\nwatch(isOpen, async (open) => {\n  if (!open) return\n  panelAlignEnd.value = false\n  await nextTick()\n  const right = panel.value?.getBoundingClientRect().right ?? 0\n  panelAlignEnd.value = right > document.documentElement.clientWidth\n})\n\nconst saveTitle = computed(() => {\n  if (props.saveDisabled && props.saveDisabledMessage) return props.saveDisabledMessage\n  if (showSuccess.value && props.saveSuccessMessage) return props.saveSuccessMessage\n  return `${props.saveLabel} to experiment`\n})\n\n// A function, not a computed: \"Updated\" is relative to now, so it is\n// re-evaluated each time the panel renders.\nfunction metaRows(): [string, string][] {\n  return ([\n    ['Project', props.experimentProject],\n    ['Status', props.experimentStatus && formatStatus(props.experimentStatus)],\n    ['Owner', props.experimentOwner],\n    ['Updated', props.experimentUpdatedAt && formatRelativeTime(props.experimentUpdatedAt)],\n  ] as [string, string | undefined][]).filter((row): row is [string, string] => !!row[1])\n}\n\nfunction handleTriggerClick() {\n  if (isEmpty.value) {\n    emit('select')\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  close()\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', { 'mint-experiment-popover--save': hasSave }]\">\n    <!-- Trigger: code + name when attached, opens the panel; the empty state selects directly. -->\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': isEmpty },\n        { 'mint-experiment-popover__trigger--loading': isResolving },\n        { 'mint-experiment-popover__trigger--error': !isResolving && !!error },\n      ]\"\n      :title=\"triggerLabel\"\n      :aria-label=\"isUnresolved ? triggerLabel : undefined\"\n      :aria-busy=\"isResolving || undefined\"\n      :aria-expanded=\"isEmpty ? undefined : isOpen\"\n      @click.stop=\"handleTriggerClick\"\n    >\n      <!-- Resolving and error come first: with an experiment bound but no name\n           yet, the empty placeholder would be a lie. -->\n      <span v-if=\"isResolving\" class=\"mint-experiment-popover__trigger-skeleton\" aria-hidden=\"true\" />\n      <template v-else-if=\"error\">\n        <CircleAlert class=\"mint-experiment-popover__trigger-icon\" :size=\"14\" aria-hidden=\"true\" />\n        <span class=\"mint-experiment-popover__trigger-text\">Experiment unavailable</span>\n      </template>\n      <template v-else-if=\"hasExperiment\">\n        <span v-if=\"experimentCode\" class=\"mint-exp-code mint-exp-code--sm\">{{ experimentCode }}</span>\n        <span\n          v-if=\"experimentName\"\n          class=\"mint-experiment-popover__trigger-text\"\n          :style=\"{ maxWidth: `${maxNameWidth}px` }\"\n        >{{ experimentName }}</span>\n      </template>\n      <template v-else>\n        <Link class=\"mint-experiment-popover__trigger-icon\" :size=\"14\" aria-hidden=\"true\" />\n        <span class=\"mint-experiment-popover__trigger-text\">{{ placeholder }}</span>\n      </template>\n      <ChevronDown v-if=\"!isEmpty\" class=\"mint-experiment-popover__trigger-chevron\" :size=\"13\" aria-hidden=\"true\" />\n    </button>\n\n    <!-- Save: joined to the trigger at top-bar level, never inside the panel. -->\n    <button\n      v-if=\"hasSave\"\n      type=\"button\"\n      :class=\"[\n        'mint-experiment-popover__save',\n        { 'mint-experiment-popover__save--loading': saveLoading },\n        { 'mint-experiment-popover__save--success': showSuccess },\n        { 'mint-experiment-popover__save--disabled': saveDisabled && !showSuccess },\n      ]\"\n      :disabled=\"saveLoading || (saveDisabled && !showSuccess)\"\n      :title=\"saveTitle\"\n      :aria-label=\"dirty ? `${saveTitle} (unsaved changes)` : saveTitle\"\n      @click.stop=\"handleSave\"\n    >\n      <LoaderCircle v-if=\"saveLoading\" class=\"mint-experiment-popover__save-spinner\" :size=\"14\" aria-hidden=\"true\" />\n      <Check v-else-if=\"showSuccess\" :size=\"14\" aria-hidden=\"true\" />\n      <CloudUpload v-else :size=\"14\" aria-hidden=\"true\" />\n      <span>{{ saveLoading ? 'Saving…' : saveLabel }}</span>\n      <span v-if=\"dirty && !saveLoading\" class=\"mint-experiment-popover__dirty\" aria-hidden=\"true\" />\n    </button>\n\n    <!-- Summary panel: header, meta, then menu rows. No buttons inside. -->\n    <div\n      v-if=\"isOpen\"\n      ref=\"panel\"\n      :class=\"['mint-experiment-popover__panel', { 'mint-experiment-popover__panel--end': panelAlignEnd }]\"\n    >\n      <!-- Bound, still resolving — placeholders stand in for the record. -->\n      <div v-if=\"isResolving\" class=\"mint-experiment-popover__head\" aria-busy=\"true\">\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      </div>\n\n      <!-- Bound, resolution failed — Detach stays reachable below. -->\n      <div v-else-if=\"error\" class=\"mint-experiment-popover__head mint-experiment-popover__head--error\" role=\"alert\">\n        <b class=\"mint-experiment-popover__name\">\n          <CircleAlert :size=\"14\" aria-hidden=\"true\" />\n          Experiment unavailable\n        </b>\n        <span class=\"mint-experiment-popover__message\">{{ error }}</span>\n      </div>\n\n      <template v-else>\n        <div class=\"mint-experiment-popover__head\">\n          <span v-if=\"experimentCode\" class=\"mint-exp-code mint-exp-code--sm\">{{ experimentCode }}</span>\n          <b v-if=\"experimentName\" class=\"mint-experiment-popover__name\">{{ experimentName }}</b>\n        </div>\n        <dl v-if=\"metaRows().length\" class=\"mint-experiment-popover__meta\">\n          <template v-for=\"[label, value] in metaRows()\" :key=\"label\">\n            <dt>{{ label }}</dt>\n            <dd>{{ value }}</dd>\n          </template>\n        </dl>\n      </template>\n\n      <div class=\"mint-experiment-popover__separator\" role=\"separator\" />\n\n      <button type=\"button\" class=\"mint-experiment-popover__option\" @click=\"handleSelect\">\n        <ArrowLeftRight class=\"mint-experiment-popover__option-icon\" :size=\"14\" aria-hidden=\"true\" />\n        Change experiment…\n      </button>\n      <a\n        v-if=\"experimentId != null\"\n        class=\"mint-experiment-popover__option\"\n        :href=\"`/experiments/${experimentId}`\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        @click=\"close()\"\n      >\n        <ExternalLink class=\"mint-experiment-popover__option-icon\" :size=\"14\" aria-hidden=\"true\" />\n        Open in MINT\n      </a>\n      <button\n        v-if=\"showDetach\"\n        type=\"button\"\n        class=\"mint-experiment-popover__option mint-experiment-popover__option--danger\"\n        @click=\"handleDetach\"\n      >\n        <Unlink class=\"mint-experiment-popover__option-icon\" :size=\"14\" aria-hidden=\"true\" />\n        Detach\n      </button>\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 ?? experimentCode}?`\"\n      tone=\"info\"\n      :confirm-label=\"saveLabel\"\n      :loading=\"saveLoading\"\n      @confirm=\"handleConfirmSave\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Top-bar control for the attached experiment: a trigger joined to an optional Save button, with a summary panel (change, open, detach). */\nimport { ref, computed, watch, nextTick, onUnmounted, useTemplateRef } from 'vue'\nimport { ArrowLeftRight, Check, ChevronDown, CircleAlert, CloudUpload, ExternalLink, Link, LoaderCircle, Unlink } from 'lucide-vue-next'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { format as formatStatus } from '../utils/experimentStatus'\nimport { formatRelativeTime } from '../utils/time'\nimport ConfirmDialog from './ConfirmDialog.vue'\n\ninterface Props {\n  experimentName?: string\n  experimentCode?: string\n  experimentStatus?: string\n  /** Platform id of the bound experiment; enables \"Open in MINT\". */\n  experimentId?: number | null\n  experimentProject?: string\n  experimentOwner?: string\n  /** ISO timestamp of the last update, shown as relative time. */\n  experimentUpdatedAt?: 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  saveLabel?: string\n  /** Unsaved changes: marks the Save button with a dot. */\n  dirty?: boolean\n  confirmSave?: boolean\n  confirmTitle?: string\n  confirmMessage?: string\n  /** Empty-state trigger label. */\n  placeholder?: string\n  /** The trigger name truncates at this width (px); its title shows code and name in full. */\n  maxNameWidth?: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  experimentId: null,\n  isResolving: false,\n  showSave: false,\n  showDetach: false,\n  saveDisabled: false,\n  saveLoading: false,\n  saveLabel: 'Save',\n  dirty: false,\n  confirmSave: true,\n  placeholder: 'Attach experiment',\n  maxNameWidth: 200,\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)\nconst isEmpty = computed(() => !isUnresolved.value && !hasExperiment.value)\nconst hasSave = computed(() => props.showSave && !isUnresolved.value && hasExperiment.value)\n\nconst triggerLabel = computed(() => {\n  if (props.isResolving) return 'Loading experiment'\n  if (props.error) return 'Experiment unavailable'\n  return [props.experimentCode, props.experimentName].filter(Boolean).join(' · ') || props.placeholder\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\n// The panel hangs from the group's left edge; when that would cross the\n// viewport's right edge (a control at the end of the top bar) it hangs from the right.\nconst panel = useTemplateRef<HTMLElement>('panel')\nconst panelAlignEnd = ref(false)\nwatch(isOpen, async (open) => {\n  if (!open) return\n  panelAlignEnd.value = false\n  await nextTick()\n  const right = panel.value?.getBoundingClientRect().right ?? 0\n  panelAlignEnd.value = right > document.documentElement.clientWidth\n})\n\nconst saveTitle = computed(() => {\n  if (props.saveDisabled && props.saveDisabledMessage) return props.saveDisabledMessage\n  if (showSuccess.value && props.saveSuccessMessage) return props.saveSuccessMessage\n  return `${props.saveLabel} to experiment`\n})\n\n// A function, not a computed: \"Updated\" is relative to now, so it is\n// re-evaluated each time the panel renders.\nfunction metaRows(): [string, string][] {\n  return ([\n    ['Project', props.experimentProject],\n    ['Status', props.experimentStatus && formatStatus(props.experimentStatus)],\n    ['Owner', props.experimentOwner],\n    ['Updated', props.experimentUpdatedAt && formatRelativeTime(props.experimentUpdatedAt)],\n  ] as [string, string | undefined][]).filter((row): row is [string, string] => !!row[1])\n}\n\nfunction handleTriggerClick() {\n  if (isEmpty.value) {\n    emit('select')\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  close()\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', { 'mint-experiment-popover--save': hasSave }]\">\n    <!-- Trigger: code + name when attached, opens the panel; the empty state selects directly. -->\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': isEmpty },\n        { 'mint-experiment-popover__trigger--loading': isResolving },\n        { 'mint-experiment-popover__trigger--error': !isResolving && !!error },\n      ]\"\n      :title=\"triggerLabel\"\n      :aria-label=\"isUnresolved ? triggerLabel : undefined\"\n      :aria-busy=\"isResolving || undefined\"\n      :aria-expanded=\"isEmpty ? undefined : isOpen\"\n      @click.stop=\"handleTriggerClick\"\n    >\n      <!-- Resolving and error come first: with an experiment bound but no name\n           yet, the empty placeholder would be a lie. -->\n      <span v-if=\"isResolving\" class=\"mint-experiment-popover__trigger-skeleton\" aria-hidden=\"true\" />\n      <template v-else-if=\"error\">\n        <CircleAlert class=\"mint-experiment-popover__trigger-icon\" :size=\"14\" aria-hidden=\"true\" />\n        <span class=\"mint-experiment-popover__trigger-text\">Experiment unavailable</span>\n      </template>\n      <template v-else-if=\"hasExperiment\">\n        <span v-if=\"experimentCode\" class=\"mint-exp-code mint-exp-code--sm\">{{ experimentCode }}</span>\n        <span\n          v-if=\"experimentName\"\n          class=\"mint-experiment-popover__trigger-text\"\n          :style=\"{ maxWidth: `${maxNameWidth}px` }\"\n        >{{ experimentName }}</span>\n      </template>\n      <template v-else>\n        <Link class=\"mint-experiment-popover__trigger-icon\" :size=\"14\" aria-hidden=\"true\" />\n        <span class=\"mint-experiment-popover__trigger-text\">{{ placeholder }}</span>\n      </template>\n      <ChevronDown v-if=\"!isEmpty\" class=\"mint-experiment-popover__trigger-chevron\" :size=\"13\" aria-hidden=\"true\" />\n    </button>\n\n    <!-- Save: joined to the trigger at top-bar level, never inside the panel. -->\n    <button\n      v-if=\"hasSave\"\n      type=\"button\"\n      :class=\"[\n        'mint-experiment-popover__save',\n        { 'mint-experiment-popover__save--loading': saveLoading },\n        { 'mint-experiment-popover__save--success': showSuccess },\n        { 'mint-experiment-popover__save--disabled': saveDisabled && !showSuccess },\n      ]\"\n      :disabled=\"saveLoading || (saveDisabled && !showSuccess)\"\n      :title=\"saveTitle\"\n      :aria-label=\"dirty ? `${saveTitle} (unsaved changes)` : saveTitle\"\n      @click.stop=\"handleSave\"\n    >\n      <LoaderCircle v-if=\"saveLoading\" class=\"mint-experiment-popover__save-spinner\" :size=\"14\" aria-hidden=\"true\" />\n      <Check v-else-if=\"showSuccess\" :size=\"14\" aria-hidden=\"true\" />\n      <CloudUpload v-else :size=\"14\" aria-hidden=\"true\" />\n      <span>{{ saveLoading ? 'Saving…' : saveLabel }}</span>\n      <span v-if=\"dirty && !saveLoading\" class=\"mint-experiment-popover__dirty\" aria-hidden=\"true\" />\n    </button>\n\n    <!-- Summary panel: header, meta, then menu rows. No buttons inside. -->\n    <div\n      v-if=\"isOpen\"\n      ref=\"panel\"\n      :class=\"['mint-experiment-popover__panel', { 'mint-experiment-popover__panel--end': panelAlignEnd }]\"\n    >\n      <!-- Bound, still resolving — placeholders stand in for the record. -->\n      <div v-if=\"isResolving\" class=\"mint-experiment-popover__head\" aria-busy=\"true\">\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      </div>\n\n      <!-- Bound, resolution failed — Detach stays reachable below. -->\n      <div v-else-if=\"error\" class=\"mint-experiment-popover__head mint-experiment-popover__head--error\" role=\"alert\">\n        <b class=\"mint-experiment-popover__name\">\n          <CircleAlert :size=\"14\" aria-hidden=\"true\" />\n          Experiment unavailable\n        </b>\n        <span class=\"mint-experiment-popover__message\">{{ error }}</span>\n      </div>\n\n      <template v-else>\n        <div class=\"mint-experiment-popover__head\">\n          <span v-if=\"experimentCode\" class=\"mint-exp-code mint-exp-code--sm\">{{ experimentCode }}</span>\n          <b v-if=\"experimentName\" class=\"mint-experiment-popover__name\">{{ experimentName }}</b>\n        </div>\n        <dl v-if=\"metaRows().length\" class=\"mint-experiment-popover__meta\">\n          <template v-for=\"[label, value] in metaRows()\" :key=\"label\">\n            <dt>{{ label }}</dt>\n            <dd>{{ value }}</dd>\n          </template>\n        </dl>\n      </template>\n\n      <div class=\"mint-experiment-popover__separator\" role=\"separator\" />\n\n      <button type=\"button\" class=\"mint-experiment-popover__option\" @click=\"handleSelect\">\n        <ArrowLeftRight class=\"mint-experiment-popover__option-icon\" :size=\"14\" aria-hidden=\"true\" />\n        Change experiment…\n      </button>\n      <a\n        v-if=\"experimentId != null\"\n        class=\"mint-experiment-popover__option\"\n        :href=\"`/experiments/${experimentId}`\"\n        target=\"_blank\"\n        rel=\"noopener\"\n        @click=\"close()\"\n      >\n        <ExternalLink class=\"mint-experiment-popover__option-icon\" :size=\"14\" aria-hidden=\"true\" />\n        Open in MINT\n      </a>\n      <button\n        v-if=\"showDetach\"\n        type=\"button\"\n        class=\"mint-experiment-popover__option mint-experiment-popover__option--danger\"\n        @click=\"handleDetach\"\n      >\n        <Unlink class=\"mint-experiment-popover__option-icon\" :size=\"14\" aria-hidden=\"true\" />\n        Detach\n      </button>\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 ?? experimentCode}?`\"\n      tone=\"info\"\n      :confirm-label=\"saveLabel\"\n      :loading=\"saveLoading\"\n      @confirm=\"handleConfirmSave\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}