@morscherlab/mint-sdk 1.4.13 → 1.5.0-beta.10

package/dist/{shell-B-woqThX.js → shell-Bk9mD4Lc.js}

@@ -1,7 +1,7 @@
-import { i as useEventListener, o as __exportAll, r as useFocusTrap } from "./useDropdownState-uFIz6Yv8.js";
-import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-BAymyHAn.js";
-import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-W1bzK_bo.js";
-import { C as usePluginWorkspace, S as AppLayout_default, _ as provideOnboarding, f as AppTopBar_default, g as defineOnboarding, h as ONBOARDING_KEY, m as ANCHOR_WAIT_MS, t as AppSidebar_default, v as useOnboarding } from "./AppSidebar-CIBehlYL.js";
+import { i as useEventListener, o as __exportAll, r as useFocusTrap } from "./useDropdownState-CcBzUYZ6.js";
+import { D as useMenuKeyboard, U as useListSelection, W as useSelectionLimit, z as useRovingFocus } from "./records-GtiVMlTQ.js";
+import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-Bp4EAI2w.js";
+import { S as AppLayout_default, _ as provideOnboarding, f as AppTopBar_default, g as defineOnboarding, h as ONBOARDING_KEY, m as ANCHOR_WAIT_MS, t as AppSidebar_default, v as useOnboarding, w as usePluginWorkspace } from "./AppSidebar-C-Vq5x4I.js";
 import { t as useDebouncedWatch } from "./useDebouncedWatch-BPwyl6eS.js";
 import { t as useExpansionSet } from "./useExpansionSet-CvoNMZJi.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, shallowRef, toValue, watch } from "vue";
@@ -199,4 +199,4 @@ var shell_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { useManualLayoutResize as a, resizedVerticalSplitPercent as i, resizedLeadingPanelWidth as n, LayoutResizeHandle_default as o, resizedTrailingPanelWidth as r, shell_exports as t };
 
-//# sourceMappingURL=shell-B-woqThX.js.map
+//# sourceMappingURL=shell-Bk9mD4Lc.js.map

package/dist/{shell-B-woqThX.js.map → shell-Bk9mD4Lc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shell-B-woqThX.js","names":[],"sources":["../src/components/LayoutResizeHandle.vue","../src/components/LayoutResizeHandle.vue","../src/composables/useManualLayoutResize.ts","../src/shell.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/** Accessible pointer and keyboard handle for resizable workbench panes. */\ninterface Props {\n  modelValue: number\n  min: number\n  max: number\n  label: string\n  orientation: 'vertical' | 'horizontal'\n  edge?: 'left' | 'right'\n  step?: number\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  edge: undefined,\n  step: 10,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number]\n  'resize-start': [event: PointerEvent]\n}>()\n\nfunction update(value: number): void {\n  emit('update:modelValue', Math.min(props.max, Math.max(props.min, value)))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n  const decrement = props.orientation === 'vertical' ? 'ArrowLeft' : 'ArrowUp'\n  const increment = props.orientation === 'vertical' ? 'ArrowRight' : 'ArrowDown'\n  if (event.key === decrement) update(props.modelValue - props.step)\n  else if (event.key === increment) update(props.modelValue + props.step)\n  else if (event.key === 'Home') update(props.min)\n  else if (event.key === 'End') update(props.max)\n  else return\n  event.preventDefault()\n}\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"[\n      'mint-layout-resize-handle',\n      `mint-layout-resize-handle--${orientation}`,\n      edge ? `mint-layout-resize-handle--edge-${edge}` : '',\n    ]\"\n    :aria-label=\"label\"\n    :aria-orientation=\"orientation\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-valuenow=\"modelValue\"\n    :aria-disabled=\"disabled || undefined\"\n    @pointerdown=\"!disabled && emit('resize-start', $event)\"\n    @keydown=\"handleKeydown\"\n  >\n    <span class=\"mint-layout-resize-handle__bar\" aria-hidden=\"true\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Accessible pointer and keyboard handle for resizable workbench panes. */\ninterface Props {\n  modelValue: number\n  min: number\n  max: number\n  label: string\n  orientation: 'vertical' | 'horizontal'\n  edge?: 'left' | 'right'\n  step?: number\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  edge: undefined,\n  step: 10,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number]\n  'resize-start': [event: PointerEvent]\n}>()\n\nfunction update(value: number): void {\n  emit('update:modelValue', Math.min(props.max, Math.max(props.min, value)))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n  const decrement = props.orientation === 'vertical' ? 'ArrowLeft' : 'ArrowUp'\n  const increment = props.orientation === 'vertical' ? 'ArrowRight' : 'ArrowDown'\n  if (event.key === decrement) update(props.modelValue - props.step)\n  else if (event.key === increment) update(props.modelValue + props.step)\n  else if (event.key === 'Home') update(props.min)\n  else if (event.key === 'End') update(props.max)\n  else return\n  event.preventDefault()\n}\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"[\n      'mint-layout-resize-handle',\n      `mint-layout-resize-handle--${orientation}`,\n      edge ? `mint-layout-resize-handle--edge-${edge}` : '',\n    ]\"\n    :aria-label=\"label\"\n    :aria-orientation=\"orientation\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-valuenow=\"modelValue\"\n    :aria-disabled=\"disabled || undefined\"\n    @pointerdown=\"!disabled && emit('resize-start', $event)\"\n    @keydown=\"handleKeydown\"\n  >\n    <span class=\"mint-layout-resize-handle__bar\" aria-hidden=\"true\" />\n  </div>\n</template>\n","import { computed, onBeforeUnmount, shallowRef, toValue, watch, type MaybeRefOrGetter } from 'vue'\n\nexport interface ResizePanelWidthConstraints {\n  minWidth: number\n  maxWidth: number\n  mainMinWidth?: number\n  layoutGap?: number\n}\n\nexport interface ResizePercentConstraints {\n  minPercent: number\n  maxPercent: number\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value))\n}\n\nfunction availablePanelWidth(\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return Math.min(\n    constraints.maxWidth,\n    containerWidth - (constraints.mainMinWidth ?? 0) - (constraints.layoutGap ?? 0),\n  )\n}\n\nexport function resizedLeadingPanelWidth(\n  startWidth: number,\n  deltaX: number,\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return Math.round(clamp(\n    startWidth + deltaX,\n    constraints.minWidth,\n    Math.max(constraints.minWidth, availablePanelWidth(containerWidth, constraints)),\n  ))\n}\n\nexport function resizedTrailingPanelWidth(\n  startWidth: number,\n  deltaX: number,\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return resizedLeadingPanelWidth(startWidth, -deltaX, containerWidth, constraints)\n}\n\nexport function resizedVerticalSplitPercent(\n  startPercent: number,\n  deltaY: number,\n  containerHeight: number,\n  constraints: ResizePercentConstraints,\n): number {\n  if (containerHeight <= 0) return startPercent\n  return Math.round(clamp(\n    startPercent + (deltaY / containerHeight) * 100,\n    constraints.minPercent,\n    constraints.maxPercent,\n  ))\n}\n\nexport interface ManualLayoutResizeContext<TKind extends string> {\n  kind: TKind\n  startValue: number\n  deltaX: number\n  deltaY: number\n  containerRect: DOMRectReadOnly\n  secondaryRect: DOMRectReadOnly | null\n}\n\nexport interface ManualLayoutResizeTarget<TKind extends string> {\n  cursor?: string\n  getContainerElement: () => HTMLElement | null\n  getSecondaryElement?: () => HTMLElement | null\n  getStartValue: () => number\n  onResize: (context: ManualLayoutResizeContext<TKind>) => void\n}\n\n/** Coordinates pointer-driven resizing for one or more layout splitters. */\nexport function useManualLayoutResize<TKind extends string>(options: {\n  enabled: MaybeRefOrGetter<boolean>\n  resolveTarget: (kind: TKind) => ManualLayoutResizeTarget<TKind> | null\n}) {\n  const activeResize = shallowRef<{\n    kind: TKind\n    startClientX: number\n    startClientY: number\n    startValue: number\n    containerRect: DOMRectReadOnly\n    secondaryRect: DOMRectReadOnly | null\n    cursor: string\n  } | null>(null)\n  const isResizing = computed(() => activeResize.value !== null)\n  let previousBodyCursor = ''\n  let previousBodyUserSelect = ''\n\n  function stopResize(): void {\n    if (!activeResize.value) return\n    activeResize.value = null\n    window.removeEventListener('pointermove', handlePointerMove)\n    window.removeEventListener('pointerup', stopResize)\n    window.removeEventListener('pointercancel', stopResize)\n    if (typeof document !== 'undefined') {\n      document.body.style.cursor = previousBodyCursor\n      document.body.style.userSelect = previousBodyUserSelect\n    }\n  }\n\n  function handlePointerMove(event: PointerEvent): void {\n    const state = activeResize.value\n    if (!state) return\n    options.resolveTarget(state.kind)?.onResize({\n      kind: state.kind,\n      startValue: state.startValue,\n      deltaX: event.clientX - state.startClientX,\n      deltaY: event.clientY - state.startClientY,\n      containerRect: state.containerRect,\n      secondaryRect: state.secondaryRect,\n    })\n  }\n\n  function startResize(kind: TKind, event: PointerEvent): void {\n    if (!toValue(options.enabled) || event.button !== 0) return\n    const target = options.resolveTarget(kind)\n    const containerRect = target?.getContainerElement()?.getBoundingClientRect()\n    if (!target || !containerRect) return\n\n    event.preventDefault()\n    if (event.currentTarget instanceof HTMLElement) {\n      event.currentTarget.setPointerCapture(event.pointerId)\n    }\n    const secondary = target.getSecondaryElement?.() ?? null\n    activeResize.value = {\n      kind,\n      startClientX: event.clientX,\n      startClientY: event.clientY,\n      startValue: target.getStartValue(),\n      containerRect,\n      secondaryRect: secondary?.getBoundingClientRect() ?? null,\n      cursor: target.cursor ?? 'col-resize',\n    }\n\n    if (typeof document !== 'undefined') {\n      previousBodyCursor = document.body.style.cursor\n      previousBodyUserSelect = document.body.style.userSelect\n      document.body.style.cursor = activeResize.value.cursor\n      document.body.style.userSelect = 'none'\n    }\n    window.addEventListener('pointermove', handlePointerMove)\n    window.addEventListener('pointerup', stopResize)\n    window.addEventListener('pointercancel', stopResize)\n  }\n\n  function isResizingKind(kind: TKind): boolean {\n    return activeResize.value?.kind === kind\n  }\n\n  watch(() => toValue(options.enabled), enabled => { if (!enabled) stopResize() })\n  onBeforeUnmount(stopResize)\n\n  return { activeResize, isResizing, isResizingKind, startResize, stopResize }\n}\n","// Application shell components (`@morscherlab/mint-sdk/shell`).\n\n// Layout components\nexport { default as AppTopBar } from './components/AppTopBar.vue'\nexport { default as AppSidebar } from './components/AppSidebar.vue'\nexport { default as AppLayout } from './components/AppLayout.vue'\nexport { default as LayoutResizeHandle } from './components/LayoutResizeHandle.vue'\n\n// Headless interaction composables\nexport {\n  useEventListener,\n  type EventListenerEnabled,\n  type EventFor,\n  type EventListenerStop,\n  type EventMapFor,\n  type EventTargetGetter,\n  type EventTargetLike,\n  type UseEventListenerObjectOptions,\n  type UseEventListenerOptions,\n} from './composables/useEventListener'\nexport {\n  useDebouncedWatch,\n  type DebouncedWatchCallback,\n  type DebouncedWatchCleanup,\n  type DebouncedWatchSource,\n  type UseDebouncedWatchOptions,\n  type UseDebouncedWatchReturn,\n} from './composables/useDebouncedWatch'\nexport {\n  useFocusTrap,\n  type UseFocusTrapOptions,\n  type UseFocusTrapReturn,\n} from './composables/useFocusTrap'\nexport {\n  useRovingFocus,\n  type UseRovingFocusOptions,\n  type UseRovingFocusReturn,\n} from './composables/useRovingFocus'\nexport {\n  reorderList,\n  useListReorder,\n  useReorderAnnouncer,\n  REORDER_ANNOUNCER_STYLE,\n  type ListReorderMove,\n  type UseListReorderOptions,\n  type UseListReorderReturn,\n  type UseReorderAnnouncerReturn,\n} from './composables/useListReorder'\nexport {\n  useMenuKeyboard,\n  type UseMenuKeyboardOptions,\n  type UseMenuKeyboardReturn,\n} from './composables/useMenuKeyboard'\n\n// Layout, selection, expansion and sort primitives\nexport {\n  resizedLeadingPanelWidth,\n  resizedTrailingPanelWidth,\n  resizedVerticalSplitPercent,\n  useManualLayoutResize,\n  type ManualLayoutResizeContext,\n  type ManualLayoutResizeTarget,\n  type ResizePanelWidthConstraints,\n  type ResizePercentConstraints,\n} from './composables/useManualLayoutResize'\nexport {\n  useSelectionLimit,\n  type SelectionLimitSource,\n  type UseSelectionLimitOptions,\n  type UseSelectionLimitReturn,\n} from './composables/useSelectionLimit'\nexport {\n  useListSelection,\n  type ListSelectionSource,\n  type ListSelectionValue,\n  type UseListSelectionOptions,\n  type UseListSelectionReturn,\n  type WidenListSelectionValue,\n} from './composables/useListSelection'\nexport {\n  useExpansionSet,\n  type ExpansionSetSource,\n  type UseExpansionSetOptions,\n  type UseExpansionSetReturn,\n} from './composables/useExpansionSet'\nexport {\n  compareSortValues,\n  useSortedItems,\n  type CompareSortValuesOptions,\n  type SortComparator,\n  type SortComparatorContext,\n  type SortDescriptor,\n  type SortedItemsSource,\n  type SortOrder,\n  type UseSortedItemsOptions,\n  type UseSortedItemsReturn,\n} from './composables/useSortedItems'\nexport {\n  usePluginWorkspace,\n  type PluginWorkspaceSlotsLike,\n  type UsePluginWorkspaceOptions,\n  type UsePluginWorkspaceReturn,\n} from './composables/usePluginWorkspace'\n\n// Onboarding: tours, the Getting started checklist and what's-new hints\nexport {\n  ANCHOR_WAIT_MS,\n  defineOnboarding,\n  provideOnboarding,\n  useOnboarding,\n  ONBOARDING_KEY,\n  type OnboardingActiveStep,\n  type OnboardingDefinition,\n  type OnboardingNews,\n  type OnboardingState,\n  type OnboardingStep,\n  type OnboardingTask,\n  type OnboardingTour,\n  type ProvideOnboardingOptions,\n} from './composables/useOnboarding'\n"],"mappings":"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"}
+{"version":3,"file":"shell-Bk9mD4Lc.js","names":[],"sources":["../src/components/LayoutResizeHandle.vue","../src/components/LayoutResizeHandle.vue","../src/composables/useManualLayoutResize.ts","../src/shell.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/** Accessible pointer and keyboard handle for resizable workbench panes. */\ninterface Props {\n  modelValue: number\n  min: number\n  max: number\n  label: string\n  orientation: 'vertical' | 'horizontal'\n  edge?: 'left' | 'right'\n  step?: number\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  edge: undefined,\n  step: 10,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number]\n  'resize-start': [event: PointerEvent]\n}>()\n\nfunction update(value: number): void {\n  emit('update:modelValue', Math.min(props.max, Math.max(props.min, value)))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n  const decrement = props.orientation === 'vertical' ? 'ArrowLeft' : 'ArrowUp'\n  const increment = props.orientation === 'vertical' ? 'ArrowRight' : 'ArrowDown'\n  if (event.key === decrement) update(props.modelValue - props.step)\n  else if (event.key === increment) update(props.modelValue + props.step)\n  else if (event.key === 'Home') update(props.min)\n  else if (event.key === 'End') update(props.max)\n  else return\n  event.preventDefault()\n}\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"[\n      'mint-layout-resize-handle',\n      `mint-layout-resize-handle--${orientation}`,\n      edge ? `mint-layout-resize-handle--edge-${edge}` : '',\n    ]\"\n    :aria-label=\"label\"\n    :aria-orientation=\"orientation\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-valuenow=\"modelValue\"\n    :aria-disabled=\"disabled || undefined\"\n    @pointerdown=\"!disabled && emit('resize-start', $event)\"\n    @keydown=\"handleKeydown\"\n  >\n    <span class=\"mint-layout-resize-handle__bar\" aria-hidden=\"true\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/** Accessible pointer and keyboard handle for resizable workbench panes. */\ninterface Props {\n  modelValue: number\n  min: number\n  max: number\n  label: string\n  orientation: 'vertical' | 'horizontal'\n  edge?: 'left' | 'right'\n  step?: number\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  edge: undefined,\n  step: 10,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number]\n  'resize-start': [event: PointerEvent]\n}>()\n\nfunction update(value: number): void {\n  emit('update:modelValue', Math.min(props.max, Math.max(props.min, value)))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n  const decrement = props.orientation === 'vertical' ? 'ArrowLeft' : 'ArrowUp'\n  const increment = props.orientation === 'vertical' ? 'ArrowRight' : 'ArrowDown'\n  if (event.key === decrement) update(props.modelValue - props.step)\n  else if (event.key === increment) update(props.modelValue + props.step)\n  else if (event.key === 'Home') update(props.min)\n  else if (event.key === 'End') update(props.max)\n  else return\n  event.preventDefault()\n}\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"[\n      'mint-layout-resize-handle',\n      `mint-layout-resize-handle--${orientation}`,\n      edge ? `mint-layout-resize-handle--edge-${edge}` : '',\n    ]\"\n    :aria-label=\"label\"\n    :aria-orientation=\"orientation\"\n    :aria-valuemin=\"min\"\n    :aria-valuemax=\"max\"\n    :aria-valuenow=\"modelValue\"\n    :aria-disabled=\"disabled || undefined\"\n    @pointerdown=\"!disabled && emit('resize-start', $event)\"\n    @keydown=\"handleKeydown\"\n  >\n    <span class=\"mint-layout-resize-handle__bar\" aria-hidden=\"true\" />\n  </div>\n</template>\n","import { computed, onBeforeUnmount, shallowRef, toValue, watch, type MaybeRefOrGetter } from 'vue'\n\nexport interface ResizePanelWidthConstraints {\n  minWidth: number\n  maxWidth: number\n  mainMinWidth?: number\n  layoutGap?: number\n}\n\nexport interface ResizePercentConstraints {\n  minPercent: number\n  maxPercent: number\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value))\n}\n\nfunction availablePanelWidth(\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return Math.min(\n    constraints.maxWidth,\n    containerWidth - (constraints.mainMinWidth ?? 0) - (constraints.layoutGap ?? 0),\n  )\n}\n\nexport function resizedLeadingPanelWidth(\n  startWidth: number,\n  deltaX: number,\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return Math.round(clamp(\n    startWidth + deltaX,\n    constraints.minWidth,\n    Math.max(constraints.minWidth, availablePanelWidth(containerWidth, constraints)),\n  ))\n}\n\nexport function resizedTrailingPanelWidth(\n  startWidth: number,\n  deltaX: number,\n  containerWidth: number,\n  constraints: ResizePanelWidthConstraints,\n): number {\n  return resizedLeadingPanelWidth(startWidth, -deltaX, containerWidth, constraints)\n}\n\nexport function resizedVerticalSplitPercent(\n  startPercent: number,\n  deltaY: number,\n  containerHeight: number,\n  constraints: ResizePercentConstraints,\n): number {\n  if (containerHeight <= 0) return startPercent\n  return Math.round(clamp(\n    startPercent + (deltaY / containerHeight) * 100,\n    constraints.minPercent,\n    constraints.maxPercent,\n  ))\n}\n\nexport interface ManualLayoutResizeContext<TKind extends string> {\n  kind: TKind\n  startValue: number\n  deltaX: number\n  deltaY: number\n  containerRect: DOMRectReadOnly\n  secondaryRect: DOMRectReadOnly | null\n}\n\nexport interface ManualLayoutResizeTarget<TKind extends string> {\n  cursor?: string\n  getContainerElement: () => HTMLElement | null\n  getSecondaryElement?: () => HTMLElement | null\n  getStartValue: () => number\n  onResize: (context: ManualLayoutResizeContext<TKind>) => void\n}\n\n/** Coordinates pointer-driven resizing for one or more layout splitters. */\nexport function useManualLayoutResize<TKind extends string>(options: {\n  enabled: MaybeRefOrGetter<boolean>\n  resolveTarget: (kind: TKind) => ManualLayoutResizeTarget<TKind> | null\n}) {\n  const activeResize = shallowRef<{\n    kind: TKind\n    startClientX: number\n    startClientY: number\n    startValue: number\n    containerRect: DOMRectReadOnly\n    secondaryRect: DOMRectReadOnly | null\n    cursor: string\n  } | null>(null)\n  const isResizing = computed(() => activeResize.value !== null)\n  let previousBodyCursor = ''\n  let previousBodyUserSelect = ''\n\n  function stopResize(): void {\n    if (!activeResize.value) return\n    activeResize.value = null\n    window.removeEventListener('pointermove', handlePointerMove)\n    window.removeEventListener('pointerup', stopResize)\n    window.removeEventListener('pointercancel', stopResize)\n    if (typeof document !== 'undefined') {\n      document.body.style.cursor = previousBodyCursor\n      document.body.style.userSelect = previousBodyUserSelect\n    }\n  }\n\n  function handlePointerMove(event: PointerEvent): void {\n    const state = activeResize.value\n    if (!state) return\n    options.resolveTarget(state.kind)?.onResize({\n      kind: state.kind,\n      startValue: state.startValue,\n      deltaX: event.clientX - state.startClientX,\n      deltaY: event.clientY - state.startClientY,\n      containerRect: state.containerRect,\n      secondaryRect: state.secondaryRect,\n    })\n  }\n\n  function startResize(kind: TKind, event: PointerEvent): void {\n    if (!toValue(options.enabled) || event.button !== 0) return\n    const target = options.resolveTarget(kind)\n    const containerRect = target?.getContainerElement()?.getBoundingClientRect()\n    if (!target || !containerRect) return\n\n    event.preventDefault()\n    if (event.currentTarget instanceof HTMLElement) {\n      event.currentTarget.setPointerCapture(event.pointerId)\n    }\n    const secondary = target.getSecondaryElement?.() ?? null\n    activeResize.value = {\n      kind,\n      startClientX: event.clientX,\n      startClientY: event.clientY,\n      startValue: target.getStartValue(),\n      containerRect,\n      secondaryRect: secondary?.getBoundingClientRect() ?? null,\n      cursor: target.cursor ?? 'col-resize',\n    }\n\n    if (typeof document !== 'undefined') {\n      previousBodyCursor = document.body.style.cursor\n      previousBodyUserSelect = document.body.style.userSelect\n      document.body.style.cursor = activeResize.value.cursor\n      document.body.style.userSelect = 'none'\n    }\n    window.addEventListener('pointermove', handlePointerMove)\n    window.addEventListener('pointerup', stopResize)\n    window.addEventListener('pointercancel', stopResize)\n  }\n\n  function isResizingKind(kind: TKind): boolean {\n    return activeResize.value?.kind === kind\n  }\n\n  watch(() => toValue(options.enabled), enabled => { if (!enabled) stopResize() })\n  onBeforeUnmount(stopResize)\n\n  return { activeResize, isResizing, isResizingKind, startResize, stopResize }\n}\n","// Application shell components (`@morscherlab/mint-sdk/shell`).\n\n// Layout components\nexport { default as AppTopBar } from './components/AppTopBar.vue'\nexport { default as AppSidebar } from './components/AppSidebar.vue'\nexport { default as AppLayout } from './components/AppLayout.vue'\nexport { default as LayoutResizeHandle } from './components/LayoutResizeHandle.vue'\n\n// Headless interaction composables\nexport {\n  useEventListener,\n  type EventListenerEnabled,\n  type EventFor,\n  type EventListenerStop,\n  type EventMapFor,\n  type EventTargetGetter,\n  type EventTargetLike,\n  type UseEventListenerObjectOptions,\n  type UseEventListenerOptions,\n} from './composables/useEventListener'\nexport {\n  useDebouncedWatch,\n  type DebouncedWatchCallback,\n  type DebouncedWatchCleanup,\n  type DebouncedWatchSource,\n  type UseDebouncedWatchOptions,\n  type UseDebouncedWatchReturn,\n} from './composables/useDebouncedWatch'\nexport {\n  useFocusTrap,\n  type UseFocusTrapOptions,\n  type UseFocusTrapReturn,\n} from './composables/useFocusTrap'\nexport {\n  useRovingFocus,\n  type UseRovingFocusOptions,\n  type UseRovingFocusReturn,\n} from './composables/useRovingFocus'\nexport {\n  reorderList,\n  useListReorder,\n  useReorderAnnouncer,\n  REORDER_ANNOUNCER_STYLE,\n  type ListReorderMove,\n  type UseListReorderOptions,\n  type UseListReorderReturn,\n  type UseReorderAnnouncerReturn,\n} from './composables/useListReorder'\nexport {\n  useMenuKeyboard,\n  type UseMenuKeyboardOptions,\n  type UseMenuKeyboardReturn,\n} from './composables/useMenuKeyboard'\n\n// Layout, selection, expansion and sort primitives\nexport {\n  resizedLeadingPanelWidth,\n  resizedTrailingPanelWidth,\n  resizedVerticalSplitPercent,\n  useManualLayoutResize,\n  type ManualLayoutResizeContext,\n  type ManualLayoutResizeTarget,\n  type ResizePanelWidthConstraints,\n  type ResizePercentConstraints,\n} from './composables/useManualLayoutResize'\nexport {\n  useSelectionLimit,\n  type SelectionLimitSource,\n  type UseSelectionLimitOptions,\n  type UseSelectionLimitReturn,\n} from './composables/useSelectionLimit'\nexport {\n  useListSelection,\n  type ListSelectionSource,\n  type ListSelectionValue,\n  type UseListSelectionOptions,\n  type UseListSelectionReturn,\n  type WidenListSelectionValue,\n} from './composables/useListSelection'\nexport {\n  useExpansionSet,\n  type ExpansionSetSource,\n  type UseExpansionSetOptions,\n  type UseExpansionSetReturn,\n} from './composables/useExpansionSet'\nexport {\n  compareSortValues,\n  useSortedItems,\n  type CompareSortValuesOptions,\n  type SortComparator,\n  type SortComparatorContext,\n  type SortDescriptor,\n  type SortedItemsSource,\n  type SortOrder,\n  type UseSortedItemsOptions,\n  type UseSortedItemsReturn,\n} from './composables/useSortedItems'\nexport {\n  usePluginWorkspace,\n  type PluginWorkspaceSlotsLike,\n  type UsePluginWorkspaceOptions,\n  type UsePluginWorkspaceReturn,\n} from './composables/usePluginWorkspace'\n\n// Onboarding: tours, the Getting started checklist and what's-new hints\nexport {\n  ANCHOR_WAIT_MS,\n  defineOnboarding,\n  provideOnboarding,\n  useOnboarding,\n  ONBOARDING_KEY,\n  type OnboardingActiveStep,\n  type OnboardingDefinition,\n  type OnboardingNews,\n  type OnboardingState,\n  type OnboardingStep,\n  type OnboardingTask,\n  type OnboardingTour,\n  type ProvideOnboardingOptions,\n} from './composables/useOnboarding'\n"],"mappings":"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"}

package/dist/shell.js

@@ -1,8 +1,8 @@
-import { i as useEventListener, r as useFocusTrap } from "./useDropdownState-uFIz6Yv8.js";
-import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-BAymyHAn.js";
-import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-W1bzK_bo.js";
-import { C as usePluginWorkspace, S as AppLayout_default, _ as provideOnboarding, f as AppTopBar_default, g as defineOnboarding, h as ONBOARDING_KEY, m as ANCHOR_WAIT_MS, t as AppSidebar_default, v as useOnboarding } from "./AppSidebar-CIBehlYL.js";
+import { i as useEventListener, r as useFocusTrap } from "./useDropdownState-CcBzUYZ6.js";
+import { D as useMenuKeyboard, U as useListSelection, W as useSelectionLimit, z as useRovingFocus } from "./records-GtiVMlTQ.js";
+import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-Bp4EAI2w.js";
+import { S as AppLayout_default, _ as provideOnboarding, f as AppTopBar_default, g as defineOnboarding, h as ONBOARDING_KEY, m as ANCHOR_WAIT_MS, t as AppSidebar_default, v as useOnboarding, w as usePluginWorkspace } from "./AppSidebar-C-Vq5x4I.js";
 import { t as useDebouncedWatch } from "./useDebouncedWatch-BPwyl6eS.js";
 import { t as useExpansionSet } from "./useExpansionSet-CvoNMZJi.js";
-import { a as useManualLayoutResize, i as resizedVerticalSplitPercent, n as resizedLeadingPanelWidth, o as LayoutResizeHandle_default, r as resizedTrailingPanelWidth } from "./shell-B-woqThX.js";
+import { a as useManualLayoutResize, i as resizedVerticalSplitPercent, n as resizedLeadingPanelWidth, o as LayoutResizeHandle_default, r as resizedTrailingPanelWidth } from "./shell-Bk9mD4Lc.js";
 export { ANCHOR_WAIT_MS, AppLayout_default as AppLayout, AppSidebar_default as AppSidebar, AppTopBar_default as AppTopBar, LayoutResizeHandle_default as LayoutResizeHandle, ONBOARDING_KEY, REORDER_ANNOUNCER_STYLE, compareSortValues, defineOnboarding, provideOnboarding, reorderList, resizedLeadingPanelWidth, resizedTrailingPanelWidth, resizedVerticalSplitPercent, useDebouncedWatch, useEventListener, useExpansionSet, useFocusTrap, useListReorder, useListSelection, useManualLayoutResize, useMenuKeyboard, useOnboarding, usePluginWorkspace, useReorderAnnouncer, useRovingFocus, useSelectionLimit, useSortedItems };

package/dist/styles.css

@@ -122,12 +122,12 @@
   overflow-wrap: anywhere;
 }
 
-.mint-generated-workspace[data-v-90271c34] {
+.mint-generated-workspace[data-v-7ba9e342] {
   min-width: 0;
   min-height: 0;
   overflow-y: auto;
 }
-.mint-generated-workspace__loading[data-v-90271c34] {
+.mint-generated-workspace__loading[data-v-7ba9e342] {
   display: flex;
   flex: 1;
   align-items: center;
@@ -135,12 +135,12 @@
   gap: 0.75rem;
   color: var(--text-secondary);
 }
-.mint-generated-workspace__resources[data-v-90271c34] {
+.mint-generated-workspace__resources[data-v-7ba9e342] {
   color: var(--text-muted);
   font-family: var(--font-mono);
   font-size: 0.75rem;
 }
-.mint-generated-workspace__description[data-v-90271c34] {
+.mint-generated-workspace__description[data-v-7ba9e342] {
   margin: 0 0 var(--mint-gutter);
   color: var(--text-secondary);
 }
@@ -323,12 +323,12 @@
   --text-on-danger: #FFFFFF;
   /* Knob of a toggle or slider, and the mark of a disabled checkbox; white in both themes. */
   --control-knob: #FFFFFF;
-  /* Retired hues, aliased to the accent until 1.5 (mint doctor warns on use). */
+  /* Retired hues, aliased to the accent until 2.0 (mint doctor warns on use). */
   --color-cta: var(--color-primary);
   --color-cta-hover: var(--color-primary-hover);
   --color-purple: var(--color-primary);
 
-  /* Entity colors — retired hues, aliased to slate until 1.5. Entities are told
+  /* Entity colors — retired hues, aliased to slate until 2.0. Entities are told
      apart by icon and label, not by hue. Only -hover has no neutral token. */
   --color-experiment: var(--text-secondary-strong);
   --color-experiment-hover: #334155;
@@ -1707,6 +1707,10 @@ button, input, select, textarea {
   }
 }
 
+/* An AppTopBar in the layout renders the drawer button itself. */
+.mint-layout--responsive-sidebar:has(.mint-topbar__sidebar-toggle) .mint-layout__sidebar-toggle {
+  display: none;
+}
 /* AppSidebar Component Styles */
 
 .mint-sidebar {
@@ -2266,6 +2270,8 @@ button, input, select, textarea {
   padding: 0.75rem 1rem;
   background-color: var(--bg-secondary);
   box-sizing: border-box;
+  /* The two-row layout follows the bar's own width, not the window's. */
+  container: mint-topbar / inline-size;
 }
 
 /* Main container layout — equal side columns keep the centre nav on the bar
@@ -2326,11 +2332,62 @@ button, input, select, textarea {
   grid-column: 3;
   display: flex;
   align-items: center;
-  gap: 0.125rem;
+  gap: 0.375rem;
   min-width: 0;
   justify-content: flex-end;
 }
 
+/* Context group (standalone badge, run slot, onboarding, plugin buttons), then
+   the fixed tail: theme, settings and the host's account controls, always last. */
+.mint-topbar__context,
+.mint-topbar__tail {
+  display: flex;
+  align-items: center;
+  gap: 0.125rem;
+  min-width: 0;
+}
+
+.mint-topbar__tail {
+  flex-shrink: 0;
+}
+
+/* The deprecated #actions slot keeps a fixed width, so its content cannot push the bar. */
+.mint-topbar__legacy-actions {
+  display: inline-flex;
+  align-items: center;
+  max-width: 16rem;
+  overflow: hidden;
+}
+
+/* Below 1024px of bar width: row 1 is identity + tail, row 2 the pills + context.
+   Row 1 never holds more than the identity, so the tail never moves. */
+@container mint-topbar (max-width: 1023.98px) {
+  .mint-topbar__container--stackable {
+    /* The pills keep their width while it fits; the context group takes the rest and its experiment
+       name truncates. On a bar narrower than the pills they overflow their cell, never the tail. */
+    grid-template-columns: minmax(0, max-content) minmax(0, 1fr) auto;
+    grid-template-areas:
+      "start start tail"
+      "center context context";
+    row-gap: 0.375rem;
+  }
+
+  .mint-topbar__container--stackable .mint-topbar__start { grid-area: start; }
+  .mint-topbar__container--stackable .mint-topbar__right { display: contents; }
+  .mint-topbar__container--stackable .mint-topbar__tail { grid-area: tail; }
+
+  .mint-topbar__container--stackable .mint-topbar__center {
+    grid-area: center;
+    justify-content: flex-start;
+  }
+
+  .mint-topbar__container--stackable .mint-topbar__context {
+    /* Stretch, not justify-self: end, which would size the group to its nowrap min-content. */
+    grid-area: context;
+    justify-content: flex-end;
+  }
+}
+
 /* Logo styles */
 .mint-topbar__logo {
   display: flex;
@@ -2431,11 +2488,13 @@ button, input, select, textarea {
   white-space: nowrap;
 }
 
-/* The settings button has the IconButton ghost look: 32px, --radius-md,
-   16px icon, neutral ink, offset focus ring. */
-.mint-topbar__settings-btn {
+/* The settings button, plugin icon buttons and the drawer button have the
+   IconButton ghost look: 32px, --radius-md, 16px icon, neutral ink, offset focus ring. */
+.mint-topbar__settings-btn,
+.mint-topbar__icon-btn {
   position: relative;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
   justify-content: center;
   width: 2rem;
@@ -2450,23 +2509,62 @@ button, input, select, textarea {
   transition: background-color var(--mint-transition), color var(--mint-transition);
 }
 
-.mint-topbar__settings-btn:hover {
+.mint-topbar__settings-btn:hover,
+.mint-topbar__icon-btn:hover:not(:disabled) {
   background: var(--bg-hover);
   color: var(--text-primary);
 }
 
-.mint-topbar__settings-btn:focus-visible {
+.mint-topbar__settings-btn:focus-visible,
+.mint-topbar__icon-btn:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring-offset);
 }
 
-.mint-topbar__settings-icon {
+.mint-topbar__icon-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.mint-topbar__settings-icon,
+.mint-topbar__icon-btn-icon {
   width: 1rem;
   height: 1rem;
 }
 
+/* Status dot of a plugin icon button (TopBarAction.dot). */
+.mint-topbar__icon-btn-dot {
+  position: absolute;
+  top: 0.3125rem;
+  right: 0.3125rem;
+  width: 0.4375rem;
+  height: 0.4375rem;
+  border-radius: 50%;
+  box-shadow: 0 0 0 2px var(--bg-secondary);
+  background: var(--text-muted);
+}
+
+.mint-topbar__icon-btn-dot--primary,
+.mint-topbar__icon-btn-dot--cta { background: var(--color-primary); }
+.mint-topbar__icon-btn-dot--success { background: var(--mint-success); }
+.mint-topbar__icon-btn-dot--warning { background: var(--mint-warning); }
+.mint-topbar__icon-btn-dot--error { background: var(--mint-error); }
+.mint-topbar__icon-btn-dot--info { background: var(--mint-info); }
+
+/* The drawer button shows only while the AppLayout sidebar is a drawer. */
+.mint-topbar__sidebar-toggle {
+  display: none;
+}
+
+@media (max-width: 1023.98px) {
+  .mint-topbar__sidebar-toggle {
+    display: inline-flex;
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
-  .mint-topbar__settings-btn {
+  .mint-topbar__settings-btn,
+  .mint-topbar__icon-btn {
     transition: none;
   }
 }
@@ -2648,6 +2746,32 @@ button, input, select, textarea {
   clip-path: inset(50%);
   white-space: nowrap;
 }
+
+/* ─── Labels or icons, by fit ───
+   Save and Jobs show their words while the content fits; AppTopBar.compact.ts
+   sets --compact when it does not (a name is cut, the experiment chip is
+   squeezed or a group overflows), and they keep only their icons. Plugin
+   buttons with an icon are always icon-only. Accessible names and tooltips
+   keep the words. */
+.mint-topbar--compact .mint-experiment-popover__save {
+  width: 32px;
+  padding: 0;
+  justify-content: center;
+}
+
+.mint-topbar--compact .mint-experiment-popover__save-label,
+.mint-topbar--compact .mint-topbar__job-label {
+  display: none;
+}
+
+.mint-topbar--compact .mint-topbar__job--idle {
+  padding-inline: 0.5rem;
+}
+
+/* One total width cap for the experiment chip, code and chevron included. */
+.mint-topbar .mint-experiment-popover__trigger {
+  max-width: 16rem;
+}
 /* BaseButton Component Styles */
 
 .mint-button {
@@ -18313,7 +18437,7 @@ button.mint-unit-input__unit:focus-visible {
 .mint-plugin-icon--topbar { width: 2.25rem; height: 2.25rem; }
 .mint-plugin-icon--lg { width: 3rem;   height: 3rem;   }
 
-/* Tones (deprecated with the tone/color props, removed in 1.5): the v2 tile no longer reads the variable. */
+/* Tones (deprecated with the tone/color props, removed in 2.0): the v2 tile no longer reads the variable. */
 .mint-plugin-icon--neutral { --mint-plugin-icon-tone: var(--text-secondary); }
 .mint-plugin-icon--primary { --mint-plugin-icon-tone: var(--color-primary); }
 .mint-plugin-icon--cta     { --mint-plugin-icon-tone: var(--color-primary); }

package/dist/types/components.d.ts

@@ -169,6 +169,7 @@ export type PillNavItemInput = (Omit<PillNavItem, 'children'> & {
 export interface PageSelectorItem {
     id: string;
     label: string;
+    /** A Lucide icon name (`'activity'`, `'flask-conical'`) or a plugin icon (path, data URL, `mint-icon` JSON). Without one the page shows its first letter. */
     icon?: string;
     hint?: string;
     to?: string;
@@ -186,12 +187,31 @@ export interface PluginWorkspaceTopBarSpec {
     logo?: boolean;
     /** Centered pill navigation for the local modes of the current route (bind `v-model:pill`). */
     pills?: PillNavItemInput[];
-    /** Show the theme toggle. */
+    /** @deprecated Ignored: the theme toggle always shows. Removed in 2.0. */
     themeToggle?: boolean;
-    /** Settings button and modal; `false` hides the button. A getter can switch it per user. */
+    /**
+     * Settings modal of the always-present settings button. `false` (or a getter that returns it)
+     * gives the modal only its Appearance tab; it no longer hides the button.
+     */
     settings?: import('vue').MaybeRefOrGetter<false | TopBarSettingsConfig>;
     /** Standalone badge text when the plugin runs outside the platform; `false` hides it. */
     standaloneLabel?: false | string;
+    /** Plugin buttons, before the theme and settings buttons. The first two show; the rest go into a More menu. */
+    actions?: TopBarAction[];
+}
+/** One plugin button of the top bar. With `icon` it is an icon button and `label` is its accessible name and tooltip. */
+export interface TopBarAction {
+    id: string;
+    label: string;
+    /** A Lucide icon name, such as `'database'`. */
+    icon?: string;
+    /** A small status dot on the button. */
+    dot?: Tone;
+    /** Tooltip; defaults to `label`. */
+    title?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    onSelect: () => void;
 }
 /** Sidebar part of a PluginWorkspaceView spec; also the `:spec` of AppSidebar. */
 export interface PluginWorkspaceSidebarSpec {

package/dist/types/generated-ui.d.ts

@@ -117,6 +117,8 @@ export interface GeneratedJobDefinition {
     cpu: number;
     /** Who may submit the job when integrated: `use`, `configure` (`plugins.configure`) or `admin`. */
     access?: 'use' | 'configure' | 'admin';
+    /** The plugins that may start the job through the platform: `'readers'` or plugin names. Absent before SDK 1.5. */
+    callers?: 'readers' | string[];
     /** Defaults to process for manifests generated before lifecycle profiles. */
     lifecycle?: GeneratedJobLifecycle;
     /** Defaults to `{ kind: 'process' }` for older manifests. */

package/dist/types/index.d.ts

@@ -1,10 +1,10 @@
-export type { Tone, ContainerDirection, ButtonVariant, ButtonSize, ActionMenuItem, InputType, ModalSize, ModalVariant, ModalLayout, ModalTab, Toast, ToastAction, ToastOptions, OptionPrimitive, SelectOption, SelectOptionInput, FormFieldProps, SectionCardAccent, SectionCardDivider, SidebarToolSection, SidebarToolSectionAction, CollapsibleState, TopBarVariant, TopBarSettingsConfig, PillNavOption, PillNavOptionInput, PillNavItem, PillNavItemInput, PageSelectorItem, PageSelectorItemInput, PluginWorkspaceTopBarSpec, PluginWorkspaceSidebarSpec, PluginWorkspaceViewSpec, WellPlateFormat, WellState, WellPlateSelectionMode, WellPlateSize, WellShape, Well, WellClassValue, WellClassResolver, WellStyleResolver, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellSampleDropData, WellSampleDropContext, WellSampleDropParser, WellLegendItem, PlateCondition, ColumnCondition, RowCondition, Rack, PlateEditorClearConfirm, WellPlateSpec, PlateEditorSpec, SampleType, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, FileUploaderMode, ChartLegendItem, SegmentedControlVariant, SegmentedControlSize, PillVariant, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, DataFrameSpec, SpinnerSize, DividerSpacing, ProgressSize, AvatarSize, EmptyStateSize, BreadcrumbItem, BreadcrumbItemInput, TooltipPosition, SettingsTab, SettingsTabInput, SettingsModalLayout, SettingsGroup, SettingsModalSchema, SettingsUserType, SettingsAudience, SettingsAudienceInput, NumberNotation, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, TimeSlotDisabledFn, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, SummarySectionItem, SummarySection, SummaryData, ResourceStatus, ResourceSpec, MoleculeData, ExperimentStatus, DatePreset, ExperimentSortField, ExperimentTypeOption, ExperimentSummary, ExperimentListResponse, ExperimentFilters, TreeNodeType, BadgeVariant, TreeNode, } from './components';
+export type { Tone, ContainerDirection, ButtonVariant, ButtonSize, ActionMenuItem, InputType, ModalSize, ModalVariant, ModalLayout, ModalTab, Toast, ToastAction, ToastOptions, OptionPrimitive, SelectOption, SelectOptionInput, FormFieldProps, SectionCardAccent, SectionCardDivider, SidebarToolSection, SidebarToolSectionAction, CollapsibleState, TopBarVariant, TopBarSettingsConfig, PillNavOption, PillNavOptionInput, PillNavItem, PillNavItemInput, PageSelectorItem, PageSelectorItemInput, PluginWorkspaceTopBarSpec, TopBarAction, PluginWorkspaceSidebarSpec, PluginWorkspaceViewSpec, WellPlateFormat, WellState, WellPlateSelectionMode, WellPlateSize, WellShape, Well, WellClassValue, WellClassResolver, WellStyleResolver, HeatmapColorScale, HeatmapConfig, SlotPosition, WellExtendedData, WellEditData, WellEditField, WellSampleDropData, WellSampleDropContext, WellSampleDropParser, WellLegendItem, PlateCondition, ColumnCondition, RowCondition, Rack, PlateEditorClearConfirm, WellPlateSpec, PlateEditorSpec, SampleType, ProtocolStepType, ProtocolStepStatus, ProtocolStep, SampleGroup, FileUploaderMode, ChartLegendItem, SegmentedControlVariant, SegmentedControlSize, PillVariant, PillSize, CalendarSelectionMode, CalendarMarker, CalendarDayContext, SortDirection, SortState, DataFrameColumn, DataFrameSpec, SpinnerSize, DividerSpacing, ProgressSize, AvatarSize, EmptyStateSize, BreadcrumbItem, BreadcrumbItemInput, TooltipPosition, SettingsTab, SettingsTabInput, SettingsModalLayout, SettingsGroup, SettingsModalSchema, SettingsUserType, SettingsAudience, SettingsAudienceInput, NumberNotation, UnitOption, WizardStep, WizardStepState, AuditEntryType, AuditEntry, BatchItemStatus, BatchItem, BatchSummary, TimeSlotDisabledFn, TimeRange, ScheduleView, ScheduleEventStatus, ScheduleEvent, ScheduleBlockedSlot, ScheduleSlotContext, ScheduleEventCreateContext, ScheduleEventUpdateContext, SummarySectionItem, SummarySection, SummaryData, ResourceStatus, ResourceSpec, MoleculeData, ExperimentStatus, DatePreset, ExperimentSortField, ExperimentTypeOption, ExperimentSummary, ExperimentListResponse, ExperimentFilters, TreeNodeType, BadgeVariant, TreeNode, } from './components';
 export type * from './generated-ui';
 export type { AnalysisArtifactStatus, AnalysisArtifactStatusFilter, AnalysisArtifactSummary, AnalysisArtifactDetail, AnalysisArtifactListResponse, AnalysisArtifactTarget, AnalysisArtifactMetadataUpdate, ArtifactSaveMode, ArtifactFileSource, JsonArtifactSavePayload, FileArtifactCreatePayload, FileArtifactUpdatePayload, HandlerFileArtifactCreatePayload, HandlerFileArtifactUpdatePayload, ArtifactSavePayload, HandlerArtifactSavePayload, ArtifactSaveDialogPayload, ArtifactSaveResult, ArtifactSaveHandler, HandlerArtifactSaveHandler, ArtifactSaveDialogHandler, } from './analysisArtifactTypes';
 export { ANALYSIS_FILE_ARTIFACT_SCHEMA } from './analysisArtifactTypes';
 export type { FileBrowserLocation, FileBrowserSortKey, FileDirectoryListing, FileDirectoryTree, FileEntry, FileEntryKind, FilePathCrumb, FileSearchResult, FileSelection, ServerMount, } from './fileBrowserTypes';
 export type { JobListPayload, JobProgress, JobSnapshotPayload, JobState, JobStateInput, JobStatus, JobStreamData, TopBarJob, } from './jobs';
-export type { InjectionMetricSeries, InstrumentAlert, InstrumentAlertLevel, InstrumentAlertList, InstrumentBadgeState, InstrumentLiveProgress, InstrumentLiveStatus, InstrumentState, InstrumentStatus, InstrumentStatusReporter, SampleInfo, SampleInfo as InstrumentSampleInfo, SequenceProgress, StatusPanel, } from './instrument';
+export type { InjectionMetricSeries, InstrumentAlert, InstrumentAlertLevel, InstrumentAlertList, InstrumentBadgeState, InstrumentLiveProgress, InstrumentLiveStatus, InstrumentState, InstrumentStatusReporter, SampleInfo, SampleInfo as InstrumentSampleInfo, SequenceProgress, StatusPanel, } from './instrument';
 export type { AccessAudience, AccessAudienceInput, AccessPolicy, AccessControlled, PermissionUser, RoleInfo, } from '../permissions';
 export type { FormFieldType, FieldCondition, FieldValidation, FormFieldSchema, FormOptionInput, FormSectionSchema, FormStepSchema, FormSchema, FieldEnhancement, FormEnhancements, UseFormBuilderReturn, } from './form-builder';
 export type { OutlierAction, InputMode, OutlierInfo, ColumnInfo, MetadataRow, AutoGroupResult, ParsedCsvData, } from './auto-group';

package/dist/types/instrument.d.ts

@@ -21,23 +21,6 @@ export interface SequenceProgress {
     estimated_finish_time?: string | Date | null;
     sample_durations?: readonly number[];
 }
-/** @deprecated Scheduled for removal in MINT 1.4; instrument monitor types move to the mld-ms plugins. */
-export interface InstrumentStatus {
-    instrument_id: string;
-    instrument_name?: string | null;
-    monitor_id?: string | null;
-    state: InstrumentState;
-    active_method?: string | null;
-    current_sample?: SampleInfo | null;
-    sequence_progress?: SequenceProgress | null;
-    timestamp?: string | Date;
-    last_seen?: string | Date | null;
-    connected?: boolean;
-    sequence_file?: string | null;
-    sequence_row_index?: number | null;
-    current_raw_file?: string | null;
-    method_elapsed_pct?: number | null;
-}
 /** A state the platform derives for an instrument: its reported state, `never` (no report yet) or `inactive`. */
 export type InstrumentBadgeState = InstrumentState | 'never' | 'inactive';
 /** One per-injection metric over the current sequence; `values[i]` belongs to position `i + 1`, up to the last finished one (pad to `total_samples`). */

package/dist/{useDropdownState-uFIz6Yv8.js → useDropdownState-CcBzUYZ6.js}

@@ -345,6 +345,15 @@ var _hoisted_29 = {
 };
 /** Open modals, oldest first; shared by every BaseModal instance. */
 var openModals = [];
+/** Body overflow from before the first modal opened, restored when the last one closes. */
+var bodyOverflowBeforeLock = "";
+/** Body scroll follows the stack: locked while any modal is open. */
+function syncBodyScrollLock(wasEmpty) {
+	if (wasEmpty && openModals.length > 0) {
+		bodyOverflowBeforeLock = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+	} else if (!wasEmpty && openModals.length === 0) document.body.style.overflow = bodyOverflowBeforeLock;
+}
 //#endregion
 //#region src/components/BaseModal.vue
 var BaseModal_default = /* @__PURE__ */ defineComponent({
@@ -417,14 +426,13 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 			containerRef,
 			active: toRef(props, "open")
 		});
-		watch(() => props.open, (isOpen) => {
-			document.body.style.overflow = isOpen ? "hidden" : "";
-		});
 		const self = {};
 		watch(() => props.open, (isOpen) => {
+			const wasEmpty = openModals.length === 0;
 			const index = openModals.indexOf(self);
 			if (isOpen && index === -1) openModals.push(self);
 			if (!isOpen && index !== -1) openModals.splice(index, 1);
+			syncBodyScrollLock(wasEmpty);
 		}, { immediate: true });
 		function handleEscapeKeydown(event) {
 			if (event.key === "Escape" && !event.defaultPrevented && props.closeOnEscape && props.open && openModals[openModals.length - 1] === self) close();
@@ -440,9 +448,10 @@ var BaseModal_default = /* @__PURE__ */ defineComponent({
 		}
 		useEventListener(() => document, "keydown", handleEscapeKeydown);
 		onUnmounted(() => {
-			document.body.style.overflow = "";
+			const wasEmpty = openModals.length === 0;
 			const index = openModals.indexOf(self);
 			if (index !== -1) openModals.splice(index, 1);
+			syncBodyScrollLock(wasEmpty);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: `modal-${__props.variant}` }, {
@@ -605,4 +614,4 @@ function useDropdownState(options = {}) {
 //#endregion
 export { BaseButton_default as a, useEventListener as i, BaseModal_default as n, __exportAll as o, useFocusTrap as r, useDropdownState as t };
 
-//# sourceMappingURL=useDropdownState-uFIz6Yv8.js.map
+//# sourceMappingURL=useDropdownState-CcBzUYZ6.js.map