@morscherlab/mld-sdk 0.9.8 → 0.10.1

package/dist/components/ExperimentPopover.vue.js

@@ -1,51 +1,48 @@
-import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, withModifiers, normalizeClass, toDisplayString, createTextVNode, createCommentVNode, Fragment } from "vue";
+import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, withModifiers, toDisplayString, createCommentVNode, createTextVNode, createVNode } from "vue";
+import _sfc_main$1 from "./ConfirmDialog.vue.js";
+/* empty css                   */
 const _hoisted_1 = { class: "mld-experiment-popover__trigger-text" };
-const _hoisted_2 = {
+const _hoisted_2 = ["disabled", "title"];
+const _hoisted_3 = {
   key: 0,
-  class: "mld-experiment-popover__panel"
-};
-const _hoisted_3 = { class: "mld-experiment-popover__header" };
-const _hoisted_4 = { class: "mld-experiment-popover__subtitle" };
-const _hoisted_5 = {
-  key: 0,
-  class: "mld-experiment-popover__body"
+  class: "mld-experiment-popover__spinner--inline"
 };
-const _hoisted_6 = {
+const _hoisted_4 = {
   key: 1,
-  class: "mld-experiment-popover__body"
-};
-const _hoisted_7 = { class: "mld-experiment-popover__card" };
-const _hoisted_8 = { class: "mld-experiment-popover__card-info" };
-const _hoisted_9 = { class: "mld-experiment-popover__card-name" };
-const _hoisted_10 = {
-  key: 0,
-  class: "mld-experiment-popover__card-status"
-};
-const _hoisted_11 = { class: "mld-experiment-popover__card-actions" };
-const _hoisted_12 = { class: "mld-experiment-popover__footer" };
-const _hoisted_13 = ["disabled"];
-const _hoisted_14 = {
-  key: 0,
-  class: "mld-experiment-popover__spinner"
-};
-const _hoisted_15 = {
-  key: 1,
-  class: "mld-experiment-popover__check-icon",
+  class: "mld-experiment-popover__save-trigger-icon",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
 };
-const _hoisted_16 = {
+const _hoisted_5 = {
   key: 2,
-  class: "mld-experiment-popover__save-icon",
+  class: "mld-experiment-popover__save-trigger-icon",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
 };
-const _hoisted_17 = {
+const _hoisted_6 = {
   key: 0,
-  class: "mld-experiment-popover__save-hint"
+  class: "mld-experiment-popover__panel"
 };
+const _hoisted_7 = { class: "mld-experiment-popover__header" };
+const _hoisted_8 = { class: "mld-experiment-popover__subtitle" };
+const _hoisted_9 = {
+  key: 0,
+  class: "mld-experiment-popover__body"
+};
+const _hoisted_10 = {
+  key: 1,
+  class: "mld-experiment-popover__body"
+};
+const _hoisted_11 = { class: "mld-experiment-popover__card" };
+const _hoisted_12 = { class: "mld-experiment-popover__card-info" };
+const _hoisted_13 = { class: "mld-experiment-popover__card-name" };
+const _hoisted_14 = {
+  key: 0,
+  class: "mld-experiment-popover__card-status"
+};
+const _hoisted_15 = { class: "mld-experiment-popover__card-actions" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExperimentPopover",
   props: {
@@ -56,7 +53,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     saveDisabled: { type: Boolean, default: false },
     saveLoading: { type: Boolean, default: false },
     saveSuccessMessage: {},
-    saveDisabledMessage: {}
+    saveDisabledMessage: {},
+    confirmSave: { type: Boolean, default: true },
+    confirmTitle: {},
+    confirmMessage: {}
   },
   emits: ["select", "save", "detach"],
   setup(__props, { emit: __emit }) {
@@ -65,6 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isOpen = ref(false);
     const popoverRef = ref(null);
     const showSuccess = ref(false);
+    const showConfirm = ref(false);
     function toggle() {
       isOpen.value = !isOpen.value;
     }
@@ -77,6 +78,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     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() {
@@ -88,11 +97,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         close();
       }
     }
+    let successTimer = null;
     watch(() => props.saveSuccessMessage, (msg) => {
+      if (successTimer) clearTimeout(successTimer);
       if (msg) {
         showSuccess.value = true;
-        setTimeout(() => {
+        successTimer = setTimeout(() => {
           showSuccess.value = false;
+          successTimer = null;
         }, 3e3);
       }
     });
@@ -101,6 +113,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onUnmounted(() => {
       document.removeEventListener("click", handleClickOutside);
+      if (successTimer) clearTimeout(successTimer);
     });
     function formatStatus(status) {
       return status.replace(/_/g, " ").replace(/^\w/, (c) => c.toUpperCase());
@@ -111,52 +124,88 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: popoverRef,
         class: "mld-experiment-popover"
       }, [
-        createElementVNode("button", {
-          type: "button",
+        createElementVNode("div", {
           class: normalizeClass([
-            "mld-experiment-popover__trigger",
-            { "mld-experiment-popover__trigger--active": isOpen.value },
-            { "mld-experiment-popover__trigger--empty": !__props.experimentName }
-          ]),
-          onClick: withModifiers(toggle, ["stop"])
+            "mld-experiment-popover__split",
+            { "mld-experiment-popover__split--with-save": __props.showSave && __props.experimentName }
+          ])
         }, [
-          _cache[0] || (_cache[0] = createElementVNode("svg", {
-            class: "mld-experiment-popover__trigger-icon",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24"
+          createElementVNode("button", {
+            type: "button",
+            class: normalizeClass([
+              "mld-experiment-popover__trigger",
+              { "mld-experiment-popover__trigger--active": isOpen.value },
+              { "mld-experiment-popover__trigger--empty": !__props.experimentName }
+            ]),
+            onClick: withModifiers(toggle, ["stop"])
           }, [
-            createElementVNode("path", {
+            _cache[1] || (_cache[1] = createElementVNode("svg", {
+              class: "mld-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)),
+            createElementVNode("span", _hoisted_1, toDisplayString(__props.experimentName || "No experiment"), 1),
+            _cache[2] || (_cache[2] = createElementVNode("svg", {
+              class: "mld-experiment-popover__trigger-chevron",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
               "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("span", _hoisted_1, toDisplayString(__props.experimentName || "No experiment"), 1),
-          _cache[1] || (_cache[1] = createElementVNode("svg", {
-            class: "mld-experiment-popover__trigger-chevron",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-width": "2",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
+              "stroke-linejoin": "round"
+            }, [
+              createElementVNode("path", { d: "m6 9 6 6 6-6" })
+            ], -1))
+          ], 2),
+          __props.showSave && __props.experimentName ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: normalizeClass([
+              "mld-experiment-popover__save-trigger",
+              { "mld-experiment-popover__save-trigger--loading": __props.saveLoading },
+              { "mld-experiment-popover__save-trigger--success": showSuccess.value },
+              { "mld-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"])
           }, [
-            createElementVNode("path", { d: "m6 9 6 6 6-6" })
-          ], -1))
+            __props.saveLoading ? (openBlock(), createElementBlock("span", _hoisted_3)) : showSuccess.value ? (openBlock(), createElementBlock("svg", _hoisted_4, [..._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_5, [..._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_2)) : createCommentVNode("", true)
         ], 2),
-        isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            _cache[2] || (_cache[2] = createElementVNode("div", { class: "mld-experiment-popover__title" }, "Experiment", -1)),
-            createElementVNode("div", _hoisted_4, toDisplayString(__props.experimentName ? "Linked experiment context" : "Link to an MLD experiment"), 1)
+        isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            _cache[5] || (_cache[5] = createElementVNode("div", { class: "mld-experiment-popover__title" }, "Experiment", -1)),
+            createElementVNode("div", _hoisted_8, toDisplayString(__props.experimentName ? "Linked experiment context" : "Link to an MLD experiment"), 1)
           ]),
-          !__props.experimentName ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          !__props.experimentName ? (openBlock(), createElementBlock("div", _hoisted_9, [
             createElementVNode("button", {
               type: "button",
               class: "mld-experiment-popover__select-btn",
               onClick: handleSelect
-            }, [..._cache[3] || (_cache[3] = [
+            }, [..._cache[6] || (_cache[6] = [
               createElementVNode("svg", {
                 width: "14",
                 height: "14",
@@ -173,9 +222,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], -1),
               createTextVNode(" Select Experiment ", -1)
             ])])
-          ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, [
-              _cache[4] || (_cache[4] = createElementVNode("div", { class: "mld-experiment-popover__card-icon" }, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
+              _cache[7] || (_cache[7] = createElementVNode("div", { class: "mld-experiment-popover__card-icon" }, [
                 createElementVNode("svg", {
                   fill: "none",
                   stroke: "currentColor",
@@ -189,11 +238,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 ])
               ], -1)),
-              createElementVNode("div", _hoisted_8, [
-                createElementVNode("div", _hoisted_9, toDisplayString(__props.experimentName), 1),
-                __props.experimentStatus ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(formatStatus(__props.experimentStatus)), 1)) : createCommentVNode("", true)
+              createElementVNode("div", _hoisted_12, [
+                createElementVNode("div", _hoisted_13, toDisplayString(__props.experimentName), 1),
+                __props.experimentStatus ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(formatStatus(__props.experimentStatus)), 1)) : createCommentVNode("", true)
               ]),
-              createElementVNode("div", _hoisted_11, [
+              createElementVNode("div", _hoisted_15, [
                 createElementVNode("button", {
                   type: "button",
                   class: "mld-experiment-popover__change-btn",
@@ -207,41 +256,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, " Detach ")) : createCommentVNode("", true)
               ])
             ])
-          ])),
-          __props.showSave ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            _cache[7] || (_cache[7] = createElementVNode("div", { class: "mld-experiment-popover__divider" }, null, -1)),
-            createElementVNode("div", _hoisted_12, [
-              createElementVNode("button", {
-                type: "button",
-                class: normalizeClass([
-                  "mld-experiment-popover__save-btn",
-                  { "mld-experiment-popover__save-btn--loading": __props.saveLoading },
-                  { "mld-experiment-popover__save-btn--success": showSuccess.value }
-                ]),
-                disabled: __props.saveDisabled && !showSuccess.value,
-                onClick: handleSave
-              }, [
-                __props.saveLoading ? (openBlock(), createElementBlock("span", _hoisted_14)) : showSuccess.value ? (openBlock(), createElementBlock("svg", _hoisted_15, [..._cache[5] || (_cache[5] = [
-                  createElementVNode("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    "stroke-width": "2",
-                    d: "M5 13l4 4L19 7"
-                  }, null, -1)
-                ])])) : (openBlock(), createElementBlock("svg", _hoisted_16, [..._cache[6] || (_cache[6] = [
-                  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)
-                ])])),
-                createElementVNode("span", null, toDisplayString(showSuccess.value && __props.saveSuccessMessage ? __props.saveSuccessMessage : "Save to Experiment"), 1)
-              ], 10, _hoisted_13),
-              __props.saveDisabled && __props.saveDisabledMessage && !showSuccess.value ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(__props.saveDisabledMessage), 1)) : createCommentVNode("", true)
-            ])
-          ], 64)) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
+          ]))
+        ])) : createCommentVNode("", true),
+        createVNode(_sfc_main$1, {
+          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);
     };
   }

package/dist/components/ExperimentPopover.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExperimentPopover.vue.js","sources":["../../src/components/ExperimentPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onUnmounted } from 'vue'\n\ninterface Props {\n  experimentName?: string\n  experimentStatus?: string\n  showSave?: boolean\n  showDetach?: boolean\n  saveDisabled?: boolean\n  saveLoading?: boolean\n  saveSuccessMessage?: string\n  saveDisabledMessage?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  showSave: false,\n  showDetach: false,\n  saveDisabled: false,\n  saveLoading: false,\n})\n\nconst emit = defineEmits<{\n  select: []\n  save: []\n  detach: []\n}>()\n\nconst isOpen = ref(false)\nconst popoverRef = ref<HTMLElement | null>(null)\nconst showSuccess = ref(false)\n\nfunction toggle() {\n  isOpen.value = !isOpen.value\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\nfunction handleSelect() {\n  emit('select')\n  close()\n}\n\nfunction handleSave() {\n  if (props.saveDisabled || props.saveLoading) return\n  emit('save')\n}\n\nfunction handleDetach() {\n  emit('detach')\n  close()\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (popoverRef.value && !popoverRef.value.contains(event.target as Node)) {\n    close()\n  }\n}\n\n// Show success state when saveSuccessMessage changes from empty to a value\nwatch(() => props.saveSuccessMessage, (msg) => {\n  if (msg) {\n    showSuccess.value = true\n    setTimeout(() => {\n      showSuccess.value = false\n    }, 3000)\n  }\n})\n\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside)\n})\n\n// Format status for display (e.g., \"ready_to_extract\" -> \"Ready to extract\")\nfunction formatStatus(status: string): string {\n  return status.replace(/_/g, ' ').replace(/^\\w/, c => c.toUpperCase())\n}\n</script>\n\n<template>\n  <div ref=\"popoverRef\" class=\"mld-experiment-popover\">\n    <!-- Trigger button -->\n    <button\n      type=\"button\"\n      :class=\"[\n        'mld-experiment-popover__trigger',\n        { 'mld-experiment-popover__trigger--active': isOpen },\n        { 'mld-experiment-popover__trigger--empty': !experimentName },\n      ]\"\n      @click.stop=\"toggle\"\n    >\n      <!-- Flask icon -->\n      <svg class=\"mld-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      <span class=\"mld-experiment-popover__trigger-text\">\n        {{ experimentName || 'No experiment' }}\n      </span>\n      <!-- Chevron -->\n      <svg class=\"mld-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    <!-- Popover panel -->\n    <div v-if=\"isOpen\" class=\"mld-experiment-popover__panel\">\n      <!-- Header -->\n      <div class=\"mld-experiment-popover__header\">\n        <div class=\"mld-experiment-popover__title\">Experiment</div>\n        <div class=\"mld-experiment-popover__subtitle\">\n          {{ experimentName ? 'Linked experiment context' : 'Link to an MLD experiment' }}\n        </div>\n      </div>\n\n      <!-- No experiment selected -->\n      <div v-if=\"!experimentName\" class=\"mld-experiment-popover__body\">\n        <button type=\"button\" class=\"mld-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=\"mld-experiment-popover__body\">\n        <div class=\"mld-experiment-popover__card\">\n          <div class=\"mld-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=\"mld-experiment-popover__card-info\">\n            <div class=\"mld-experiment-popover__card-name\">{{ experimentName }}</div>\n            <div v-if=\"experimentStatus\" class=\"mld-experiment-popover__card-status\">\n              {{ formatStatus(experimentStatus) }}\n            </div>\n          </div>\n          <div class=\"mld-experiment-popover__card-actions\">\n            <button type=\"button\" class=\"mld-experiment-popover__change-btn\" @click=\"handleSelect\">\n              Change\n            </button>\n            <button v-if=\"showDetach\" type=\"button\" class=\"mld-experiment-popover__detach-btn\" @click=\"handleDetach\">\n              Detach\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- Save section -->\n      <template v-if=\"showSave\">\n        <div class=\"mld-experiment-popover__divider\" />\n        <div class=\"mld-experiment-popover__footer\">\n          <button\n            type=\"button\"\n            :class=\"[\n              'mld-experiment-popover__save-btn',\n              { 'mld-experiment-popover__save-btn--loading': saveLoading },\n              { 'mld-experiment-popover__save-btn--success': showSuccess },\n            ]\"\n            :disabled=\"saveDisabled && !showSuccess\"\n            @click=\"handleSave\"\n          >\n            <!-- Loading spinner -->\n            <span v-if=\"saveLoading\" class=\"mld-experiment-popover__spinner\" />\n            <!-- Success check -->\n            <svg v-else-if=\"showSuccess\" class=\"mld-experiment-popover__check-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" />\n            </svg>\n            <!-- Save icon -->\n            <svg v-else class=\"mld-experiment-popover__save-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            <!-- Label -->\n            <span>{{ showSuccess && saveSuccessMessage ? saveSuccessMessage : 'Save to Experiment' }}</span>\n          </button>\n          <div v-if=\"saveDisabled && saveDisabledMessage && !showSuccess\" class=\"mld-experiment-popover__save-hint\">\n            {{ saveDisabledMessage }}\n          </div>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/experiment-popover.css';\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_toDisplayString","_openBlock","_Fragment"],"mappings":"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"}
+{"version":3,"file":"ExperimentPopover.vue.js","sources":["../../src/components/ExperimentPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onUnmounted } from 'vue'\nimport ConfirmDialog from './ConfirmDialog.vue'\n\ninterface Props {\n  experimentName?: 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 = ref(false)\nconst popoverRef = ref<HTMLElement | null>(null)\nconst showSuccess = ref(false)\nconst showConfirm = ref(false)\n\nfunction toggle() {\n  isOpen.value = !isOpen.value\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\nfunction handleSelect() {\n  emit('select')\n  close()\n}\n\nfunction handleSave() {\n  if (props.saveDisabled || props.saveLoading) return\n  if (props.confirmSave) {\n    showConfirm.value = true\n  } else {\n    emit('save')\n  }\n}\n\nfunction handleConfirmSave() {\n  showConfirm.value = false\n  emit('save')\n}\n\nfunction handleDetach() {\n  emit('detach')\n  close()\n}\n\nfunction handleClickOutside(event: MouseEvent) {\n  if (popoverRef.value && !popoverRef.value.contains(event.target as Node)) {\n    close()\n  }\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\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside)\n  if (successTimer) clearTimeout(successTimer)\n})\n\n// Format status for display (e.g., \"ready_to_extract\" -> \"Ready to extract\")\nfunction formatStatus(status: string): string {\n  return status.replace(/_/g, ' ').replace(/^\\w/, c => c.toUpperCase())\n}\n</script>\n\n<template>\n  <div ref=\"popoverRef\" class=\"mld-experiment-popover\">\n    <!-- Split trigger: experiment pill + inline save -->\n    <div\n      :class=\"[\n        'mld-experiment-popover__split',\n        { 'mld-experiment-popover__split--with-save': showSave && experimentName },\n      ]\"\n    >\n      <!-- Left: experiment trigger (opens popover) -->\n      <button\n        type=\"button\"\n        :class=\"[\n          'mld-experiment-popover__trigger',\n          { 'mld-experiment-popover__trigger--active': isOpen },\n          { 'mld-experiment-popover__trigger--empty': !experimentName },\n        ]\"\n        @click.stop=\"toggle\"\n      >\n        <!-- Flask icon -->\n        <svg class=\"mld-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        <span class=\"mld-experiment-popover__trigger-text\">\n          {{ experimentName || 'No experiment' }}\n        </span>\n        <!-- Chevron -->\n        <svg class=\"mld-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          'mld-experiment-popover__save-trigger',\n          { 'mld-experiment-popover__save-trigger--loading': saveLoading },\n          { 'mld-experiment-popover__save-trigger--success': showSuccess },\n          { 'mld-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=\"mld-experiment-popover__spinner--inline\" />\n        <!-- Success check -->\n        <svg v-else-if=\"showSuccess\" class=\"mld-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=\"mld-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=\"mld-experiment-popover__panel\">\n      <!-- Header -->\n      <div class=\"mld-experiment-popover__header\">\n        <div class=\"mld-experiment-popover__title\">Experiment</div>\n        <div class=\"mld-experiment-popover__subtitle\">\n          {{ experimentName ? 'Linked experiment context' : 'Link to an MLD experiment' }}\n        </div>\n      </div>\n\n      <!-- No experiment selected -->\n      <div v-if=\"!experimentName\" class=\"mld-experiment-popover__body\">\n        <button type=\"button\" class=\"mld-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=\"mld-experiment-popover__body\">\n        <div class=\"mld-experiment-popover__card\">\n          <div class=\"mld-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=\"mld-experiment-popover__card-info\">\n            <div class=\"mld-experiment-popover__card-name\">{{ experimentName }}</div>\n            <div v-if=\"experimentStatus\" class=\"mld-experiment-popover__card-status\">\n              {{ formatStatus(experimentStatus) }}\n            </div>\n          </div>\n          <div class=\"mld-experiment-popover__card-actions\">\n            <button type=\"button\" class=\"mld-experiment-popover__change-btn\" @click=\"handleSelect\">\n              Change\n            </button>\n            <button v-if=\"showDetach\" type=\"button\" class=\"mld-experiment-popover__detach-btn\" @click=\"handleDetach\">\n              Detach\n            </button>\n          </div>\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"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_toDisplayString","_openBlock","_createVNode","ConfirmDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAQd,UAAM,OAAO;AAMb,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,aAAa,IAAwB,IAAI;AAC/C,UAAM,cAAc,IAAI,KAAK;AAC7B,UAAM,cAAc,IAAI,KAAK;AAE7B,aAAS,SAAS;AAChB,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,aAAS,QAAQ;AACf,aAAO,QAAQ;AAAA,IACjB;AAEA,aAAS,eAAe;AACtB,WAAK,QAAQ;AACb,YAAA;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,UAAI,MAAM,gBAAgB,MAAM,YAAa;AAC7C,UAAI,MAAM,aAAa;AACrB,oBAAY,QAAQ;AAAA,MACtB,OAAO;AACL,aAAK,MAAM;AAAA,MACb;AAAA,IACF;AAEA,aAAS,oBAAoB;AAC3B,kBAAY,QAAQ;AACpB,WAAK,MAAM;AAAA,IACb;AAEA,aAAS,eAAe;AACtB,WAAK,QAAQ;AACb,YAAA;AAAA,IACF;AAEA,aAAS,mBAAmB,OAAmB;AAC7C,UAAI,WAAW,SAAS,CAAC,WAAW,MAAM,SAAS,MAAM,MAAc,GAAG;AACxE,cAAA;AAAA,MACF;AAAA,IACF;AAEA,QAAI,eAAqD;AAGzD,UAAM,MAAM,MAAM,oBAAoB,CAAC,QAAQ;AAC7C,UAAI,2BAA2B,YAAY;AAC3C,UAAI,KAAK;AACP,oBAAY,QAAQ;AACpB,uBAAe,WAAW,MAAM;AAC9B,sBAAY,QAAQ;AACpB,yBAAe;AAAA,QACjB,GAAG,GAAI;AAAA,MACT;AAAA,IACF,CAAC;AAED,cAAU,MAAM;AACd,eAAS,iBAAiB,SAAS,kBAAkB;AAAA,IACvD,CAAC;AAED,gBAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AACxD,UAAI,2BAA2B,YAAY;AAAA,IAC7C,CAAC;AAGD,aAAS,aAAa,QAAwB;AAC5C,aAAO,OAAO,QAAQ,MAAM,GAAG,EAAE,QAAQ,OAAO,CAAA,MAAK,EAAE,YAAA,CAAa;AAAA,IACtE;;0BAIEA,mBA4HM,OAAA;AAAA,iBA5HG;AAAA,QAAJ,KAAI;AAAA,QAAa,OAAM;AAAA,MAAA;QAE1BC,mBA2DM,OAAA;AAAA,UA1DH,OAAKC,eAAA;AAAA;YAAmG,EAAA,4CAAA,QAAA,YAAY,QAAA,eAAA;AAAA,UAAc;;UAMnID,mBAyBS,UAAA;AAAA,YAxBP,MAAK;AAAA,YACJ,OAAKC,eAAA;AAAA;2DAAwG,OAAA,MAAA;AAAA,2DAAiE,QAAA,eAAA;AAAA,YAAc;YAK5L,uBAAY,QAAM,CAAA,MAAA,CAAA;AAAA,UAAA;sCAGnBD,mBAOM,OAAA;AAAA,cAPD,OAAM;AAAA,cAAuC,MAAK;AAAA,cAAO,QAAO;AAAA,cAAe,SAAQ;AAAA,YAAA;cAC1FA,mBAKE,QAAA;AAAA,gBAJA,kBAAe;AAAA,gBACf,mBAAgB;AAAA,gBAChB,gBAAa;AAAA,gBACb,GAAE;AAAA,cAAA;;YAGNA,mBAEO,QAFP,YAEOE,gBADF,QAAA,kBAAc,eAAA,GAAA,CAAA;AAAA,sCAGnBF,mBAEM,OAAA;AAAA,cAFD,OAAM;AAAA,cAA0C,SAAQ;AAAA,cAAY,MAAK;AAAA,cAAO,QAAO;AAAA,cAAe,gBAAa;AAAA,cAAI,kBAAe;AAAA,cAAQ,mBAAgB;AAAA,YAAA;cACjKA,mBAAyB,QAAA,EAAnB,GAAE,gBAAc;AAAA,YAAA;;UAMlB,QAAA,YAAY,QAAA,+BADpBD,mBAuBS,UAAA;AAAA;YArBP,MAAK;AAAA,YACJ,OAAKE,eAAA;AAAA;iEAAmH,QAAA,YAAA;AAAA,iEAA4E,YAAA,MAAA;AAAA,cAA6E,EAAA,kDAAA,QAAA,iBAAiB,YAAA,MAAA;AAAA,YAAW;YAM7S,UAAU,QAAA,gBAAY,CAAK,YAAA;AAAA,YAC3B,OAAO,QAAA,gBAAgB,QAAA,sBAAsB,QAAA,sBAAsB,YAAA,SAAe,QAAA,qBAAqB,QAAA,qBAAkB;AAAA,YACzH,uBAAY,YAAU,CAAA,MAAA,CAAA;AAAA,UAAA;YAGX,QAAA,eAAZE,aAAAJ,mBAA2E,QAA3E,UAA2E,KAE3D,YAAA,SAAhBI,UAAA,GAAAJ,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,cADJC,mBAA6F,QAAA;AAAA,gBAAvF,kBAAe;AAAA,gBAAQ,mBAAgB;AAAA,gBAAQ,gBAAa;AAAA,gBAAM,GAAE;AAAA,cAAA;qBAG5EG,aAAAJ,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,cADJC,mBAAwK,QAAA;AAAA,gBAAlK,kBAAe;AAAA,gBAAQ,mBAAgB;AAAA,gBAAQ,gBAAa;AAAA,gBAAI,GAAE;AAAA,cAAA;;;;QAMnE,OAAA,SAAXG,UAAA,GAAAJ,mBAgDM,OAhDN,YAgDM;AAAA,UA9CJC,mBAKM,OALN,YAKM;AAAA,YAJJ,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAA2D,OAAA,EAAtD,OAAM,gCAAA,GAAgC,cAAU,EAAA;AAAA,YACrDA,mBAEM,OAFN,YAEME,gBADD,QAAA,iBAAc,8BAAA,2BAAA,GAAA,CAAA;AAAA,UAAA;WAKT,QAAA,kBAAZC,aAAAJ,mBAOM,OAPN,YAOM;AAAA,YANJC,mBAKS,UAAA;AAAA,cALD,MAAK;AAAA,cAAS,OAAM;AAAA,cAAsC,SAAO;AAAA,YAAA;cACvEA,mBAEM,OAAA;AAAA,gBAFD,OAAM;AAAA,gBAAK,QAAO;AAAA,gBAAK,MAAK;AAAA,gBAAO,QAAO;AAAA,gBAAe,SAAQ;AAAA,cAAA;gBACpEA,mBAA2F,QAAA;AAAA,kBAArF,kBAAe;AAAA,kBAAQ,mBAAgB;AAAA,kBAAQ,gBAAa;AAAA,kBAAI,GAAE;AAAA,gBAAA;;8BACpE,uBAER,EAAA;AAAA,YAAA;iBAIFG,UAAA,GAAAJ,mBA2BM,OA3BN,aA2BM;AAAA,YA1BJC,mBAyBM,OAzBN,aAyBM;AAAA,wCAxBJA,mBASM,OAAA,EATD,OAAM,uCAAmC;AAAA,gBAC5CA,mBAOM,OAAA;AAAA,kBAPD,MAAK;AAAA,kBAAO,QAAO;AAAA,kBAAe,SAAQ;AAAA,gBAAA;kBAC7CA,mBAKE,QAAA;AAAA,oBAJA,kBAAe;AAAA,oBACf,mBAAgB;AAAA,oBAChB,gBAAa;AAAA,oBACb,GAAE;AAAA,kBAAA;;;cAIRA,mBAKM,OALN,aAKM;AAAA,gBAJJA,mBAAyE,OAAzE,aAAyEE,gBAAvB,QAAA,cAAc,GAAA,CAAA;AAAA,gBACrD,QAAA,oBAAXC,UAAA,GAAAJ,mBAEM,OAFN,aAEMG,gBADD,aAAa,QAAA,gBAAgB,CAAA,GAAA,CAAA;;cAGpCF,mBAOM,OAPN,aAOM;AAAA,gBANJA,mBAES,UAAA;AAAA,kBAFD,MAAK;AAAA,kBAAS,OAAM;AAAA,kBAAsC,SAAO;AAAA,gBAAA,GAAc,UAEvF;AAAA,gBACc,QAAA,2BAAdD,mBAES,UAAA;AAAA;kBAFiB,MAAK;AAAA,kBAAS,OAAM;AAAA,kBAAsC,SAAO;AAAA,gBAAA,GAAc,UAEzG;;;;;QAORK,YAQEC,aAAA;AAAA,sBAPS,YAAA;AAAA,uEAAA,YAAW,QAAA;AAAA,UACnB,OAAO,QAAA,gBAAY;AAAA,UACnB,SAAS,QAAA,kBAAc,wBAA4B,QAAA,cAAc;AAAA,UAClE,SAAQ;AAAA,UACR,iBAAc;AAAA,UACb,SAAS,QAAA;AAAA,UACT,WAAS;AAAA,QAAA;;;;;"}

package/dist/components/ExperimentSelectorModal.vue.d.ts

@@ -19,9 +19,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     size: ModalSize;
     title: string;
-    showFilters: boolean;
     currentExperimentId: number | null;
     groupByProject: boolean;
+    showFilters: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     listRef: HTMLDivElement;
 }, any>;

package/dist/components/FitPanel.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     progress: number;
     indeterminate: boolean;
     state: FitState;
-    results: FitResultSummary[];
     cancelLabel: string;
+    results: FitResultSummary[];
     progressLabel: string;
     runLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/ScientificNumber.vue.d.ts

@@ -7,8 +7,8 @@ interface Props {
     copyable?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    copyable: boolean;
     precision: number;
     notation: NumberNotation;
-    copyable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

package/dist/composables/index.d.ts

@@ -22,3 +22,4 @@ export { useExperimentSelector, type UseExperimentSelectorOptions, type UseExper
 export { formatExperimentDate, datePresetToISO, EXPERIMENT_STATUS_OPTIONS, EXPERIMENT_STATUS_VARIANT_MAP, EXPERIMENT_STATUS_LABELS, DATE_PRESET_OPTIONS, SORT_OPTIONS, } from './experiment-utils';
 export { useExperimentData, type UseExperimentDataOptions, type UseExperimentDataReturn, } from './useExperimentData';
 export { getFieldRegistryEntry, getTypeDefault, type RegistryEntry, } from './formBuilderRegistry';
+export { useAppExperiment, APP_EXPERIMENT_KEY, type UseAppExperimentOptions, type UseAppExperimentReturn, type AppExperimentState, } from './useAppExperiment';

package/dist/composables/index.js

@@ -22,7 +22,9 @@ import { useExperimentSelector } from "./useExperimentSelector.js";
 import { DATE_PRESET_OPTIONS, EXPERIMENT_STATUS_LABELS, EXPERIMENT_STATUS_OPTIONS, EXPERIMENT_STATUS_VARIANT_MAP, SORT_OPTIONS, datePresetToISO, formatExperimentDate } from "./experiment-utils.js";
 import { useExperimentData } from "./useExperimentData.js";
 import { getFieldRegistryEntry, getTypeDefault } from "./formBuilderRegistry.js";
+import { APP_EXPERIMENT_KEY, useAppExperiment } from "./useAppExperiment.js";
 export {
+  APP_EXPERIMENT_KEY,
   ATOMIC_WEIGHTS,
   DATE_PRESET_OPTIONS,
   DEFAULT_COLORS,
@@ -47,6 +49,7 @@ export {
   rangesOverlap,
   snapToSlot,
   useApi,
+  useAppExperiment,
   useAsync,
   useAsyncBatch,
   useAuth,

package/dist/composables/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/composables/useAppExperiment.d.ts

@@ -0,0 +1,34 @@
+import { Ref, ComputedRef, InjectionKey } from 'vue';
+import { ExperimentSummary, ExperimentStatus } from '../types';
+export interface UseAppExperimentOptions {
+    onSelect?: (experiment: ExperimentSummary) => void | Promise<void>;
+    onSave?: () => string | null | Promise<string | null>;
+    onDetach?: () => void;
+    saveDisabled?: Ref<boolean> | ComputedRef<boolean>;
+    saveDisabledMessage?: string | Ref<string | undefined> | ComputedRef<string | undefined>;
+}
+export interface UseAppExperimentReturn {
+    set: (experiment: Pick<ExperimentSummary, 'id' | 'name' | 'status'>) => void;
+    clear: () => void;
+    experimentName: Readonly<Ref<string | undefined>>;
+    experimentId: Readonly<Ref<number | null>>;
+}
+export interface AppExperimentState {
+    experimentName: Ref<string | undefined>;
+    experimentStatus: Ref<ExperimentStatus | undefined>;
+    experimentId: Ref<number | null>;
+    showModal: Ref<boolean>;
+    saveLoading: Ref<boolean>;
+    saveSuccessMessage: Ref<string | undefined>;
+    showSave: Ref<boolean>;
+    showDetach: ComputedRef<boolean>;
+    closeModal: () => void;
+    saveDisabled: ComputedRef<boolean>;
+    saveDisabledMessage: ComputedRef<string | undefined>;
+    openModal: () => void;
+    handleSelect: (experiment: ExperimentSummary) => void;
+    handleSave: () => Promise<void>;
+    handleDetach: () => void;
+}
+export declare const APP_EXPERIMENT_KEY: InjectionKey<AppExperimentState>;
+export declare function useAppExperiment(options?: UseAppExperimentOptions): UseAppExperimentReturn;

package/dist/composables/useAppExperiment.js

@@ -0,0 +1,91 @@
+import { ref, computed, toValue, onScopeDispose, provide, readonly } from "vue";
+const APP_EXPERIMENT_KEY = Symbol("app-experiment");
+function useAppExperiment(options = {}) {
+  const experimentName = ref();
+  const experimentStatus = ref();
+  const experimentId = ref(null);
+  const showModal = ref(false);
+  const saveLoading = ref(false);
+  const saveSuccessMessage = ref();
+  let successTimer = null;
+  const showSave = ref(!!options.onSave);
+  const showDetach = computed(() => experimentId.value !== null);
+  const saveDisabled = computed(() => toValue(options.saveDisabled) ?? false);
+  const saveDisabledMessage = computed(() => toValue(options.saveDisabledMessage));
+  function set(experiment) {
+    experimentId.value = experiment.id;
+    experimentName.value = experiment.name;
+    experimentStatus.value = experiment.status;
+  }
+  function clear() {
+    experimentId.value = null;
+    experimentName.value = void 0;
+    experimentStatus.value = void 0;
+  }
+  function openModal() {
+    showModal.value = true;
+  }
+  function closeModal() {
+    showModal.value = false;
+  }
+  function handleSelect(experiment) {
+    var _a;
+    set(experiment);
+    showModal.value = false;
+    (_a = options.onSelect) == null ? void 0 : _a.call(options, experiment);
+  }
+  async function handleSave() {
+    if (!options.onSave || saveLoading.value) return;
+    saveLoading.value = true;
+    try {
+      const message = await options.onSave();
+      if (message) {
+        saveSuccessMessage.value = message;
+        if (successTimer) clearTimeout(successTimer);
+        successTimer = setTimeout(() => {
+          saveSuccessMessage.value = void 0;
+          successTimer = null;
+        }, 3e3);
+      }
+    } finally {
+      saveLoading.value = false;
+    }
+  }
+  function handleDetach() {
+    var _a;
+    clear();
+    (_a = options.onDetach) == null ? void 0 : _a.call(options);
+  }
+  onScopeDispose(() => {
+    if (successTimer) clearTimeout(successTimer);
+  });
+  const state = {
+    experimentName,
+    experimentStatus,
+    experimentId,
+    showModal,
+    saveLoading,
+    saveSuccessMessage,
+    showSave,
+    showDetach,
+    saveDisabled,
+    saveDisabledMessage,
+    openModal,
+    closeModal,
+    handleSelect,
+    handleSave,
+    handleDetach
+  };
+  provide(APP_EXPERIMENT_KEY, state);
+  return {
+    set,
+    clear,
+    experimentName: readonly(experimentName),
+    experimentId: readonly(experimentId)
+  };
+}
+export {
+  APP_EXPERIMENT_KEY,
+  useAppExperiment
+};
+//# sourceMappingURL=useAppExperiment.js.map

package/dist/composables/useAppExperiment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppExperiment.js","sources":["../../src/composables/useAppExperiment.ts"],"sourcesContent":["import {\n  ref,\n  computed,\n  readonly,\n  provide,\n  toValue,\n  onScopeDispose,\n  type Ref,\n  type ComputedRef,\n  type InjectionKey,\n} from 'vue'\nimport type { ExperimentSummary, ExperimentStatus } from '../types'\n\nexport interface UseAppExperimentOptions {\n  onSelect?: (experiment: ExperimentSummary) => void | Promise<void>\n  onSave?: () => string | null | Promise<string | null>\n  onDetach?: () => void\n  saveDisabled?: Ref<boolean> | ComputedRef<boolean>\n  saveDisabledMessage?: string | Ref<string | undefined> | ComputedRef<string | undefined>\n}\n\nexport interface UseAppExperimentReturn {\n  set: (experiment: Pick<ExperimentSummary, 'id' | 'name' | 'status'>) => void\n  clear: () => void\n  experimentName: Readonly<Ref<string | undefined>>\n  experimentId: Readonly<Ref<number | null>>\n}\n\nexport interface AppExperimentState {\n  experimentName: Ref<string | undefined>\n  experimentStatus: Ref<ExperimentStatus | undefined>\n  experimentId: Ref<number | null>\n  showModal: Ref<boolean>\n  saveLoading: Ref<boolean>\n  saveSuccessMessage: Ref<string | undefined>\n  showSave: Ref<boolean>\n  showDetach: ComputedRef<boolean>\n  closeModal: () => void\n  saveDisabled: ComputedRef<boolean>\n  saveDisabledMessage: ComputedRef<string | undefined>\n  openModal: () => void\n  handleSelect: (experiment: ExperimentSummary) => void\n  handleSave: () => Promise<void>\n  handleDetach: () => void\n}\n\nexport const APP_EXPERIMENT_KEY: InjectionKey<AppExperimentState> = Symbol('app-experiment')\n\nexport function useAppExperiment(options: UseAppExperimentOptions = {}): UseAppExperimentReturn {\n  const experimentName = ref<string | undefined>()\n  const experimentStatus = ref<ExperimentStatus | undefined>()\n  const experimentId = ref<number | null>(null)\n  const showModal = ref(false)\n  const saveLoading = ref(false)\n  const saveSuccessMessage = ref<string | undefined>()\n\n  let successTimer: ReturnType<typeof setTimeout> | null = null\n\n  const showSave = ref(!!options.onSave)\n  const showDetach = computed(() => experimentId.value !== null)\n  const saveDisabled = computed(() => toValue(options.saveDisabled) ?? false)\n  const saveDisabledMessage = computed(() => toValue(options.saveDisabledMessage))\n\n  function set(experiment: Pick<ExperimentSummary, 'id' | 'name' | 'status'>) {\n    experimentId.value = experiment.id\n    experimentName.value = experiment.name\n    experimentStatus.value = experiment.status\n  }\n\n  function clear() {\n    experimentId.value = null\n    experimentName.value = undefined\n    experimentStatus.value = undefined\n  }\n\n  function openModal() {\n    showModal.value = true\n  }\n\n  function closeModal() {\n    showModal.value = false\n  }\n\n  function handleSelect(experiment: ExperimentSummary) {\n    set(experiment)\n    showModal.value = false\n    options.onSelect?.(experiment)\n  }\n\n  async function handleSave() {\n    if (!options.onSave || saveLoading.value) return\n    saveLoading.value = true\n    try {\n      const message = await options.onSave()\n      if (message) {\n        saveSuccessMessage.value = message\n        if (successTimer) clearTimeout(successTimer)\n        successTimer = setTimeout(() => {\n          saveSuccessMessage.value = undefined\n          successTimer = null\n        }, 3000)\n      }\n    } finally {\n      saveLoading.value = false\n    }\n  }\n\n  function handleDetach() {\n    clear()\n    options.onDetach?.()\n  }\n\n  onScopeDispose(() => {\n    if (successTimer) clearTimeout(successTimer)\n  })\n\n  const state: AppExperimentState = {\n    experimentName,\n    experimentStatus,\n    experimentId,\n    showModal,\n    saveLoading,\n    saveSuccessMessage,\n    showSave,\n    showDetach,\n    saveDisabled,\n    saveDisabledMessage,\n    openModal,\n    closeModal,\n    handleSelect,\n    handleSave,\n    handleDetach,\n  }\n\n  provide(APP_EXPERIMENT_KEY, state)\n\n  return {\n    set,\n    clear,\n    experimentName: readonly(experimentName),\n    experimentId: readonly(experimentId),\n  }\n}\n"],"names":[],"mappings":";AA8CO,MAAM,qBAAuD,OAAO,gBAAgB;AAEpF,SAAS,iBAAiB,UAAmC,IAA4B;AAC9F,QAAM,iBAAiB,IAAA;AACvB,QAAM,mBAAmB,IAAA;AACzB,QAAM,eAAe,IAAmB,IAAI;AAC5C,QAAM,YAAY,IAAI,KAAK;AAC3B,QAAM,cAAc,IAAI,KAAK;AAC7B,QAAM,qBAAqB,IAAA;AAE3B,MAAI,eAAqD;AAEzD,QAAM,WAAW,IAAI,CAAC,CAAC,QAAQ,MAAM;AACrC,QAAM,aAAa,SAAS,MAAM,aAAa,UAAU,IAAI;AAC7D,QAAM,eAAe,SAAS,MAAM,QAAQ,QAAQ,YAAY,KAAK,KAAK;AAC1E,QAAM,sBAAsB,SAAS,MAAM,QAAQ,QAAQ,mBAAmB,CAAC;AAE/E,WAAS,IAAI,YAA+D;AAC1E,iBAAa,QAAQ,WAAW;AAChC,mBAAe,QAAQ,WAAW;AAClC,qBAAiB,QAAQ,WAAW;AAAA,EACtC;AAEA,WAAS,QAAQ;AACf,iBAAa,QAAQ;AACrB,mBAAe,QAAQ;AACvB,qBAAiB,QAAQ;AAAA,EAC3B;AAEA,WAAS,YAAY;AACnB,cAAU,QAAQ;AAAA,EACpB;AAEA,WAAS,aAAa;AACpB,cAAU,QAAQ;AAAA,EACpB;AAEA,WAAS,aAAa,YAA+B;;AACnD,QAAI,UAAU;AACd,cAAU,QAAQ;AAClB,kBAAQ,aAAR,iCAAmB;AAAA,EACrB;AAEA,iBAAe,aAAa;AAC1B,QAAI,CAAC,QAAQ,UAAU,YAAY,MAAO;AAC1C,gBAAY,QAAQ;AACpB,QAAI;AACF,YAAM,UAAU,MAAM,QAAQ,OAAA;AAC9B,UAAI,SAAS;AACX,2BAAmB,QAAQ;AAC3B,YAAI,2BAA2B,YAAY;AAC3C,uBAAe,WAAW,MAAM;AAC9B,6BAAmB,QAAQ;AAC3B,yBAAe;AAAA,QACjB,GAAG,GAAI;AAAA,MACT;AAAA,IACF,UAAA;AACE,kBAAY,QAAQ;AAAA,IACtB;AAAA,EACF;AAEA,WAAS,eAAe;;AACtB,UAAA;AACA,kBAAQ,aAAR;AAAA,EACF;AAEA,iBAAe,MAAM;AACnB,QAAI,2BAA2B,YAAY;AAAA,EAC7C,CAAC;AAED,QAAM,QAA4B;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,UAAQ,oBAAoB,KAAK;AAEjC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,gBAAgB,SAAS,cAAc;AAAA,IACvC,cAAc,SAAS,YAAY;AAAA,EAAA;AAEvC;"}