@morscherlab/mld-sdk 0.7.7 → 0.8.0

package/dist/components/ExperimentSelectorModal.vue.js

@@ -0,0 +1,218 @@
+import { defineComponent, ref, watch, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, createElementBlock, Fragment, renderList, toDisplayString, normalizeClass, createTextVNode, createCommentVNode, nextTick } from "vue";
+import { useExperimentSelector } from "../composables/useExperimentSelector.js";
+import { EXPERIMENT_STATUS_OPTIONS, formatExperimentDate, EXPERIMENT_STATUS_VARIANT_MAP } from "../composables/experiment-utils.js";
+import _sfc_main$1 from "./BaseModal.vue.js";
+/* empty css               */
+import _sfc_main$2 from "./BaseInput.vue.js";
+/* empty css               */
+import _sfc_main$3 from "./BaseSelect.vue.js";
+/* empty css                */
+import _sfc_main$7 from "./BasePill.vue.js";
+/* empty css              */
+import _sfc_main$4 from "./Skeleton.vue.js";
+/* empty css              */
+import _sfc_main$5 from "./EmptyState.vue.js";
+/* empty css                */
+import _sfc_main$6 from "./ExperimentCodeBadge.vue.js";
+/* empty css                         */
+const _hoisted_1 = { class: "mld-experiment-selector__filters" };
+const _hoisted_2 = { class: "mld-experiment-selector__search" };
+const _hoisted_3 = { class: "mld-experiment-selector__status-filter" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mld-experiment-selector__skeleton"
+};
+const _hoisted_5 = { class: "mld-experiment-selector__skeleton-content" };
+const _hoisted_6 = {
+  key: 1,
+  class: "mld-experiment-selector__error"
+};
+const _hoisted_7 = ["onClick", "onMouseenter"];
+const _hoisted_8 = { class: "mld-experiment-selector__row-content" };
+const _hoisted_9 = { class: "mld-experiment-selector__name" };
+const _hoisted_10 = { class: "mld-experiment-selector__meta" };
+const _hoisted_11 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ExperimentSelectorModal",
+  props: {
+    modelValue: { type: Boolean },
+    experimentType: {},
+    currentExperimentId: { default: null },
+    title: { default: "Select Experiment" },
+    size: { default: "full" }
+  },
+  emits: ["update:modelValue", "select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const {
+      experiments,
+      filters,
+      isLoading,
+      error,
+      fetch: fetchExperiments
+    } = useExperimentSelector({
+      experimentType: props.experimentType
+    });
+    const activeIndex = ref(-1);
+    const listRef = ref(null);
+    function handleStatusChange(value) {
+      filters.status = String(value) || null;
+    }
+    function handleSelect(experiment) {
+      emit("select", experiment);
+      emit("update:modelValue", false);
+    }
+    function handleKeydown(event) {
+      if (!experiments.value.length) return;
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          activeIndex.value = Math.min(activeIndex.value + 1, experiments.value.length - 1);
+          scrollActiveIntoView();
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          activeIndex.value = Math.max(activeIndex.value - 1, 0);
+          scrollActiveIntoView();
+          break;
+        case "Enter":
+          event.preventDefault();
+          if (activeIndex.value >= 0 && activeIndex.value < experiments.value.length) {
+            handleSelect(experiments.value[activeIndex.value]);
+          }
+          break;
+      }
+    }
+    function scrollActiveIntoView() {
+      nextTick(() => {
+        var _a;
+        const row = (_a = listRef.value) == null ? void 0 : _a.querySelector(".mld-experiment-selector__row--focused");
+        row == null ? void 0 : row.scrollIntoView({ block: "nearest" });
+      });
+    }
+    watch(experiments, () => {
+      activeIndex.value = -1;
+    });
+    watch(
+      () => props.modelValue,
+      (isOpen) => {
+        if (isOpen) {
+          activeIndex.value = -1;
+          fetchExperiments();
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        "model-value": __props.modelValue,
+        title: __props.title,
+        size: __props.size,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", $event))
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "mld-experiment-selector",
+            onKeydown: handleKeydown
+          }, [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, [
+                createVNode(_sfc_main$2, {
+                  modelValue: unref(filters).search,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(filters).search = $event),
+                  placeholder: "Search experiments...",
+                  size: "sm",
+                  type: "search"
+                }, null, 8, ["modelValue"])
+              ]),
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_sfc_main$3, {
+                  "model-value": unref(filters).status ?? "",
+                  options: unref(EXPERIMENT_STATUS_OPTIONS),
+                  size: "sm",
+                  "onUpdate:modelValue": handleStatusChange
+                }, null, 8, ["model-value", "options"])
+              ])
+            ]),
+            unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
+                return createElementVNode("div", {
+                  key: n,
+                  class: "mld-experiment-selector__skeleton-row"
+                }, [
+                  createElementVNode("div", _hoisted_5, [
+                    createVNode(_sfc_main$4, {
+                      width: 120 + n * 20,
+                      height: "14px"
+                    }, null, 8, ["width"]),
+                    createVNode(_sfc_main$4, {
+                      width: "80px",
+                      height: "10px"
+                    })
+                  ]),
+                  createVNode(_sfc_main$4, {
+                    width: "60px",
+                    height: "20px",
+                    variant: "rounded"
+                  })
+                ]);
+              }), 64))
+            ])) : unref(error) ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(unref(error)), 1)) : unref(experiments).length === 0 ? (openBlock(), createBlock(_sfc_main$5, {
+              key: 2,
+              title: "No experiments found",
+              description: "Try adjusting your search or filters.",
+              size: "sm"
+            })) : (openBlock(), createElementBlock("div", {
+              key: 3,
+              ref_key: "listRef",
+              ref: listRef,
+              class: "mld-experiment-selector__list"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(experiments), (exp, idx) => {
+                return openBlock(), createElementBlock("div", {
+                  key: exp.id,
+                  class: normalizeClass(["mld-experiment-selector__row", {
+                    "mld-experiment-selector__row--active": exp.id === __props.currentExperimentId,
+                    "mld-experiment-selector__row--focused": idx === activeIndex.value
+                  }]),
+                  onClick: ($event) => handleSelect(exp),
+                  onMouseenter: ($event) => activeIndex.value = idx
+                }, [
+                  createElementVNode("div", _hoisted_8, [
+                    createElementVNode("div", _hoisted_9, [
+                      createTextVNode(toDisplayString(exp.name) + " ", 1),
+                      exp.experiment_code ? (openBlock(), createBlock(_sfc_main$6, {
+                        key: 0,
+                        code: exp.experiment_code,
+                        size: "sm",
+                        copyable: false
+                      }, null, 8, ["code"])) : createCommentVNode("", true)
+                    ]),
+                    createElementVNode("div", _hoisted_10, [
+                      exp.project ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(exp.project), 1)) : createCommentVNode("", true),
+                      createElementVNode("span", null, toDisplayString(unref(formatExperimentDate)(exp.created_at)), 1)
+                    ])
+                  ]),
+                  createVNode(_sfc_main$7, {
+                    variant: unref(EXPERIMENT_STATUS_VARIANT_MAP)[exp.status],
+                    size: "sm"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(exp.status), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["variant"])
+                ], 42, _hoisted_7);
+              }), 128))
+            ], 512))
+          ], 32)
+        ]),
+        _: 1
+      }, 8, ["model-value", "title", "size"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ExperimentSelectorModal.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentSelectorModal.vue.js","sources":["../../src/components/ExperimentSelectorModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, nextTick } from 'vue'\nimport type { ModalSize, ExperimentSummary, ExperimentStatus } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport {\n  formatExperimentDate,\n  EXPERIMENT_STATUS_OPTIONS,\n  EXPERIMENT_STATUS_VARIANT_MAP,\n} from '../composables/experiment-utils'\nimport BaseModal from './BaseModal.vue'\nimport BaseInput from './BaseInput.vue'\nimport BaseSelect from './BaseSelect.vue'\nimport BasePill from './BasePill.vue'\nimport Skeleton from './Skeleton.vue'\nimport EmptyState from './EmptyState.vue'\nimport ExperimentCodeBadge from './ExperimentCodeBadge.vue'\n\ninterface Props {\n  modelValue: boolean\n  experimentType?: string\n  currentExperimentId?: number | null\n  title?: string\n  size?: ModalSize\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'full',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  select: [experiment: ExperimentSummary]\n}>()\n\nconst {\n  experiments,\n  filters,\n  isLoading,\n  error,\n  fetch: fetchExperiments,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n})\n\nconst activeIndex = ref(-1)\nconst listRef = ref<HTMLElement | null>(null)\n\nfunction handleStatusChange(value: string | number) {\n  filters.status = (String(value) || null) as ExperimentStatus | null\n}\n\nfunction handleSelect(experiment: ExperimentSummary) {\n  emit('select', experiment)\n  emit('update:modelValue', false)\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (!experiments.value.length) return\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      activeIndex.value = Math.min(activeIndex.value + 1, experiments.value.length - 1)\n      scrollActiveIntoView()\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      activeIndex.value = Math.max(activeIndex.value - 1, 0)\n      scrollActiveIntoView()\n      break\n    case 'Enter':\n      event.preventDefault()\n      if (activeIndex.value >= 0 && activeIndex.value < experiments.value.length) {\n        handleSelect(experiments.value[activeIndex.value])\n      }\n      break\n  }\n}\n\nfunction scrollActiveIntoView() {\n  nextTick(() => {\n    const row = listRef.value?.querySelector('.mld-experiment-selector__row--focused')\n    row?.scrollIntoView({ block: 'nearest' })\n  })\n}\n\n// Reset active index when experiments change\nwatch(experiments, () => { activeIndex.value = -1 })\n\n// Fetch on open\nwatch(\n  () => props.modelValue,\n  (isOpen) => {\n    if (isOpen) {\n      activeIndex.value = -1\n      fetchExperiments()\n    }\n  },\n)\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <div class=\"mld-experiment-selector\" @keydown=\"handleKeydown\">\n      <!-- Filter bar -->\n      <div class=\"mld-experiment-selector__filters\">\n        <div class=\"mld-experiment-selector__search\">\n          <BaseInput\n            v-model=\"filters.search\"\n            placeholder=\"Search experiments...\"\n            size=\"sm\"\n            type=\"search\"\n          />\n        </div>\n        <div class=\"mld-experiment-selector__status-filter\">\n          <BaseSelect\n            :model-value=\"filters.status ?? ''\"\n            :options=\"EXPERIMENT_STATUS_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"handleStatusChange\"\n          />\n        </div>\n      </div>\n\n      <!-- Loading skeleton -->\n      <div v-if=\"isLoading\" class=\"mld-experiment-selector__skeleton\">\n        <div v-for=\"n in 4\" :key=\"n\" class=\"mld-experiment-selector__skeleton-row\">\n          <div class=\"mld-experiment-selector__skeleton-content\">\n            <Skeleton :width=\"120 + n * 20\" height=\"14px\" />\n            <Skeleton width=\"80px\" height=\"10px\" />\n          </div>\n          <Skeleton width=\"60px\" height=\"20px\" variant=\"rounded\" />\n        </div>\n      </div>\n\n      <!-- Error -->\n      <div v-else-if=\"error\" class=\"mld-experiment-selector__error\">\n        {{ error }}\n      </div>\n\n      <!-- Empty -->\n      <EmptyState\n        v-else-if=\"experiments.length === 0\"\n        title=\"No experiments found\"\n        description=\"Try adjusting your search or filters.\"\n        size=\"sm\"\n      />\n\n      <!-- Experiment list -->\n      <div v-else ref=\"listRef\" class=\"mld-experiment-selector__list\">\n        <div\n          v-for=\"(exp, idx) in experiments\"\n          :key=\"exp.id\"\n          class=\"mld-experiment-selector__row\"\n          :class=\"{\n            'mld-experiment-selector__row--active': exp.id === currentExperimentId,\n            'mld-experiment-selector__row--focused': idx === activeIndex,\n          }\"\n          @click=\"handleSelect(exp)\"\n          @mouseenter=\"activeIndex = idx\"\n        >\n          <div class=\"mld-experiment-selector__row-content\">\n            <div class=\"mld-experiment-selector__name\">\n              {{ exp.name }}\n              <ExperimentCodeBadge\n                v-if=\"exp.experiment_code\"\n                :code=\"exp.experiment_code\"\n                size=\"sm\"\n                :copyable=\"false\"\n              />\n            </div>\n            <div class=\"mld-experiment-selector__meta\">\n              <span v-if=\"exp.project\">{{ exp.project }}</span>\n              <span>{{ formatExperimentDate(exp.created_at) }}</span>\n            </div>\n          </div>\n          <BasePill :variant=\"EXPERIMENT_STATUS_VARIANT_MAP[exp.status]\" size=\"sm\">\n            {{ exp.status }}\n          </BasePill>\n        </div>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/experiment-selector-modal.css';\n</style>\n"],"names":["_createBlock","BaseModal","_createElementVNode","_createVNode","BaseInput","_unref","BaseSelect","_openBlock","_createElementBlock","_Fragment","_renderList","Skeleton","_toDisplayString","EmptyState","ExperimentCodeBadge","BasePill","_createTextVNode"],"mappings":"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"}

package/dist/components/ExperimentSelectorModal.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./ExperimentSelectorModal.vue.js";
+/* empty css                             */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ExperimentSelectorModal.vue3.js.map

package/dist/components/ExperimentSelectorModal.vue3.js.map

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

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

@@ -0,0 +1,46 @@
+import { FitState, FitResultSummary } from '../types';
+interface Props {
+    state?: FitState;
+    progress?: number;
+    progressLabel?: string;
+    indeterminate?: boolean;
+    results?: FitResultSummary[];
+    errorMessage?: string;
+    runLabel?: string;
+    cancelLabel?: string;
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        controls?(_: {}): any;
+        results?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    run: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onRun?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    progress: number;
+    indeterminate: boolean;
+    state: FitState;
+    results: FitResultSummary[];
+    cancelLabel: string;
+    progressLabel: string;
+    runLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FitPanel.vue.js

@@ -0,0 +1,118 @@
+import { defineComponent, computed, openBlock, createElementBlock, renderSlot, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createVNode, Fragment, renderList, normalizeClass } from "vue";
+import _sfc_main$1 from "./BaseButton.vue.js";
+/* empty css                */
+import _sfc_main$2 from "./ProgressBar.vue.js";
+/* empty css                 */
+import _sfc_main$3 from "./AlertBox.vue.js";
+/* empty css              */
+const _hoisted_1 = { class: "mld-fit-panel" };
+const _hoisted_2 = { class: "mld-fit-panel__actions" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-fit-panel__progress"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "mld-fit-panel__results"
+};
+const _hoisted_5 = { class: "mld-fit-panel__result-list" };
+const _hoisted_6 = { class: "mld-fit-panel__result-label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FitPanel",
+  props: {
+    state: { default: "idle" },
+    progress: { default: 0 },
+    progressLabel: { default: "Fitting..." },
+    indeterminate: { type: Boolean, default: false },
+    results: { default: () => [] },
+    errorMessage: {},
+    runLabel: { default: "Run Fit" },
+    cancelLabel: { default: "Cancel" },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["run", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isRunning = computed(() => props.state === "running");
+    const showRunButton = computed(() => !isRunning.value);
+    const showResults = computed(() => props.state === "completed" && props.results.length > 0);
+    const showError = computed(() => props.state === "error" && props.errorMessage);
+    function variantClass(variant) {
+      if (!variant || variant === "default") return "";
+      return `mld-fit-panel__result-value--${variant}`;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "controls"),
+        createElementVNode("div", _hoisted_2, [
+          showRunButton.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            variant: "primary",
+            size: "sm",
+            disabled: __props.disabled,
+            "full-width": "",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("run"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.runLabel), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])) : createCommentVNode("", true),
+          isRunning.value ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            variant: "ghost",
+            size: "sm",
+            "full-width": "",
+            onClick: _cache[1] || (_cache[1] = ($event) => emit("cancel"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.cancelLabel), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        isRunning.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(_sfc_main$2, {
+            value: __props.progress,
+            label: __props.progressLabel,
+            indeterminate: __props.indeterminate,
+            "show-value": !__props.indeterminate,
+            size: "sm"
+          }, null, 8, ["value", "label", "indeterminate", "show-value"])
+        ])) : createCommentVNode("", true),
+        showResults.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "results", {}, () => [
+            createElementVNode("div", _hoisted_5, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.results, (item, idx) => {
+                return openBlock(), createElementBlock("div", {
+                  key: idx,
+                  class: "mld-fit-panel__result-row"
+                }, [
+                  createElementVNode("span", _hoisted_6, toDisplayString(item.label), 1),
+                  createElementVNode("span", {
+                    class: normalizeClass(["mld-fit-panel__result-value", variantClass(item.variant)])
+                  }, toDisplayString(item.value), 3)
+                ]);
+              }), 128))
+            ])
+          ])
+        ])) : createCommentVNode("", true),
+        showError.value ? (openBlock(), createBlock(_sfc_main$3, {
+          key: 2,
+          type: "error"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.errorMessage), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "footer")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FitPanel.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FitPanel.vue.js","sources":["../../src/components/FitPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { FitState, FitResultSummary } from '../types'\nimport BaseButton from './BaseButton.vue'\nimport ProgressBar from './ProgressBar.vue'\nimport AlertBox from './AlertBox.vue'\n\ninterface Props {\n  state?: FitState\n  progress?: number\n  progressLabel?: string\n  indeterminate?: boolean\n  results?: FitResultSummary[]\n  errorMessage?: string\n  runLabel?: string\n  cancelLabel?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  state: 'idle',\n  progress: 0,\n  progressLabel: 'Fitting...',\n  indeterminate: false,\n  results: () => [],\n  runLabel: 'Run Fit',\n  cancelLabel: 'Cancel',\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  run: []\n  cancel: []\n}>()\n\nconst isRunning = computed(() => props.state === 'running')\nconst showRunButton = computed(() => !isRunning.value)\nconst showResults = computed(() => props.state === 'completed' && props.results.length > 0)\nconst showError = computed(() => props.state === 'error' && props.errorMessage)\n\nfunction variantClass(variant?: string): string {\n  if (!variant || variant === 'default') return ''\n  return `mld-fit-panel__result-value--${variant}`\n}\n</script>\n\n<template>\n  <div class=\"mld-fit-panel\">\n    <!-- Plugin controls slot -->\n    <slot name=\"controls\" />\n\n    <!-- Action bar -->\n    <div class=\"mld-fit-panel__actions\">\n      <BaseButton\n        v-if=\"showRunButton\"\n        variant=\"primary\"\n        size=\"sm\"\n        :disabled=\"disabled\"\n        full-width\n        @click=\"emit('run')\"\n      >\n        {{ runLabel }}\n      </BaseButton>\n      <BaseButton\n        v-if=\"isRunning\"\n        variant=\"ghost\"\n        size=\"sm\"\n        full-width\n        @click=\"emit('cancel')\"\n      >\n        {{ cancelLabel }}\n      </BaseButton>\n    </div>\n\n    <!-- Progress -->\n    <div v-if=\"isRunning\" class=\"mld-fit-panel__progress\">\n      <ProgressBar\n        :value=\"progress\"\n        :label=\"progressLabel\"\n        :indeterminate=\"indeterminate\"\n        :show-value=\"!indeterminate\"\n        size=\"sm\"\n      />\n    </div>\n\n    <!-- Results -->\n    <div v-if=\"showResults\" class=\"mld-fit-panel__results\">\n      <slot name=\"results\">\n        <div class=\"mld-fit-panel__result-list\">\n          <div\n            v-for=\"(item, idx) in results\"\n            :key=\"idx\"\n            class=\"mld-fit-panel__result-row\"\n          >\n            <span class=\"mld-fit-panel__result-label\">{{ item.label }}</span>\n            <span\n              class=\"mld-fit-panel__result-value\"\n              :class=\"variantClass(item.variant)\"\n            >\n              {{ item.value }}\n            </span>\n          </div>\n        </div>\n      </slot>\n    </div>\n\n    <!-- Error -->\n    <AlertBox v-if=\"showError\" type=\"error\">\n      {{ errorMessage }}\n    </AlertBox>\n\n    <!-- Footer slot -->\n    <slot name=\"footer\" />\n  </div>\n</template>\n\n<style>\n@import '../styles/components/fit-panel.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_createBlock","BaseButton","_createVNode","ProgressBar","_Fragment","_renderList","_toDisplayString","AlertBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAKb,UAAM,YAAY,SAAS,MAAM,MAAM,UAAU,SAAS;AAC1D,UAAM,gBAAgB,SAAS,MAAM,CAAC,UAAU,KAAK;AACrD,UAAM,cAAc,SAAS,MAAM,MAAM,UAAU,eAAe,MAAM,QAAQ,SAAS,CAAC;AAC1F,UAAM,YAAY,SAAS,MAAM,MAAM,UAAU,WAAW,MAAM,YAAY;AAE9E,aAAS,aAAa,SAA0B;AAC9C,UAAI,CAAC,WAAW,YAAY,UAAW,QAAO;AAC9C,aAAO,gCAAgC,OAAO;AAAA,IAChD;;AAIE,aAAAA,UAAA,GAAAC,mBAkEM,OAlEN,YAkEM;AAAA,QAhEJC,WAAwB,KAAA,QAAA,UAAA;AAAA,QAGxBC,mBAoBM,OApBN,YAoBM;AAAA,UAlBI,cAAA,sBADRC,YASaC,aAAA;AAAA;YAPX,SAAQ;AAAA,YACR,MAAK;AAAA,YACJ,UAAU,QAAA;AAAA,YACX,cAAA;AAAA,YACC,+CAAO,KAAI,KAAA;AAAA,UAAA;6BAEZ,MAAc;AAAA,8CAAX,QAAA,QAAQ,GAAA,CAAA;AAAA,YAAA;;;UAGL,UAAA,sBADRD,YAQaC,aAAA;AAAA;YANX,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAA;AAAA,YACC,+CAAO,KAAI,QAAA;AAAA,UAAA;6BAEZ,MAAiB;AAAA,8CAAd,QAAA,WAAW,GAAA,CAAA;AAAA,YAAA;;;;QAKP,UAAA,SAAXL,UAAA,GAAAC,mBAQM,OARN,YAQM;AAAA,UAPJK,YAMEC,aAAA;AAAA,YALC,OAAO,QAAA;AAAA,YACP,OAAO,QAAA;AAAA,YACP,eAAe,QAAA;AAAA,YACf,eAAa,QAAA;AAAA,YACd,MAAK;AAAA,UAAA;;QAKE,YAAA,SAAXP,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,UAjBJC,WAgBO,4BAhBP,MAgBO;AAAA,YAfLC,mBAcM,OAdN,YAcM;AAAA,eAbJH,UAAA,IAAA,GAAAC,mBAYMO,UAAA,MAAAC,WAXkB,QAAA,SAAO,CAArB,MAAM,QAAG;oCADnBR,mBAYM,OAAA;AAAA,kBAVH,KAAK;AAAA,kBACN,OAAM;AAAA,gBAAA;kBAENE,mBAAiE,QAAjE,YAAiEO,gBAApB,KAAK,KAAK,GAAA,CAAA;AAAA,kBACvDP,mBAKO,QAAA;AAAA,oBAJL,uBAAM,+BACE,aAAa,KAAK,OAAO,CAAA,CAAA;AAAA,kBAAA,GAE9BO,gBAAA,KAAK,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;;QAQP,UAAA,sBAAhBN,YAEWO,aAAA;AAAA;UAFgB,MAAK;AAAA,QAAA;2BAC9B,MAAkB;AAAA,4CAAf,QAAA,YAAY,GAAA,CAAA;AAAA,UAAA;;;QAIjBT,WAAsB,KAAA,QAAA,QAAA;AAAA,MAAA;;;;"}

package/dist/components/FitPanel.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./FitPanel.vue.js";
+/* empty css              */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FitPanel.vue3.js.map

package/dist/components/FitPanel.vue3.js.map

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

package/dist/components/index.d.ts

@@ -76,3 +76,5 @@ export { default as DateTimePicker } from './DateTimePicker.vue';
 export { default as TimeRangeInput } from './TimeRangeInput.vue';
 export { default as ScheduleCalendar } from './ScheduleCalendar.vue';
 export { default as ResourceCard } from './ResourceCard.vue';
+export { default as ExperimentSelectorModal } from './ExperimentSelectorModal.vue';
+export { default as FitPanel } from './FitPanel.vue';

package/dist/components/index.js

@@ -152,6 +152,10 @@ import { default as default78 } from "./ScheduleCalendar.vue.js";
 /* empty css                      */
 import { default as default79 } from "./ResourceCard.vue.js";
 /* empty css                  */
+import { default as default80 } from "./ExperimentSelectorModal.vue.js";
+/* empty css                             */
+import { default as default81 } from "./FitPanel.vue.js";
+/* empty css              */
 export {
   default25 as AlertBox,
   default34 as AppContainer,
@@ -190,8 +194,10 @@ export {
   default41 as EmptyState,
   default75 as ExperimentCodeBadge,
   default74 as ExperimentDataViewer,
+  default80 as ExperimentSelectorModal,
   default51 as ExperimentTimeline,
   default24 as FileUploader,
+  default81 as FitPanel,
   default72 as FormActions,
   default70 as FormBuilder,
   default19 as FormField,

package/dist/components/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/experiment-utils.d.ts

@@ -0,0 +1,5 @@
+import { ExperimentStatus, SelectOption, PillVariant } from '../types';
+export declare function formatExperimentDate(dateStr: string): string;
+export declare const EXPERIMENT_STATUS_OPTIONS: SelectOption<string>[];
+export declare const EXPERIMENT_STATUS_VARIANT_MAP: Record<ExperimentStatus, PillVariant>;
+export declare const EXPERIMENT_STATUS_LABELS: Record<ExperimentStatus, string>;

package/dist/composables/experiment-utils.js

@@ -0,0 +1,34 @@
+function formatExperimentDate(dateStr) {
+  try {
+    return new Date(dateStr).toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return dateStr;
+  }
+}
+const EXPERIMENT_STATUS_OPTIONS = [
+  { value: "", label: "All statuses" },
+  { value: "planned", label: "Planned" },
+  { value: "ongoing", label: "Ongoing" },
+  { value: "completed", label: "Completed" }
+];
+const EXPERIMENT_STATUS_VARIANT_MAP = {
+  planned: "default",
+  ongoing: "primary",
+  completed: "success"
+};
+const EXPERIMENT_STATUS_LABELS = {
+  planned: "Planned",
+  ongoing: "Ongoing",
+  completed: "Completed"
+};
+export {
+  EXPERIMENT_STATUS_LABELS,
+  EXPERIMENT_STATUS_OPTIONS,
+  EXPERIMENT_STATUS_VARIANT_MAP,
+  formatExperimentDate
+};
+//# sourceMappingURL=experiment-utils.js.map

package/dist/composables/experiment-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"experiment-utils.js","sources":["../../src/composables/experiment-utils.ts"],"sourcesContent":["import type { ExperimentStatus, SelectOption, PillVariant } from '../types'\n\nexport function formatExperimentDate(dateStr: string): string {\n  try {\n    return new Date(dateStr).toLocaleDateString(undefined, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n    })\n  } catch {\n    return dateStr\n  }\n}\n\nexport const EXPERIMENT_STATUS_OPTIONS: SelectOption<string>[] = [\n  { value: '', label: 'All statuses' },\n  { value: 'planned', label: 'Planned' },\n  { value: 'ongoing', label: 'Ongoing' },\n  { value: 'completed', label: 'Completed' },\n]\n\nexport const EXPERIMENT_STATUS_VARIANT_MAP: Record<ExperimentStatus, PillVariant> = {\n  planned: 'default',\n  ongoing: 'primary',\n  completed: 'success',\n}\n\nexport const EXPERIMENT_STATUS_LABELS: Record<ExperimentStatus, string> = {\n  planned: 'Planned',\n  ongoing: 'Ongoing',\n  completed: 'Completed',\n}\n"],"names":[],"mappings":"AAEO,SAAS,qBAAqB,SAAyB;AAC5D,MAAI;AACF,WAAO,IAAI,KAAK,OAAO,EAAE,mBAAmB,QAAW;AAAA,MACrD,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IAAA,CACN;AAAA,EACH,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,MAAM,4BAAoD;AAAA,EAC/D,EAAE,OAAO,IAAI,OAAO,eAAA;AAAA,EACpB,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,EAC3B,EAAE,OAAO,aAAa,OAAO,YAAA;AAC/B;AAEO,MAAM,gCAAuE;AAAA,EAClF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;AAEO,MAAM,2BAA6D;AAAA,EACxE,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;"}

package/dist/composables/index.d.ts

@@ -18,4 +18,7 @@ export { useScheduleDrag } from './useScheduleDrag';
 export { useFormBuilder, evaluateCondition } from './useFormBuilder';
 export { useAutoGroup, DEFAULT_COLORS } from './useAutoGroup';
 export { usePluginConfig, type UsePluginConfigReturn } from './usePluginConfig';
+export { useExperimentSelector, type UseExperimentSelectorOptions, type UseExperimentSelectorReturn, } from './useExperimentSelector';
+export { formatExperimentDate, EXPERIMENT_STATUS_OPTIONS, EXPERIMENT_STATUS_VARIANT_MAP, EXPERIMENT_STATUS_LABELS, } from './experiment-utils';
+export { useExperimentData, type UseExperimentDataOptions, type UseExperimentDataReturn, } from './useExperimentData';
 export { getFieldRegistryEntry, getTypeDefault, type RegistryEntry, } from './formBuilderRegistry';

package/dist/composables/index.js

@@ -18,16 +18,23 @@ import { useScheduleDrag } from "./useScheduleDrag.js";
 import { evaluateCondition, useFormBuilder } from "./useFormBuilder.js";
 import { DEFAULT_COLORS, useAutoGroup } from "./useAutoGroup.js";
 import { usePluginConfig } from "./usePluginConfig.js";
+import { useExperimentSelector } from "./useExperimentSelector.js";
+import { EXPERIMENT_STATUS_LABELS, EXPERIMENT_STATUS_OPTIONS, EXPERIMENT_STATUS_VARIANT_MAP, formatExperimentDate } from "./experiment-utils.js";
+import { useExperimentData } from "./useExperimentData.js";
 import { getFieldRegistryEntry, getTypeDefault } from "./formBuilderRegistry.js";
 export {
   ATOMIC_WEIGHTS,
   DEFAULT_COLORS,
+  EXPERIMENT_STATUS_LABELS,
+  EXPERIMENT_STATUS_OPTIONS,
+  EXPERIMENT_STATUS_VARIANT_MAP,
   addMinutes,
   compareTime,
   durationMinutes,
   evaluateCondition,
   findAvailableSlots,
   formatDuration,
+  formatExperimentDate,
   formatTime,
   generateTimeSlots,
   getFieldRegistryEntry,
@@ -44,6 +51,8 @@ export {
   useChemicalFormula,
   useConcentrationUnits,
   useDoseCalculator,
+  useExperimentData,
+  useExperimentSelector,
   useForm,
   useFormBuilder,
   usePasskey,

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/useExperimentData.d.ts

@@ -0,0 +1,17 @@
+import { Ref, ComputedRef } from 'vue';
+import { TreeNode, SummaryData } from '../types';
+export interface UseExperimentDataOptions {
+    apiBaseUrl?: string;
+    immediate?: boolean;
+}
+export interface UseExperimentDataReturn {
+    data: Ref<Record<string, unknown> | null>;
+    treeData: ComputedRef<TreeNode[]>;
+    tableData: ComputedRef<Record<string, unknown>[]>;
+    summaryData: ComputedRef<SummaryData | null>;
+    isLoading: Ref<boolean>;
+    error: Ref<string | null>;
+    fetch: (experimentId: number) => Promise<void>;
+    refresh: () => Promise<void>;
+}
+export declare function useExperimentData(options?: UseExperimentDataOptions): UseExperimentDataReturn;

package/dist/composables/useExperimentData.js

@@ -0,0 +1,62 @@
+import { ref, computed } from "vue";
+import { useApi } from "./useApi.js";
+function useExperimentData(options = {}) {
+  const api = useApi({ baseUrl: options.apiBaseUrl });
+  const data = ref(null);
+  const isLoading = ref(false);
+  const error = ref(null);
+  let lastExperimentId = null;
+  const treeData = computed(() => {
+    if (!data.value) return [];
+    const tree = data.value.tree_data ?? data.value.treeData;
+    return Array.isArray(tree) ? tree : [];
+  });
+  const tableData = computed(() => {
+    if (!data.value) return [];
+    const table = data.value.table_data ?? data.value.tableData;
+    return Array.isArray(table) ? table : [];
+  });
+  const summaryData = computed(() => {
+    if (!data.value) return null;
+    const summary = data.value.summary_data ?? data.value.summaryData;
+    if (summary && typeof summary === "object" && "metadata" in summary) {
+      return summary;
+    }
+    return null;
+  });
+  async function fetchData(experimentId) {
+    lastExperimentId = experimentId;
+    isLoading.value = true;
+    error.value = null;
+    try {
+      const result = await api.get(
+        `/api/experiments/${experimentId}/data`
+      );
+      data.value = result;
+    } catch (e) {
+      error.value = e instanceof Error ? e.message : "Failed to fetch experiment data";
+      data.value = null;
+    } finally {
+      isLoading.value = false;
+    }
+  }
+  async function refresh() {
+    if (lastExperimentId !== null) {
+      await fetchData(lastExperimentId);
+    }
+  }
+  return {
+    data,
+    treeData,
+    tableData,
+    summaryData,
+    isLoading,
+    error,
+    fetch: fetchData,
+    refresh
+  };
+}
+export {
+  useExperimentData
+};
+//# sourceMappingURL=useExperimentData.js.map