@morscherlab/mint-sdk 1.4.0-beta.10 → 1.4.0-beta.12

package/dist/runtime.js

@@ -1,8 +1,8 @@
-import { i as AuthenticationRequiredError, o as useApi } from "./experiment-43OJtH7R.js";
-import { c as isTerminalJobStatus, d as normalizeJobState, f as resolveJobCapabilities, l as jobStatusLabel, o as resolveCurrentPluginId, s as isActiveJobStatus, u as normalizeJobPercent } from "./records-B6gpM_3e.js";
-import { A as createGeneratedAnalysisTransport, D as GeneratedPathInput_default, _ as getFieldRegistryEntry, j as useJobsEndpoint, v as getTypeDefault } from "./useListReorder-BitdUhxn.js";
-import { a as GeneratedPlotlyResult_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, o as createClient, p as buildEndpointUrl, u as uploadEndpoint } from "./useRackEditor-DiwCt77M.js";
-import { a as ComponentBindingRenderer_default, c as generatedJobFormSchema, f as useControlWorkspace, i as RuntimeUpdateNotice_default, l as normalizeGeneratedJobInput, n as PresenceAvatars_default, o as GeneratedPluginView_default, r as usePresence, s as generatedJobDefaults } from "./runtime-8bs8EogX.js";
-import { A as getDefaultControlView, C as controlBindings, D as controlsTo, S as useControlSchema, b as defineControls, d as useForm, l as useFormBuilder, u as evaluateCondition, x as getControlDefaults, y as defineControlComponentBindings } from "./AppSidebar-mvm--GxN.js";
-import { a as combinePluginJobSources, o as useJobCenter, r as useRealtime } from "./useRealtime-C3iy9QkU.js";
+import { i as AuthenticationRequiredError, o as useApi } from "./experiment-DyO54FQB.js";
+import { c as isTerminalJobStatus, d as normalizeJobState, f as resolveJobCapabilities, l as jobStatusLabel, o as resolveCurrentPluginId, s as isActiveJobStatus, u as normalizeJobPercent } from "./records-DnK_1Q_S.js";
+import { A as createGeneratedAnalysisTransport, D as GeneratedPathInput_default, _ as getFieldRegistryEntry, j as useJobsEndpoint, v as getTypeDefault } from "./useListReorder-DPynGrCj.js";
+import { a as GeneratedPlotlyResult_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, o as createClient, p as buildEndpointUrl, u as uploadEndpoint } from "./useRackEditor-B2FrQA0p.js";
+import { a as ComponentBindingRenderer_default, c as generatedJobFormSchema, f as useControlWorkspace, i as RuntimeUpdateNotice_default, l as normalizeGeneratedJobInput, n as PresenceAvatars_default, o as GeneratedPluginView_default, r as usePresence, s as generatedJobDefaults } from "./runtime-pKfF_iql.js";
+import { A as getDefaultControlView, C as controlBindings, D as controlsTo, S as useControlSchema, b as defineControls, d as useForm, l as useFormBuilder, u as evaluateCondition, x as getControlDefaults, y as defineControlComponentBindings } from "./AppSidebar-DGK5i-hJ.js";
+import { a as combinePluginJobSources, o as useJobCenter, r as useRealtime } from "./useRealtime-yWjTTnc9.js";
 export { AuthenticationRequiredError, ComponentBindingRenderer_default as ComponentBindingRenderer, GeneratedPathInput_default as GeneratedPathInput, GeneratedPlotlyResult_default as GeneratedPlotlyResult, GeneratedPluginView_default as GeneratedPluginView, GeneratedResultRenderer_default as GeneratedResultRenderer, PresenceAvatars_default as PresenceAvatars, RuntimeUpdateNotice_default as RuntimeUpdateNotice, buildEndpointUrl, combinePluginJobSources, controlBindings, controlsTo, createClient, createGeneratedAnalysisTransport, defineControlComponentBindings, defineControls, downloadEndpoint, evaluateCondition, generatedJobDefaults, generatedJobFormSchema, getControlDefaults, getDefaultControlView, getFieldRegistryEntry, getTypeDefault, isActiveJobStatus, isTerminalJobStatus, jobStatusLabel, normalizeGeneratedJobInput, normalizeJobPercent, normalizeJobState, pluginFormDataFromPayload, resolveCurrentPluginId, resolveJobCapabilities, resolvePluginBaseUrl, uploadEndpoint, useApi, useControlSchema, useControlWorkspace, useEventStream, useForm, useFormBuilder, useJobCenter, useJobsEndpoint, usePresence, useRealtime, useSettingsEndpoint };

package/dist/{shell-CywENwBT.js → shell-BIH8Rc21.js}

@@ -1,7 +1,7 @@
 import { i as useEventListener, o as __exportAll, r as useFocusTrap } from "./useDropdownState-8yWMu-7_.js";
-import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-B6gpM_3e.js";
-import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-BitdUhxn.js";
-import { _ as AppLayout_default, f as AppTopBar_default, t as AppSidebar_default, v as usePluginWorkspace } from "./AppSidebar-mvm--GxN.js";
+import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-DnK_1Q_S.js";
+import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-DPynGrCj.js";
+import { _ as AppLayout_default, f as AppTopBar_default, t as AppSidebar_default, v as usePluginWorkspace } from "./AppSidebar-DGK5i-hJ.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";
@@ -194,4 +194,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-CywENwBT.js.map
+//# sourceMappingURL=shell-BIH8Rc21.js.map

package/dist/{shell-CywENwBT.js.map → shell-BIH8Rc21.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shell-CywENwBT.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"],"mappings":"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"}
+{"version":3,"file":"shell-BIH8Rc21.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"],"mappings":"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"}

package/dist/shell.js

@@ -1,8 +1,8 @@
 import { i as useEventListener, r as useFocusTrap } from "./useDropdownState-8yWMu-7_.js";
-import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-B6gpM_3e.js";
-import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-BitdUhxn.js";
-import { _ as AppLayout_default, f as AppTopBar_default, t as AppSidebar_default, v as usePluginWorkspace } from "./AppSidebar-mvm--GxN.js";
+import { E as useMenuKeyboard, H as useListSelection, R as useRovingFocus, U as useSelectionLimit } from "./records-DnK_1Q_S.js";
+import { B as compareSortValues, V as useSortedItems, i as useReorderAnnouncer, n as reorderList, r as useListReorder, t as REORDER_ANNOUNCER_STYLE } from "./useListReorder-DPynGrCj.js";
+import { _ as AppLayout_default, f as AppTopBar_default, t as AppSidebar_default, v as usePluginWorkspace } from "./AppSidebar-DGK5i-hJ.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-CywENwBT.js";
+import { a as useManualLayoutResize, i as resizedVerticalSplitPercent, n as resizedLeadingPanelWidth, o as LayoutResizeHandle_default, r as resizedTrailingPanelWidth } from "./shell-BIH8Rc21.js";
 export { AppLayout_default as AppLayout, AppSidebar_default as AppSidebar, AppTopBar_default as AppTopBar, LayoutResizeHandle_default as LayoutResizeHandle, REORDER_ANNOUNCER_STYLE, compareSortValues, reorderList, resizedLeadingPanelWidth, resizedTrailingPanelWidth, resizedVerticalSplitPercent, useDebouncedWatch, useEventListener, useExpansionSet, useFocusTrap, useListReorder, useListSelection, useManualLayoutResize, useMenuKeyboard, usePluginWorkspace, useReorderAnnouncer, useRovingFocus, useSelectionLimit, useSortedItems };

package/dist/stores/index.d.ts

@@ -1,3 +1,3 @@
 export { useAuthStore } from './auth';
-export { useSettingsStore, tryUseSettingsStore, colorPalettes, paletteCssVariables, tableDensityToSize, PALETTE_CSS_VARIABLES, type SettingsState, } from './settings';
+export { useSettingsStore, tryUseSettingsStore, colorPalettes, tableDensityToSize, type SettingsState, } from './settings';
 export { useExperimentStore } from './experiment';

package/dist/stores/index.js

@@ -1,3 +1,3 @@
-import { c as colorPalettes, d as tryUseSettingsStore, f as useSettingsStore, l as paletteCssVariables, s as PALETTE_CSS_VARIABLES, t as useExperimentStore, u as tableDensityToSize } from "../experiment-43OJtH7R.js";
+import { c as tableDensityToSize, l as tryUseSettingsStore, s as colorPalettes, t as useExperimentStore, u as useSettingsStore } from "../experiment-DyO54FQB.js";
 import { r as useAuthStore } from "../auth-SliLnFre.js";
-export { PALETTE_CSS_VARIABLES, colorPalettes, paletteCssVariables, tableDensityToSize, tryUseSettingsStore, useAuthStore, useExperimentStore, useSettingsStore };
+export { colorPalettes, tableDensityToSize, tryUseSettingsStore, useAuthStore, useExperimentStore, useSettingsStore };

package/dist/stores/settings.d.ts

@@ -17,20 +17,13 @@ export interface SettingsState {
     colorPalette: ColorPalette;
     tableDensity: TableDensity;
 }
+/**
+ * Accent palettes. `styles/variables.css` holds each palette's light and dark
+ * tokens under `[data-palette]`; the store only writes the attribute.
+ */
 export declare const colorPalettes: Record<ColorPalette, {
     name: string;
-    hues: [number, number];
 }>;
-/**
- * Custom properties a non-default palette overrides on `<html>`.
- *
- * The saturation/lightness pairs are lifted from the original indigo/orange
- * tokens in `styles/variables.css` so only the hue moves; the `default`
- * palette writes nothing at all and the stylesheet values stand.
- */
-export declare const PALETTE_CSS_VARIABLES: readonly ["--color-primary", "--color-primary-hover", "--color-primary-soft", "--color-cta", "--color-cta-hover"];
-/** Build the `<html>` custom-property overrides for a palette. */
-export declare function paletteCssVariables(palette: ColorPalette): Record<string, string>;
 /** Map a table density onto the `size` prop shared by the SDK table components. */
 export declare function tableDensityToSize(density: TableDensity): 'sm' | 'md' | 'lg';
 export declare const useSettingsStore: import('pinia').SetupStoreDefinition<"mint-settings", {
@@ -49,7 +42,6 @@ export declare const useSettingsStore: import('pinia').SetupStoreDefinition<"min
     applyDensity: () => void;
     persistSettings: () => void;
     resetToDefaults: () => void;
-    getPaletteHues: () => [number, number];
     getTableSize: () => "sm" | "md" | "lg";
     isDark: () => boolean;
     getApiBaseUrl: () => string;

package/dist/styles.css

@@ -48,36 +48,35 @@
   margin: 0 auto;
 }
 
-.mint-generated-result[data-v-d4b8e2aa] {
+.mint-generated-result[data-v-f242a75c] {
   width: 100%;
 }
-.mint-generated-result__text[data-v-d4b8e2aa],
-.mint-generated-result__json[data-v-d4b8e2aa] {
+.mint-generated-result__text[data-v-f242a75c],
+.mint-generated-result__json[data-v-f242a75c] {
   margin: 0;
   color: var(--text-primary);
 }
-.mint-generated-result__text[data-v-d4b8e2aa] {
+.mint-generated-result__text[data-v-f242a75c] {
   max-width: 72ch;
   white-space: pre-wrap;
   line-height: 1.65;
 }
-.mint-generated-result__json[data-v-d4b8e2aa] {
+.mint-generated-result__json[data-v-f242a75c] {
   overflow: auto;
-  padding: 1rem;
-  border: 1px solid var(--border-color);
-  border-radius: 0.75rem;
-  background: var(--bg-secondary);
+  padding: 0.75rem 1rem;
+  border-radius: var(--radius-md);
+  background: var(--bg-tertiary);
   font-size: 0.8125rem;
   line-height: 1.55;
   white-space: pre-wrap;
 }
-.mint-generated-result__image[data-v-d4b8e2aa] {
+.mint-generated-result__image[data-v-f242a75c] {
   display: block;
   max-width: 100%;
   height: auto;
   margin: 0 auto;
 }
-.mint-generated-result__artifact[data-v-d4b8e2aa] {
+.mint-generated-result__artifact[data-v-f242a75c] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -303,7 +302,7 @@
 
 
 
-
+@layer theme, base, components, utilities;
 /* MINT SDK Styles - Main entry point
  * This file combines all SDK styles for proper bundling
  */
@@ -315,6 +314,9 @@
  * @import '@morscherlab/mint-sdk/styles';
  */
 
+/* Tailwind v4's layer order, declared first so the SDK's base and utilities
+   layers sort the same way with or without Tailwind in the host. */
+
 /* ==========================================================================
    CSS Variables - Light Mode
    ========================================================================== */
@@ -357,13 +359,8 @@
      where --text-secondary would drop to ~4.35:1. */
   --text-secondary-strong: #475569;
 
-  /* Brand colors — one teal accent: teal-600 fills, teal-700 hover + ink,
-     teal-800 pressed. White on #0D9488 is 3.74:1, a known AA exception. */
-  --color-primary: #0D9488;
-  --color-primary-hover: #0F766E;
-  --color-primary-pressed: #115E59;
-  --color-primary-soft: rgba(13, 148, 136, 0.10);
-  --color-primary-border: #99F6E4;
+  /* Brand colors: the accent (--color-primary*) comes from the palette
+     blocks below the dark block (html[data-palette], default teal). */
   /* Fixed teal scale, the same in both themes. */
   --color-primary-50: #F0FDFA;
   --color-primary-100: #CCFBF1;
@@ -445,6 +442,8 @@
   --form-height-md: 2rem;
   --form-height-lg: 2.5rem;
   --mint-gutter: 0.5rem;
+  /* Distance from the outermost cards to the window edge, in every density. */
+  --mint-page-inset: 1rem;
 
   /* Semantic colors */
   --mint-success: #10B981;
@@ -479,7 +478,7 @@
   /* Soft focus rings — 3px translucent. Used by all form primitives
      post-0.16 visual refresh. Solid variants above kept for legacy
      components that haven't migrated yet. */
-  --focus-ring-soft: 0 0 0 3px rgba(13, 148, 136, 0.18);
+  --focus-ring-soft: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
   /* Red is perceptually brighter than teal at equal alpha; drop 2pp to keep visual weight matched. */
   --focus-ring-soft-error: 0 0 0 3px rgba(239, 68, 68, 0.18);
 
@@ -517,12 +516,7 @@ html.dark {
   --border-light: #172033;
   --border-strong: #334155;
 
-  /* Brand colors - Dark mode (CTA, purple and entity aliases follow) */
-  --color-primary: #2DD4BF;
-  --color-primary-hover: #5EEAD4;
-  --color-primary-pressed: #99F6E4;
-  --color-primary-soft: rgba(45, 212, 191, 0.12);
-  --color-primary-border: rgba(45, 212, 191, 0.35);
+  /* Brand colors - Dark mode: the accent comes from the palette blocks below. */
   /* Dark ink on the light accent fill (10.1:1 on #2DD4BF). */
   --text-on-accent: #0B1120;
   --color-experiment-hover: #E2E8F0;
@@ -558,7 +552,7 @@ html.dark {
 
   /* Focus ring - dark mode offset uses bg-primary instead of white */
   --focus-ring-offset: 0 0 0 2px var(--bg-primary), 0 0 0 4px var(--color-primary);
-  --focus-ring-soft: 0 0 0 3px rgba(45, 212, 191, 0.22);
+  --focus-ring-soft: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
   --focus-ring-soft-error: 0 0 0 3px rgba(248, 113, 113, 0.26);
 
   /* Legacy aliases */
@@ -568,6 +562,122 @@ html.dark {
   color-scheme: dark;
 }
 
+/* Accent palettes (Settings → Color palette). The settings store writes
+   html[data-palette]; the palette swatches set the same attribute on their
+   strip to preview a palette. Each palette is one accent in both themes: white
+   text on the light-mode fill, dark text (--text-on-accent) on the dark-mode
+   fill. Hues come from the biology plot-style palettes. */
+
+/* Teal (default): teal-600 fill, teal-700 hover + ink, teal-800 pressed.
+   White on #0D9488 is 3.74:1, a known AA exception. */
+:root,
+[data-palette="default"] {
+  --color-primary: #0D9488;
+  --color-primary-hover: #0F766E;
+  --color-primary-pressed: #115E59;
+  --color-primary-soft: rgba(13, 148, 136, 0.10);
+  --color-primary-border: #99F6E4;
+}
+html.dark,
+html.dark [data-palette="default"] {
+  --color-primary: #2DD4BF;
+  --color-primary-hover: #5EEAD4;
+  --color-primary-pressed: #99F6E4;
+  --color-primary-soft: rgba(45, 212, 191, 0.12);
+  --color-primary-border: rgba(45, 212, 191, 0.35);
+}
+
+/* Colour-blind safe: Okabe-Ito blue accent, and Okabe-Ito bluish green,
+   vermilion and orange for status, so success and error differ for every
+   colour-vision type. White on #0072B2 is 5.19:1. */
+:root[data-palette="colorblind"],
+[data-palette="colorblind"] {
+  --color-primary: #0072B2;
+  --color-primary-hover: #005F94;
+  --color-primary-pressed: #004C77;
+  --color-primary-soft: rgba(0, 114, 178, 0.10);
+  --color-primary-border: #B3D5EA;
+  --mint-success: #009E73;
+  --mint-success-hover: #00805D;
+  --mint-success-bg: rgba(0, 158, 115, 0.1);
+  --mint-success-border: rgba(0, 158, 115, 0.3);
+  --mint-error: #D55E00;
+  --mint-error-hover: #B34E00;
+  --mint-error-bg: rgba(213, 94, 0, 0.1);
+  --mint-error-border: rgba(213, 94, 0, 0.3);
+  --mint-warning: #E69F00;
+  --mint-warning-hover: #C78800;
+  --mint-warning-bg: rgba(230, 159, 0, 0.1);
+  --mint-warning-border: rgba(230, 159, 0, 0.3);
+  --mint-warning-text: #8F5F00;
+}
+html.dark[data-palette="colorblind"],
+html.dark [data-palette="colorblind"] {
+  --color-primary: #56B4E9;
+  --color-primary-hover: #7CC5EE;
+  --color-primary-pressed: #A3D6F3;
+  --color-primary-soft: rgba(86, 180, 233, 0.14);
+  --color-primary-border: rgba(86, 180, 233, 0.38);
+  --mint-success-bg: rgba(0, 158, 115, 0.15);
+  --mint-error-bg: rgba(213, 94, 0, 0.15);
+  --mint-warning-bg: rgba(230, 159, 0, 0.15);
+  --mint-warning-text: #FCD34D;
+}
+
+/* Purple: plot-style purple #8781bd, deepened so white text is 5.15:1. */
+:root[data-palette="purple"],
+[data-palette="purple"] {
+  --color-primary: #6B64B0;
+  --color-primary-hover: #5A539E;
+  --color-primary-pressed: #4A448A;
+  --color-primary-soft: rgba(107, 100, 176, 0.10);
+  --color-primary-border: #D3D0EC;
+}
+html.dark[data-palette="purple"],
+html.dark [data-palette="purple"] {
+  --color-primary: #A9A3DB;
+  --color-primary-hover: #C2BDE7;
+  --color-primary-pressed: #D8D4F1;
+  --color-primary-soft: rgba(169, 163, 219, 0.14);
+  --color-primary-border: rgba(169, 163, 219, 0.38);
+}
+
+/* Ocean: plot-style ocean ramp, #2171B5 fill (white 5.13:1), #6BAED6 dark. */
+:root[data-palette="ocean"],
+[data-palette="ocean"] {
+  --color-primary: #2171B5;
+  --color-primary-hover: #1B5F99;
+  --color-primary-pressed: #164E7E;
+  --color-primary-soft: rgba(33, 113, 181, 0.10);
+  --color-primary-border: #BBD7EE;
+}
+html.dark[data-palette="ocean"],
+html.dark [data-palette="ocean"] {
+  --color-primary: #6BAED6;
+  --color-primary-hover: #8EC2E2;
+  --color-primary-pressed: #B0D5EC;
+  --color-primary-soft: rgba(107, 174, 214, 0.14);
+  --color-primary-border: rgba(107, 174, 214, 0.38);
+}
+
+/* Forest: plot-style forest_clay, #2F6B4F fill (white 6.29:1), #7AA874 dark. */
+:root[data-palette="forest"],
+[data-palette="forest"] {
+  --color-primary: #2F6B4F;
+  --color-primary-hover: #275A42;
+  --color-primary-pressed: #1F4935;
+  --color-primary-soft: rgba(47, 107, 79, 0.10);
+  --color-primary-border: #BFD8C6;
+}
+html.dark[data-palette="forest"],
+html.dark [data-palette="forest"] {
+  --color-primary: #7AA874;
+  --color-primary-hover: #95BC90;
+  --color-primary-pressed: #B1CFAD;
+  --color-primary-soft: rgba(122, 168, 116, 0.14);
+  --color-primary-border: rgba(122, 168, 116, 0.38);
+}
+
 /* Comfortable density (html[data-density], written by the settings store):
    the pre-v2 control heights and a wider gutter. */
 [data-density="comfortable"] {
@@ -654,6 +764,9 @@ button, input, select, textarea {
 /* ==========================================================================
    MINT Utility Classes (for Tailwind v4 compatibility)
    ========================================================================== */
+/* In Tailwind's utilities layer: unlayered, these beat every layered rule, so a
+   host's responsive variant (`lg:flex-row`) lost to the SDK's `.flex-col`. */
+@layer utilities {
 .bg-bg-hover {
   background-color: var(--bg-tertiary);
 }
@@ -1029,6 +1142,7 @@ button, input, select, textarea {
 .max-w-sm {
   max-width: 24rem;
 }
+} /* @layer utilities */
 
 /* ==========================================================================
    Reduced Motion
@@ -1490,10 +1604,11 @@ button, input, select, textarea {
 }
 
 /* Floating variant: all sections appear as separate cards on a background,
-   spaced by the density gutter (8px, 12px comfortable). */
+   16px from the window edge and spaced by the density gutter (8px, 12px
+   comfortable). */
 .mint-layout--floating {
   background-color: var(--bg-primary);
-  padding: var(--mint-gutter);
+  padding: var(--mint-page-inset);
   gap: var(--mint-gutter);
 }
 
@@ -2267,10 +2382,10 @@ button, input, select, textarea {
   padding: 0 0.375rem 0 0;
 }
 
-/* Variant: card - flat floating card, inset by the layout gutter */
+/* Variant: card - flat floating card, inset 16px from the window edge */
 .mint-topbar--card {
-  width: calc(100% - 2 * var(--mint-gutter));
-  margin: var(--mint-gutter) var(--mint-gutter) 0;
+  width: calc(100% - 2 * var(--mint-page-inset));
+  margin: var(--mint-page-inset) var(--mint-page-inset) 0;
   padding: 0.375rem 0.5rem 0.375rem 0.625rem;
   border-radius: var(--radius-lg);
   border: 1px solid var(--border-color);
@@ -4815,7 +4930,7 @@ button, input, select, textarea {
   width: 2.5rem;
   height: 3px;
   background-color: var(--border-color);
-  border-radius: 9999px;
+  border-radius: var(--radius-sm);
   margin: 0.5rem auto 0;
   flex-shrink: 0;
 }
@@ -4863,7 +4978,7 @@ button, input, select, textarea {
   width: 1.75rem;
   height: 1.75rem;
   padding: 0;
-  border-radius: 0.4375rem;
+  border-radius: var(--radius-md);
   color: var(--text-secondary);
   background: none;
   border: none;
@@ -5477,7 +5592,7 @@ button, input, select, textarea {
 /* Horizontal padding matches BaseInput canonical scale (10/12/16) so FormField's
    12px label indent aligns with the numeric text across all input types. */
 .mint-number-input__input--sm { padding: 0.25rem 0.625rem; font-size: 0.8125rem; }
-.mint-number-input__input--md { padding: 0.375rem 0.75rem;    font-size: 0.75rem; }
+.mint-number-input__input--md { padding: 0.375rem 0.75rem;    font-size: 0.875rem; }
 .mint-number-input__input--lg { padding: 0.5rem 1rem;      font-size: 1rem; }
 
 /* ---------- Unit suffix ---------- */
@@ -6310,7 +6425,9 @@ button, input, select, textarea {
   gap: 0.625rem;
   box-sizing: border-box;
   min-height: 2.5rem;
-  padding: 0.375rem 0.625rem 0.375rem 0.75rem;
+  /* 4px block padding: a 28px header control plus padding plus the 1px rule
+     stays inside the 40px strip (6px made it 41px). */
+  padding: 0.25rem 0.625rem 0.25rem 0.75rem;
   border-bottom: 1px solid var(--border-color);
   flex-shrink: 0;
 }
@@ -6407,7 +6524,7 @@ button.mint-section-card__row:hover {
 /* Comfortable density gives the header and rows back their height. */
 [data-density="comfortable"] .mint-section-card__header {
   min-height: 2.75rem;
-  padding: 0.5rem 0.75rem 0.5rem 0.875rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.875rem;
 }
 
 [data-density="comfortable"] .mint-section-card__row {
@@ -11204,7 +11321,7 @@ html.dark .mint-pill--soft {
 }
 
 .mint-dataframe__row:last-child .mint-dataframe__td {
-  border-bottom: none;
+  border-bottom: none !important;
 }
 
 /* Empty / error placeholder host (content comes from EmptyState) */
@@ -11763,13 +11880,13 @@ html.dark .mint-dataframe__loading {
 }
 
 /* ========================================================================
-   Rail variant (default) — single filled track, pill ends
+   Rail variant (default) — single filled track, square-ish ends (v2: no capsules)
    ======================================================================== */
 
 .mint-progress__track {
   width: 100%;
   background-color: var(--bg-tertiary);
-  border-radius: 9999px; /* pill ends — spec */
+  border-radius: var(--radius-sm);
   overflow: hidden;
 }
 
@@ -11779,7 +11896,7 @@ html.dark .mint-dataframe__loading {
 
 .mint-progress__bar {
   height: 100%;
-  border-radius: 9999px;
+  border-radius: var(--radius-sm);
   transition: width 0.3s ease;
 }
 
@@ -12835,6 +12952,12 @@ html.dark .mint-stale-banner {
   border-bottom-color: var(--border-color);
 }
 
+/* The pane ends after the last group's last row: no closing hairline there,
+   it would sit on the footer rule with nothing between them. */
+.mint-settings-modal__group:last-of-type > .mint-settings-modal__group-grid > .mint-settings-modal__row:last-child {
+  border-bottom: none;
+}
+
 /* The field cell anchors the ↺ reset, which sits just left of the control (5d).
    --_settings-control-w is the control's width; stacked fields (text, custom slots)
    keep 0 and put the reset at the right end of their label line. */
@@ -13453,10 +13576,9 @@ html.dark .mint-stale-banner {
 .mint-settings-modal__density-preview {
   --_density-row: 2.125rem;
 
+  /* A hairline table in the setting row, not a bordered box inside the modal. */
   grid-column: 1 / -1;
   overflow: hidden;
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md);
   font-size: 0.75rem;
 }
 

package/dist/types/platform.d.ts

@@ -50,5 +50,5 @@ export type PlatformContext = Partial<Omit<PlatformFrontendContext, 'plugin'>> &
     theme: ThemeMode;
 };
 export type ThemeMode = 'light' | 'dark' | 'system';
-export type ColorPalette = 'default' | 'colorblind' | 'viridis' | 'pastel';
+export type ColorPalette = 'default' | 'colorblind' | 'purple' | 'ocean' | 'forest';
 export type TableDensity = 'compact' | 'normal' | 'comfortable';

package/dist/{useExperimentSamples-DHnxKFAF.js → useExperimentSamples-BGN1dmcR.js}

@@ -1,6 +1,6 @@
-import { o as useApi, r as readErrorMessage } from "./experiment-43OJtH7R.js";
-import { _ as APP_EXPERIMENT_KEY, a as parseExperimentId, t as isRecord } from "./records-B6gpM_3e.js";
-import { t as useRequest } from "./useRequest-D506eHi8.js";
+import { o as useApi, r as readErrorMessage } from "./experiment-DyO54FQB.js";
+import { _ as APP_EXPERIMENT_KEY, a as parseExperimentId, t as isRecord } from "./records-DnK_1Q_S.js";
+import { t as useRequest } from "./useRequest-Dqw12k2s.js";
 import { computed, inject, ref, shallowRef, toValue, watch } from "vue";
 //#region src/composables/experimentDesignData.ts
 function isPlatformDesignDataResponse(value) {
@@ -363,4 +363,4 @@ function useExperimentSamples(options = {}) {
 //#endregion
 export { useFileImport as a, extractSampleNamesFromDesignData as c, readFileAsText as i, extractSampleOptionsFromDesignData as l, detectDelimiter as n, validateImportFile as o, parseDelimitedText as r, useExperimentData as s, useExperimentSamples as t, unwrapExperimentDesignData as u };
 
-//# sourceMappingURL=useExperimentSamples-DHnxKFAF.js.map
+//# sourceMappingURL=useExperimentSamples-BGN1dmcR.js.map