@morscherlab/mld-sdk 0.9.4 → 0.9.5

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

@@ -5,17 +5,23 @@ interface Props {
     currentExperimentId?: number | null;
     title?: string;
     size?: ModalSize;
+    groupByProject?: boolean;
+    showFilters?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (experiment: ExperimentSummary) => any;
     "update:modelValue": (value: boolean) => any;
+    deselect: () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onSelect?: ((experiment: ExperimentSummary) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onDeselect?: (() => any) | undefined;
 }>, {
     size: ModalSize;
     title: string;
+    showFilters: boolean;
     currentExperimentId: number | null;
+    groupByProject: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     listRef: HTMLDivElement;
 }, any>;

package/dist/components/ExperimentSelectorModal.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, watch, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, createElementBlock, Fragment, renderList, toDisplayString, normalizeClass, createTextVNode, createCommentVNode, nextTick } from "vue";
+import { defineComponent, ref, computed, reactive, watch, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, createElementBlock, createCommentVNode, normalizeClass, createTextVNode, withDirectives, vModelCheckbox, Fragment, renderList, toDisplayString, nextTick } from "vue";
 import { useExperimentSelector } from "../composables/useExperimentSelector.js";
-import { EXPERIMENT_STATUS_OPTIONS, formatExperimentDate, EXPERIMENT_STATUS_VARIANT_MAP } from "../composables/experiment-utils.js";
+import { EXPERIMENT_STATUS_OPTIONS, DATE_PRESET_OPTIONS, SORT_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";
@@ -15,23 +15,53 @@ 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_1 = { class: "mld-experiment-selector__filters-row" };
 const _hoisted_2 = { class: "mld-experiment-selector__search" };
-const _hoisted_3 = { class: "mld-experiment-selector__status-filter" };
+const _hoisted_3 = { class: "mld-experiment-selector__filter-select" };
 const _hoisted_4 = {
   key: 0,
-  class: "mld-experiment-selector__skeleton"
+  class: "mld-experiment-selector__filter-select"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "mld-experiment-selector__filters-dot"
 };
-const _hoisted_5 = { class: "mld-experiment-selector__skeleton-content" };
 const _hoisted_6 = {
+  key: 0,
+  class: "mld-experiment-selector__filters-advanced"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "mld-experiment-selector__filter-select"
+};
+const _hoisted_8 = { class: "mld-experiment-selector__filter-select" };
+const _hoisted_9 = { class: "mld-experiment-selector__filter-select" };
+const _hoisted_10 = { class: "mld-experiment-selector__group-toggle" };
+const _hoisted_11 = {
   key: 1,
+  class: "mld-experiment-selector__skeleton"
+};
+const _hoisted_12 = { class: "mld-experiment-selector__skeleton-content" };
+const _hoisted_13 = {
+  key: 2,
   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 _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "mld-experiment-selector__group-name" };
+const _hoisted_16 = { class: "mld-experiment-selector__group-count" };
+const _hoisted_17 = ["onClick", "onMouseenter"];
+const _hoisted_18 = { class: "mld-experiment-selector__row-content" };
+const _hoisted_19 = { class: "mld-experiment-selector__name" };
+const _hoisted_20 = { class: "mld-experiment-selector__meta" };
+const _hoisted_21 = ["onClick", "onMouseenter"];
+const _hoisted_22 = { class: "mld-experiment-selector__row-content" };
+const _hoisted_23 = { class: "mld-experiment-selector__name" };
+const _hoisted_24 = { class: "mld-experiment-selector__meta" };
+const _hoisted_25 = { key: 0 };
+const _hoisted_26 = {
+  key: 6,
+  class: "mld-experiment-selector__footer"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExperimentSelectorModal",
   props: {
@@ -39,9 +69,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     experimentType: {},
     currentExperimentId: { default: null },
     title: { default: "Select Experiment" },
-    size: { default: "full" }
+    size: { default: "full" },
+    groupByProject: { type: Boolean, default: false },
+    showFilters: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "select"],
+  emits: ["update:modelValue", "select", "deselect"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -50,25 +82,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       filters,
       isLoading,
       error,
-      fetch: fetchExperiments
+      sortKey,
+      experimentTypes,
+      projects,
+      groupedByProject,
+      fetch: fetchExperiments,
+      fetchFilterOptions
     } = useExperimentSelector({
       experimentType: props.experimentType
     });
     const activeIndex = ref(-1);
     const listRef = ref(null);
-    function handleStatusChange(value) {
-      filters.status = String(value) || null;
+    const showAdvanced = ref(props.showFilters);
+    const groupToggle = ref(props.groupByProject);
+    const hasActiveAdvancedFilters = computed(
+      () => !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== "created_at:desc")
+    );
+    const typeFilterOptions = computed(() => [
+      { value: "", label: "All types" },
+      ...experimentTypes.value.map((t) => ({ value: t.value, label: t.label }))
+    ]);
+    const projectFilterOptions = computed(() => [
+      { value: "", label: "All projects" },
+      ...projects.value
+    ]);
+    const flatExperiments = computed(() => {
+      if (!groupToggle.value) return experiments.value;
+      return groupedByProject.value.flatMap(([, exps]) => exps);
+    });
+    function setFilter(key, value) {
+      filters[key] = String(value) || null;
+    }
+    function handleSortChange(value) {
+      sortKey.value = String(value) || "created_at:desc";
     }
     function handleSelect(experiment) {
       emit("select", experiment);
       emit("update:modelValue", false);
     }
+    function handleDeselect() {
+      emit("deselect");
+      emit("update:modelValue", false);
+    }
     function handleKeydown(event) {
-      if (!experiments.value.length) return;
+      const list = flatExperiments.value;
+      if (!list.length) return;
       switch (event.key) {
         case "ArrowDown":
           event.preventDefault();
-          activeIndex.value = Math.min(activeIndex.value + 1, experiments.value.length - 1);
+          activeIndex.value = Math.min(activeIndex.value + 1, list.length - 1);
           scrollActiveIntoView();
           break;
         case "ArrowUp":
@@ -78,8 +140,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           break;
         case "Enter":
           event.preventDefault();
-          if (activeIndex.value >= 0 && activeIndex.value < experiments.value.length) {
-            handleSelect(experiments.value[activeIndex.value]);
+          if (activeIndex.value >= 0 && activeIndex.value < list.length) {
+            handleSelect(list[activeIndex.value]);
           }
           break;
       }
@@ -91,6 +153,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         row == null ? void 0 : row.scrollIntoView({ block: "nearest" });
       });
     }
+    const flatIndexMap = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      flatExperiments.value.forEach((exp, i) => map.set(exp.id, i));
+      return map;
+    });
+    function getFlatIndex(experiment) {
+      return flatIndexMap.value.get(experiment.id) ?? -1;
+    }
+    const collapsedGroups = reactive(/* @__PURE__ */ new Set());
+    function toggleGroup(groupName) {
+      if (collapsedGroups.has(groupName)) {
+        collapsedGroups.delete(groupName);
+      } else {
+        collapsedGroups.add(groupName);
+      }
+    }
     watch(experiments, () => {
       activeIndex.value = -1;
     });
@@ -99,6 +177,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       (isOpen) => {
         if (isOpen) {
           activeIndex.value = -1;
+          collapsedGroups.clear();
+          fetchFilterOptions();
           fetchExperiments();
         }
       }
@@ -108,7 +188,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "model-value": __props.modelValue,
         title: __props.title,
         size: __props.size,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", $event))
+        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => emit("update:modelValue", $event))
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
@@ -130,17 +210,113 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "model-value": unref(filters).status ?? "",
                   options: unref(EXPERIMENT_STATUS_OPTIONS),
                   size: "sm",
-                  "onUpdate:modelValue": handleStatusChange
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = (v) => setFilter("status", v))
                 }, null, 8, ["model-value", "options"])
-              ])
+              ]),
+              typeFilterOptions.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                createVNode(_sfc_main$3, {
+                  "model-value": unref(filters).experimentType ?? "",
+                  options: typeFilterOptions.value,
+                  size: "sm",
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = (v) => setFilter("experimentType", v))
+                }, null, 8, ["model-value", "options"])
+              ])) : createCommentVNode("", true),
+              createElementVNode("button", {
+                class: normalizeClass(["mld-experiment-selector__filters-toggle", { "mld-experiment-selector__filters-toggle--active": hasActiveAdvancedFilters.value }]),
+                type: "button",
+                onClick: _cache[3] || (_cache[3] = ($event) => showAdvanced.value = !showAdvanced.value)
+              }, [
+                _cache[8] || (_cache[8] = createElementVNode("svg", {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, [
+                  createElementVNode("line", {
+                    x1: "4",
+                    y1: "6",
+                    x2: "20",
+                    y2: "6"
+                  }),
+                  createElementVNode("line", {
+                    x1: "8",
+                    y1: "12",
+                    x2: "20",
+                    y2: "12"
+                  }),
+                  createElementVNode("line", {
+                    x1: "12",
+                    y1: "18",
+                    x2: "20",
+                    y2: "18"
+                  }),
+                  createElementVNode("circle", {
+                    cx: "6",
+                    cy: "12",
+                    r: "2"
+                  }),
+                  createElementVNode("circle", {
+                    cx: "10",
+                    cy: "18",
+                    r: "2"
+                  }),
+                  createElementVNode("circle", {
+                    cx: "6",
+                    cy: "6",
+                    r: "2"
+                  })
+                ], -1)),
+                _cache[9] || (_cache[9] = createTextVNode(" Filters ", -1)),
+                hasActiveAdvancedFilters.value ? (openBlock(), createElementBlock("span", _hoisted_5)) : createCommentVNode("", true)
+              ], 2)
             ]),
-            unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            showAdvanced.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              projectFilterOptions.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                createVNode(_sfc_main$3, {
+                  "model-value": unref(filters).project ?? "",
+                  options: projectFilterOptions.value,
+                  size: "sm",
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = (v) => setFilter("project", v))
+                }, null, 8, ["model-value", "options"])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_8, [
+                createVNode(_sfc_main$3, {
+                  "model-value": unref(filters).datePreset ?? "",
+                  options: unref(DATE_PRESET_OPTIONS),
+                  size: "sm",
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = (v) => setFilter("datePreset", v))
+                }, null, 8, ["model-value", "options"])
+              ]),
+              createElementVNode("div", _hoisted_9, [
+                createVNode(_sfc_main$3, {
+                  "model-value": unref(sortKey),
+                  options: unref(SORT_OPTIONS),
+                  size: "sm",
+                  "onUpdate:modelValue": handleSortChange
+                }, null, 8, ["model-value", "options"])
+              ]),
+              createElementVNode("label", _hoisted_10, [
+                withDirectives(createElementVNode("input", {
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => groupToggle.value = $event),
+                  type: "checkbox",
+                  class: "mld-experiment-selector__group-checkbox"
+                }, null, 512), [
+                  [vModelCheckbox, groupToggle.value]
+                ]),
+                _cache[10] || (_cache[10] = createTextVNode(" Group by project ", -1))
+              ])
+            ])) : createCommentVNode("", true),
+            unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_11, [
               (openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
                 return createElementVNode("div", {
                   key: n,
                   class: "mld-experiment-selector__skeleton-row"
                 }, [
-                  createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_12, [
                     createVNode(_sfc_main$4, {
                       width: 120 + n * 20,
                       height: "14px"
@@ -157,13 +333,79 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 ]);
               }), 64))
-            ])) : unref(error) ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(unref(error)), 1)) : unref(experiments).length === 0 ? (openBlock(), createBlock(_sfc_main$5, {
-              key: 2,
+            ])) : unref(error) ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(unref(error)), 1)) : unref(experiments).length === 0 ? (openBlock(), createBlock(_sfc_main$5, {
+              key: 3,
               title: "No experiments found",
               description: "Try adjusting your search or filters.",
               size: "sm"
-            })) : (openBlock(), createElementBlock("div", {
-              key: 3,
+            })) : groupToggle.value ? (openBlock(), createElementBlock("div", {
+              key: 4,
+              ref_key: "listRef",
+              ref: listRef,
+              class: "mld-experiment-selector__list"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(groupedByProject), ([groupName, groupExps]) => {
+                return openBlock(), createElementBlock(Fragment, { key: groupName }, [
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-experiment-selector__group-header",
+                    onClick: ($event) => toggleGroup(groupName)
+                  }, [
+                    (openBlock(), createElementBlock("svg", {
+                      class: normalizeClass(["mld-experiment-selector__group-chevron", { "mld-experiment-selector__group-chevron--collapsed": collapsedGroups.has(groupName) }]),
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, [..._cache[11] || (_cache[11] = [
+                      createElementVNode("polyline", { points: "6 9 12 15 18 9" }, null, -1)
+                    ])], 2)),
+                    createElementVNode("span", _hoisted_15, toDisplayString(groupName), 1),
+                    createElementVNode("span", _hoisted_16, toDisplayString(groupExps.length), 1)
+                  ], 8, _hoisted_14),
+                  !collapsedGroups.has(groupName) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupExps, (exp) => {
+                    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": getFlatIndex(exp) === activeIndex.value
+                      }]),
+                      onClick: ($event) => handleSelect(exp),
+                      onMouseenter: ($event) => activeIndex.value = getFlatIndex(exp)
+                    }, [
+                      createElementVNode("div", _hoisted_18, [
+                        createElementVNode("div", _hoisted_19, [
+                          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_20, [
+                          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_17);
+                  }), 128)) : createCommentVNode("", true)
+                ], 64);
+              }), 128))
+            ], 512)) : (openBlock(), createElementBlock("div", {
+              key: 5,
               ref_key: "listRef",
               ref: listRef,
               class: "mld-experiment-selector__list"
@@ -178,8 +420,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => handleSelect(exp),
                   onMouseenter: ($event) => activeIndex.value = idx
                 }, [
-                  createElementVNode("div", _hoisted_8, [
-                    createElementVNode("div", _hoisted_9, [
+                  createElementVNode("div", _hoisted_22, [
+                    createElementVNode("div", _hoisted_23, [
                       createTextVNode(toDisplayString(exp.name) + " ", 1),
                       exp.experiment_code ? (openBlock(), createBlock(_sfc_main$6, {
                         key: 0,
@@ -188,8 +430,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         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("div", _hoisted_24, [
+                      exp.project_name || exp.project ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(exp.project_name || exp.project), 1)) : createCommentVNode("", true),
                       createElementVNode("span", null, toDisplayString(unref(formatExperimentDate)(exp.created_at)), 1)
                     ])
                   ]),
@@ -202,9 +444,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1032, ["variant"])
-                ], 42, _hoisted_7);
+                ], 42, _hoisted_21);
               }), 128))
-            ], 512))
+            ], 512)),
+            __props.currentExperimentId != null ? (openBlock(), createElementBlock("div", _hoisted_26, [
+              createElementVNode("button", {
+                type: "button",
+                class: "mld-experiment-selector__clear-btn",
+                onClick: handleDeselect
+              }, " Clear selection ")
+            ])) : createCommentVNode("", true)
           ], 32)
         ]),
         _: 1

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

@@ -1 +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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"}
+{"version":3,"file":"ExperimentSelectorModal.vue.js","sources":["../../src/components/ExperimentSelectorModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, reactive, computed, watch, nextTick } from 'vue'\nimport type { ModalSize, ExperimentSummary, ExperimentFilters } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport {\n  formatExperimentDate,\n  EXPERIMENT_STATUS_OPTIONS,\n  EXPERIMENT_STATUS_VARIANT_MAP,\n  DATE_PRESET_OPTIONS,\n  SORT_OPTIONS,\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  groupByProject?: boolean\n  showFilters?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'full',\n  groupByProject: false,\n  showFilters: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  select: [experiment: ExperimentSummary]\n  deselect: []\n}>()\n\nconst {\n  experiments,\n  filters,\n  isLoading,\n  error,\n  sortKey,\n  experimentTypes,\n  projects,\n  groupedByProject,\n  fetch: fetchExperiments,\n  fetchFilterOptions,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n})\n\nconst activeIndex = ref(-1)\nconst listRef = ref<HTMLElement | null>(null)\nconst showAdvanced = ref(props.showFilters)\nconst groupToggle = ref(props.groupByProject)\n\n// Track whether any advanced filter is active (for badge dot)\nconst hasActiveAdvancedFilters = computed(() =>\n  !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== 'created_at:desc'),\n)\n\n// Build type filter options from fetched experiment types\nconst typeFilterOptions = computed(() => [\n  { value: '', label: 'All types' },\n  ...experimentTypes.value.map(t => ({ value: t.value, label: t.label })),\n])\n\n// Build project filter options from fetched projects\nconst projectFilterOptions = computed(() => [\n  { value: '', label: 'All projects' },\n  ...projects.value,\n])\n\n// Flat list of experiments for keyboard navigation (works across groups too)\nconst flatExperiments = computed(() => {\n  if (!groupToggle.value) return experiments.value\n  return groupedByProject.value.flatMap(([, exps]) => exps)\n})\n\nfunction setFilter<K extends keyof ExperimentFilters>(key: K, value: string | number) {\n  ;(filters as Record<string, unknown>)[key] = String(value) || null\n}\n\nfunction handleSortChange(value: string | number) {\n  sortKey.value = String(value) || 'created_at:desc'\n}\n\nfunction handleSelect(experiment: ExperimentSummary) {\n  emit('select', experiment)\n  emit('update:modelValue', false)\n}\n\nfunction handleDeselect() {\n  emit('deselect')\n  emit('update:modelValue', false)\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  const list = flatExperiments.value\n  if (!list.length) return\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      activeIndex.value = Math.min(activeIndex.value + 1, list.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 < list.length) {\n        handleSelect(list[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// Precomputed id → flat index for O(1) lookup in grouped mode\nconst flatIndexMap = computed(() => {\n  const map = new Map<number, number>()\n  flatExperiments.value.forEach((exp, i) => map.set(exp.id, i))\n  return map\n})\n\nfunction getFlatIndex(experiment: ExperimentSummary): number {\n  return flatIndexMap.value.get(experiment.id) ?? -1\n}\n\n// Track collapsed groups (reactive Set tracks .add/.delete/.has automatically)\nconst collapsedGroups = reactive(new Set<string>())\n\nfunction toggleGroup(groupName: string) {\n  if (collapsedGroups.has(groupName)) {\n    collapsedGroups.delete(groupName)\n  } else {\n    collapsedGroups.add(groupName)\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      collapsedGroups.clear()\n      fetchFilterOptions()\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 row 1 -->\n      <div class=\"mld-experiment-selector__filters-row\">\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__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.status ?? ''\"\n            :options=\"EXPERIMENT_STATUS_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('status', v)\"\n          />\n        </div>\n        <div v-if=\"typeFilterOptions.length > 1\" class=\"mld-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.experimentType ?? ''\"\n            :options=\"typeFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('experimentType', v)\"\n          />\n        </div>\n        <button\n          class=\"mld-experiment-selector__filters-toggle\"\n          :class=\"{ 'mld-experiment-selector__filters-toggle--active': hasActiveAdvancedFilters }\"\n          type=\"button\"\n          @click=\"showAdvanced = !showAdvanced\"\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\" /><line x1=\"8\" y1=\"12\" x2=\"20\" y2=\"12\" /><line x1=\"12\" y1=\"18\" x2=\"20\" y2=\"18\" />\n            <circle cx=\"6\" cy=\"12\" r=\"2\" /><circle cx=\"10\" cy=\"18\" r=\"2\" /><circle cx=\"6\" cy=\"6\" r=\"2\" />\n          </svg>\n          Filters\n          <span v-if=\"hasActiveAdvancedFilters\" class=\"mld-experiment-selector__filters-dot\" />\n        </button>\n      </div>\n\n      <!-- Filter bar row 2 (advanced, collapsible) -->\n      <div v-if=\"showAdvanced\" class=\"mld-experiment-selector__filters-advanced\">\n        <div v-if=\"projectFilterOptions.length > 1\" class=\"mld-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.project ?? ''\"\n            :options=\"projectFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('project', v)\"\n          />\n        </div>\n        <div class=\"mld-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.datePreset ?? ''\"\n            :options=\"DATE_PRESET_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('datePreset', v)\"\n          />\n        </div>\n        <div class=\"mld-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"sortKey\"\n            :options=\"SORT_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"handleSortChange\"\n          />\n        </div>\n        <label class=\"mld-experiment-selector__group-toggle\">\n          <input\n            v-model=\"groupToggle\"\n            type=\"checkbox\"\n            class=\"mld-experiment-selector__group-checkbox\"\n          />\n          Group by project\n        </label>\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: grouped mode -->\n      <div v-else-if=\"groupToggle\" ref=\"listRef\" class=\"mld-experiment-selector__list\">\n        <template v-for=\"([groupName, groupExps]) in groupedByProject\" :key=\"groupName\">\n          <button\n            type=\"button\"\n            class=\"mld-experiment-selector__group-header\"\n            @click=\"toggleGroup(groupName)\"\n          >\n            <svg\n              class=\"mld-experiment-selector__group-chevron\"\n              :class=\"{ 'mld-experiment-selector__group-chevron--collapsed': collapsedGroups.has(groupName) }\"\n              width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            >\n              <polyline points=\"6 9 12 15 18 9\" />\n            </svg>\n            <span class=\"mld-experiment-selector__group-name\">{{ groupName }}</span>\n            <span class=\"mld-experiment-selector__group-count\">{{ groupExps.length }}</span>\n          </button>\n          <template v-if=\"!collapsedGroups.has(groupName)\">\n            <div\n              v-for=\"exp in groupExps\"\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': getFlatIndex(exp) === activeIndex,\n              }\"\n              @click=\"handleSelect(exp)\"\n              @mouseenter=\"activeIndex = getFlatIndex(exp)\"\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>{{ 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          </template>\n        </template>\n      </div>\n\n      <!-- Experiment list: flat mode -->\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_name || exp.project\">{{ exp.project_name || 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\n      <!-- Footer: clear selection -->\n      <div v-if=\"currentExperimentId != null\" class=\"mld-experiment-selector__footer\">\n        <button\n          type=\"button\"\n          class=\"mld-experiment-selector__clear-btn\"\n          @click=\"handleDeselect\"\n        >\n          Clear selection\n        </button>\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","_normalizeClass","_Fragment","_renderList","Skeleton","_toDisplayString","EmptyState","ExperimentCodeBadge","BasePill","_createTextVNode"],"mappings":"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"}

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

@@ -35,9 +35,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onBook?: (() => any) | undefined;
 }>, {
     compact: boolean;
+    status: ResourceStatus;
     size: "sm" | "md" | "lg";
     tags: string[];
-    status: ResourceStatus;
     specs: ResourceSpec[];
     showBookAction: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -6,8 +6,8 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     label: string;
+    status: "success" | "warning" | "error" | "info" | "muted";
     color: string;
     pulse: boolean;
-    status: "success" | "warning" | "error" | "info" | "muted";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

package/dist/composables/experiment-utils.d.ts

@@ -1,5 +1,8 @@
-import { ExperimentStatus, SelectOption, PillVariant } from '../types';
+import { DatePreset, ExperimentStatus, SelectOption, PillVariant } from '../types';
 export declare function formatExperimentDate(dateStr: string): string;
+export declare function datePresetToISO(preset: DatePreset): 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>;
+export declare const DATE_PRESET_OPTIONS: SelectOption<string>[];
+export declare const SORT_OPTIONS: SelectOption<string>[];

package/dist/composables/experiment-utils.js

@@ -9,6 +9,12 @@ function formatExperimentDate(dateStr) {
     return dateStr;
   }
 }
+function datePresetToISO(preset) {
+  const now = /* @__PURE__ */ new Date();
+  const days = preset === "last_7_days" ? 7 : preset === "last_30_days" ? 30 : 90;
+  const d = new Date(now.getTime() - days * 864e5);
+  return d.toISOString();
+}
 const EXPERIMENT_STATUS_OPTIONS = [
   { value: "", label: "All statuses" },
   { value: "planned", label: "Planned" },
@@ -25,10 +31,26 @@ const EXPERIMENT_STATUS_LABELS = {
   ongoing: "Ongoing",
   completed: "Completed"
 };
+const DATE_PRESET_OPTIONS = [
+  { value: "", label: "Any time" },
+  { value: "last_7_days", label: "Last 7 days" },
+  { value: "last_30_days", label: "Last 30 days" },
+  { value: "last_90_days", label: "Last 90 days" }
+];
+const SORT_OPTIONS = [
+  { value: "created_at:desc", label: "Newest first" },
+  { value: "created_at:asc", label: "Oldest first" },
+  { value: "updated_at:desc", label: "Recently updated" },
+  { value: "name:asc", label: "Name A–Z" },
+  { value: "name:desc", label: "Name Z–A" }
+];
 export {
+  DATE_PRESET_OPTIONS,
   EXPERIMENT_STATUS_LABELS,
   EXPERIMENT_STATUS_OPTIONS,
   EXPERIMENT_STATUS_VARIANT_MAP,
+  SORT_OPTIONS,
+  datePresetToISO,
   formatExperimentDate
 };
 //# sourceMappingURL=experiment-utils.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"experiment-utils.js","sources":["../../src/composables/experiment-utils.ts"],"sourcesContent":["import type { DatePreset, 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 function datePresetToISO(preset: DatePreset): string {\n  const now = new Date()\n  const days = preset === 'last_7_days' ? 7 : preset === 'last_30_days' ? 30 : 90\n  const d = new Date(now.getTime() - days * 86_400_000)\n  return d.toISOString()\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\nexport const DATE_PRESET_OPTIONS: SelectOption<string>[] = [\n  { value: '', label: 'Any time' },\n  { value: 'last_7_days', label: 'Last 7 days' },\n  { value: 'last_30_days', label: 'Last 30 days' },\n  { value: 'last_90_days', label: 'Last 90 days' },\n]\n\nexport const SORT_OPTIONS: SelectOption<string>[] = [\n  { value: 'created_at:desc', label: 'Newest first' },\n  { value: 'created_at:asc', label: 'Oldest first' },\n  { value: 'updated_at:desc', label: 'Recently updated' },\n  { value: 'name:asc', label: 'Name A\\u2013Z' },\n  { value: 'name:desc', label: 'Name Z\\u2013A' },\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,SAAS,gBAAgB,QAA4B;AAC1D,QAAM,0BAAU,KAAA;AAChB,QAAM,OAAO,WAAW,gBAAgB,IAAI,WAAW,iBAAiB,KAAK;AAC7E,QAAM,IAAI,IAAI,KAAK,IAAI,QAAA,IAAY,OAAO,KAAU;AACpD,SAAO,EAAE,YAAA;AACX;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;AAEO,MAAM,sBAA8C;AAAA,EACzD,EAAE,OAAO,IAAI,OAAO,WAAA;AAAA,EACpB,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B,EAAE,OAAO,gBAAgB,OAAO,eAAA;AAAA,EAChC,EAAE,OAAO,gBAAgB,OAAO,eAAA;AAClC;AAEO,MAAM,eAAuC;AAAA,EAClD,EAAE,OAAO,mBAAmB,OAAO,eAAA;AAAA,EACnC,EAAE,OAAO,kBAAkB,OAAO,eAAA;AAAA,EAClC,EAAE,OAAO,mBAAmB,OAAO,mBAAA;AAAA,EACnC,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,aAAa,OAAO,WAAA;AAC/B;"}

package/dist/composables/index.d.ts

@@ -19,6 +19,6 @@ 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 { 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';