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

package/dist/ExperimentPopover-CCYB1oWp.js

@@ -0,0 +1,361 @@
+import { t as BaseModal_default } from "./BaseModal-B9UA8Y_I.js";
+import { t as useDropdownState } from "./useDropdownState-Ben4DnjJ.js";
+import { c as formatExperimentStatus } from "./experiment-utils-hGXMHlAc.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onUnmounted, openBlock, ref, renderSlot, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+//#region src/components/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "mint-confirm" };
+var _hoisted_2$1 = {
+	key: 1,
+	class: "mint-confirm__message"
+};
+var _hoisted_3$1 = { class: "mint-confirm__footer" };
+var _hoisted_4$1 = ["disabled"];
+var _hoisted_5$1 = ["disabled"];
+var _hoisted_6$1 = {
+	key: 0,
+	class: "mint-confirm__btn-spinner",
+	fill: "none",
+	viewBox: "0 0 24 24"
+};
+//#endregion
+//#region src/components/ConfirmDialog.vue
+var ConfirmDialog_default = /* @__PURE__ */ defineComponent({
+	__name: "ConfirmDialog",
+	props: {
+		modelValue: { type: Boolean },
+		title: { default: "Confirm" },
+		subtitle: {},
+		message: {},
+		variant: { default: "danger" },
+		confirmLabel: { default: "Confirm" },
+		cancelLabel: { default: "Cancel" },
+		loading: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"confirm",
+		"cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		/** Confirm/cancel dialog with danger, warning, and info variants; blocks close while loading. */
+		const emit = __emit;
+		function handleCancel() {
+			emit("update:modelValue", false);
+			emit("cancel");
+		}
+		function handleConfirm() {
+			emit("confirm");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(BaseModal_default, {
+				"model-value": __props.modelValue,
+				title: __props.title,
+				subtitle: __props.subtitle,
+				size: "sm",
+				closable: !__props.loading,
+				"close-on-overlay": !__props.loading,
+				"close-on-escape": !__props.loading,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+			}, {
+				footer: withCtx(() => [createElementVNode("div", _hoisted_3$1, [createElementVNode("button", {
+					type: "button",
+					class: "mint-confirm__btn-cancel",
+					disabled: __props.loading,
+					onClick: handleCancel
+				}, toDisplayString(__props.cancelLabel), 9, _hoisted_4$1), createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["mint-confirm__btn-confirm", `mint-confirm__btn-confirm--${__props.variant}`]),
+					disabled: __props.loading,
+					onClick: handleConfirm
+				}, [__props.loading ? (openBlock(), createElementBlock("svg", _hoisted_6$1, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
+					style: { "opacity": "0.25" },
+					cx: "12",
+					cy: "12",
+					r: "10",
+					stroke: "currentColor",
+					"stroke-width": "4"
+				}, null, -1), createElementVNode("path", {
+					style: { "opacity": "0.75" },
+					fill: "currentColor",
+					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+				}, null, -1)])])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(__props.confirmLabel), 1)], 10, _hoisted_5$1)])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [
+					_ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["mint-confirm__icon", `mint-confirm__icon--${__props.variant}`])
+					}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true),
+					__props.message ? (openBlock(), createElementBlock("p", _hoisted_2$1, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default")
+				])]),
+				_: 3
+			}, 8, [
+				"model-value",
+				"title",
+				"subtitle",
+				"closable",
+				"close-on-overlay",
+				"close-on-escape"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/ExperimentPopover.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["title"];
+var _hoisted_2 = {
+	key: 0,
+	class: "mint-experiment-popover__trigger-code"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "mint-experiment-popover__trigger-text"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "mint-experiment-popover__trigger-text"
+};
+var _hoisted_5 = ["disabled", "title"];
+var _hoisted_6 = {
+	key: 0,
+	class: "mint-experiment-popover__spinner--inline"
+};
+var _hoisted_7 = {
+	key: 1,
+	class: "mint-experiment-popover__save-trigger-icon",
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24"
+};
+var _hoisted_8 = {
+	key: 2,
+	class: "mint-experiment-popover__save-trigger-icon",
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24"
+};
+var _hoisted_9 = {
+	key: 0,
+	class: "mint-experiment-popover__panel"
+};
+var _hoisted_10 = { class: "mint-experiment-popover__header" };
+var _hoisted_11 = { class: "mint-experiment-popover__subtitle" };
+var _hoisted_12 = {
+	key: 0,
+	class: "mint-experiment-popover__body"
+};
+var _hoisted_13 = {
+	key: 1,
+	class: "mint-experiment-popover__body"
+};
+var _hoisted_14 = { class: "mint-experiment-popover__card" };
+var _hoisted_15 = { class: "mint-experiment-popover__card-info" };
+var _hoisted_16 = {
+	key: 0,
+	class: "mint-experiment-popover__card-code"
+};
+var _hoisted_17 = { class: "mint-experiment-popover__card-name" };
+var _hoisted_18 = {
+	key: 1,
+	class: "mint-experiment-popover__card-status"
+};
+var _hoisted_19 = { class: "mint-experiment-popover__card-actions" };
+//#endregion
+//#region src/components/ExperimentPopover.vue
+var ExperimentPopover_default = /* @__PURE__ */ defineComponent({
+	__name: "ExperimentPopover",
+	props: {
+		experimentName: {},
+		experimentCode: {},
+		experimentStatus: {},
+		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 emit = __emit;
+		const { isOpen, rootRef: popoverRef, close, toggle } = useDropdownState({ closeOnEscape: false });
+		const showSuccess = ref(false);
+		const showConfirm = ref(false);
+		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", {
+				ref_key: "popoverRef",
+				ref: popoverRef,
+				class: "mint-experiment-popover"
+			}, [
+				createElementVNode("div", { class: normalizeClass(["mint-experiment-popover__split", { "mint-experiment-popover__split--with-save": __props.showSave && __props.experimentName }]) }, [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass([
+						"mint-experiment-popover__trigger",
+						{ "mint-experiment-popover__trigger--active": unref(isOpen) },
+						{ "mint-experiment-popover__trigger--empty": !__props.experimentCode && !__props.experimentName }
+					]),
+					title: __props.experimentName || void 0,
+					onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"]))
+				}, [
+					_cache[2] || (_cache[2] = createElementVNode("svg", {
+						class: "mint-experiment-popover__trigger-icon",
+						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.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.experimentCode), 1)) : __props.experimentName ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.experimentName), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, "No experiment")),
+					_cache[3] || (_cache[3] = createElementVNode("svg", {
+						class: "mint-experiment-popover__trigger-chevron",
+						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_1), __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",
+					onClick: withModifiers(handleSave, ["stop"])
+				}, [__props.saveLoading ? (openBlock(), createElementBlock("span", _hoisted_6)) : showSuccess.value ? (openBlock(), createElementBlock("svg", _hoisted_7, [..._cache[4] || (_cache[4] = [createElementVNode("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2.5",
+					d: "M5 13l4 4L19 7"
+				}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[5] || (_cache[5] = [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_5)) : createCommentVNode("", true)], 2),
+				unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "mint-experiment-popover__title" }, "Experiment", -1)), createElementVNode("div", _hoisted_11, toDisplayString(__props.experimentName ? "Linked experiment context" : "Link to an MINT experiment"), 1)]), !__props.experimentName ? (openBlock(), createElementBlock("div", _hoisted_12, [createElementVNode("button", {
+					type: "button",
+					class: "mint-experiment-popover__select-btn",
+					onClick: handleSelect
+				}, [..._cache[7] || (_cache[7] = [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_13, [createElementVNode("div", _hoisted_14, [_cache[8] || (_cache[8] = 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_15, [
+					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString(__props.experimentCode), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_17, toDisplayString(__props.experimentName), 1),
+					__props.experimentStatus ? (openBlock(), createElementBlock("div", _hoisted_18, toDisplayString(unref(formatExperimentStatus)(__props.experimentStatus)), 1)) : createCommentVNode("", true)
+				])]), createElementVNode("div", _hoisted_19, [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, {
+					modelValue: showConfirm.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showConfirm.value = $event),
+					title: __props.confirmTitle ?? "Save to Experiment",
+					message: __props.confirmMessage ?? `Save current data to ${__props.experimentName}?`,
+					variant: "info",
+					"confirm-label": "Save",
+					loading: __props.saveLoading,
+					onConfirm: handleConfirmSave
+				}, null, 8, [
+					"modelValue",
+					"title",
+					"message",
+					"loading"
+				])
+			], 512);
+		};
+	}
+});
+//#endregion
+export { ConfirmDialog_default as n, ExperimentPopover_default as t };
+
+//# sourceMappingURL=ExperimentPopover-CCYB1oWp.js.map

package/dist/ExperimentPopover-CCYB1oWp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentPopover-CCYB1oWp.js","names":["$slots"],"sources":["../src/components/ConfirmDialog.vue","../src/components/ConfirmDialog.vue","../src/components/ExperimentPopover.vue","../src/components/ExperimentPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Confirm/cancel dialog with danger, warning, and info variants; blocks close while loading. */\nimport BaseModal from './BaseModal.vue'\n\ninterface Props {\n  modelValue: boolean\n  title?: string\n  subtitle?: string\n  message?: string\n  variant?: 'danger' | 'warning' | 'info'\n  confirmLabel?: string\n  cancelLabel?: string\n  loading?: boolean\n}\n\nwithDefaults(defineProps<Props>(), {\n  title: 'Confirm',\n  variant: 'danger',\n  confirmLabel: 'Confirm',\n  cancelLabel: 'Cancel',\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  confirm: []\n  cancel: []\n}>()\n\nfunction handleCancel() {\n  emit('update:modelValue', false)\n  emit('cancel')\n}\n\nfunction handleConfirm() {\n  emit('confirm')\n}\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :subtitle=\"subtitle\"\n    size=\"sm\"\n    :closable=\"!loading\"\n    :close-on-overlay=\"!loading\"\n    :close-on-escape=\"!loading\"\n    @update:model-value=\"emit('update:modelValue', $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; variant intent is carried by the confirm button's color. -->\n      <div\n        v-if=\"$slots.icon\"\n        :class=\"['mint-confirm__icon', `mint-confirm__icon--${variant}`]\"\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        <button\n          type=\"button\"\n          class=\"mint-confirm__btn-cancel\"\n          :disabled=\"loading\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </button>\n        <button\n          type=\"button\"\n          :class=\"['mint-confirm__btn-confirm', `mint-confirm__btn-confirm--${variant}`]\"\n          :disabled=\"loading\"\n          @click=\"handleConfirm\"\n        >\n          <svg v-if=\"loading\" class=\"mint-confirm__btn-spinner\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle style=\"opacity: 0.25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n            <path style=\"opacity: 0.75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n          </svg>\n          {{ confirmLabel }}\n        </button>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/confirm-dialog.css';\n</style>\n","<script setup lang=\"ts\">\n/** Confirm/cancel dialog with danger, warning, and info variants; blocks close while loading. */\nimport BaseModal from './BaseModal.vue'\n\ninterface Props {\n  modelValue: boolean\n  title?: string\n  subtitle?: string\n  message?: string\n  variant?: 'danger' | 'warning' | 'info'\n  confirmLabel?: string\n  cancelLabel?: string\n  loading?: boolean\n}\n\nwithDefaults(defineProps<Props>(), {\n  title: 'Confirm',\n  variant: 'danger',\n  confirmLabel: 'Confirm',\n  cancelLabel: 'Cancel',\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  confirm: []\n  cancel: []\n}>()\n\nfunction handleCancel() {\n  emit('update:modelValue', false)\n  emit('cancel')\n}\n\nfunction handleConfirm() {\n  emit('confirm')\n}\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :subtitle=\"subtitle\"\n    size=\"sm\"\n    :closable=\"!loading\"\n    :close-on-overlay=\"!loading\"\n    :close-on-escape=\"!loading\"\n    @update:model-value=\"emit('update:modelValue', $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; variant intent is carried by the confirm button's color. -->\n      <div\n        v-if=\"$slots.icon\"\n        :class=\"['mint-confirm__icon', `mint-confirm__icon--${variant}`]\"\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        <button\n          type=\"button\"\n          class=\"mint-confirm__btn-cancel\"\n          :disabled=\"loading\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </button>\n        <button\n          type=\"button\"\n          :class=\"['mint-confirm__btn-confirm', `mint-confirm__btn-confirm--${variant}`]\"\n          :disabled=\"loading\"\n          @click=\"handleConfirm\"\n        >\n          <svg v-if=\"loading\" class=\"mint-confirm__btn-spinner\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle style=\"opacity: 0.25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n            <path style=\"opacity: 0.75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n          </svg>\n          {{ confirmLabel }}\n        </button>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/confirm-dialog.css';\n</style>\n","<script setup lang=\"ts\">\n/** Floating popover showing the active experiment with save, detach, and select actions. */\nimport { ref, watch, onUnmounted } from 'vue'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { formatExperimentStatus } from '../composables/experiment-utils'\nimport ConfirmDialog from './ConfirmDialog.vue'\n\ninterface Props {\n  experimentName?: string\n  experimentCode?: string\n  experimentStatus?: 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  showSave: false,\n  showDetach: false,\n  saveDisabled: false,\n  saveLoading: false,\n  confirmSave: true,\n})\n\nconst emit = defineEmits<{\n  select: []\n  save: []\n  detach: []\n}>()\n\nconst { isOpen, rootRef: popoverRef, close, toggle } = useDropdownState({\n  closeOnEscape: false,\n})\nconst showSuccess = ref(false)\nconst showConfirm = ref(false)\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=\"popoverRef\" 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 (opens popover) — shows only the code for\n           maximum topbar compactness; full name + status live in the panel. -->\n      <button\n        type=\"button\"\n        :class=\"[\n          'mint-experiment-popover__trigger',\n          { 'mint-experiment-popover__trigger--active': isOpen },\n          { 'mint-experiment-popover__trigger--empty': !experimentCode && !experimentName },\n        ]\"\n        :title=\"experimentName || undefined\"\n        @click.stop=\"toggle\"\n      >\n        <!-- Flask icon -->\n        <svg class=\"mint-experiment-popover__trigger-icon\" 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        <!-- Code preferred, name as fallback, \"No experiment\" as empty state -->\n        <span v-if=\"experimentCode\" class=\"mint-experiment-popover__trigger-code\">{{ experimentCode }}</span>\n        <span v-else-if=\"experimentName\" class=\"mint-experiment-popover__trigger-text\">{{ experimentName }}</span>\n        <span v-else class=\"mint-experiment-popover__trigger-text\">No experiment</span>\n        <!-- Chevron -->\n        <svg class=\"mint-experiment-popover__trigger-chevron\" 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        @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\" 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\" 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          {{ experimentName ? 'Linked experiment context' : 'Link to an MINT experiment' }}\n        </div>\n      </div>\n\n      <!-- No experiment selected -->\n      <div v-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              {{ formatExperimentStatus(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=\"showConfirm\"\n      :title=\"confirmTitle ?? 'Save to Experiment'\"\n      :message=\"confirmMessage ?? `Save current data to ${experimentName}?`\"\n      variant=\"info\"\n      confirm-label=\"Save\"\n      :loading=\"saveLoading\"\n      @confirm=\"handleConfirmSave\"\n    />\n  </div>\n</template>\n\n<style>\n@import '../styles/components/experiment-popover.css';\n</style>\n","<script setup lang=\"ts\">\n/** Floating popover showing the active experiment with save, detach, and select actions. */\nimport { ref, watch, onUnmounted } from 'vue'\nimport { useDropdownState } from '../composables/useDropdownState'\nimport { formatExperimentStatus } from '../composables/experiment-utils'\nimport ConfirmDialog from './ConfirmDialog.vue'\n\ninterface Props {\n  experimentName?: string\n  experimentCode?: string\n  experimentStatus?: 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  showSave: false,\n  showDetach: false,\n  saveDisabled: false,\n  saveLoading: false,\n  confirmSave: true,\n})\n\nconst emit = defineEmits<{\n  select: []\n  save: []\n  detach: []\n}>()\n\nconst { isOpen, rootRef: popoverRef, close, toggle } = useDropdownState({\n  closeOnEscape: false,\n})\nconst showSuccess = ref(false)\nconst showConfirm = ref(false)\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=\"popoverRef\" 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 (opens popover) — shows only the code for\n           maximum topbar compactness; full name + status live in the panel. -->\n      <button\n        type=\"button\"\n        :class=\"[\n          'mint-experiment-popover__trigger',\n          { 'mint-experiment-popover__trigger--active': isOpen },\n          { 'mint-experiment-popover__trigger--empty': !experimentCode && !experimentName },\n        ]\"\n        :title=\"experimentName || undefined\"\n        @click.stop=\"toggle\"\n      >\n        <!-- Flask icon -->\n        <svg class=\"mint-experiment-popover__trigger-icon\" 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        <!-- Code preferred, name as fallback, \"No experiment\" as empty state -->\n        <span v-if=\"experimentCode\" class=\"mint-experiment-popover__trigger-code\">{{ experimentCode }}</span>\n        <span v-else-if=\"experimentName\" class=\"mint-experiment-popover__trigger-text\">{{ experimentName }}</span>\n        <span v-else class=\"mint-experiment-popover__trigger-text\">No experiment</span>\n        <!-- Chevron -->\n        <svg class=\"mint-experiment-popover__trigger-chevron\" 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        @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\" 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\" 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          {{ experimentName ? 'Linked experiment context' : 'Link to an MINT experiment' }}\n        </div>\n      </div>\n\n      <!-- No experiment selected -->\n      <div v-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              {{ formatExperimentStatus(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=\"showConfirm\"\n      :title=\"confirmTitle ?? 'Save to Experiment'\"\n      :message=\"confirmMessage ?? `Save current data to ${experimentName}?`\"\n      variant=\"info\"\n      confirm-label=\"Save\"\n      :loading=\"saveLoading\"\n      @confirm=\"handleConfirmSave\"\n    />\n  </div>\n</template>\n\n<style>\n@import '../styles/components/experiment-popover.css';\n</style>\n"],"mappings":"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"}

package/dist/ExperimentPopover-D0bg_fqM.js

@@ -0,0 +1,3 @@
+import "./BaseModal-B9UA8Y_I.js";
+import { t as ExperimentPopover_default } from "./ExperimentPopover-CCYB1oWp.js";
+export { ExperimentPopover_default as default };

package/dist/ExperimentSelectorModal-B_kPbXcg.js

@@ -0,0 +1,4 @@
+import { t as ExperimentSelectorModal_default } from "./ExperimentSelectorModal-wm7yUdAr.js";
+import "./BaseSelect-DksaKYq_.js";
+import "./BaseModal-B9UA8Y_I.js";
+export { ExperimentSelectorModal_default as default };