@morscherlab/mint-sdk 1.2.10 → 1.3.0-beta.10

package/src/utils/rack.ts

@@ -1,8 +1,11 @@
 import type { Rack, SlotPosition, Well, WellEditData, WellPlateFormat } from '../types'
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export type LcmsPlateType = '96well' | '54vial'
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export type LcmsControlSampleType = 'blank' | 'qc' | 'iqc'
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export interface LcmsPlateCell {
   row: string
   column: number
@@ -14,6 +17,7 @@ export interface LcmsPlateCell {
   slot?: SlotPosition | null
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export interface LcmsPlateCellsToRackOptions {
   rackId?: string
   rackName?: string
@@ -23,12 +27,14 @@ export interface LcmsPlateCellsToRackOptions {
   injectionVolume?: number
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export interface LcmsPlateCellsToRacksOptions extends Omit<LcmsPlateCellsToRackOptions, 'rackId' | 'rackName' | 'slot'> {
   defaultSlot?: SlotPosition
   rackId?: (slot: SlotPosition, index: number) => string
   rackName?: (slot: SlotPosition, index: number) => string
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export const LCMS_DEFAULT_CONTROL_POSITIONS: Record<LcmsPlateType, Record<LcmsControlSampleType, { row: string; column: number }>> = {
   '96well': {
     blank: { row: 'H', column: 12 },
@@ -44,20 +50,24 @@ export const LCMS_DEFAULT_CONTROL_POSITIONS: Record<LcmsPlateType, Record<LcmsCo
 
 const SLOT_ORDER: SlotPosition[] = ['R', 'G', 'B', 'Y']
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function lcmsPlateTypeToRackFormat(plateType: LcmsPlateType): WellPlateFormat {
   return plateType === '96well' ? 96 : 54
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function rackFormatToLcmsPlateType(format: WellPlateFormat): LcmsPlateType {
   if (format === 96) return '96well'
   if (format === 54) return '54vial'
   throw new Error(`LCMS plate cells support only 54-vial racks and 96-well plates; received format ${format}.`)
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function lcmsWellId(row: string, column: number): string {
   return `${row.toUpperCase()}${column}`
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function parseLcmsWellId(wellId: string): { row: string; column: number } {
   const match = /^([A-Za-z]+)(\d+)$/.exec(wellId.trim())
   if (!match) {
@@ -70,6 +80,7 @@ export function parseLcmsWellId(wellId: string): { row: string; column: number }
   }
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function lcmsPlateCellsToRack(cells: LcmsPlateCell[], options: LcmsPlateCellsToRackOptions = {}): Rack {
   const format = options.format ?? (options.plateType ? lcmsPlateTypeToRackFormat(options.plateType) : inferRackFormat(cells))
   const slot = options.slot ?? cells.find(cell => cell.slot)?.slot ?? 'R'
@@ -105,6 +116,7 @@ export function lcmsPlateCellsToRack(cells: LcmsPlateCell[], options: LcmsPlateC
   }
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function lcmsPlateCellsToRacks(cells: LcmsPlateCell[], options: LcmsPlateCellsToRacksOptions = {}): Rack[] {
   const bySlot = new Map<SlotPosition, LcmsPlateCell[]>()
   const defaultSlot = options.defaultSlot ?? 'R'
@@ -126,6 +138,7 @@ export function lcmsPlateCellsToRacks(cells: LcmsPlateCell[], options: LcmsPlate
     }))
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function rackToLcmsPlateCells(rack: Rack): LcmsPlateCell[] {
   return Object.entries(rack.wells)
     .map(([wellId, well]) => wellToLcmsPlateCell(rack, wellId, well))
@@ -133,15 +146,18 @@ export function rackToLcmsPlateCells(rack: Rack): LcmsPlateCell[] {
     .sort(comparePlateCells)
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function racksToLcmsPlateCells(racks: Rack[]): LcmsPlateCell[] {
   return racks.flatMap(rackToLcmsPlateCells)
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function getLcmsDefaultControlWellId(plateType: LcmsPlateType, sampleType: LcmsControlSampleType): string {
   const position = LCMS_DEFAULT_CONTROL_POSITIONS[plateType][sampleType]
   return lcmsWellId(position.row, position.column)
 }
 
+/** @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
 export function createLcmsControlWellEditData(
   sampleType: LcmsControlSampleType,
   options: {

package/src/utils/sampleTypeMarker.ts

@@ -0,0 +1,44 @@
+/**
+ * Sample-type marker (SDK control refresh 3a): color encodes the group, shape
+ * encodes the type.
+ *
+ * - sample: group fill (28% tint) + 1px group outline
+ * - blank:  dashed hollow ring, no group color
+ * - qc:     neutral solid ring + "Q"
+ * - iqc:    group fill + "i"
+ *
+ * `groupColor` must be a group token, `var(--mint-sample-1)` … `var(--mint-sample-8)`.
+ * The caller owns geometry (size, radius, glyph font); this returns colors only.
+ */
+
+export type SampleMarkerType = 'sample' | 'blank' | 'qc' | 'iqc'
+
+export interface SampleTypeMarker {
+  style: { background: string; border: string; color: string }
+  glyph: 'Q' | 'i' | null
+}
+
+/** `type` is matched case-insensitively; anything unrecognised renders as a sample. */
+export function sampleTypeMarker(type: SampleMarkerType | (string & {}), groupColor: string): SampleTypeMarker {
+  const groupFill = {
+    background: `color-mix(in srgb, ${groupColor} 28%, var(--bg-card))`,
+    border: `1px solid ${groupColor}`,
+    color: 'var(--text-primary)',
+  }
+  switch (type.toLowerCase()) {
+    case 'blank':
+      return {
+        style: { background: 'var(--bg-card)', border: '1.5px dashed var(--_control-border-strong)', color: 'var(--text-primary)' },
+        glyph: null,
+      }
+    case 'qc':
+      return {
+        style: { background: 'var(--bg-card)', border: '1.5px solid var(--text-secondary-strong)', color: 'var(--text-primary)' },
+        glyph: 'Q',
+      }
+    case 'iqc':
+      return { style: groupFill, glyph: 'i' }
+    default:
+      return { style: groupFill, glyph: null }
+  }
+}

package/dist/ExperimentPopover-CJdNlCZb.js

@@ -1,451 +0,0 @@
-import { n as __exportAll } from "./chunk-BoAXSpZd.js";
-import { f as BaseModal_default, h as BaseButton_default, l as formatExperimentStatus } from "./experiment-utils-CV2Wza3z.js";
-import { t as useDropdownState } from "./useDropdownState-C7hRiVQf.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, 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" };
-//#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 props = __props;
-		const emit = __emit;
-		function handleCancel() {
-			emit("update:modelValue", false);
-			emit("cancel");
-		}
-		function handleConfirm() {
-			emit("confirm");
-		}
-		const confirmVariant = computed(() => {
-			if (props.variant === "info") return "primary";
-			if (props.variant === "warning") return "cta";
-			return "danger";
-		});
-		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, [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$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",
-	"aria-label",
-	"aria-busy",
-	"aria-expanded"
-];
-var _hoisted_2 = {
-	key: 0,
-	class: "mint-experiment-popover__trigger-skeleton",
-	"aria-hidden": "true"
-};
-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 = {
-	key: 3,
-	class: "mint-experiment-popover__trigger-code"
-};
-var _hoisted_6 = {
-	key: 4,
-	class: "mint-experiment-popover__trigger-text"
-};
-var _hoisted_7 = ["disabled", "title"];
-var _hoisted_8 = {
-	key: 0,
-	class: "mint-experiment-popover__spinner--inline"
-};
-var _hoisted_9 = {
-	key: 1,
-	class: "mint-experiment-popover__save-trigger-icon",
-	"aria-hidden": "true",
-	fill: "none",
-	stroke: "currentColor",
-	viewBox: "0 0 24 24"
-};
-var _hoisted_10 = {
-	key: 2,
-	class: "mint-experiment-popover__save-trigger-icon",
-	"aria-hidden": "true",
-	fill: "none",
-	stroke: "currentColor",
-	viewBox: "0 0 24 24"
-};
-var _hoisted_11 = {
-	key: 0,
-	class: "mint-experiment-popover__panel"
-};
-var _hoisted_12 = { class: "mint-experiment-popover__header" };
-var _hoisted_13 = { class: "mint-experiment-popover__subtitle" };
-var _hoisted_14 = {
-	key: 0,
-	class: "mint-experiment-popover__body"
-};
-var _hoisted_15 = { class: "mint-experiment-popover__card-actions" };
-var _hoisted_16 = {
-	key: 1,
-	class: "mint-experiment-popover__body"
-};
-var _hoisted_17 = {
-	class: "mint-experiment-popover__card mint-experiment-popover__card--error",
-	role: "alert"
-};
-var _hoisted_18 = { class: "mint-experiment-popover__card-info" };
-var _hoisted_19 = { class: "mint-experiment-popover__card-message" };
-var _hoisted_20 = { class: "mint-experiment-popover__card-actions" };
-var _hoisted_21 = {
-	key: 2,
-	class: "mint-experiment-popover__body"
-};
-var _hoisted_22 = {
-	key: 3,
-	class: "mint-experiment-popover__body"
-};
-var _hoisted_23 = { class: "mint-experiment-popover__card" };
-var _hoisted_24 = { class: "mint-experiment-popover__card-info" };
-var _hoisted_25 = {
-	key: 0,
-	class: "mint-experiment-popover__card-code"
-};
-var _hoisted_26 = { class: "mint-experiment-popover__card-name" };
-var _hoisted_27 = {
-	key: 1,
-	class: "mint-experiment-popover__card-status"
-};
-var _hoisted_28 = { 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, rootRef: popoverRef, triggerRef, close, toggle } = useDropdownState({ 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", {
-				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", {
-					ref_key: "triggerRef",
-					ref: triggerRef,
-					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_2)) : __props.error ? (openBlock(), createElementBlock("span", _hoisted_3, "Experiment unavailable")) : __props.experimentName ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.experimentName), 1)) : __props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.experimentCode), 1)) : (openBlock(), createElementBlock("span", _hoisted_6, "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_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",
-					"aria-label": "Save to experiment",
-					onClick: withModifiers(handleSave, ["stop"])
-				}, [__props.saveLoading ? (openBlock(), createElementBlock("span", _hoisted_8)) : showSuccess.value ? (openBlock(), createElementBlock("svg", _hoisted_9, [..._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_10, [..._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_7)) : createCommentVNode("", true)], 2),
-				unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "mint-experiment-popover__title" }, "Experiment", -1)), createElementVNode("div", _hoisted_13, toDisplayString(panelSubtitle.value), 1)]), __props.isResolving ? (openBlock(), createElementBlock("div", _hoisted_14, [_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_15, [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_16, [createElementVNode("div", _hoisted_17, [_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_18, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "mint-experiment-popover__card-name" }, "Experiment unavailable", -1)), createElementVNode("div", _hoisted_19, toDisplayString(__props.error), 1)])]), createElementVNode("div", _hoisted_20, [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_21, [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_22, [createElementVNode("div", _hoisted_23, [_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_24, [
-					__props.experimentCode ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(__props.experimentCode), 1)) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_26, toDisplayString(__props.experimentName), 1),
-					__props.experimentStatus ? (openBlock(), createElementBlock("div", _hoisted_27, toDisplayString(unref(formatExperimentStatus)(__props.experimentStatus)), 1)) : createCommentVNode("", true)
-				])]), createElementVNode("div", _hoisted_28, [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[0] || (_cache[0] = ($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
-//#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, ConfirmDialog_default as r, ExperimentPopover_default as t };
-
-//# sourceMappingURL=ExperimentPopover-CJdNlCZb.js.map