@morscherlab/mint-sdk 1.2.6 → 1.2.8

package/dist/index.js

@@ -2,7 +2,7 @@ import { a as useAuthStore, c as paletteCssVariables, d as useSettingsStore, f a
 import { a as SORT_OPTIONS, c as formatExperimentDate, d as resolveExperimentCode, f as BaseModal_default, h as BaseButton_default, i as EXPERIMENT_STATUS_VARIANT_MAP, l as formatExperimentStatus, m as useEventListener, n as EXPERIMENT_STATUS_LABELS, o as datePresetToISO, p as useFocusTrap, r as EXPERIMENT_STATUS_OPTIONS, s as experimentIdFromRoute, t as DATE_PRESET_OPTIONS, u as getExperimentStatusVariant } from "./experiment-utils-CV2Wza3z.js";
 import { a as BaseSelect_default, i as BasePill_default, n as useRequestSyncState, r as EmptyState_default, s as BaseInput_default, t as Skeleton_default } from "./Skeleton-jhF9wUkU.js";
 import { $ as resolveJobCapabilities, A as useConcentrationUnits, At as formatTimeSlot, Bt as MultiSelect_default, C as controlsToViewIds, Ct as addMinutes, D as getTypeDefault, Dt as findNearestTimeSlotIndex, E as getFieldRegistryEntry, Et as findAvailableSlots, F as ATOMIC_WEIGHTS, Ft as rangesOverlap, G as createGeneratedAnalysisTransport, Gt as BaseToggle_default, Ht as useSelectionLimit, I as useChemicalFormula, It as snapToSlot, J as isActiveJobStatus, Jt as BaseTextarea_default, K as useGeneratedAnalysis, Kt as BaseCheckbox_default, L as GeneratedPathInput_default, Lt as toMinutes, M as SequenceInput_default, Mt as generateTimeSlots, N as useSequenceUtils, Nt as isTimeInRange, O as ConcentrationInput_default, Ot as formatDuration, P as FormulaInput_default, Pt as parseTime, Q as normalizeJobState, R as ArtifactSelectorModal_default, Rt as useTimeUtils, S as controlsToTopBarSettingsConfig, St as TimePicker_default, T as getDefaultControlView, Tt as durationMinutes, Ut as BaseSlider_default, Vt as useListSelection, W as resolveCurrentPluginId, Wt as BaseRadioGroup_default, X as jobStatusLabel, Y as isTerminalJobStatus, Z as normalizeJobPercent, _ as controlsToFormSchema, _t as pluginSecretLabel, a as defineDoseCalculatorControlProps, at as AlertBox_default, b as controlsToSettingsSchema, bt as usesPluginSecretReferences, c as defineWellPlateDoseComponentBindings, ct as SecretInput_default, d as defineControlModel, dt as PLUGIN_SECRET_REF_KEY, ft as clearPluginSecret, gt as pluginSecretId, h as controlValuesToComponentProps, ht as keepPluginSecret, i as useControlSchema, j as MoleculeInput_default, jt as fromMinutes, k as UnitInput_default, kt as formatTime, l as defineWellPlateDoseControlProps, lt as PLUGIN_SECRET_FORMAT_KEY, m as controlValuesToComponentBindingsById, mt as isPluginSecretRef, n as defineControls, o as defineDoseDesignControlModel, ot as FileUploader_default, p as controlValuesToComponentBindings, pt as isPluginSecretLocked, q as usePluginJobs, qt as Tooltip_default, r as getControlDefaults, s as defineWellPlateControlProps, st as NumberInput_default, t as defineControlComponentBindings, tt as DateTimePicker_default, u as useControlWorkspace, ut as PLUGIN_SECRET_FORMAT_REF, v as controlsToSectionFormSchema, vt as pluginSecretState, w as controlsToViewItems, wt as compareTime, x as controlsToSidebarPanels, xt as TagsInput_default, y as controlsToSectionFormSchemas, yt as setPluginSecret, z as useAnalysisArtifacts, zt as DatePicker_default } from "./useControlSchema-vLiRPUmj.js";
-import { $ as ScheduleCalendar_default, A as ChemicalFormula_default, At as CollapsibleCard_default, B as BioTemplateExperimentWorkspaceView_default, Bt as SegmentedControl_default, C as SequenceProgressBar_default, Ct as FormBuilder_default, D as formatSequenceRemaining, Dt as AppPluginSwitcher_default, E as formatSequenceEta, Et as AppTopBar_default, F as SmartGroupModal_default, Ft as AppToastContainer_default, G as ProgressBar_default, H as AdductText_default, Ht as ColorSlider_default, I as GroupAssigner_default, It as DataFrame_default, J as LayoutResizeHandle_default, K as StatusIndicator_default, L as RackEditor_default, Lt as LoadingSpinner_default, M as ProtocolStepEditor_default, Mt as ActionMenu_default, N as SampleHierarchyTree_default, Nt as IconButton_default, O as sequenceProgressPercent, Ot as AppAvatarMenu_default, P as ReagentEditor_default, Pt as RuntimeUpdateNotice_default, Q as ComponentBindingRenderer_default, R as BioTemplatePresetWorkspaceView_default, Rt as Calendar_default, S as InstrumentAlertLog_default, St as AppSidebar_default, T as estimateSequenceRemainingSeconds, Tt as StepWizard_default, U as Breadcrumb_default, Ut as SearchableSelect_default, V as BioTemplateRenderer_default, Vt as BaseTabs_default, W as Avatar_default, X as DoseDesignWorkspaceView_default, Y as AppContainer_default, Z as ControlWorkspaceView_default, _ as inferLcmsPlateTypeFromWellIds, _t as generatedJobFormSchema, a as FileBrowserModal_default, at as PlateMapEditor_default, b as InstrumentStatusCard_default, bt as MobileSupportGate_default, c as TimeRangeInput_default, ct as ExperimentTimeline_default, d as AuditTrail_default, dt as JobsStatusTray_default, et as SampleSelector_default, f as LcmsSequenceTable_default, ft as GeneratedResultRenderer_default, g as extractLcmsSampleName, gt as generatedJobDefaults, h as extractLcmsCommonPrefix, ht as ChartContainer_default, i as ArtifactSaveDialog_default, it as ReagentList_default, j as ScientificNumber_default, jt as ThemeToggle_default, k as sequenceSamplesRemaining, kt as PluginIcon_default, l as ExperimentDataViewer_default, lt as DoseCalculator_default, m as basenameFromWindowsPath, mt as PlotlyChart_default, n as FilePicker_default, nt as SmartGroupManual_default, o as SectionCard_default, ot as SampleLegend_default, p as DEFAULT_LCMS_SEQUENCE_COLUMNS, pt as GeneratedPlotlyResult_default, q as Divider_default, r as FitPanel_default, rt as SmartGroupFieldRecipe_default, s as ResourceCard_default, st as WellPlate_default, tt as AutoGroupModal_default, u as BatchProgressList_default, ut as GeneratedPluginView_default, v as lcmsWellIdFromPosition, vt as normalizeGeneratedJobInput, w as estimateSequenceFinishDate, wt as FormActions_default, x as InstrumentStateBadge_default, xt as AppLayout_default, y as reconstructLcmsPlateCellsFromSequenceItems, yt as PluginWorkspaceView_default, z as BioTemplatePackWorkspaceView_default, zt as DropdownButton_default } from "./components-CZzBCakZ.js";
+import { $ as ScheduleCalendar_default, A as ChemicalFormula_default, At as CollapsibleCard_default, B as BioTemplateExperimentWorkspaceView_default, Bt as SegmentedControl_default, C as SequenceProgressBar_default, Ct as FormBuilder_default, D as formatSequenceRemaining, Dt as AppPluginSwitcher_default, E as formatSequenceEta, Et as AppTopBar_default, F as SmartGroupModal_default, Ft as AppToastContainer_default, G as ProgressBar_default, H as AdductText_default, Ht as ColorSlider_default, I as GroupAssigner_default, It as DataFrame_default, J as LayoutResizeHandle_default, K as StatusIndicator_default, L as RackEditor_default, Lt as LoadingSpinner_default, M as ProtocolStepEditor_default, Mt as ActionMenu_default, N as SampleHierarchyTree_default, Nt as IconButton_default, O as sequenceProgressPercent, Ot as AppAvatarMenu_default, P as ReagentEditor_default, Pt as RuntimeUpdateNotice_default, Q as ComponentBindingRenderer_default, R as BioTemplatePresetWorkspaceView_default, Rt as Calendar_default, S as InstrumentAlertLog_default, St as AppSidebar_default, T as estimateSequenceRemainingSeconds, Tt as StepWizard_default, U as Breadcrumb_default, Ut as SearchableSelect_default, V as BioTemplateRenderer_default, Vt as BaseTabs_default, W as Avatar_default, X as DoseDesignWorkspaceView_default, Y as AppContainer_default, Z as ControlWorkspaceView_default, _ as inferLcmsPlateTypeFromWellIds, _t as generatedJobFormSchema, a as FileBrowserModal_default, at as PlateMapEditor_default, b as InstrumentStatusCard_default, bt as MobileSupportGate_default, c as TimeRangeInput_default, ct as ExperimentTimeline_default, d as AuditTrail_default, dt as JobsStatusTray_default, et as SampleSelector_default, f as LcmsSequenceTable_default, ft as GeneratedResultRenderer_default, g as extractLcmsSampleName, gt as generatedJobDefaults, h as extractLcmsCommonPrefix, ht as ChartContainer_default, i as ArtifactSaveDialog_default, it as ReagentList_default, j as ScientificNumber_default, jt as ThemeToggle_default, k as sequenceSamplesRemaining, kt as PluginIcon_default, l as ExperimentDataViewer_default, lt as DoseCalculator_default, m as basenameFromWindowsPath, mt as PlotlyChart_default, n as FilePicker_default, nt as SmartGroupManual_default, o as SectionCard_default, ot as SampleLegend_default, p as DEFAULT_LCMS_SEQUENCE_COLUMNS, pt as GeneratedPlotlyResult_default, q as Divider_default, r as FitPanel_default, rt as SmartGroupFieldRecipe_default, s as ResourceCard_default, st as WellPlate_default, tt as AutoGroupModal_default, u as BatchProgressList_default, ut as GeneratedPluginView_default, v as lcmsWellIdFromPosition, vt as normalizeGeneratedJobInput, w as estimateSequenceFinishDate, wt as FormActions_default, x as InstrumentStateBadge_default, xt as AppLayout_default, y as reconstructLcmsPlateCellsFromSequenceItems, yt as PluginWorkspaceView_default, z as BioTemplatePackWorkspaceView_default, zt as DropdownButton_default } from "./components-Bbg_gtzF.js";
 import { s as FormField_default, t as SettingsModal_default } from "./SettingsModal-DELMkUFR.js";
 import { $ as getInjectedFrontendRevision, A as useFileImport, B as REORDER_ANNOUNCER_STYLE, C as useExpansionSet, D as detectDelimiter, F as extractSampleNamesFromDesignData, G as combinePluginJobSources, H as useListReorder, I as extractSampleOptionsFromDesignData, J as usePluginWorkspace, K as useJobsStatusTray, L as unwrapExperimentDesignData, M as extractSamplesFromDesignData, N as useAutoGroup, O as parseDelimitedText, Q as useAppExperiment, R as DEFAULT_COLORS, S as useExperimentData, U as useReorderAnnouncer, V as reorderList, W as useDoseCalculator, X as useMobileSupportGate, Y as DEFAULT_MOBILE_VIEWPORT_QUERY, Z as APP_EXPERIMENT_KEY, _ as useBioTemplateControls, a as DEFAULT_PRESETS, at as candidateMatchesSearch, b as useScheduleDrag, c as useReagentSeries, ct as compareSortValues, d as useBioTemplatePresetWorkspace, dt as useRovingFocus, et as useRuntimeAlignment, f as useBioTemplatePackWorkspace, g as useBioTemplateComponents, h as toBioTemplateComponentPropsByComponent, i as useProtocolTemplates, it as useToast, j as validateImportFile, k as readFileAsText, l as useGroupAssignment, lt as useSortedItems, m as getBioTemplateComponentProps, nt as usePresenceHeartbeat, o as DEFAULT_UNITS, ot as normalizeSearchQuery, p as useBioTemplateWorkspace, q as usePluginJobCenter, rt as useTheme, s as generateDilutionSeries, st as useTextSearch, tt as getPresenceClientId, u as useRackEditor, ut as useMenuKeyboard, v as useTemplateCollection, w as useSampleGroups, x as useExperimentSamples, y as useExperimentSave, z as useWellPlateEditor } from "./validation-ChMyixAf.js";
 import { i as usePlatformContext, n as evaluateCondition, r as useForm, t as useFormBuilder } from "./useFormBuilder-D37ajgS8.js";

package/dist/install.js

@@ -1,5 +1,5 @@
 import "./useControlSchema-vLiRPUmj.js";
-import { t as components_exports } from "./components-CZzBCakZ.js";
+import { t as components_exports } from "./components-Bbg_gtzF.js";
 //#region src/install.ts
 /**
 * Vue plugin that registers all MINT SDK components globally.

package/dist/styles.css

@@ -7510,7 +7510,8 @@ html.dark .mint-tab--active .mint-tab__badge {
 /* ToastNotification Component Styles — neutral surface, accent only on icon + TTL bar */
 .mint-toast__container {
   position: fixed;
-  top: 1rem;
+  /* AppTopBar publishes its bottom edge + 1rem so toasts clear its controls. */
+  top: var(--mint-toast-offset-top, 1rem);
   right: 1rem;
   z-index: 9999;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morscherlab/mint-sdk",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "MINT Platform SDK — Vue 3 components, composables, and types for plugin development. MINT = Mass-spec INtegrated Toolkit.",
   "type": "module",
   "main": "./dist/index.js",
@@ -83,7 +83,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "axios": "1.13.6",
+    "axios": "1.20.0",
     "lucide-vue-next": "1.0.0",
     "plotly.js-dist-min": "^3.7.0"
   },

package/src/__tests__/components/AppToastContainer.test.ts

@@ -1,3 +1,5 @@
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
 import { mount } from '@vue/test-utils'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 import { nextTick } from 'vue'
@@ -88,4 +90,10 @@ describe('AppToastContainer', () => {
     expect(wrapper.find('.mint-toast__count').text()).toBe('×4')
     expect(wrapper.find('.mint-toast__item--stacked').exists()).toBe(true)
   })
+
+  it('should place toasts 1rem from the top when no top bar offset is set', () => {
+    const styles = readFileSync(resolve(process.cwd(), 'src/styles/components/toast.css'), 'utf8')
+
+    expect(styles).toMatch(/\.mint-toast__container\s*\{[^}]*top:\s*var\(--mint-toast-offset-top,\s*1rem\);/s)
+  })
 })

package/src/__tests__/components/AppTopBar.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
-import { flushPromises, mount, type VueWrapper } from '@vue/test-utils'
+import { enableAutoUnmount, flushPromises, mount, type VueWrapper } from '@vue/test-utils'
 import { computed, ref } from 'vue'
 import { createPinia } from 'pinia'
 import AppTopBar from '../../components/AppTopBar.vue'
@@ -75,6 +75,8 @@ async function openSettingsModal(wrapper: VueWrapper) {
   return wrapper.findComponent(SettingsModal)
 }
 
+enableAutoUnmount(afterEach)
+
 describe('AppTopBar', () => {
   beforeEach(() => {
     vi.clearAllMocks()
@@ -1253,4 +1255,99 @@ describe('AppTopBar', () => {
     })
 
   })
+
+  describe('toast offset', () => {
+    const property = '--mint-toast-offset-top'
+    let rects: Record<string, { top: number; bottom: number }> = {}
+
+    function toastOffset() {
+      return document.documentElement.style.getPropertyValue(property)
+    }
+
+    beforeEach(() => {
+      rects = {}
+      vi.spyOn(HTMLElement.prototype, 'getBoundingClientRect').mockImplementation(function (this: HTMLElement) {
+        const title = this.querySelector('.mint-topbar__title-only')?.textContent ?? ''
+        return (rects[title] ?? { top: 16, bottom: 72 }) as DOMRect
+      })
+    })
+
+    afterEach(() => {
+      vi.restoreAllMocks()
+      vi.unstubAllGlobals()
+    })
+
+    it('should set the toast offset below the top bar when mounted', () => {
+      createWrapper({ title: 'Test App' })
+
+      expect(toastOffset()).toBe('calc(72px + 1rem)')
+    })
+
+    it('should remove the toast offset when the top bar unmounts', () => {
+      createWrapper({ title: 'Test App' }).unmount()
+
+      expect(toastOffset()).toBe('')
+    })
+
+    it('should keep the toast offset when another top bar is still mounted', () => {
+      createWrapper({ title: 'Remaining' })
+      createWrapper({ title: 'Removed' }).unmount()
+
+      expect(toastOffset()).toBe('calc(72px + 1rem)')
+    })
+
+    it('should clamp the toast offset at 0 when the top bar is scrolled above the viewport', () => {
+      rects['Test App'] = { top: -96, bottom: -40 }
+      createWrapper({ title: 'Test App' })
+
+      expect(toastOffset()).toBe('calc(0px + 1rem)')
+    })
+
+    it('should follow the top-most top bar when several are mounted', () => {
+      rects.Header = { top: 16, bottom: 72 }
+      rects.Lower = { top: 200, bottom: 260 }
+      createWrapper({ title: 'Lower' })
+      createWrapper({ title: 'Header' })
+
+      expect(toastOffset()).toBe('calc(72px + 1rem)')
+    })
+
+    it('should update the toast offset when the page scrolls', () => {
+      createWrapper({ title: 'Test App' })
+      rects['Test App'] = { top: -26, bottom: 30 }
+      window.dispatchEvent(new Event('scroll'))
+
+      expect(toastOffset()).toBe('calc(30px + 1rem)')
+    })
+
+    it('should update the toast offset when the window resizes', () => {
+      createWrapper({ title: 'Test App' })
+      rects['Test App'] = { top: 16, bottom: 96 }
+      window.dispatchEvent(new Event('resize'))
+
+      expect(toastOffset()).toBe('calc(96px + 1rem)')
+    })
+
+    it('should update the toast offset when the top bar resizes', () => {
+      let onResize: (() => void) | undefined
+      vi.stubGlobal('ResizeObserver', class {
+        constructor(callback: () => void) { onResize = callback }
+        observe() {}
+        unobserve() {}
+        disconnect() {}
+      })
+      createWrapper({ title: 'Test App' })
+      rects['Test App'] = { top: 16, bottom: 120 }
+      onResize?.()
+
+      expect(toastOffset()).toBe('calc(120px + 1rem)')
+    })
+
+    it('should stop listening for scroll when the last top bar unmounts', () => {
+      const removeListener = vi.spyOn(window, 'removeEventListener')
+      createWrapper({ title: 'Test App' }).unmount()
+
+      expect(removeListener).toHaveBeenCalledWith('scroll', expect.any(Function), expect.objectContaining({ capture: true }))
+    })
+  })
 })

package/src/components/AppTopBar.toastOffset.ts

@@ -0,0 +1,45 @@
+/**
+ * Publishes the top-most mounted AppTopBar's bottom edge as `--mint-toast-offset-top`
+ * on `<html>`, so the teleported toast container starts below the top bar.
+ */
+const TOAST_OFFSET_PROPERTY = '--mint-toast-offset-top'
+const LISTENER_OPTIONS = { capture: true, passive: true } as const
+const topBars = new Set<HTMLElement>()
+let observer: ResizeObserver | undefined
+
+function syncToastOffset(): void {
+  const style = document.documentElement.style
+  if (topBars.size === 0) {
+    style.removeProperty(TOAST_OFFSET_PROPERTY)
+    return
+  }
+  const header = [...topBars]
+    .map((el) => el.getBoundingClientRect())
+    .reduce((top, rect) => (rect.top < top.top ? rect : top))
+  // Clamp so a top bar scrolled out of view leaves toasts at the plain 1rem gap.
+  style.setProperty(TOAST_OFFSET_PROPERTY, `calc(${Math.max(0, Math.round(header.bottom))}px + 1rem)`)
+}
+
+/** Track a top bar element; returns the cleanup to call on unmount. */
+export function trackTopBarForToasts(el: HTMLElement): () => void {
+  if (topBars.size === 0) {
+    // Capture so scrolling any container that holds the top bar also moves the toasts.
+    window.addEventListener('scroll', syncToastOffset, LISTENER_OPTIONS)
+    window.addEventListener('resize', syncToastOffset, LISTENER_OPTIONS)
+    if (typeof ResizeObserver !== 'undefined') observer = new ResizeObserver(syncToastOffset)
+  }
+  topBars.add(el)
+  observer?.observe(el)
+  syncToastOffset()
+  return () => {
+    topBars.delete(el)
+    observer?.unobserve(el)
+    if (topBars.size === 0) {
+      window.removeEventListener('scroll', syncToastOffset, LISTENER_OPTIONS)
+      window.removeEventListener('resize', syncToastOffset, LISTENER_OPTIONS)
+      observer?.disconnect()
+      observer = undefined
+    }
+    syncToastOffset()
+  }
+}

package/src/components/AppTopBar.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 /** Full application top bar with brand logo, page selector or plugin switcher, centered pill nav, experiment popover, and avatar menu. */
-import { ref, computed, inject, defineAsyncComponent } from 'vue'
+import { ref, computed, inject, defineAsyncComponent, onMounted, onBeforeUnmount } from 'vue'
 import type {
   PillNavOption,
   TopBarSettingsConfig,
@@ -33,6 +33,7 @@ import {
   currentItemIdFromLocation,
   pluginNavItemToPageSelectorItem,
 } from './AppTopBar.navigation'
+import { trackTopBarForToasts } from './AppTopBar.toastOffset'
 
 interface Props {
   /** App or plugin title shown in the left title group when no page selector is present. */
@@ -119,6 +120,12 @@ const emit = defineEmits<{
 }>()
 
 const settingsOpen = ref(false)
+const headerEl = ref<HTMLElement | null>(null)
+let untrackToastOffset: (() => void) | undefined
+onMounted(() => {
+  if (headerEl.value) untrackToastOffset = trackTopBarForToasts(headerEl.value)
+})
+onBeforeUnmount(() => untrackToastOffset?.())
 const { isIntegrated, plugin } = usePlatformContext()
 const isStandalone = computed(() => !isIntegrated.value)
 const presenceScope = computed(() => plugin.value?.id || plugin.value?.name || '')
@@ -194,6 +201,7 @@ const effectiveCurrentPageSelectorId = computed(() =>
 
 <template>
   <header
+    ref="headerEl"
     :class="[
       'mint-topbar',
       `mint-topbar--${props.variant}`,

package/src/styles/components/toast.css

@@ -2,7 +2,8 @@
 
 .mint-toast__container {
   position: fixed;
-  top: 1rem;
+  /* AppTopBar publishes its bottom edge + 1rem so toasts clear its controls. */
+  top: var(--mint-toast-offset-top, 1rem);
   right: 1rem;
   z-index: 9999;
   display: flex;