@morscherlab/mld-sdk 0.7.8 → 0.8.0

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

@@ -1,8 +1,14 @@
 interface Props {
     code: string;
     size?: 'sm' | 'md' | 'lg';
+    copyable?: boolean;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    copy: (code: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCopy?: ((code: string) => any) | undefined;
+}>, {
     size: "sm" | "md" | "lg";
+    copyable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

package/dist/components/ExperimentCodeBadge.vue.js

@@ -1,15 +1,51 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
+const _hoisted_1 = ["role", "tabindex", "title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExperimentCodeBadge",
   props: {
     code: {},
-    size: { default: "md" }
+    size: { default: "md" },
+    copyable: { type: Boolean, default: true }
   },
-  setup(__props) {
+  emits: ["copy"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const copied = ref(false);
+    let copyTimeout = null;
+    async function handleCopy() {
+      if (!props.copyable) return;
+      try {
+        await navigator.clipboard.writeText(props.code);
+        copied.value = true;
+        emit("copy", props.code);
+        if (copyTimeout) clearTimeout(copyTimeout);
+        copyTimeout = setTimeout(() => {
+          copied.value = false;
+        }, 1500);
+      } catch {
+      }
+    }
+    function handleKeydown(event) {
+      if (!props.copyable) return;
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleCopy();
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["mld-exp-code", `mld-exp-code--${__props.size}`])
-      }, toDisplayString(__props.code), 3);
+        class: normalizeClass([
+          "mld-exp-code",
+          `mld-exp-code--${__props.size}`,
+          { "mld-exp-code--copyable": __props.copyable, "mld-exp-code--copied": copied.value }
+        ]),
+        role: __props.copyable ? "button" : void 0,
+        tabindex: __props.copyable ? 0 : void 0,
+        title: __props.copyable ? copied.value ? "Copied!" : "Click to copy" : void 0,
+        onClick: handleCopy,
+        onKeydown: handleKeydown
+      }, toDisplayString(copied.value ? "Copied!" : __props.code), 43, _hoisted_1);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"ExperimentCodeBadge.vue.js","sources":["../../src/components/ExperimentCodeBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface Props {\n  code: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nwithDefaults(defineProps<Props>(), {\n  size: 'md',\n})\n</script>\n\n<template>\n  <span :class=\"['mld-exp-code', `mld-exp-code--${size}`]\">\n    {{ code }}\n  </span>\n</template>\n\n<style>\n@import '../styles/components/experiment-code-badge.css';\n</style>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;0BAYEA,mBAEO,QAAA;AAAA,QAFA,wDAAyC,QAAA,IAAI,EAAA,CAAA;AAAA,MAAA,mBAC/C,QAAA,IAAI,GAAA,CAAA;AAAA;;;"}
+{"version":3,"file":"ExperimentCodeBadge.vue.js","sources":["../../src/components/ExperimentCodeBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\ninterface Props {\n  code: string\n  size?: 'sm' | 'md' | 'lg'\n  copyable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  copyable: true,\n})\n\nconst emit = defineEmits<{\n  copy: [code: string]\n}>()\n\nconst copied = ref(false)\nlet copyTimeout: ReturnType<typeof setTimeout> | null = null\n\nasync function handleCopy() {\n  if (!props.copyable) return\n  try {\n    await navigator.clipboard.writeText(props.code)\n    copied.value = true\n    emit('copy', props.code)\n    if (copyTimeout) clearTimeout(copyTimeout)\n    copyTimeout = setTimeout(() => { copied.value = false }, 1500)\n  } catch {\n    // Clipboard API not available (e.g. insecure context)\n  }\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (!props.copyable) return\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    handleCopy()\n  }\n}\n</script>\n\n<template>\n  <span\n    :class=\"[\n      'mld-exp-code',\n      `mld-exp-code--${size}`,\n      { 'mld-exp-code--copyable': copyable, 'mld-exp-code--copied': copied },\n    ]\"\n    :role=\"copyable ? 'button' : undefined\"\n    :tabindex=\"copyable ? 0 : undefined\"\n    :title=\"copyable ? (copied ? 'Copied!' : 'Click to copy') : undefined\"\n    @click=\"handleCopy\"\n    @keydown=\"handleKeydown\"\n  >\n    {{ copied ? 'Copied!' : code }}\n  </span>\n</template>\n\n<style>\n@import '../styles/components/experiment-code-badge.css';\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_toDisplayString"],"mappings":";;;;;;;;;;;AASA,UAAM,QAAQ;AAKd,UAAM,OAAO;AAIb,UAAM,SAAS,IAAI,KAAK;AACxB,QAAI,cAAoD;AAExD,mBAAe,aAAa;AAC1B,UAAI,CAAC,MAAM,SAAU;AACrB,UAAI;AACF,cAAM,UAAU,UAAU,UAAU,MAAM,IAAI;AAC9C,eAAO,QAAQ;AACf,aAAK,QAAQ,MAAM,IAAI;AACvB,YAAI,0BAA0B,WAAW;AACzC,sBAAc,WAAW,MAAM;AAAE,iBAAO,QAAQ;AAAA,QAAM,GAAG,IAAI;AAAA,MAC/D,QAAQ;AAAA,MAER;AAAA,IACF;AAEA,aAAS,cAAc,OAAsB;AAC3C,UAAI,CAAC,MAAM,SAAU;AACrB,UAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,cAAM,eAAA;AACN,mBAAA;AAAA,MACF;AAAA,IACF;;0BAIEA,mBAaO,QAAA;AAAA,QAZJ,OAAKC,eAAA;AAAA;2BAAiD,QAAA,IAAI;AAAA,UAAsC,EAAA,0BAAA,QAAA,kCAAkC,OAAA,MAAA;AAAA,QAAM;QAKxI,MAAM,QAAA,WAAQ,WAAc;AAAA,QAC5B,UAAU,QAAA,WAAQ,IAAO;AAAA,QACzB,OAAO,QAAA,WAAY,OAAA,sCAAwC;AAAA,QAC3D,SAAO;AAAA,QACP,WAAS;AAAA,MAAA,GAEPC,gBAAA,OAAA,oBAAqB,QAAA,IAAI,GAAA,IAAA,UAAA;AAAA;;;"}

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

@@ -1,6 +1,6 @@
 import { TreeNode, DataFrameColumn, SummaryData } from '../types';
 interface Props {
-    treeData: TreeNode[];
+    treeData?: TreeNode[];
     tableData?: Record<string, unknown>[];
     tableColumns?: DataFrameColumn[] | undefined;
     summaryData?: SummaryData | null;

package/dist/components/ExperimentDataViewer.vue.js

@@ -1,12 +1,15 @@
-import { defineComponent, ref, watch, computed, openBlock, createElementBlock, createElementVNode, createVNode, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList } from "vue";
-import _sfc_main$4 from "./SampleHierarchyTree.vue.js";
+import { defineComponent, computed, watch, ref, openBlock, createElementBlock, createElementVNode, createVNode, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList } from "vue";
+import { useExperimentData } from "../composables/useExperimentData.js";
+import _sfc_main$5 from "./SampleHierarchyTree.vue.js";
 /* empty css                         */
-import _sfc_main$3 from "./DataFrame.vue.js";
+import _sfc_main$4 from "./DataFrame.vue.js";
 /* empty css               */
 import _sfc_main$1 from "./SegmentedControl.vue.js";
 /* empty css                      */
 import _sfc_main$2 from "./BaseButton.vue.js";
 /* empty css                */
+import _sfc_main$3 from "./Skeleton.vue.js";
+/* empty css              */
 const _hoisted_1 = { class: "mld-data-viewer" };
 const _hoisted_2 = { class: "mld-data-viewer__header" };
 const _hoisted_3 = { class: "mld-data-viewer__controls" };
@@ -16,29 +19,30 @@ const _hoisted_6 = {
   key: 0,
   class: "mld-data-viewer__loading"
 };
-const _hoisted_7 = {
+const _hoisted_7 = { class: "mld-data-viewer__skeleton" };
+const _hoisted_8 = {
   key: 0,
   class: "mld-summary"
 };
-const _hoisted_8 = {
+const _hoisted_9 = {
   key: 0,
   class: "mld-summary__metadata"
 };
-const _hoisted_9 = { class: "mld-summary__pill-key" };
-const _hoisted_10 = { class: "mld-summary__pill-value" };
-const _hoisted_11 = { class: "mld-summary__group-header" };
-const _hoisted_12 = { class: "mld-summary__group-label" };
-const _hoisted_13 = { class: "mld-summary__group-count" };
-const _hoisted_14 = {
+const _hoisted_10 = { class: "mld-summary__pill-key" };
+const _hoisted_11 = { class: "mld-summary__pill-value" };
+const _hoisted_12 = { class: "mld-summary__group-header" };
+const _hoisted_13 = { class: "mld-summary__group-label" };
+const _hoisted_14 = { class: "mld-summary__group-count" };
+const _hoisted_15 = {
   key: 0,
   class: "mld-summary__group-meta"
 };
-const _hoisted_15 = { class: "mld-summary__pill-key" };
-const _hoisted_16 = { class: "mld-summary__pill-value" };
-const _hoisted_17 = { class: "mld-summary__table-header" };
-const _hoisted_18 = { class: "mld-summary__section-label" };
-const _hoisted_19 = { class: "mld-summary__section-count" };
-const _hoisted_20 = {
+const _hoisted_16 = { class: "mld-summary__pill-key" };
+const _hoisted_17 = { class: "mld-summary__pill-value" };
+const _hoisted_18 = { class: "mld-summary__table-header" };
+const _hoisted_19 = { class: "mld-summary__section-label" };
+const _hoisted_20 = { class: "mld-summary__section-count" };
+const _hoisted_21 = {
   key: 3,
   class: "mld-data-viewer__empty"
 };
@@ -61,6 +65,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["open-plugin", "download-json", "download-csv"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const expData = useExperimentData();
+    const hasPropData = computed(
+      () => props.treeData && props.treeData.length > 0 || props.summaryData
+    );
+    watch(
+      () => props.experimentId,
+      (id) => {
+        if (id && !hasPropData.value) {
+          expData.fetch(id);
+        }
+      },
+      { immediate: true }
+    );
+    const mergedTreeData = computed(
+      () => {
+        var _a;
+        return ((_a = props.treeData) == null ? void 0 : _a.length) ? props.treeData : expData.treeData.value;
+      }
+    );
+    const mergedTableData = computed(
+      () => {
+        var _a;
+        return ((_a = props.tableData) == null ? void 0 : _a.length) ? props.tableData : expData.tableData.value;
+      }
+    );
+    const mergedSummaryData = computed(
+      () => props.summaryData ?? expData.summaryData.value
+    );
+    const isLoading = computed(
+      () => props.loading || expData.isLoading.value
+    );
     const emit = __emit;
     const viewMode = ref(props.defaultView);
     watch(() => props.defaultView, (val) => {
@@ -68,25 +103,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const viewOptions = computed(() => {
       const opts = [];
-      if (props.summaryData) {
+      if (mergedSummaryData.value) {
         opts.push({ value: "summary", label: "Summary" });
       }
       opts.push({ value: "tree", label: "Tree" });
       opts.push({ value: "table", label: "Table" });
       return opts;
     });
-    watch(() => props.summaryData, (val) => {
+    watch(mergedSummaryData, (val) => {
       if (!val && viewMode.value === "summary") {
         viewMode.value = "tree";
       }
     }, { immediate: true });
     const hasTableData = computed(
-      () => props.tableData && props.tableData.length > 0
+      () => mergedTableData.value && mergedTableData.value.length > 0
     );
     const metadataEntries = computed(() => {
       var _a;
-      if (!((_a = props.summaryData) == null ? void 0 : _a.metadata)) return [];
-      return Object.entries(props.summaryData.metadata).filter(([, v]) => v !== null && v !== void 0 && v !== "").map(([key, value]) => ({
+      if (!((_a = mergedSummaryData.value) == null ? void 0 : _a.metadata)) return [];
+      return Object.entries(mergedSummaryData.value.metadata).filter(([, v]) => v !== null && v !== void 0 && v !== "").map(([key, value]) => ({
         key: key.replace(/_/g, " "),
         value: String(value)
       }));
@@ -167,20 +202,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         createElementVNode("div", _hoisted_5, [
-          __props.loading ? (openBlock(), createElementBlock("div", _hoisted_6, " Loading... ")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            viewMode.value === "summary" && __props.summaryData ? (openBlock(), createElementBlock("div", _hoisted_7, [
-              metadataEntries.value.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
+              createVNode(_sfc_main$3, {
+                width: "40%",
+                height: "16px"
+              }),
+              createVNode(_sfc_main$3, {
+                width: "100%",
+                height: "12px"
+              }),
+              createVNode(_sfc_main$3, {
+                width: "100%",
+                height: "12px"
+              }),
+              createVNode(_sfc_main$3, {
+                width: "75%",
+                height: "12px"
+              })
+            ])
+          ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            viewMode.value === "summary" && mergedSummaryData.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+              metadataEntries.value.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(metadataEntries.value, (entry) => {
                   return openBlock(), createElementBlock("span", {
                     key: entry.key,
                     class: "mld-summary__pill"
                   }, [
-                    createElementVNode("span", _hoisted_9, toDisplayString(entry.key), 1),
-                    createElementVNode("span", _hoisted_10, toDisplayString(entry.value), 1)
+                    createElementVNode("span", _hoisted_10, toDisplayString(entry.key), 1),
+                    createElementVNode("span", _hoisted_11, toDisplayString(entry.value), 1)
                   ]);
                 }), 128))
               ])) : createCommentVNode("", true),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.summaryData.sections, (section) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(mergedSummaryData.value.sections, (section) => {
                 var _a;
                 return openBlock(), createElementBlock("div", {
                   key: section.key,
@@ -191,22 +245,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: idx,
                       class: "mld-summary__group-card"
                     }, [
-                      createElementVNode("div", _hoisted_11, [
-                        createElementVNode("span", _hoisted_12, toDisplayString(item.label), 1),
-                        createElementVNode("span", _hoisted_13, toDisplayString(item.item_count) + " " + toDisplayString(item.item_key), 1)
+                      createElementVNode("div", _hoisted_12, [
+                        createElementVNode("span", _hoisted_13, toDisplayString(item.label), 1),
+                        createElementVNode("span", _hoisted_14, toDisplayString(item.item_count) + " " + toDisplayString(item.item_key), 1)
                       ]),
-                      item.metadata && Object.keys(item.metadata).length ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                      item.metadata && Object.keys(item.metadata).length ? (openBlock(), createElementBlock("div", _hoisted_15, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(item.metadata, (val, key) => {
                           return openBlock(), createElementBlock("span", {
                             key: String(key),
                             class: "mld-summary__pill mld-summary__pill--sm"
                           }, [
-                            createElementVNode("span", _hoisted_15, toDisplayString(String(key).replace(/_/g, " ")), 1),
-                            createElementVNode("span", _hoisted_16, toDisplayString(val), 1)
+                            createElementVNode("span", _hoisted_16, toDisplayString(String(key).replace(/_/g, " ")), 1),
+                            createElementVNode("span", _hoisted_17, toDisplayString(val), 1)
                           ]);
                         }), 128))
                       ])) : createCommentVNode("", true),
-                      item.rows.length ? (openBlock(), createBlock(_sfc_main$3, {
+                      item.rows.length ? (openBlock(), createBlock(_sfc_main$4, {
                         key: 1,
                         data: item.rows,
                         columns: columnsForSection(item.columns),
@@ -217,11 +271,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["data", "columns", "searchable"])) : createCommentVNode("", true)
                     ]);
                   }), 128)) : section.type === "table" && section.rows ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createElementVNode("div", _hoisted_17, [
-                      createElementVNode("span", _hoisted_18, toDisplayString(section.label), 1),
-                      createElementVNode("span", _hoisted_19, toDisplayString(section.row_count) + " rows", 1)
+                    createElementVNode("div", _hoisted_18, [
+                      createElementVNode("span", _hoisted_19, toDisplayString(section.label), 1),
+                      createElementVNode("span", _hoisted_20, toDisplayString(section.row_count) + " rows", 1)
                     ]),
-                    createVNode(_sfc_main$3, {
+                    createVNode(_sfc_main$4, {
                       data: section.rows,
                       columns: columnsForSection(section.columns || []),
                       searchable: (((_a = section.rows) == null ? void 0 : _a.length) || 0) > 10,
@@ -232,20 +286,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 64)) : createCommentVNode("", true)
                 ]);
               }), 128))
-            ])) : viewMode.value === "tree" ? (openBlock(), createBlock(_sfc_main$4, {
+            ])) : viewMode.value === "tree" ? (openBlock(), createBlock(_sfc_main$5, {
               key: 1,
-              nodes: __props.treeData,
+              nodes: mergedTreeData.value,
               "expand-all": false,
               "show-icons": true,
               "show-counts": true,
               size: "sm"
-            }, null, 8, ["nodes"])) : viewMode.value === "table" && hasTableData.value ? (openBlock(), createBlock(_sfc_main$3, {
+            }, null, 8, ["nodes"])) : viewMode.value === "table" && hasTableData.value ? (openBlock(), createBlock(_sfc_main$4, {
               key: 2,
-              data: __props.tableData,
+              data: mergedTableData.value,
               columns: __props.tableColumns ?? [],
               searchable: true,
               sortable: true
-            }, null, 8, ["data", "columns"])) : viewMode.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_20, " No tabular data available. Use tree view. ")) : createCommentVNode("", true)
+            }, null, 8, ["data", "columns"])) : viewMode.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_21, " No tabular data available. Use tree view. ")) : createCommentVNode("", true)
           ], 64))
         ])
       ]);

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

@@ -1 +1 @@
-{"version":3,"file":"ExperimentDataViewer.vue.js","sources":["../../src/components/ExperimentDataViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport type { TreeNode, DataFrameColumn, SummaryData } from '../types'\nimport SampleHierarchyTree from './SampleHierarchyTree.vue'\nimport DataFrame from './DataFrame.vue'\nimport SegmentedControl from './SegmentedControl.vue'\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  treeData: TreeNode[]\n  tableData?: Record<string, unknown>[]\n  tableColumns?: DataFrameColumn[] | undefined\n  summaryData?: SummaryData | null\n  defaultView?: 'summary' | 'tree' | 'table'\n  title?: string\n  pluginName?: string\n  pluginRoutePrefix?: string\n  experimentId?: number\n  loading?: boolean\n  downloadJsonUrl?: string\n  downloadCsvUrl?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Data',\n  defaultView: 'summary',\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  'open-plugin': []\n  'download-json': []\n  'download-csv': []\n}>()\n\nconst viewMode = ref<string | number>(props.defaultView)\n\n// Reset view mode when defaultView prop changes\nwatch(() => props.defaultView, (val) => { viewMode.value = val })\n\nconst viewOptions = computed(() => {\n  const opts = []\n  if (props.summaryData) {\n    opts.push({ value: 'summary', label: 'Summary' })\n  }\n  opts.push({ value: 'tree', label: 'Tree' })\n  opts.push({ value: 'table', label: 'Table' })\n  return opts\n})\n\n// Fall back to tree if summary is selected but no summary data\nwatch(() => props.summaryData, (val) => {\n  if (!val && viewMode.value === 'summary') {\n    viewMode.value = 'tree'\n  }\n}, { immediate: true })\n\nconst hasTableData = computed(() =>\n  props.tableData && props.tableData.length > 0\n)\n\nconst metadataEntries = computed(() => {\n  if (!props.summaryData?.metadata) return []\n  return Object.entries(props.summaryData.metadata)\n    .filter(([, v]) => v !== null && v !== undefined && v !== '')\n    .map(([key, value]) => ({\n      key: key.replace(/_/g, ' '),\n      value: String(value),\n    }))\n})\n\nfunction humanizeColumn(col: string): string {\n  return col.replace(/_/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase())\n}\n\nfunction formatCellValue(value: unknown): string {\n  if (value === null || value === undefined) return ''\n  if (typeof value === 'object') return JSON.stringify(value)\n  return String(value)\n}\n\nfunction columnsForSection(columns: string[]): DataFrameColumn[] {\n  return columns.map((col) => ({\n    key: col,\n    label: humanizeColumn(col),\n    sortable: true,\n    formatter: (value: unknown) => formatCellValue(value),\n  }))\n}\n\nfunction handleDownloadJson() {\n  if (props.downloadJsonUrl) {\n    window.open(props.downloadJsonUrl, '_blank')\n  }\n  emit('download-json')\n}\n\nfunction handleDownloadCsv() {\n  if (props.downloadCsvUrl) {\n    window.open(props.downloadCsvUrl, '_blank')\n  }\n  emit('download-csv')\n}\n</script>\n\n<template>\n  <div class=\"mld-data-viewer\">\n    <div class=\"mld-data-viewer__header\">\n      <div class=\"mld-data-viewer__controls\">\n        <SegmentedControl\n          v-model=\"viewMode\"\n          :options=\"viewOptions\"\n          variant=\"card\"\n          size=\"sm\"\n          :full-width=\"false\"\n        />\n      </div>\n      <div class=\"mld-data-viewer__actions\">\n        <BaseButton\n          v-if=\"pluginRoutePrefix && experimentId\"\n          variant=\"secondary\"\n          size=\"sm\"\n          @click=\"emit('open-plugin')\"\n        >\n          Open in {{ pluginName || 'Plugin' }}\n        </BaseButton>\n        <BaseButton\n          variant=\"ghost\"\n          size=\"sm\"\n          @click=\"handleDownloadJson\"\n        >\n          JSON\n        </BaseButton>\n        <BaseButton\n          variant=\"ghost\"\n          size=\"sm\"\n          @click=\"handleDownloadCsv\"\n        >\n          CSV\n        </BaseButton>\n      </div>\n    </div>\n\n    <div class=\"mld-data-viewer__content\">\n      <div v-if=\"loading\" class=\"mld-data-viewer__loading\">\n        Loading...\n      </div>\n      <template v-else>\n        <!-- Summary View -->\n        <div v-if=\"viewMode === 'summary' && summaryData\" class=\"mld-summary\">\n          <!-- Metadata pills -->\n          <div v-if=\"metadataEntries.length\" class=\"mld-summary__metadata\">\n            <span\n              v-for=\"entry in metadataEntries\"\n              :key=\"entry.key\"\n              class=\"mld-summary__pill\"\n            >\n              <span class=\"mld-summary__pill-key\">{{ entry.key }}</span>\n              <span class=\"mld-summary__pill-value\">{{ entry.value }}</span>\n            </span>\n          </div>\n\n          <!-- Sections -->\n          <div\n            v-for=\"section in summaryData.sections\"\n            :key=\"section.key\"\n            class=\"mld-summary__section\"\n          >\n            <!-- Group section: cards with embedded tables -->\n            <template v-if=\"section.type === 'group' && section.items\">\n              <div\n                v-for=\"(item, idx) in section.items\"\n                :key=\"idx\"\n                class=\"mld-summary__group-card\"\n              >\n                <div class=\"mld-summary__group-header\">\n                  <span class=\"mld-summary__group-label\">{{ item.label }}</span>\n                  <span class=\"mld-summary__group-count\">\n                    {{ item.item_count }} {{ item.item_key }}\n                  </span>\n                </div>\n                <div v-if=\"item.metadata && Object.keys(item.metadata).length\" class=\"mld-summary__group-meta\">\n                  <span\n                    v-for=\"(val, key) in item.metadata\"\n                    :key=\"String(key)\"\n                    class=\"mld-summary__pill mld-summary__pill--sm\"\n                  >\n                    <span class=\"mld-summary__pill-key\">{{ String(key).replace(/_/g, ' ') }}</span>\n                    <span class=\"mld-summary__pill-value\">{{ val }}</span>\n                  </span>\n                </div>\n                <DataFrame\n                  v-if=\"item.rows.length\"\n                  :data=\"item.rows\"\n                  :columns=\"columnsForSection(item.columns)\"\n                  :searchable=\"item.rows.length > 10\"\n                  :sortable=\"true\"\n                  :striped=\"true\"\n                  size=\"sm\"\n                />\n              </div>\n            </template>\n\n            <!-- Table section: flat table -->\n            <template v-else-if=\"section.type === 'table' && section.rows\">\n              <div class=\"mld-summary__table-header\">\n                <span class=\"mld-summary__section-label\">{{ section.label }}</span>\n                <span class=\"mld-summary__section-count\">{{ section.row_count }} rows</span>\n              </div>\n              <DataFrame\n                :data=\"section.rows\"\n                :columns=\"columnsForSection(section.columns || [])\"\n                :searchable=\"(section.rows?.length || 0) > 10\"\n                :sortable=\"true\"\n                :striped=\"true\"\n                size=\"sm\"\n              />\n            </template>\n          </div>\n        </div>\n\n        <!-- Tree View -->\n        <SampleHierarchyTree\n          v-else-if=\"viewMode === 'tree'\"\n          :nodes=\"treeData\"\n          :expand-all=\"false\"\n          :show-icons=\"true\"\n          :show-counts=\"true\"\n          size=\"sm\"\n        />\n\n        <!-- Table View -->\n        <DataFrame\n          v-else-if=\"viewMode === 'table' && hasTableData\"\n          :data=\"tableData!\"\n          :columns=\"tableColumns ?? []\"\n          :searchable=\"true\"\n          :sortable=\"true\"\n        />\n        <div v-else-if=\"viewMode === 'table'\" class=\"mld-data-viewer__empty\">\n          No tabular data available. Use tree view.\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/experiment-data-viewer.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","SegmentedControl","_createBlock","BaseButton","_createTextVNode","_Fragment","_renderList","_toDisplayString","DataFrame","SampleHierarchyTree"],"mappings":"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"}
+{"version":3,"file":"ExperimentDataViewer.vue.js","sources":["../../src/components/ExperimentDataViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport type { TreeNode, DataFrameColumn, SummaryData } from '../types'\nimport { useExperimentData } from '../composables/useExperimentData'\nimport SampleHierarchyTree from './SampleHierarchyTree.vue'\nimport DataFrame from './DataFrame.vue'\nimport SegmentedControl from './SegmentedControl.vue'\nimport BaseButton from './BaseButton.vue'\nimport Skeleton from './Skeleton.vue'\n\ninterface Props {\n  treeData?: TreeNode[]\n  tableData?: Record<string, unknown>[]\n  tableColumns?: DataFrameColumn[] | undefined\n  summaryData?: SummaryData | null\n  defaultView?: 'summary' | 'tree' | 'table'\n  title?: string\n  pluginName?: string\n  pluginRoutePrefix?: string\n  experimentId?: number\n  loading?: boolean\n  downloadJsonUrl?: string\n  downloadCsvUrl?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Data',\n  defaultView: 'summary',\n  loading: false,\n})\n\n// Auto-fetch when experimentId is provided and no prop data is given\nconst expData = useExperimentData()\nconst hasPropData = computed(() =>\n  (props.treeData && props.treeData.length > 0) || props.summaryData,\n)\n\nwatch(\n  () => props.experimentId,\n  (id) => {\n    if (id && !hasPropData.value) {\n      expData.fetch(id)\n    }\n  },\n  { immediate: true },\n)\n\n// Merge: props take priority over composable data\nconst mergedTreeData = computed(() =>\n  props.treeData?.length ? props.treeData : expData.treeData.value,\n)\nconst mergedTableData = computed(() =>\n  props.tableData?.length ? props.tableData : expData.tableData.value,\n)\nconst mergedSummaryData = computed(() =>\n  props.summaryData ?? expData.summaryData.value,\n)\nconst isLoading = computed(() =>\n  props.loading || expData.isLoading.value,\n)\n\nconst emit = defineEmits<{\n  'open-plugin': []\n  'download-json': []\n  'download-csv': []\n}>()\n\nconst viewMode = ref<string | number>(props.defaultView)\n\n// Reset view mode when defaultView prop changes\nwatch(() => props.defaultView, (val) => { viewMode.value = val })\n\nconst viewOptions = computed(() => {\n  const opts = []\n  if (mergedSummaryData.value) {\n    opts.push({ value: 'summary', label: 'Summary' })\n  }\n  opts.push({ value: 'tree', label: 'Tree' })\n  opts.push({ value: 'table', label: 'Table' })\n  return opts\n})\n\n// Fall back to tree if summary is selected but no summary data\nwatch(mergedSummaryData, (val) => {\n  if (!val && viewMode.value === 'summary') {\n    viewMode.value = 'tree'\n  }\n}, { immediate: true })\n\nconst hasTableData = computed(() =>\n  mergedTableData.value && mergedTableData.value.length > 0,\n)\n\nconst metadataEntries = computed(() => {\n  if (!mergedSummaryData.value?.metadata) return []\n  return Object.entries(mergedSummaryData.value.metadata)\n    .filter(([, v]) => v !== null && v !== undefined && v !== '')\n    .map(([key, value]) => ({\n      key: key.replace(/_/g, ' '),\n      value: String(value),\n    }))\n})\n\nfunction humanizeColumn(col: string): string {\n  return col.replace(/_/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase())\n}\n\nfunction formatCellValue(value: unknown): string {\n  if (value === null || value === undefined) return ''\n  if (typeof value === 'object') return JSON.stringify(value)\n  return String(value)\n}\n\nfunction columnsForSection(columns: string[]): DataFrameColumn[] {\n  return columns.map((col) => ({\n    key: col,\n    label: humanizeColumn(col),\n    sortable: true,\n    formatter: (value: unknown) => formatCellValue(value),\n  }))\n}\n\nfunction handleDownloadJson() {\n  if (props.downloadJsonUrl) {\n    window.open(props.downloadJsonUrl, '_blank')\n  }\n  emit('download-json')\n}\n\nfunction handleDownloadCsv() {\n  if (props.downloadCsvUrl) {\n    window.open(props.downloadCsvUrl, '_blank')\n  }\n  emit('download-csv')\n}\n</script>\n\n<template>\n  <div class=\"mld-data-viewer\">\n    <div class=\"mld-data-viewer__header\">\n      <div class=\"mld-data-viewer__controls\">\n        <SegmentedControl\n          v-model=\"viewMode\"\n          :options=\"viewOptions\"\n          variant=\"card\"\n          size=\"sm\"\n          :full-width=\"false\"\n        />\n      </div>\n      <div class=\"mld-data-viewer__actions\">\n        <BaseButton\n          v-if=\"pluginRoutePrefix && experimentId\"\n          variant=\"secondary\"\n          size=\"sm\"\n          @click=\"emit('open-plugin')\"\n        >\n          Open in {{ pluginName || 'Plugin' }}\n        </BaseButton>\n        <BaseButton\n          variant=\"ghost\"\n          size=\"sm\"\n          @click=\"handleDownloadJson\"\n        >\n          JSON\n        </BaseButton>\n        <BaseButton\n          variant=\"ghost\"\n          size=\"sm\"\n          @click=\"handleDownloadCsv\"\n        >\n          CSV\n        </BaseButton>\n      </div>\n    </div>\n\n    <div class=\"mld-data-viewer__content\">\n      <div v-if=\"isLoading\" class=\"mld-data-viewer__loading\">\n        <div class=\"mld-data-viewer__skeleton\">\n          <Skeleton width=\"40%\" height=\"16px\" />\n          <Skeleton width=\"100%\" height=\"12px\" />\n          <Skeleton width=\"100%\" height=\"12px\" />\n          <Skeleton width=\"75%\" height=\"12px\" />\n        </div>\n      </div>\n      <template v-else>\n        <!-- Summary View -->\n        <div v-if=\"viewMode === 'summary' && mergedSummaryData\" class=\"mld-summary\">\n          <!-- Metadata pills -->\n          <div v-if=\"metadataEntries.length\" class=\"mld-summary__metadata\">\n            <span\n              v-for=\"entry in metadataEntries\"\n              :key=\"entry.key\"\n              class=\"mld-summary__pill\"\n            >\n              <span class=\"mld-summary__pill-key\">{{ entry.key }}</span>\n              <span class=\"mld-summary__pill-value\">{{ entry.value }}</span>\n            </span>\n          </div>\n\n          <!-- Sections -->\n          <div\n            v-for=\"section in mergedSummaryData.sections\"\n            :key=\"section.key\"\n            class=\"mld-summary__section\"\n          >\n            <!-- Group section: cards with embedded tables -->\n            <template v-if=\"section.type === 'group' && section.items\">\n              <div\n                v-for=\"(item, idx) in section.items\"\n                :key=\"idx\"\n                class=\"mld-summary__group-card\"\n              >\n                <div class=\"mld-summary__group-header\">\n                  <span class=\"mld-summary__group-label\">{{ item.label }}</span>\n                  <span class=\"mld-summary__group-count\">\n                    {{ item.item_count }} {{ item.item_key }}\n                  </span>\n                </div>\n                <div v-if=\"item.metadata && Object.keys(item.metadata).length\" class=\"mld-summary__group-meta\">\n                  <span\n                    v-for=\"(val, key) in item.metadata\"\n                    :key=\"String(key)\"\n                    class=\"mld-summary__pill mld-summary__pill--sm\"\n                  >\n                    <span class=\"mld-summary__pill-key\">{{ String(key).replace(/_/g, ' ') }}</span>\n                    <span class=\"mld-summary__pill-value\">{{ val }}</span>\n                  </span>\n                </div>\n                <DataFrame\n                  v-if=\"item.rows.length\"\n                  :data=\"item.rows\"\n                  :columns=\"columnsForSection(item.columns)\"\n                  :searchable=\"item.rows.length > 10\"\n                  :sortable=\"true\"\n                  :striped=\"true\"\n                  size=\"sm\"\n                />\n              </div>\n            </template>\n\n            <!-- Table section: flat table -->\n            <template v-else-if=\"section.type === 'table' && section.rows\">\n              <div class=\"mld-summary__table-header\">\n                <span class=\"mld-summary__section-label\">{{ section.label }}</span>\n                <span class=\"mld-summary__section-count\">{{ section.row_count }} rows</span>\n              </div>\n              <DataFrame\n                :data=\"section.rows\"\n                :columns=\"columnsForSection(section.columns || [])\"\n                :searchable=\"(section.rows?.length || 0) > 10\"\n                :sortable=\"true\"\n                :striped=\"true\"\n                size=\"sm\"\n              />\n            </template>\n          </div>\n        </div>\n\n        <!-- Tree View -->\n        <SampleHierarchyTree\n          v-else-if=\"viewMode === 'tree'\"\n          :nodes=\"mergedTreeData\"\n          :expand-all=\"false\"\n          :show-icons=\"true\"\n          :show-counts=\"true\"\n          size=\"sm\"\n        />\n\n        <!-- Table View -->\n        <DataFrame\n          v-else-if=\"viewMode === 'table' && hasTableData\"\n          :data=\"mergedTableData!\"\n          :columns=\"tableColumns ?? []\"\n          :searchable=\"true\"\n          :sortable=\"true\"\n        />\n        <div v-else-if=\"viewMode === 'table'\" class=\"mld-data-viewer__empty\">\n          No tabular data available. Use tree view.\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/experiment-data-viewer.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","SegmentedControl","_createBlock","BaseButton","_createTextVNode","Skeleton","_Fragment","_renderList","_toDisplayString","DataFrame","SampleHierarchyTree"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAM,QAAQ;AAOd,UAAM,UAAU,kBAAA;AAChB,UAAM,cAAc;AAAA,MAAS,MAC1B,MAAM,YAAY,MAAM,SAAS,SAAS,KAAM,MAAM;AAAA,IAAA;AAGzD;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,OAAO;AACN,YAAI,MAAM,CAAC,YAAY,OAAO;AAC5B,kBAAQ,MAAM,EAAE;AAAA,QAClB;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAIpB,UAAM,iBAAiB;AAAA,MAAS,MAAA;;AAC9B,4BAAM,aAAN,mBAAgB,UAAS,MAAM,WAAW,QAAQ,SAAS;AAAA;AAAA,IAAA;AAE7D,UAAM,kBAAkB;AAAA,MAAS,MAAA;;AAC/B,4BAAM,cAAN,mBAAiB,UAAS,MAAM,YAAY,QAAQ,UAAU;AAAA;AAAA,IAAA;AAEhE,UAAM,oBAAoB;AAAA,MAAS,MACjC,MAAM,eAAe,QAAQ,YAAY;AAAA,IAAA;AAE3C,UAAM,YAAY;AAAA,MAAS,MACzB,MAAM,WAAW,QAAQ,UAAU;AAAA,IAAA;AAGrC,UAAM,OAAO;AAMb,UAAM,WAAW,IAAqB,MAAM,WAAW;AAGvD,UAAM,MAAM,MAAM,aAAa,CAAC,QAAQ;AAAE,eAAS,QAAQ;AAAA,IAAI,CAAC;AAEhE,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,OAAO,CAAA;AACb,UAAI,kBAAkB,OAAO;AAC3B,aAAK,KAAK,EAAE,OAAO,WAAW,OAAO,WAAW;AAAA,MAClD;AACA,WAAK,KAAK,EAAE,OAAO,QAAQ,OAAO,QAAQ;AAC1C,WAAK,KAAK,EAAE,OAAO,SAAS,OAAO,SAAS;AAC5C,aAAO;AAAA,IACT,CAAC;AAGD,UAAM,mBAAmB,CAAC,QAAQ;AAChC,UAAI,CAAC,OAAO,SAAS,UAAU,WAAW;AACxC,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF,GAAG,EAAE,WAAW,MAAM;AAEtB,UAAM,eAAe;AAAA,MAAS,MAC5B,gBAAgB,SAAS,gBAAgB,MAAM,SAAS;AAAA,IAAA;AAG1D,UAAM,kBAAkB,SAAS,MAAM;;AACrC,UAAI,GAAC,uBAAkB,UAAlB,mBAAyB,kBAAiB,CAAA;AAC/C,aAAO,OAAO,QAAQ,kBAAkB,MAAM,QAAQ,EACnD,OAAO,CAAC,CAAA,EAAG,CAAC,MAAM,MAAM,QAAQ,MAAM,UAAa,MAAM,EAAE,EAC3D,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,QACtB,KAAK,IAAI,QAAQ,MAAM,GAAG;AAAA,QAC1B,OAAO,OAAO,KAAK;AAAA,MAAA,EACnB;AAAA,IACN,CAAC;AAED,aAAS,eAAe,KAAqB;AAC3C,aAAO,IAAI,QAAQ,MAAM,GAAG,EAAE,QAAQ,SAAS,CAAC,MAAM,EAAE,YAAA,CAAa;AAAA,IACvE;AAEA,aAAS,gBAAgB,OAAwB;AAC/C,UAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,UAAI,OAAO,UAAU,SAAU,QAAO,KAAK,UAAU,KAAK;AAC1D,aAAO,OAAO,KAAK;AAAA,IACrB;AAEA,aAAS,kBAAkB,SAAsC;AAC/D,aAAO,QAAQ,IAAI,CAAC,SAAS;AAAA,QAC3B,KAAK;AAAA,QACL,OAAO,eAAe,GAAG;AAAA,QACzB,UAAU;AAAA,QACV,WAAW,CAAC,UAAmB,gBAAgB,KAAK;AAAA,MAAA,EACpD;AAAA,IACJ;AAEA,aAAS,qBAAqB;AAC5B,UAAI,MAAM,iBAAiB;AACzB,eAAO,KAAK,MAAM,iBAAiB,QAAQ;AAAA,MAC7C;AACA,WAAK,eAAe;AAAA,IACtB;AAEA,aAAS,oBAAoB;AAC3B,UAAI,MAAM,gBAAgB;AACxB,eAAO,KAAK,MAAM,gBAAgB,QAAQ;AAAA,MAC5C;AACA,WAAK,cAAc;AAAA,IACrB;;AAIE,aAAAA,UAAA,GAAAC,mBA+IM,OA/IN,YA+IM;AAAA,QA9IJC,mBAkCM,OAlCN,YAkCM;AAAA,UAjCJA,mBAQM,OARN,YAQM;AAAA,YAPJC,YAMEC,aAAA;AAAA,0BALS,SAAA;AAAA,2EAAA,SAAQ,QAAA;AAAA,cAChB,SAAS,YAAA;AAAA,cACV,SAAQ;AAAA,cACR,MAAK;AAAA,cACJ,cAAY;AAAA,YAAA;;UAGjBF,mBAuBM,OAvBN,YAuBM;AAAA,YArBI,QAAA,qBAAqB,QAAA,6BAD7BG,YAOaC,aAAA;AAAA;cALX,SAAQ;AAAA,cACR,MAAK;AAAA,cACJ,+CAAO,KAAI,aAAA;AAAA,YAAA;+BACb,MACS;AAAA,gBADTC,gBAAA,8BACY,QAAA,cAAU,QAAA,GAAA,CAAA;AAAA,cAAA;;;YAEvBJ,YAMaG,aAAA;AAAA,cALX,SAAQ;AAAA,cACR,MAAK;AAAA,cACJ,SAAO;AAAA,YAAA;+BACT,MAED,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,gCAFC,UAED,EAAA;AAAA,cAAA;;;YACAH,YAMaG,aAAA;AAAA,cALX,SAAQ;AAAA,cACR,MAAK;AAAA,cACJ,SAAO;AAAA,YAAA;+BACT,MAED,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,gCAFC,SAED,EAAA;AAAA,cAAA;;;;;QAIJJ,mBAyGM,OAzGN,YAyGM;AAAA,UAxGO,UAAA,SAAXF,UAAA,GAAAC,mBAOM,OAPN,YAOM;AAAA,YANJC,mBAKM,OALN,YAKM;AAAA,cAJJC,YAAsCK,aAAA;AAAA,gBAA5B,OAAM;AAAA,gBAAM,QAAO;AAAA,cAAA;cAC7BL,YAAuCK,aAAA;AAAA,gBAA7B,OAAM;AAAA,gBAAO,QAAO;AAAA,cAAA;cAC9BL,YAAuCK,aAAA;AAAA,gBAA7B,OAAM;AAAA,gBAAO,QAAO;AAAA,cAAA;cAC9BL,YAAsCK,aAAA;AAAA,gBAA5B,OAAM;AAAA,gBAAM,QAAO;AAAA,cAAA;;8BAGjCP,mBA+FWQ,UAAA,EAAA,KAAA,KAAA;AAAA,YA7FE,SAAA,uBAA0B,kBAAA,SAArCT,aAAAC,mBAsEM,OAtEN,YAsEM;AAAA,cApEO,gBAAA,MAAgB,UAA3BD,aAAAC,mBASM,OATN,YASM;AAAA,kCARJA,mBAOOQ,UAAA,MAAAC,WANW,gBAAA,OAAe,CAAxB,UAAK;sCADdT,mBAOO,QAAA;AAAA,oBALJ,KAAK,MAAM;AAAA,oBACZ,OAAM;AAAA,kBAAA;oBAENC,mBAA0D,QAA1D,aAA0DS,gBAAnB,MAAM,GAAG,GAAA,CAAA;AAAA,oBAChDT,mBAA8D,QAA9D,aAA8DS,gBAArB,MAAM,KAAK,GAAA,CAAA;AAAA,kBAAA;;;eAKxDX,UAAA,IAAA,GAAAC,mBAuDMQ,UAAA,MAAAC,WAtDc,kBAAA,MAAkB,WAA7B,YAAO;;oCADhBT,mBAuDM,OAAA;AAAA,kBArDH,KAAK,QAAQ;AAAA,kBACd,OAAM;AAAA,gBAAA;kBAGU,QAAQ,SAAI,WAAgB,QAAQ,SAClDD,UAAA,IAAA,GAAAC,mBA8BMQ,iCA7BkB,QAAQ,OAAK,CAA3B,MAAM,QAAG;wCADnBR,mBA8BM,OAAA;AAAA,sBA5BH,KAAK;AAAA,sBACN,OAAM;AAAA,oBAAA;sBAENC,mBAKM,OALN,aAKM;AAAA,wBAJJA,mBAA8D,QAA9D,aAA8DS,gBAApB,KAAK,KAAK,GAAA,CAAA;AAAA,wBACpDT,mBAEO,QAFP,aAEOS,gBADF,KAAK,UAAU,IAAG,MAACA,gBAAG,KAAK,QAAQ,GAAA,CAAA;AAAA,sBAAA;sBAG/B,KAAK,YAAY,OAAO,KAAK,KAAK,QAAQ,EAAE,UAAvDX,UAAA,GAAAC,mBASM,OATN,aASM;AAAA,yBARJD,UAAA,IAAA,GAAAC,mBAOOQ,2BANgB,KAAK,UAAQ,CAA1B,KAAK,QAAG;8CADlBR,mBAOO,QAAA;AAAA,4BALJ,KAAK,OAAO,GAAG;AAAA,4BAChB,OAAM;AAAA,0BAAA;4BAENC,mBAA+E,QAA/E,aAA+ES,gBAAxC,OAAO,GAAG,EAAE,QAAO,MAAA,GAAA,CAAA,GAAA,CAAA;AAAA,4BAC1DT,mBAAsD,QAAtD,aAAsDS,gBAAb,GAAG,GAAA,CAAA;AAAA,0BAAA;;;sBAIxC,KAAK,KAAK,uBADlBN,YAQEO,aAAA;AAAA;wBANC,MAAM,KAAK;AAAA,wBACX,SAAS,kBAAkB,KAAK,OAAO;AAAA,wBACvC,YAAY,KAAK,KAAK,SAAM;AAAA,wBAC5B,UAAU;AAAA,wBACV,SAAS;AAAA,wBACV,MAAK;AAAA,sBAAA;;8BAMU,QAAQ,SAAI,WAAgB,QAAQ,qBAAzDX,mBAaWQ,UAAA,EAAA,KAAA,KAAA;AAAA,oBAZTP,mBAGM,OAHN,aAGM;AAAA,sBAFJA,mBAAmE,QAAnE,aAAmES,gBAAvB,QAAQ,KAAK,GAAA,CAAA;AAAA,sBACzDT,mBAA4E,QAA5E,aAA4ES,gBAAhC,QAAQ,SAAS,IAAG,SAAK,CAAA;AAAA,oBAAA;oBAEvER,YAOES,aAAA;AAAA,sBANC,MAAM,QAAQ;AAAA,sBACd,SAAS,kBAAkB,QAAQ,WAAO,CAAA,CAAA;AAAA,sBAC1C,eAAa,aAAQ,SAAR,mBAAc,WAAM,KAAA;AAAA,sBACjC,UAAU;AAAA,sBACV,SAAS;AAAA,sBACV,MAAK;AAAA,oBAAA;;;;kBAQA,SAAA,UAAQ,uBADrBP,YAOEQ,aAAA;AAAA;cALC,OAAO,eAAA;AAAA,cACP,cAAY;AAAA,cACZ,cAAY;AAAA,cACZ,eAAa;AAAA,cACd,MAAK;AAAA,YAAA,0BAKM,SAAA,qBAAwB,aAAA,sBADrCR,YAMEO,aAAA;AAAA;cAJC,MAAM,gBAAA;AAAA,cACN,SAAS,QAAA,gBAAY,CAAA;AAAA,cACrB,YAAY;AAAA,cACZ,UAAU;AAAA,YAAA,oCAEG,SAAA,UAAQ,wBAAxBX,mBAEM,OAFN,aAAqE,6CAErE;;;;;;;"}

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

@@ -16,5 +16,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     size: ModalSize;
     title: string;
     currentExperimentId: number | null;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    listRef: HTMLDivElement;
+}, any>;
 export default _default;