@morscherlab/mint-sdk 1.1.0-beta.5 → 1.1.0-beta.6

package/README.md

@@ -109,12 +109,22 @@ Generated files also expose typed plugin settings when the backend declares
 `@mint_plugin(config=PluginConfig)`:
 
 ```typescript
-import { useGeneratedPluginSettings } from './generated/mint-plugin'
-
-const { settings } = useGeneratedPluginSettings()
-const threshold = settings.value?.threshold
+import {
+  pluginSettingsFormSchema,
+  pluginSettingsValueSchema,
+  useGeneratedPluginSettings,
+} from './generated/mint-plugin'
+
+const pluginSettings = useGeneratedPluginSettings()
+const threshold = pluginSettings.settings.value?.threshold
+const settingsConfig = pluginSettings.settingsConfig
 ```
 
+Pass `settingsConfig` to `PluginWorkspaceView` or `AppTopBar`.
+`pluginSettingsValueSchema` is the Pydantic JSON Schema used for generated
+TypeScript values. `pluginSettingsFormSchema` is the SDK
+`SettingsModalSchema` used to render controls; they are deliberately separate.
+
 When `.env`, process-environment, or startup values override a field, saving
 still updates its backing value. The effective override remains active, while
 the saved value is returned in `stored_settings` and marked `inactive` until
@@ -411,6 +421,10 @@ Both ordinary `uploadPath({ ..., signal })` and a staged scope's
 authenticated multipart request. Abort stops the client-side transfer, but the
 caller should refresh job/staging state before retrying because the server may
 already have committed the upload.
+Automatic submission binds ordinary Path uploads to its job definition. When
+uploading manually for an administrator-protected definition, call
+`uploadPath(input, definitionId)` so the server can authorize and bind the
+upload before reading its body.
 
 `cancelJob()` and `deleteJob()` accept either a canonical job object or its ID.
 

package/dist/{SettingsModal-DDaq294M.js → SettingsModal-Dpg-X1OM.js}

@@ -1,8 +1,8 @@
 import { n as __exportAll } from "./chunk-BoAXSpZd.js";
 import { d as BaseModal_default } from "./experiment-utils-CxkruZ3G.js";
-import { E as getFieldRegistryEntry, b as controlsToSettingsSchema, f as resolveControlModel, g as mergeControlWorkspaceOptions } from "./useControlSchema-BAqu3kqE.js";
+import { E as getFieldRegistryEntry, b as controlsToSettingsSchema, f as resolveControlModel, g as mergeControlWorkspaceOptions } from "./useControlSchema-B_qgU4rW.js";
 import { n as colorPalettes, r as useSettingsStore, t as useAuthStore } from "./auth-B87xM--s.js";
-import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-DvO-TrfX.js";
+import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-D1G5J5Z5.js";
 import { canAccessByPolicy } from "./permissions.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
 //#region src/utils/items.ts
@@ -521,4 +521,4 @@ var SettingsModal_default = SettingsModal_vue_vue_type_script_setup_true_lang_de
 //#endregion
 export { pickExistingRecordKeys as a, normalizeItemInput as c, formSchemaFieldNames as i, normalizeLabelItemInput as l, SettingsModal_exports as n, recordValuesEqualForKeys as o, FormFieldRendererInternal_default as r, FormField_default as s, SettingsModal_default as t };
 
-//# sourceMappingURL=SettingsModal-DDaq294M.js.map
+//# sourceMappingURL=SettingsModal-Dpg-X1OM.js.map

package/dist/{SettingsModal-DDaq294M.js.map → SettingsModal-Dpg-X1OM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SettingsModal-DDaq294M.js","names":["$slots"],"sources":["../src/utils/items.ts","../src/components/FormField.vue","../src/components/FormField.vue","../src/utils/formModelSync.ts","../src/components/internal/FormFieldRendererInternal.vue","../src/components/internal/FormFieldRendererInternal.vue","../src/components/SettingsModal.schema.ts","../src/components/SettingsModal.vue","../src/components/SettingsModal.vue"],"sourcesContent":["export type ItemWithLabel = {\n  label: string\n}\n\nexport type ItemWithId = ItemWithLabel & {\n  id: string\n}\n\nexport function normalizeItemInput<TItem extends ItemWithId>(\n  item: TItem | string,\n): TItem {\n  if (typeof item === 'object') return item\n\n  return {\n    id: item,\n    label: item,\n  } as TItem\n}\n\nexport function normalizeLabelItemInput<TItem extends ItemWithLabel>(\n  item: TItem | string,\n): TItem {\n  if (typeof item === 'object') return item\n\n  return {\n    label: item,\n  } as TItem\n}\n","<script setup lang=\"ts\">\n/** Wraps a form control with a label, optional hint text, and validation error display. */\nimport { computed } from 'vue'\n\ninterface Props {\n  label?: string\n  error?: string\n  hint?: string\n  required?: boolean\n  showOptional?: boolean\n  htmlFor?: string\n  fieldId?: string\n}\n\nconst props = defineProps<Props>()\n\nconst errorId = computed(() =>\n  props.error && props.fieldId ? `${props.fieldId}-error` : undefined\n)\n\nconst hintId = computed(() =>\n  !props.error && props.hint && props.fieldId ? `${props.fieldId}-hint` : undefined\n)\n\nconst describedBy = computed(() => errorId.value ?? hintId.value)\n</script>\n\n<template>\n  <div class=\"mint-form-field\">\n    <div v-if=\"label\" class=\"mint-form-field__label-row\">\n      <label\n        :for=\"htmlFor\"\n        class=\"mint-form-field__label\"\n      >\n        {{ label }}\n        <span v-if=\"required\" class=\"mint-form-field__required\" aria-hidden=\"true\">*</span>\n      </label>\n      <span\n        v-if=\"!required && showOptional\"\n        class=\"mint-form-field__optional\"\n      >\n        optional\n      </span>\n    </div>\n\n    <slot :described-by=\"describedBy\" />\n\n    <p v-if=\"error\" :id=\"errorId\" class=\"mint-form-field__error\" role=\"alert\">\n      {{ error }}\n    </p>\n    <p v-else-if=\"hint\" :id=\"hintId\" class=\"mint-form-field__hint\">\n      {{ hint }}\n    </p>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-field.css';\n</style>\n","<script setup lang=\"ts\">\n/** Wraps a form control with a label, optional hint text, and validation error display. */\nimport { computed } from 'vue'\n\ninterface Props {\n  label?: string\n  error?: string\n  hint?: string\n  required?: boolean\n  showOptional?: boolean\n  htmlFor?: string\n  fieldId?: string\n}\n\nconst props = defineProps<Props>()\n\nconst errorId = computed(() =>\n  props.error && props.fieldId ? `${props.fieldId}-error` : undefined\n)\n\nconst hintId = computed(() =>\n  !props.error && props.hint && props.fieldId ? `${props.fieldId}-hint` : undefined\n)\n\nconst describedBy = computed(() => errorId.value ?? hintId.value)\n</script>\n\n<template>\n  <div class=\"mint-form-field\">\n    <div v-if=\"label\" class=\"mint-form-field__label-row\">\n      <label\n        :for=\"htmlFor\"\n        class=\"mint-form-field__label\"\n      >\n        {{ label }}\n        <span v-if=\"required\" class=\"mint-form-field__required\" aria-hidden=\"true\">*</span>\n      </label>\n      <span\n        v-if=\"!required && showOptional\"\n        class=\"mint-form-field__optional\"\n      >\n        optional\n      </span>\n    </div>\n\n    <slot :described-by=\"describedBy\" />\n\n    <p v-if=\"error\" :id=\"errorId\" class=\"mint-form-field__error\" role=\"alert\">\n      {{ error }}\n    </p>\n    <p v-else-if=\"hint\" :id=\"hintId\" class=\"mint-form-field__hint\">\n      {{ hint }}\n    </p>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-field.css';\n</style>\n","import type { FormSchema } from '../types/form-builder'\n\nexport function recordValuesEqualForKeys(\n  left: Record<string, unknown>,\n  right: Record<string, unknown>,\n  keys: readonly string[],\n): boolean {\n  for (const key of keys) {\n    if (!valuesEqual(left[key], right[key])) return false\n  }\n  return true\n}\n\nexport function pickRecordKeys(\n  source: Record<string, unknown>,\n  keys: readonly string[],\n): Record<string, unknown> {\n  return Object.fromEntries(keys.map(key => [key, source[key]]))\n}\n\nexport function pickExistingRecordKeys(\n  source: Record<string, unknown>,\n  keys: readonly string[],\n): Record<string, unknown> {\n  return Object.fromEntries(\n    keys\n      .filter(key => Object.prototype.hasOwnProperty.call(source, key))\n      .map(key => [key, source[key]]),\n  )\n}\n\nexport function formSchemaFieldNames(schema: FormSchema): string[] {\n  const sections = schema.steps\n    ? schema.steps.flatMap(step => step.sections)\n    : schema.sections\n  return sections.flatMap(section => section.fields.map(field => field.name))\n}\n\nfunction valuesEqual(left: unknown, right: unknown): boolean {\n  if (Object.is(left, right)) return true\n  if (Array.isArray(left) && Array.isArray(right)) {\n    return left.length === right.length && left.every((item, index) => valuesEqual(item, right[index]))\n  }\n  if (isRecord(left) && isRecord(right)) {\n    return recordValuesEqualForKeys(left, right, [...new Set([...Object.keys(left), ...Object.keys(right)])])\n  }\n  return false\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { FormFieldSchema } from '../../types/form-builder'\nimport type { UseFormReturn } from '../../composables/useForm'\nimport { getFieldRegistryEntry } from '../../composables/formBuilderRegistry'\nimport FormField from '../FormField.vue'\n\ninterface Props {\n  field: FormFieldSchema\n  resolvedProps: Record<string, unknown>\n  form: UseFormReturn<Record<string, unknown>>\n}\n\nconst props = defineProps<Props>()\n\nconst entry = computed(() => getFieldRegistryEntry(props.field.type))\n\nconst isChoiceField = computed(() =>\n  props.field.type === 'checkbox' || props.field.type === 'toggle',\n)\n\nconst componentProps = computed<Record<string, unknown>>(() => {\n  if (!isChoiceField.value) return props.resolvedProps\n\n  return {\n    variant: 'row',\n    label: props.field.label,\n    description: props.field.hint,\n    icon: props.field.icon,\n    iconColor: props.field.iconColor,\n    iconBg: props.field.iconBg,\n    ...props.resolvedProps,\n  }\n})\n\nconst errorMessage = computed(() => {\n  const name = props.field.name\n  return props.form.touched[name] ? props.form.errors[name] : null\n})\n\nfunction handleUpload(files: File[]) {\n  props.form.setFieldValue(props.field.name, files)\n}\n</script>\n\n<template>\n  <FormField\n    :label=\"isChoiceField ? undefined : field.label\"\n    :error=\"errorMessage ?? undefined\"\n    :hint=\"isChoiceField ? undefined : field.hint\"\n    :required=\"!!field.validation?.required\"\n    :html-for=\"isChoiceField ? undefined : field.name\"\n  >\n    <slot :name=\"`field:${field.name}`\" :field=\"field\" :form=\"form\" :field-props=\"form.getFieldProps(field.name)\">\n      <component\n        :is=\"entry.component\"\n        v-if=\"entry.vModel\"\n        v-bind=\"componentProps\"\n      />\n      <component\n        :is=\"entry.component\"\n        v-else\n        v-bind=\"componentProps\"\n        @upload=\"handleUpload\"\n      />\n    </slot>\n  </FormField>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { FormFieldSchema } from '../../types/form-builder'\nimport type { UseFormReturn } from '../../composables/useForm'\nimport { getFieldRegistryEntry } from '../../composables/formBuilderRegistry'\nimport FormField from '../FormField.vue'\n\ninterface Props {\n  field: FormFieldSchema\n  resolvedProps: Record<string, unknown>\n  form: UseFormReturn<Record<string, unknown>>\n}\n\nconst props = defineProps<Props>()\n\nconst entry = computed(() => getFieldRegistryEntry(props.field.type))\n\nconst isChoiceField = computed(() =>\n  props.field.type === 'checkbox' || props.field.type === 'toggle',\n)\n\nconst componentProps = computed<Record<string, unknown>>(() => {\n  if (!isChoiceField.value) return props.resolvedProps\n\n  return {\n    variant: 'row',\n    label: props.field.label,\n    description: props.field.hint,\n    icon: props.field.icon,\n    iconColor: props.field.iconColor,\n    iconBg: props.field.iconBg,\n    ...props.resolvedProps,\n  }\n})\n\nconst errorMessage = computed(() => {\n  const name = props.field.name\n  return props.form.touched[name] ? props.form.errors[name] : null\n})\n\nfunction handleUpload(files: File[]) {\n  props.form.setFieldValue(props.field.name, files)\n}\n</script>\n\n<template>\n  <FormField\n    :label=\"isChoiceField ? undefined : field.label\"\n    :error=\"errorMessage ?? undefined\"\n    :hint=\"isChoiceField ? undefined : field.hint\"\n    :required=\"!!field.validation?.required\"\n    :html-for=\"isChoiceField ? undefined : field.name\"\n  >\n    <slot :name=\"`field:${field.name}`\" :field=\"field\" :form=\"form\" :field-props=\"form.getFieldProps(field.name)\">\n      <component\n        :is=\"entry.component\"\n        v-if=\"entry.vModel\"\n        v-bind=\"componentProps\"\n      />\n      <component\n        :is=\"entry.component\"\n        v-else\n        v-bind=\"componentProps\"\n        @upload=\"handleUpload\"\n      />\n    </slot>\n  </FormField>\n</template>\n","import type {\n  FormSchema,\n  FormSectionSchema,\n  SettingsGroup,\n  SettingsModalSchema,\n  SettingsTab,\n  SettingsTabInput,\n} from '../types'\nimport type { AccessControlled } from '../permissions'\nimport { normalizeItemInput } from '../utils/items'\n\nexport const APPEARANCE_TAB_ID = 'appearance'\n\nexport const APPEARANCE_TAB: SettingsTab = {\n  id: APPEARANCE_TAB_ID,\n  label: 'Appearance',\n  description: 'Theme, color palette, and table density',\n}\n\n// Map settings groups onto the form-builder's flat-section shape.\n// `title: ''` because the rail/pane header already shows the group name.\nexport function buildFlatSettingsSchema(schema: SettingsModalSchema): FormSchema {\n  return {\n    sections: schema.groups.map<FormSectionSchema>((group) => ({\n      id: group.id,\n      title: '',\n      fields: group.fields,\n      columns: group.columns,\n      condition: group.condition,\n    })),\n  }\n}\n\nexport function filterSettingsSchemaByAccess(\n  schema: SettingsModalSchema,\n  canShow: (item: AccessControlled) => boolean\n): SettingsModalSchema {\n  const groups = schema.groups.flatMap((group) => {\n    if (!canShow(group)) return []\n\n    const fields = group.fields.filter(canShow)\n    if (fields.length === 0) return []\n\n    return [{ ...group, fields }]\n  })\n\n  return { groups }\n}\n\nexport function settingsGroupToTab(group: SettingsGroup): SettingsTab {\n  return {\n    id: group.id,\n    label: group.label,\n    icon: group.icon,\n    description: group.description,\n  }\n}\n\nexport function normalizeVisibleSettingsTabs(\n  tabs: SettingsTabInput[],\n  canShow: (item: AccessControlled) => boolean\n): SettingsTab[] {\n  return tabs.map(normalizeItemInput).filter(canShow)\n}\n\nexport function buildSettingsTabs(\n  baseTabs: SettingsTab[],\n  showAppearance: boolean\n): SettingsTab[] {\n  return showAppearance ? [...baseTabs, APPEARANCE_TAB] : baseTabs\n}\n","<script setup lang=\"ts\">\n/**\n * Tabbed settings modal with three usage modes:\n *\n *   1. Schema-driven (recommended) — pass `schema`, compact `controls`, or a\n *      complete `defineControlModel()` result plus `v-model:values`. Each\n *      group/section becomes a tab; fields auto-render via the SDK form field\n *      registry (text, select, number, toggle, molecule, concentration, …).\n *      Conditional visibility, validation, and dynamic options come for free.\n *\n *   2. Manual tabs + slots — pass `tabs` and a `<template #tab-{id}>` slot\n *      per tab. Use this when you need bespoke widgets the form-builder\n *      registry doesn't cover (or for legacy plugins).\n *\n *   3. Appearance only — `showAppearance` (default true) renders the built-in\n *      theme / palette / table-density tab. Works alongside both modes above.\n *\n * Layout: `horizontal` (underline tabs, default) or `vertical` (sidebar rail\n * with optional icons + descriptions, recommended for 5+ groups).\n */\nimport { ref, computed, watch } from 'vue'\nimport BaseModal from './BaseModal.vue'\nimport FormFieldRendererInternal from './internal/FormFieldRendererInternal.vue'\nimport { useFormBuilder } from '../composables/useFormBuilder'\nimport {\n  controlsToSettingsSchema,\n  mergeControlWorkspaceOptions,\n  resolveControlModel,\n  type ControlModel,\n  type ControlModelBinding,\n  type ControlSchema,\n  type ControlWorkspaceOptions,\n} from '../composables/useControlSchema'\nimport { useSettingsStore, colorPalettes } from '../stores/settings'\nimport { useAuthStore } from '../stores/auth'\nimport { usePlatformContext } from '../composables/usePlatformContext'\nimport { canAccessByPolicy } from '../permissions'\nimport {\n  formSchemaFieldNames,\n  pickExistingRecordKeys,\n  pickRecordKeys,\n  recordValuesEqualForKeys,\n} from '../utils/formModelSync'\nimport type {\n  ThemeMode,\n  ColorPalette,\n  TableDensity,\n  SettingsTab,\n  SettingsTabInput,\n  SettingsModalLayout,\n  SettingsModalSchema,\n  SettingsUserType,\n  FormEnhancements,\n} from '../types'\nimport type { AccessControlled, PermissionUser } from '../permissions'\nimport {\n  APPEARANCE_TAB_ID,\n  buildFlatSettingsSchema,\n  buildSettingsTabs,\n  filterSettingsSchemaByAccess,\n  normalizeVisibleSettingsTabs,\n  settingsGroupToTab,\n} from './SettingsModal.schema'\n\ninterface Props {\n  modelValue: boolean\n  title?: string\n  /** Manual tab descriptors. Ignored when `schema` is set (groups become tabs). */\n  tabs?: SettingsTabInput[]\n  showAppearance?: boolean\n  size?: 'md' | 'lg' | 'xl'\n  layout?: SettingsModalLayout\n  /** Declarative schema — fields auto-render via SDK form components. */\n  schema?: SettingsModalSchema\n  /** Model returned by defineControlModel(), or a raw nested ControlModel for one-step settings generation. */\n  model?: ControlModel | ControlModelBinding\n  /** Compact controls model — converted to `schema` when `schema` is not set. */\n  controls?: ControlSchema\n  /** Conversion options for `controls`, such as section labels, columns, and shared initialValues. */\n  controlOptions?: ControlWorkspaceOptions\n  /** Two-way bound values when `schema`, `model`, or `controls` is set. */\n  values?: Record<string, unknown>\n  /** Optional dynamic enhancements (validators, dynamic options, callbacks). */\n  enhancements?: FormEnhancements<Record<string, unknown>>\n  /** Optional user type override for permission-filtered settings content. Defaults to SDK auth/platform context. */\n  userType?: SettingsUserType\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Settings',\n  tabs: () => [],\n  showAppearance: true,\n  size: 'lg',\n  layout: 'horizontal',\n  model: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  'update:values': [data: Record<string, unknown>]\n  close: []\n}>()\n\nconst settings = useSettingsStore()\nconst auth = useAuthStore()\nconst { user: platformUser } = usePlatformContext()\n\nconst isVertical = computed(() => props.layout === 'vertical')\n\n// Per-instance prefix for ARIA tab/tabpanel id wiring. Stable across renders.\nconst uid = `mint-settings-${Math.random().toString(36).slice(2, 9)}`\nconst tabId = (id: string) => `${uid}-tab-${id}`\nconst panelId = (id: string) => `${uid}-panel-${id}`\n\nconst resolvedModel = computed<ControlModelBinding | undefined>(() => {\n  return resolveControlModel(props.model)\n})\nconst resolvedControls = computed<ControlSchema | undefined>(() =>\n  props.controls ?? resolvedModel.value?.controls,\n)\nconst resolvedControlOptions = computed<ControlWorkspaceOptions>(() =>\n  mergeControlWorkspaceOptions(resolvedModel.value?.controlOptions ?? {}, props.controlOptions)\n)\nconst sourceSettingsSchema = computed<SettingsModalSchema | undefined>(() =>\n  props.schema ?? (\n    resolvedControls.value\n      ? controlsToSettingsSchema(resolvedControls.value, resolvedControlOptions.value)\n      : undefined\n  ),\n)\nconst currentAccessUser = computed<PermissionUser | null>(() => {\n  if (props.userType) {\n    return { role: props.userType === 'admin' ? 'admin' : 'user' }\n  }\n  return auth.userInfo ?? platformUser.value ?? null\n})\nconst isAccessUserAuthenticated = computed(() =>\n  props.userType !== undefined || auth.isAuthenticated || !!platformUser.value,\n)\nconst settingsSchema = computed<SettingsModalSchema | undefined>(() => {\n  if (!sourceSettingsSchema.value) return undefined\n  return filterSettingsSchemaByAccess(sourceSettingsSchema.value, canShowForCurrentUser)\n})\nconst isSchemaDriven = computed(() => !!settingsSchema.value)\nconst resolvedValues = computed<Record<string, unknown>>(() => ({\n  ...(resolvedControlOptions.value.initialValues ?? {}),\n  ...(props.values ?? {}),\n}))\n\n// Schema-driven mode keeps one form-builder instance and syncs schema changes\n// into it, so callers can swap groups/fields without remounting the modal.\nconst builder = useFormBuilder(\n  settingsSchema.value ? buildFlatSettingsSchema(settingsSchema.value) : { sections: [] },\n  resolvedValues.value,\n  props.enhancements,\n)\n\nwatch(\n  () => settingsSchema.value,\n  (schema) => {\n    if (!schema) {\n      builder.updateSchema({ sections: [] }, {})\n      return\n    }\n\n    const flatSchema = buildFlatSettingsSchema(schema)\n    const fieldNames = formSchemaFieldNames(flatSchema)\n    const sourceValues = props.values === undefined\n      ? {\n          ...resolvedValues.value,\n          ...(builder.form.data as Record<string, unknown>),\n        }\n      : resolvedValues.value\n\n    builder.updateSchema(flatSchema, pickExistingRecordKeys(sourceValues ?? {}, fieldNames))\n  },\n  { deep: true },\n)\n\nwatch(\n  () => ({ ...resolvedValues.value }),\n  (data) => {\n    if (!settingsSchema.value) return\n    const fieldNames = builderFieldNames()\n    if (recordValuesEqualForKeys(data, builder.form.data as Record<string, unknown>, fieldNames)) return\n    builder.reset(pickRecordKeys(data, fieldNames))\n  },\n  { deep: true },\n)\n\nwatch(\n  () => ({ ...builder.form.data }),\n  (data) => {\n    if (settingsSchema.value) emit('update:values', data as Record<string, unknown>)\n  },\n  { deep: true },\n)\n\n// Schema groups whose `condition` evaluates false against the current data are\n// dropped from the rail entirely — same semantics as section visibility in\n// FormBuilder. Manual `tabs` have no condition mechanism, so they pass through.\nconst visibleSchemaGroups = computed(() =>\n  settingsSchema.value\n    ? settingsSchema.value.groups.filter((g) => builder.isSectionVisible(g.id))\n    : [],\n)\n\nconst manualTabs = computed<SettingsTab[]>(() =>\n  normalizeVisibleSettingsTabs(props.tabs, canShowForCurrentUser)\n)\n\nconst allTabs = computed<SettingsTab[]>(() => {\n  const base: SettingsTab[] = settingsSchema.value\n    ? visibleSchemaGroups.value.map(settingsGroupToTab)\n    : manualTabs.value\n  return buildSettingsTabs(base, props.showAppearance)\n})\n\nconst activeTab = ref(allTabs.value[0]?.id || APPEARANCE_TAB_ID)\n\nconst activeTabMeta = computed<SettingsTab | undefined>(() =>\n  allTabs.value.find((t) => t.id === activeTab.value),\n)\n\n// If the active tab vanishes (group hidden by condition), drop back to the first available.\nwatch(allTabs, (tabs) => {\n  if (!tabs.some((t) => t.id === activeTab.value)) {\n    activeTab.value = tabs[0]?.id ?? APPEARANCE_TAB_ID\n  }\n})\n\nconst activeGroup = computed(() =>\n  visibleSchemaGroups.value.find((g) => g.id === activeTab.value),\n)\n\nconst activeGroupVisibleFields = computed(() => {\n  if (!activeGroup.value) return []\n  return activeGroup.value.fields.filter((f) => builder.isFieldVisible(f.name))\n})\n\nconst themeOptions: { value: ThemeMode; label: string }[] = [\n  { value: 'light', label: 'Light' },\n  { value: 'dark', label: 'Dark' },\n  { value: 'system', label: 'System' },\n]\n\nconst densityOptions: { value: TableDensity; label: string }[] = [\n  { value: 'compact', label: 'Compact' },\n  { value: 'normal', label: 'Normal' },\n  { value: 'comfortable', label: 'Comfortable' },\n]\n\nfunction handleClose() {\n  emit('update:modelValue', false)\n  emit('close')\n}\n\nfunction builderFieldNames(): string[] {\n  return builder.fields.map(field => field.name)\n}\n\nfunction canShowForCurrentUser(item: AccessControlled): boolean {\n  return canAccessByPolicy(\n    currentAccessUser.value,\n    item,\n    isAccessUserAuthenticated.value,\n  )\n}\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @close=\"handleClose\"\n  >\n    <div :class=\"['mint-settings-modal', `mint-settings-modal--${layout}`]\">\n      <div\n        v-if=\"!isVertical && allTabs.length > 1\"\n        class=\"mint-settings-modal__tabs\"\n      >\n        <button\n          v-for=\"tab in allTabs\"\n          :key=\"tab.id\"\n          type=\"button\"\n          :class=\"['mint-settings-modal__tab', { 'mint-settings-modal__tab--active': activeTab === tab.id }]\"\n          @click=\"activeTab = tab.id\"\n        >\n          {{ tab.label }}\n        </button>\n      </div>\n\n      <div\n        v-else-if=\"isVertical\"\n        class=\"mint-settings-modal__rail\"\n        role=\"tablist\"\n        aria-orientation=\"vertical\"\n        aria-label=\"Settings sections\"\n      >\n        <button\n          v-for=\"tab in allTabs\"\n          :id=\"tabId(tab.id)\"\n          :key=\"tab.id\"\n          type=\"button\"\n          role=\"tab\"\n          :class=\"['mint-settings-modal__rail-item', { 'mint-settings-modal__rail-item--active': activeTab === tab.id }]\"\n          :aria-selected=\"activeTab === tab.id\"\n          :aria-controls=\"panelId(tab.id)\"\n          :tabindex=\"activeTab === tab.id ? 0 : -1\"\n          @click=\"activeTab = tab.id\"\n        >\n          <span class=\"mint-settings-modal__rail-item-icon\" aria-hidden=\"true\">\n            <span v-if=\"tab.icon\" v-html=\"tab.icon\" />\n          </span>\n          <span class=\"mint-settings-modal__rail-item-text\">\n            <span class=\"mint-settings-modal__rail-item-label\">{{ tab.label }}</span>\n            <span v-if=\"tab.description\" class=\"mint-settings-modal__rail-item-description\">\n              {{ tab.description }}\n            </span>\n          </span>\n        </button>\n      </div>\n\n      <!-- Vertical mode wraps content in a tabpanel <section> with a header bar; horizontal mode stays a plain <div>. -->\n      <component\n        :is=\"isVertical ? 'section' : 'div'\"\n        :class=\"isVertical ? 'mint-settings-modal__pane' : 'mint-settings-modal__content'\"\n        :id=\"isVertical && activeTabMeta ? panelId(activeTabMeta.id) : undefined\"\n        :role=\"isVertical ? 'tabpanel' : undefined\"\n        :aria-labelledby=\"isVertical && activeTabMeta ? tabId(activeTabMeta.id) : undefined\"\n        :tabindex=\"isVertical ? 0 : undefined\"\n      >\n        <header\n          v-if=\"isVertical && activeTabMeta?.label\"\n          class=\"mint-settings-modal__pane-header\"\n        >\n          <h4 class=\"mint-settings-modal__pane-title\">{{ activeTabMeta.label }}</h4>\n          <p v-if=\"activeTabMeta.description\" class=\"mint-settings-modal__pane-subtitle\">\n            {{ activeTabMeta.description }}\n          </p>\n        </header>\n\n        <div :class=\"isVertical ? 'mint-settings-modal__pane-body' : null\">\n          <div\n            v-if=\"isSchemaDriven && activeGroup\"\n            class=\"mint-settings-modal__group-grid\"\n            :style=\"{ '--mint-settings-cols': activeGroup.columns ?? 1 }\"\n          >\n            <template v-for=\"field in activeGroupVisibleFields\" :key=\"field.name\">\n              <div :style=\"field.colSpan ? { gridColumn: `span ${field.colSpan}` } : undefined\">\n                <slot\n                  :name=\"`field:${field.name}`\"\n                  :field=\"field\"\n                  :form=\"builder.form\"\n                  :field-props=\"builder.form.getFieldProps(field.name)\"\n                >\n                  <FormFieldRendererInternal\n                    :field=\"field\"\n                    :resolved-props=\"builder.getResolvedFieldProps(field)\"\n                    :form=\"builder.form\"\n                  />\n                </slot>\n              </div>\n            </template>\n          </div>\n\n          <template v-else-if=\"!isSchemaDriven\">\n            <template v-for=\"tab in manualTabs\" :key=\"tab.id\">\n              <div v-show=\"activeTab === tab.id\">\n                <slot :name=\"`tab-${tab.id}`\" />\n              </div>\n            </template>\n          </template>\n\n          <div v-if=\"showAppearance\" v-show=\"activeTab === APPEARANCE_TAB_ID\">\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Theme</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"opt in themeOptions\"\n                  :key=\"opt.value\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.theme === opt.value }]\"\n                  @click=\"settings.theme = opt.value\"\n                >\n                  {{ opt.label }}\n                </button>\n              </div>\n            </div>\n\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Color Palette</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"(palette, key) in colorPalettes\"\n                  :key=\"key\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.colorPalette === key }]\"\n                  @click=\"settings.colorPalette = key as ColorPalette\"\n                >\n                  {{ palette.name }}\n                </button>\n              </div>\n            </div>\n\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Table Density</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"opt in densityOptions\"\n                  :key=\"opt.value\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.tableDensity === opt.value }]\"\n                  @click=\"settings.tableDensity = opt.value\"\n                >\n                  {{ opt.label }}\n                </button>\n              </div>\n              <p class=\"mint-settings-modal__note\">Adjusts row height in data tables.</p>\n            </div>\n\n            <slot name=\"appearance\" />\n          </div>\n        </div>\n      </component>\n    </div>\n    <div v-if=\"$slots.footer\" class=\"mint-settings-modal__footer\">\n      <slot\n        name=\"footer\"\n        :values=\"builder.form.data\"\n        :close=\"handleClose\"\n      />\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/settings-modal.css';\n</style>\n","<script setup lang=\"ts\">\n/**\n * Tabbed settings modal with three usage modes:\n *\n *   1. Schema-driven (recommended) — pass `schema`, compact `controls`, or a\n *      complete `defineControlModel()` result plus `v-model:values`. Each\n *      group/section becomes a tab; fields auto-render via the SDK form field\n *      registry (text, select, number, toggle, molecule, concentration, …).\n *      Conditional visibility, validation, and dynamic options come for free.\n *\n *   2. Manual tabs + slots — pass `tabs` and a `<template #tab-{id}>` slot\n *      per tab. Use this when you need bespoke widgets the form-builder\n *      registry doesn't cover (or for legacy plugins).\n *\n *   3. Appearance only — `showAppearance` (default true) renders the built-in\n *      theme / palette / table-density tab. Works alongside both modes above.\n *\n * Layout: `horizontal` (underline tabs, default) or `vertical` (sidebar rail\n * with optional icons + descriptions, recommended for 5+ groups).\n */\nimport { ref, computed, watch } from 'vue'\nimport BaseModal from './BaseModal.vue'\nimport FormFieldRendererInternal from './internal/FormFieldRendererInternal.vue'\nimport { useFormBuilder } from '../composables/useFormBuilder'\nimport {\n  controlsToSettingsSchema,\n  mergeControlWorkspaceOptions,\n  resolveControlModel,\n  type ControlModel,\n  type ControlModelBinding,\n  type ControlSchema,\n  type ControlWorkspaceOptions,\n} from '../composables/useControlSchema'\nimport { useSettingsStore, colorPalettes } from '../stores/settings'\nimport { useAuthStore } from '../stores/auth'\nimport { usePlatformContext } from '../composables/usePlatformContext'\nimport { canAccessByPolicy } from '../permissions'\nimport {\n  formSchemaFieldNames,\n  pickExistingRecordKeys,\n  pickRecordKeys,\n  recordValuesEqualForKeys,\n} from '../utils/formModelSync'\nimport type {\n  ThemeMode,\n  ColorPalette,\n  TableDensity,\n  SettingsTab,\n  SettingsTabInput,\n  SettingsModalLayout,\n  SettingsModalSchema,\n  SettingsUserType,\n  FormEnhancements,\n} from '../types'\nimport type { AccessControlled, PermissionUser } from '../permissions'\nimport {\n  APPEARANCE_TAB_ID,\n  buildFlatSettingsSchema,\n  buildSettingsTabs,\n  filterSettingsSchemaByAccess,\n  normalizeVisibleSettingsTabs,\n  settingsGroupToTab,\n} from './SettingsModal.schema'\n\ninterface Props {\n  modelValue: boolean\n  title?: string\n  /** Manual tab descriptors. Ignored when `schema` is set (groups become tabs). */\n  tabs?: SettingsTabInput[]\n  showAppearance?: boolean\n  size?: 'md' | 'lg' | 'xl'\n  layout?: SettingsModalLayout\n  /** Declarative schema — fields auto-render via SDK form components. */\n  schema?: SettingsModalSchema\n  /** Model returned by defineControlModel(), or a raw nested ControlModel for one-step settings generation. */\n  model?: ControlModel | ControlModelBinding\n  /** Compact controls model — converted to `schema` when `schema` is not set. */\n  controls?: ControlSchema\n  /** Conversion options for `controls`, such as section labels, columns, and shared initialValues. */\n  controlOptions?: ControlWorkspaceOptions\n  /** Two-way bound values when `schema`, `model`, or `controls` is set. */\n  values?: Record<string, unknown>\n  /** Optional dynamic enhancements (validators, dynamic options, callbacks). */\n  enhancements?: FormEnhancements<Record<string, unknown>>\n  /** Optional user type override for permission-filtered settings content. Defaults to SDK auth/platform context. */\n  userType?: SettingsUserType\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Settings',\n  tabs: () => [],\n  showAppearance: true,\n  size: 'lg',\n  layout: 'horizontal',\n  model: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  'update:values': [data: Record<string, unknown>]\n  close: []\n}>()\n\nconst settings = useSettingsStore()\nconst auth = useAuthStore()\nconst { user: platformUser } = usePlatformContext()\n\nconst isVertical = computed(() => props.layout === 'vertical')\n\n// Per-instance prefix for ARIA tab/tabpanel id wiring. Stable across renders.\nconst uid = `mint-settings-${Math.random().toString(36).slice(2, 9)}`\nconst tabId = (id: string) => `${uid}-tab-${id}`\nconst panelId = (id: string) => `${uid}-panel-${id}`\n\nconst resolvedModel = computed<ControlModelBinding | undefined>(() => {\n  return resolveControlModel(props.model)\n})\nconst resolvedControls = computed<ControlSchema | undefined>(() =>\n  props.controls ?? resolvedModel.value?.controls,\n)\nconst resolvedControlOptions = computed<ControlWorkspaceOptions>(() =>\n  mergeControlWorkspaceOptions(resolvedModel.value?.controlOptions ?? {}, props.controlOptions)\n)\nconst sourceSettingsSchema = computed<SettingsModalSchema | undefined>(() =>\n  props.schema ?? (\n    resolvedControls.value\n      ? controlsToSettingsSchema(resolvedControls.value, resolvedControlOptions.value)\n      : undefined\n  ),\n)\nconst currentAccessUser = computed<PermissionUser | null>(() => {\n  if (props.userType) {\n    return { role: props.userType === 'admin' ? 'admin' : 'user' }\n  }\n  return auth.userInfo ?? platformUser.value ?? null\n})\nconst isAccessUserAuthenticated = computed(() =>\n  props.userType !== undefined || auth.isAuthenticated || !!platformUser.value,\n)\nconst settingsSchema = computed<SettingsModalSchema | undefined>(() => {\n  if (!sourceSettingsSchema.value) return undefined\n  return filterSettingsSchemaByAccess(sourceSettingsSchema.value, canShowForCurrentUser)\n})\nconst isSchemaDriven = computed(() => !!settingsSchema.value)\nconst resolvedValues = computed<Record<string, unknown>>(() => ({\n  ...(resolvedControlOptions.value.initialValues ?? {}),\n  ...(props.values ?? {}),\n}))\n\n// Schema-driven mode keeps one form-builder instance and syncs schema changes\n// into it, so callers can swap groups/fields without remounting the modal.\nconst builder = useFormBuilder(\n  settingsSchema.value ? buildFlatSettingsSchema(settingsSchema.value) : { sections: [] },\n  resolvedValues.value,\n  props.enhancements,\n)\n\nwatch(\n  () => settingsSchema.value,\n  (schema) => {\n    if (!schema) {\n      builder.updateSchema({ sections: [] }, {})\n      return\n    }\n\n    const flatSchema = buildFlatSettingsSchema(schema)\n    const fieldNames = formSchemaFieldNames(flatSchema)\n    const sourceValues = props.values === undefined\n      ? {\n          ...resolvedValues.value,\n          ...(builder.form.data as Record<string, unknown>),\n        }\n      : resolvedValues.value\n\n    builder.updateSchema(flatSchema, pickExistingRecordKeys(sourceValues ?? {}, fieldNames))\n  },\n  { deep: true },\n)\n\nwatch(\n  () => ({ ...resolvedValues.value }),\n  (data) => {\n    if (!settingsSchema.value) return\n    const fieldNames = builderFieldNames()\n    if (recordValuesEqualForKeys(data, builder.form.data as Record<string, unknown>, fieldNames)) return\n    builder.reset(pickRecordKeys(data, fieldNames))\n  },\n  { deep: true },\n)\n\nwatch(\n  () => ({ ...builder.form.data }),\n  (data) => {\n    if (settingsSchema.value) emit('update:values', data as Record<string, unknown>)\n  },\n  { deep: true },\n)\n\n// Schema groups whose `condition` evaluates false against the current data are\n// dropped from the rail entirely — same semantics as section visibility in\n// FormBuilder. Manual `tabs` have no condition mechanism, so they pass through.\nconst visibleSchemaGroups = computed(() =>\n  settingsSchema.value\n    ? settingsSchema.value.groups.filter((g) => builder.isSectionVisible(g.id))\n    : [],\n)\n\nconst manualTabs = computed<SettingsTab[]>(() =>\n  normalizeVisibleSettingsTabs(props.tabs, canShowForCurrentUser)\n)\n\nconst allTabs = computed<SettingsTab[]>(() => {\n  const base: SettingsTab[] = settingsSchema.value\n    ? visibleSchemaGroups.value.map(settingsGroupToTab)\n    : manualTabs.value\n  return buildSettingsTabs(base, props.showAppearance)\n})\n\nconst activeTab = ref(allTabs.value[0]?.id || APPEARANCE_TAB_ID)\n\nconst activeTabMeta = computed<SettingsTab | undefined>(() =>\n  allTabs.value.find((t) => t.id === activeTab.value),\n)\n\n// If the active tab vanishes (group hidden by condition), drop back to the first available.\nwatch(allTabs, (tabs) => {\n  if (!tabs.some((t) => t.id === activeTab.value)) {\n    activeTab.value = tabs[0]?.id ?? APPEARANCE_TAB_ID\n  }\n})\n\nconst activeGroup = computed(() =>\n  visibleSchemaGroups.value.find((g) => g.id === activeTab.value),\n)\n\nconst activeGroupVisibleFields = computed(() => {\n  if (!activeGroup.value) return []\n  return activeGroup.value.fields.filter((f) => builder.isFieldVisible(f.name))\n})\n\nconst themeOptions: { value: ThemeMode; label: string }[] = [\n  { value: 'light', label: 'Light' },\n  { value: 'dark', label: 'Dark' },\n  { value: 'system', label: 'System' },\n]\n\nconst densityOptions: { value: TableDensity; label: string }[] = [\n  { value: 'compact', label: 'Compact' },\n  { value: 'normal', label: 'Normal' },\n  { value: 'comfortable', label: 'Comfortable' },\n]\n\nfunction handleClose() {\n  emit('update:modelValue', false)\n  emit('close')\n}\n\nfunction builderFieldNames(): string[] {\n  return builder.fields.map(field => field.name)\n}\n\nfunction canShowForCurrentUser(item: AccessControlled): boolean {\n  return canAccessByPolicy(\n    currentAccessUser.value,\n    item,\n    isAccessUserAuthenticated.value,\n  )\n}\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @close=\"handleClose\"\n  >\n    <div :class=\"['mint-settings-modal', `mint-settings-modal--${layout}`]\">\n      <div\n        v-if=\"!isVertical && allTabs.length > 1\"\n        class=\"mint-settings-modal__tabs\"\n      >\n        <button\n          v-for=\"tab in allTabs\"\n          :key=\"tab.id\"\n          type=\"button\"\n          :class=\"['mint-settings-modal__tab', { 'mint-settings-modal__tab--active': activeTab === tab.id }]\"\n          @click=\"activeTab = tab.id\"\n        >\n          {{ tab.label }}\n        </button>\n      </div>\n\n      <div\n        v-else-if=\"isVertical\"\n        class=\"mint-settings-modal__rail\"\n        role=\"tablist\"\n        aria-orientation=\"vertical\"\n        aria-label=\"Settings sections\"\n      >\n        <button\n          v-for=\"tab in allTabs\"\n          :id=\"tabId(tab.id)\"\n          :key=\"tab.id\"\n          type=\"button\"\n          role=\"tab\"\n          :class=\"['mint-settings-modal__rail-item', { 'mint-settings-modal__rail-item--active': activeTab === tab.id }]\"\n          :aria-selected=\"activeTab === tab.id\"\n          :aria-controls=\"panelId(tab.id)\"\n          :tabindex=\"activeTab === tab.id ? 0 : -1\"\n          @click=\"activeTab = tab.id\"\n        >\n          <span class=\"mint-settings-modal__rail-item-icon\" aria-hidden=\"true\">\n            <span v-if=\"tab.icon\" v-html=\"tab.icon\" />\n          </span>\n          <span class=\"mint-settings-modal__rail-item-text\">\n            <span class=\"mint-settings-modal__rail-item-label\">{{ tab.label }}</span>\n            <span v-if=\"tab.description\" class=\"mint-settings-modal__rail-item-description\">\n              {{ tab.description }}\n            </span>\n          </span>\n        </button>\n      </div>\n\n      <!-- Vertical mode wraps content in a tabpanel <section> with a header bar; horizontal mode stays a plain <div>. -->\n      <component\n        :is=\"isVertical ? 'section' : 'div'\"\n        :class=\"isVertical ? 'mint-settings-modal__pane' : 'mint-settings-modal__content'\"\n        :id=\"isVertical && activeTabMeta ? panelId(activeTabMeta.id) : undefined\"\n        :role=\"isVertical ? 'tabpanel' : undefined\"\n        :aria-labelledby=\"isVertical && activeTabMeta ? tabId(activeTabMeta.id) : undefined\"\n        :tabindex=\"isVertical ? 0 : undefined\"\n      >\n        <header\n          v-if=\"isVertical && activeTabMeta?.label\"\n          class=\"mint-settings-modal__pane-header\"\n        >\n          <h4 class=\"mint-settings-modal__pane-title\">{{ activeTabMeta.label }}</h4>\n          <p v-if=\"activeTabMeta.description\" class=\"mint-settings-modal__pane-subtitle\">\n            {{ activeTabMeta.description }}\n          </p>\n        </header>\n\n        <div :class=\"isVertical ? 'mint-settings-modal__pane-body' : null\">\n          <div\n            v-if=\"isSchemaDriven && activeGroup\"\n            class=\"mint-settings-modal__group-grid\"\n            :style=\"{ '--mint-settings-cols': activeGroup.columns ?? 1 }\"\n          >\n            <template v-for=\"field in activeGroupVisibleFields\" :key=\"field.name\">\n              <div :style=\"field.colSpan ? { gridColumn: `span ${field.colSpan}` } : undefined\">\n                <slot\n                  :name=\"`field:${field.name}`\"\n                  :field=\"field\"\n                  :form=\"builder.form\"\n                  :field-props=\"builder.form.getFieldProps(field.name)\"\n                >\n                  <FormFieldRendererInternal\n                    :field=\"field\"\n                    :resolved-props=\"builder.getResolvedFieldProps(field)\"\n                    :form=\"builder.form\"\n                  />\n                </slot>\n              </div>\n            </template>\n          </div>\n\n          <template v-else-if=\"!isSchemaDriven\">\n            <template v-for=\"tab in manualTabs\" :key=\"tab.id\">\n              <div v-show=\"activeTab === tab.id\">\n                <slot :name=\"`tab-${tab.id}`\" />\n              </div>\n            </template>\n          </template>\n\n          <div v-if=\"showAppearance\" v-show=\"activeTab === APPEARANCE_TAB_ID\">\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Theme</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"opt in themeOptions\"\n                  :key=\"opt.value\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.theme === opt.value }]\"\n                  @click=\"settings.theme = opt.value\"\n                >\n                  {{ opt.label }}\n                </button>\n              </div>\n            </div>\n\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Color Palette</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"(palette, key) in colorPalettes\"\n                  :key=\"key\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.colorPalette === key }]\"\n                  @click=\"settings.colorPalette = key as ColorPalette\"\n                >\n                  {{ palette.name }}\n                </button>\n              </div>\n            </div>\n\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Table Density</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"opt in densityOptions\"\n                  :key=\"opt.value\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.tableDensity === opt.value }]\"\n                  @click=\"settings.tableDensity = opt.value\"\n                >\n                  {{ opt.label }}\n                </button>\n              </div>\n              <p class=\"mint-settings-modal__note\">Adjusts row height in data tables.</p>\n            </div>\n\n            <slot name=\"appearance\" />\n          </div>\n        </div>\n      </component>\n    </div>\n    <div v-if=\"$slots.footer\" class=\"mint-settings-modal__footer\">\n      <slot\n        name=\"footer\"\n        :values=\"builder.form.data\"\n        :close=\"handleClose\"\n      />\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/settings-modal.css';\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"SettingsModal-Dpg-X1OM.js","names":["$slots"],"sources":["../src/utils/items.ts","../src/components/FormField.vue","../src/components/FormField.vue","../src/utils/formModelSync.ts","../src/components/internal/FormFieldRendererInternal.vue","../src/components/internal/FormFieldRendererInternal.vue","../src/components/SettingsModal.schema.ts","../src/components/SettingsModal.vue","../src/components/SettingsModal.vue"],"sourcesContent":["export type ItemWithLabel = {\n  label: string\n}\n\nexport type ItemWithId = ItemWithLabel & {\n  id: string\n}\n\nexport function normalizeItemInput<TItem extends ItemWithId>(\n  item: TItem | string,\n): TItem {\n  if (typeof item === 'object') return item\n\n  return {\n    id: item,\n    label: item,\n  } as TItem\n}\n\nexport function normalizeLabelItemInput<TItem extends ItemWithLabel>(\n  item: TItem | string,\n): TItem {\n  if (typeof item === 'object') return item\n\n  return {\n    label: item,\n  } as TItem\n}\n","<script setup lang=\"ts\">\n/** Wraps a form control with a label, optional hint text, and validation error display. */\nimport { computed } from 'vue'\n\ninterface Props {\n  label?: string\n  error?: string\n  hint?: string\n  required?: boolean\n  showOptional?: boolean\n  htmlFor?: string\n  fieldId?: string\n}\n\nconst props = defineProps<Props>()\n\nconst errorId = computed(() =>\n  props.error && props.fieldId ? `${props.fieldId}-error` : undefined\n)\n\nconst hintId = computed(() =>\n  !props.error && props.hint && props.fieldId ? `${props.fieldId}-hint` : undefined\n)\n\nconst describedBy = computed(() => errorId.value ?? hintId.value)\n</script>\n\n<template>\n  <div class=\"mint-form-field\">\n    <div v-if=\"label\" class=\"mint-form-field__label-row\">\n      <label\n        :for=\"htmlFor\"\n        class=\"mint-form-field__label\"\n      >\n        {{ label }}\n        <span v-if=\"required\" class=\"mint-form-field__required\" aria-hidden=\"true\">*</span>\n      </label>\n      <span\n        v-if=\"!required && showOptional\"\n        class=\"mint-form-field__optional\"\n      >\n        optional\n      </span>\n    </div>\n\n    <slot :described-by=\"describedBy\" />\n\n    <p v-if=\"error\" :id=\"errorId\" class=\"mint-form-field__error\" role=\"alert\">\n      {{ error }}\n    </p>\n    <p v-else-if=\"hint\" :id=\"hintId\" class=\"mint-form-field__hint\">\n      {{ hint }}\n    </p>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-field.css';\n</style>\n","<script setup lang=\"ts\">\n/** Wraps a form control with a label, optional hint text, and validation error display. */\nimport { computed } from 'vue'\n\ninterface Props {\n  label?: string\n  error?: string\n  hint?: string\n  required?: boolean\n  showOptional?: boolean\n  htmlFor?: string\n  fieldId?: string\n}\n\nconst props = defineProps<Props>()\n\nconst errorId = computed(() =>\n  props.error && props.fieldId ? `${props.fieldId}-error` : undefined\n)\n\nconst hintId = computed(() =>\n  !props.error && props.hint && props.fieldId ? `${props.fieldId}-hint` : undefined\n)\n\nconst describedBy = computed(() => errorId.value ?? hintId.value)\n</script>\n\n<template>\n  <div class=\"mint-form-field\">\n    <div v-if=\"label\" class=\"mint-form-field__label-row\">\n      <label\n        :for=\"htmlFor\"\n        class=\"mint-form-field__label\"\n      >\n        {{ label }}\n        <span v-if=\"required\" class=\"mint-form-field__required\" aria-hidden=\"true\">*</span>\n      </label>\n      <span\n        v-if=\"!required && showOptional\"\n        class=\"mint-form-field__optional\"\n      >\n        optional\n      </span>\n    </div>\n\n    <slot :described-by=\"describedBy\" />\n\n    <p v-if=\"error\" :id=\"errorId\" class=\"mint-form-field__error\" role=\"alert\">\n      {{ error }}\n    </p>\n    <p v-else-if=\"hint\" :id=\"hintId\" class=\"mint-form-field__hint\">\n      {{ hint }}\n    </p>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-field.css';\n</style>\n","import type { FormSchema } from '../types/form-builder'\n\nexport function recordValuesEqualForKeys(\n  left: Record<string, unknown>,\n  right: Record<string, unknown>,\n  keys: readonly string[],\n): boolean {\n  for (const key of keys) {\n    if (!valuesEqual(left[key], right[key])) return false\n  }\n  return true\n}\n\nexport function pickRecordKeys(\n  source: Record<string, unknown>,\n  keys: readonly string[],\n): Record<string, unknown> {\n  return Object.fromEntries(keys.map(key => [key, source[key]]))\n}\n\nexport function pickExistingRecordKeys(\n  source: Record<string, unknown>,\n  keys: readonly string[],\n): Record<string, unknown> {\n  return Object.fromEntries(\n    keys\n      .filter(key => Object.prototype.hasOwnProperty.call(source, key))\n      .map(key => [key, source[key]]),\n  )\n}\n\nexport function formSchemaFieldNames(schema: FormSchema): string[] {\n  const sections = schema.steps\n    ? schema.steps.flatMap(step => step.sections)\n    : schema.sections\n  return sections.flatMap(section => section.fields.map(field => field.name))\n}\n\nfunction valuesEqual(left: unknown, right: unknown): boolean {\n  if (Object.is(left, right)) return true\n  if (Array.isArray(left) && Array.isArray(right)) {\n    return left.length === right.length && left.every((item, index) => valuesEqual(item, right[index]))\n  }\n  if (isRecord(left) && isRecord(right)) {\n    return recordValuesEqualForKeys(left, right, [...new Set([...Object.keys(left), ...Object.keys(right)])])\n  }\n  return false\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { FormFieldSchema } from '../../types/form-builder'\nimport type { UseFormReturn } from '../../composables/useForm'\nimport { getFieldRegistryEntry } from '../../composables/formBuilderRegistry'\nimport FormField from '../FormField.vue'\n\ninterface Props {\n  field: FormFieldSchema\n  resolvedProps: Record<string, unknown>\n  form: UseFormReturn<Record<string, unknown>>\n}\n\nconst props = defineProps<Props>()\n\nconst entry = computed(() => getFieldRegistryEntry(props.field.type))\n\nconst isChoiceField = computed(() =>\n  props.field.type === 'checkbox' || props.field.type === 'toggle',\n)\n\nconst componentProps = computed<Record<string, unknown>>(() => {\n  if (!isChoiceField.value) return props.resolvedProps\n\n  return {\n    variant: 'row',\n    label: props.field.label,\n    description: props.field.hint,\n    icon: props.field.icon,\n    iconColor: props.field.iconColor,\n    iconBg: props.field.iconBg,\n    ...props.resolvedProps,\n  }\n})\n\nconst errorMessage = computed(() => {\n  const name = props.field.name\n  return props.form.touched[name] ? props.form.errors[name] : null\n})\n\nfunction handleUpload(files: File[]) {\n  props.form.setFieldValue(props.field.name, files)\n}\n</script>\n\n<template>\n  <FormField\n    :label=\"isChoiceField ? undefined : field.label\"\n    :error=\"errorMessage ?? undefined\"\n    :hint=\"isChoiceField ? undefined : field.hint\"\n    :required=\"!!field.validation?.required\"\n    :html-for=\"isChoiceField ? undefined : field.name\"\n  >\n    <slot :name=\"`field:${field.name}`\" :field=\"field\" :form=\"form\" :field-props=\"form.getFieldProps(field.name)\">\n      <component\n        :is=\"entry.component\"\n        v-if=\"entry.vModel\"\n        v-bind=\"componentProps\"\n      />\n      <component\n        :is=\"entry.component\"\n        v-else\n        v-bind=\"componentProps\"\n        @upload=\"handleUpload\"\n      />\n    </slot>\n  </FormField>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { FormFieldSchema } from '../../types/form-builder'\nimport type { UseFormReturn } from '../../composables/useForm'\nimport { getFieldRegistryEntry } from '../../composables/formBuilderRegistry'\nimport FormField from '../FormField.vue'\n\ninterface Props {\n  field: FormFieldSchema\n  resolvedProps: Record<string, unknown>\n  form: UseFormReturn<Record<string, unknown>>\n}\n\nconst props = defineProps<Props>()\n\nconst entry = computed(() => getFieldRegistryEntry(props.field.type))\n\nconst isChoiceField = computed(() =>\n  props.field.type === 'checkbox' || props.field.type === 'toggle',\n)\n\nconst componentProps = computed<Record<string, unknown>>(() => {\n  if (!isChoiceField.value) return props.resolvedProps\n\n  return {\n    variant: 'row',\n    label: props.field.label,\n    description: props.field.hint,\n    icon: props.field.icon,\n    iconColor: props.field.iconColor,\n    iconBg: props.field.iconBg,\n    ...props.resolvedProps,\n  }\n})\n\nconst errorMessage = computed(() => {\n  const name = props.field.name\n  return props.form.touched[name] ? props.form.errors[name] : null\n})\n\nfunction handleUpload(files: File[]) {\n  props.form.setFieldValue(props.field.name, files)\n}\n</script>\n\n<template>\n  <FormField\n    :label=\"isChoiceField ? undefined : field.label\"\n    :error=\"errorMessage ?? undefined\"\n    :hint=\"isChoiceField ? undefined : field.hint\"\n    :required=\"!!field.validation?.required\"\n    :html-for=\"isChoiceField ? undefined : field.name\"\n  >\n    <slot :name=\"`field:${field.name}`\" :field=\"field\" :form=\"form\" :field-props=\"form.getFieldProps(field.name)\">\n      <component\n        :is=\"entry.component\"\n        v-if=\"entry.vModel\"\n        v-bind=\"componentProps\"\n      />\n      <component\n        :is=\"entry.component\"\n        v-else\n        v-bind=\"componentProps\"\n        @upload=\"handleUpload\"\n      />\n    </slot>\n  </FormField>\n</template>\n","import type {\n  FormSchema,\n  FormSectionSchema,\n  SettingsGroup,\n  SettingsModalSchema,\n  SettingsTab,\n  SettingsTabInput,\n} from '../types'\nimport type { AccessControlled } from '../permissions'\nimport { normalizeItemInput } from '../utils/items'\n\nexport const APPEARANCE_TAB_ID = 'appearance'\n\nexport const APPEARANCE_TAB: SettingsTab = {\n  id: APPEARANCE_TAB_ID,\n  label: 'Appearance',\n  description: 'Theme, color palette, and table density',\n}\n\n// Map settings groups onto the form-builder's flat-section shape.\n// `title: ''` because the rail/pane header already shows the group name.\nexport function buildFlatSettingsSchema(schema: SettingsModalSchema): FormSchema {\n  return {\n    sections: schema.groups.map<FormSectionSchema>((group) => ({\n      id: group.id,\n      title: '',\n      fields: group.fields,\n      columns: group.columns,\n      condition: group.condition,\n    })),\n  }\n}\n\nexport function filterSettingsSchemaByAccess(\n  schema: SettingsModalSchema,\n  canShow: (item: AccessControlled) => boolean\n): SettingsModalSchema {\n  const groups = schema.groups.flatMap((group) => {\n    if (!canShow(group)) return []\n\n    const fields = group.fields.filter(canShow)\n    if (fields.length === 0) return []\n\n    return [{ ...group, fields }]\n  })\n\n  return { groups }\n}\n\nexport function settingsGroupToTab(group: SettingsGroup): SettingsTab {\n  return {\n    id: group.id,\n    label: group.label,\n    icon: group.icon,\n    description: group.description,\n  }\n}\n\nexport function normalizeVisibleSettingsTabs(\n  tabs: SettingsTabInput[],\n  canShow: (item: AccessControlled) => boolean\n): SettingsTab[] {\n  return tabs.map(normalizeItemInput).filter(canShow)\n}\n\nexport function buildSettingsTabs(\n  baseTabs: SettingsTab[],\n  showAppearance: boolean\n): SettingsTab[] {\n  return showAppearance ? [...baseTabs, APPEARANCE_TAB] : baseTabs\n}\n","<script setup lang=\"ts\">\n/**\n * Tabbed settings modal with three usage modes:\n *\n *   1. Schema-driven (recommended) — pass `schema`, compact `controls`, or a\n *      complete `defineControlModel()` result plus `v-model:values`. Each\n *      group/section becomes a tab; fields auto-render via the SDK form field\n *      registry (text, select, number, toggle, molecule, concentration, …).\n *      Conditional visibility, validation, and dynamic options come for free.\n *\n *   2. Manual tabs + slots — pass `tabs` and a `<template #tab-{id}>` slot\n *      per tab. Use this when you need bespoke widgets the form-builder\n *      registry doesn't cover (or for legacy plugins).\n *\n *   3. Appearance only — `showAppearance` (default true) renders the built-in\n *      theme / palette / table-density tab. Works alongside both modes above.\n *\n * Layout: `horizontal` (underline tabs, default) or `vertical` (sidebar rail\n * with optional icons + descriptions, recommended for 5+ groups).\n */\nimport { ref, computed, watch } from 'vue'\nimport BaseModal from './BaseModal.vue'\nimport FormFieldRendererInternal from './internal/FormFieldRendererInternal.vue'\nimport { useFormBuilder } from '../composables/useFormBuilder'\nimport {\n  controlsToSettingsSchema,\n  mergeControlWorkspaceOptions,\n  resolveControlModel,\n  type ControlModel,\n  type ControlModelBinding,\n  type ControlSchema,\n  type ControlWorkspaceOptions,\n} from '../composables/useControlSchema'\nimport { useSettingsStore, colorPalettes } from '../stores/settings'\nimport { useAuthStore } from '../stores/auth'\nimport { usePlatformContext } from '../composables/usePlatformContext'\nimport { canAccessByPolicy } from '../permissions'\nimport {\n  formSchemaFieldNames,\n  pickExistingRecordKeys,\n  pickRecordKeys,\n  recordValuesEqualForKeys,\n} from '../utils/formModelSync'\nimport type {\n  ThemeMode,\n  ColorPalette,\n  TableDensity,\n  SettingsTab,\n  SettingsTabInput,\n  SettingsModalLayout,\n  SettingsModalSchema,\n  SettingsUserType,\n  FormEnhancements,\n} from '../types'\nimport type { AccessControlled, PermissionUser } from '../permissions'\nimport {\n  APPEARANCE_TAB_ID,\n  buildFlatSettingsSchema,\n  buildSettingsTabs,\n  filterSettingsSchemaByAccess,\n  normalizeVisibleSettingsTabs,\n  settingsGroupToTab,\n} from './SettingsModal.schema'\n\ninterface Props {\n  modelValue: boolean\n  title?: string\n  /** Manual tab descriptors. Ignored when `schema` is set (groups become tabs). */\n  tabs?: SettingsTabInput[]\n  showAppearance?: boolean\n  size?: 'md' | 'lg' | 'xl'\n  layout?: SettingsModalLayout\n  /** Declarative schema — fields auto-render via SDK form components. */\n  schema?: SettingsModalSchema\n  /** Model returned by defineControlModel(), or a raw nested ControlModel for one-step settings generation. */\n  model?: ControlModel | ControlModelBinding\n  /** Compact controls model — converted to `schema` when `schema` is not set. */\n  controls?: ControlSchema\n  /** Conversion options for `controls`, such as section labels, columns, and shared initialValues. */\n  controlOptions?: ControlWorkspaceOptions\n  /** Two-way bound values when `schema`, `model`, or `controls` is set. */\n  values?: Record<string, unknown>\n  /** Optional dynamic enhancements (validators, dynamic options, callbacks). */\n  enhancements?: FormEnhancements<Record<string, unknown>>\n  /** Optional user type override for permission-filtered settings content. Defaults to SDK auth/platform context. */\n  userType?: SettingsUserType\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Settings',\n  tabs: () => [],\n  showAppearance: true,\n  size: 'lg',\n  layout: 'horizontal',\n  model: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  'update:values': [data: Record<string, unknown>]\n  close: []\n}>()\n\nconst settings = useSettingsStore()\nconst auth = useAuthStore()\nconst { user: platformUser } = usePlatformContext()\n\nconst isVertical = computed(() => props.layout === 'vertical')\n\n// Per-instance prefix for ARIA tab/tabpanel id wiring. Stable across renders.\nconst uid = `mint-settings-${Math.random().toString(36).slice(2, 9)}`\nconst tabId = (id: string) => `${uid}-tab-${id}`\nconst panelId = (id: string) => `${uid}-panel-${id}`\n\nconst resolvedModel = computed<ControlModelBinding | undefined>(() => {\n  return resolveControlModel(props.model)\n})\nconst resolvedControls = computed<ControlSchema | undefined>(() =>\n  props.controls ?? resolvedModel.value?.controls,\n)\nconst resolvedControlOptions = computed<ControlWorkspaceOptions>(() =>\n  mergeControlWorkspaceOptions(resolvedModel.value?.controlOptions ?? {}, props.controlOptions)\n)\nconst sourceSettingsSchema = computed<SettingsModalSchema | undefined>(() =>\n  props.schema ?? (\n    resolvedControls.value\n      ? controlsToSettingsSchema(resolvedControls.value, resolvedControlOptions.value)\n      : undefined\n  ),\n)\nconst currentAccessUser = computed<PermissionUser | null>(() => {\n  if (props.userType) {\n    return { role: props.userType === 'admin' ? 'admin' : 'user' }\n  }\n  return auth.userInfo ?? platformUser.value ?? null\n})\nconst isAccessUserAuthenticated = computed(() =>\n  props.userType !== undefined || auth.isAuthenticated || !!platformUser.value,\n)\nconst settingsSchema = computed<SettingsModalSchema | undefined>(() => {\n  if (!sourceSettingsSchema.value) return undefined\n  return filterSettingsSchemaByAccess(sourceSettingsSchema.value, canShowForCurrentUser)\n})\nconst isSchemaDriven = computed(() => !!settingsSchema.value)\nconst resolvedValues = computed<Record<string, unknown>>(() => ({\n  ...(resolvedControlOptions.value.initialValues ?? {}),\n  ...(props.values ?? {}),\n}))\n\n// Schema-driven mode keeps one form-builder instance and syncs schema changes\n// into it, so callers can swap groups/fields without remounting the modal.\nconst builder = useFormBuilder(\n  settingsSchema.value ? buildFlatSettingsSchema(settingsSchema.value) : { sections: [] },\n  resolvedValues.value,\n  props.enhancements,\n)\n\nwatch(\n  () => settingsSchema.value,\n  (schema) => {\n    if (!schema) {\n      builder.updateSchema({ sections: [] }, {})\n      return\n    }\n\n    const flatSchema = buildFlatSettingsSchema(schema)\n    const fieldNames = formSchemaFieldNames(flatSchema)\n    const sourceValues = props.values === undefined\n      ? {\n          ...resolvedValues.value,\n          ...(builder.form.data as Record<string, unknown>),\n        }\n      : resolvedValues.value\n\n    builder.updateSchema(flatSchema, pickExistingRecordKeys(sourceValues ?? {}, fieldNames))\n  },\n  { deep: true },\n)\n\nwatch(\n  () => ({ ...resolvedValues.value }),\n  (data) => {\n    if (!settingsSchema.value) return\n    const fieldNames = builderFieldNames()\n    if (recordValuesEqualForKeys(data, builder.form.data as Record<string, unknown>, fieldNames)) return\n    builder.reset(pickRecordKeys(data, fieldNames))\n  },\n  { deep: true },\n)\n\nwatch(\n  () => ({ ...builder.form.data }),\n  (data) => {\n    if (settingsSchema.value) emit('update:values', data as Record<string, unknown>)\n  },\n  { deep: true },\n)\n\n// Schema groups whose `condition` evaluates false against the current data are\n// dropped from the rail entirely — same semantics as section visibility in\n// FormBuilder. Manual `tabs` have no condition mechanism, so they pass through.\nconst visibleSchemaGroups = computed(() =>\n  settingsSchema.value\n    ? settingsSchema.value.groups.filter((g) => builder.isSectionVisible(g.id))\n    : [],\n)\n\nconst manualTabs = computed<SettingsTab[]>(() =>\n  normalizeVisibleSettingsTabs(props.tabs, canShowForCurrentUser)\n)\n\nconst allTabs = computed<SettingsTab[]>(() => {\n  const base: SettingsTab[] = settingsSchema.value\n    ? visibleSchemaGroups.value.map(settingsGroupToTab)\n    : manualTabs.value\n  return buildSettingsTabs(base, props.showAppearance)\n})\n\nconst activeTab = ref(allTabs.value[0]?.id || APPEARANCE_TAB_ID)\n\nconst activeTabMeta = computed<SettingsTab | undefined>(() =>\n  allTabs.value.find((t) => t.id === activeTab.value),\n)\n\n// If the active tab vanishes (group hidden by condition), drop back to the first available.\nwatch(allTabs, (tabs) => {\n  if (!tabs.some((t) => t.id === activeTab.value)) {\n    activeTab.value = tabs[0]?.id ?? APPEARANCE_TAB_ID\n  }\n})\n\nconst activeGroup = computed(() =>\n  visibleSchemaGroups.value.find((g) => g.id === activeTab.value),\n)\n\nconst activeGroupVisibleFields = computed(() => {\n  if (!activeGroup.value) return []\n  return activeGroup.value.fields.filter((f) => builder.isFieldVisible(f.name))\n})\n\nconst themeOptions: { value: ThemeMode; label: string }[] = [\n  { value: 'light', label: 'Light' },\n  { value: 'dark', label: 'Dark' },\n  { value: 'system', label: 'System' },\n]\n\nconst densityOptions: { value: TableDensity; label: string }[] = [\n  { value: 'compact', label: 'Compact' },\n  { value: 'normal', label: 'Normal' },\n  { value: 'comfortable', label: 'Comfortable' },\n]\n\nfunction handleClose() {\n  emit('update:modelValue', false)\n  emit('close')\n}\n\nfunction builderFieldNames(): string[] {\n  return builder.fields.map(field => field.name)\n}\n\nfunction canShowForCurrentUser(item: AccessControlled): boolean {\n  return canAccessByPolicy(\n    currentAccessUser.value,\n    item,\n    isAccessUserAuthenticated.value,\n  )\n}\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @close=\"handleClose\"\n  >\n    <div :class=\"['mint-settings-modal', `mint-settings-modal--${layout}`]\">\n      <div\n        v-if=\"!isVertical && allTabs.length > 1\"\n        class=\"mint-settings-modal__tabs\"\n      >\n        <button\n          v-for=\"tab in allTabs\"\n          :key=\"tab.id\"\n          type=\"button\"\n          :class=\"['mint-settings-modal__tab', { 'mint-settings-modal__tab--active': activeTab === tab.id }]\"\n          @click=\"activeTab = tab.id\"\n        >\n          {{ tab.label }}\n        </button>\n      </div>\n\n      <div\n        v-else-if=\"isVertical\"\n        class=\"mint-settings-modal__rail\"\n        role=\"tablist\"\n        aria-orientation=\"vertical\"\n        aria-label=\"Settings sections\"\n      >\n        <button\n          v-for=\"tab in allTabs\"\n          :id=\"tabId(tab.id)\"\n          :key=\"tab.id\"\n          type=\"button\"\n          role=\"tab\"\n          :class=\"['mint-settings-modal__rail-item', { 'mint-settings-modal__rail-item--active': activeTab === tab.id }]\"\n          :aria-selected=\"activeTab === tab.id\"\n          :aria-controls=\"panelId(tab.id)\"\n          :tabindex=\"activeTab === tab.id ? 0 : -1\"\n          @click=\"activeTab = tab.id\"\n        >\n          <span class=\"mint-settings-modal__rail-item-icon\" aria-hidden=\"true\">\n            <span v-if=\"tab.icon\" v-html=\"tab.icon\" />\n          </span>\n          <span class=\"mint-settings-modal__rail-item-text\">\n            <span class=\"mint-settings-modal__rail-item-label\">{{ tab.label }}</span>\n            <span v-if=\"tab.description\" class=\"mint-settings-modal__rail-item-description\">\n              {{ tab.description }}\n            </span>\n          </span>\n        </button>\n      </div>\n\n      <!-- Vertical mode wraps content in a tabpanel <section> with a header bar; horizontal mode stays a plain <div>. -->\n      <component\n        :is=\"isVertical ? 'section' : 'div'\"\n        :class=\"isVertical ? 'mint-settings-modal__pane' : 'mint-settings-modal__content'\"\n        :id=\"isVertical && activeTabMeta ? panelId(activeTabMeta.id) : undefined\"\n        :role=\"isVertical ? 'tabpanel' : undefined\"\n        :aria-labelledby=\"isVertical && activeTabMeta ? tabId(activeTabMeta.id) : undefined\"\n        :tabindex=\"isVertical ? 0 : undefined\"\n      >\n        <header\n          v-if=\"isVertical && activeTabMeta?.label\"\n          class=\"mint-settings-modal__pane-header\"\n        >\n          <h4 class=\"mint-settings-modal__pane-title\">{{ activeTabMeta.label }}</h4>\n          <p v-if=\"activeTabMeta.description\" class=\"mint-settings-modal__pane-subtitle\">\n            {{ activeTabMeta.description }}\n          </p>\n        </header>\n\n        <div :class=\"isVertical ? 'mint-settings-modal__pane-body' : null\">\n          <div\n            v-if=\"isSchemaDriven && activeGroup\"\n            class=\"mint-settings-modal__group-grid\"\n            :style=\"{ '--mint-settings-cols': activeGroup.columns ?? 1 }\"\n          >\n            <template v-for=\"field in activeGroupVisibleFields\" :key=\"field.name\">\n              <div :style=\"field.colSpan ? { gridColumn: `span ${field.colSpan}` } : undefined\">\n                <slot\n                  :name=\"`field:${field.name}`\"\n                  :field=\"field\"\n                  :form=\"builder.form\"\n                  :field-props=\"builder.form.getFieldProps(field.name)\"\n                >\n                  <FormFieldRendererInternal\n                    :field=\"field\"\n                    :resolved-props=\"builder.getResolvedFieldProps(field)\"\n                    :form=\"builder.form\"\n                  />\n                </slot>\n              </div>\n            </template>\n          </div>\n\n          <template v-else-if=\"!isSchemaDriven\">\n            <template v-for=\"tab in manualTabs\" :key=\"tab.id\">\n              <div v-show=\"activeTab === tab.id\">\n                <slot :name=\"`tab-${tab.id}`\" />\n              </div>\n            </template>\n          </template>\n\n          <div v-if=\"showAppearance\" v-show=\"activeTab === APPEARANCE_TAB_ID\">\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Theme</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"opt in themeOptions\"\n                  :key=\"opt.value\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.theme === opt.value }]\"\n                  @click=\"settings.theme = opt.value\"\n                >\n                  {{ opt.label }}\n                </button>\n              </div>\n            </div>\n\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Color Palette</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"(palette, key) in colorPalettes\"\n                  :key=\"key\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.colorPalette === key }]\"\n                  @click=\"settings.colorPalette = key as ColorPalette\"\n                >\n                  {{ palette.name }}\n                </button>\n              </div>\n            </div>\n\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Table Density</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"opt in densityOptions\"\n                  :key=\"opt.value\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.tableDensity === opt.value }]\"\n                  @click=\"settings.tableDensity = opt.value\"\n                >\n                  {{ opt.label }}\n                </button>\n              </div>\n              <p class=\"mint-settings-modal__note\">Adjusts row height in data tables.</p>\n            </div>\n\n            <slot name=\"appearance\" />\n          </div>\n        </div>\n      </component>\n    </div>\n    <div v-if=\"$slots.footer\" class=\"mint-settings-modal__footer\">\n      <slot\n        name=\"footer\"\n        :values=\"builder.form.data\"\n        :close=\"handleClose\"\n      />\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/settings-modal.css';\n</style>\n","<script setup lang=\"ts\">\n/**\n * Tabbed settings modal with three usage modes:\n *\n *   1. Schema-driven (recommended) — pass `schema`, compact `controls`, or a\n *      complete `defineControlModel()` result plus `v-model:values`. Each\n *      group/section becomes a tab; fields auto-render via the SDK form field\n *      registry (text, select, number, toggle, molecule, concentration, …).\n *      Conditional visibility, validation, and dynamic options come for free.\n *\n *   2. Manual tabs + slots — pass `tabs` and a `<template #tab-{id}>` slot\n *      per tab. Use this when you need bespoke widgets the form-builder\n *      registry doesn't cover (or for legacy plugins).\n *\n *   3. Appearance only — `showAppearance` (default true) renders the built-in\n *      theme / palette / table-density tab. Works alongside both modes above.\n *\n * Layout: `horizontal` (underline tabs, default) or `vertical` (sidebar rail\n * with optional icons + descriptions, recommended for 5+ groups).\n */\nimport { ref, computed, watch } from 'vue'\nimport BaseModal from './BaseModal.vue'\nimport FormFieldRendererInternal from './internal/FormFieldRendererInternal.vue'\nimport { useFormBuilder } from '../composables/useFormBuilder'\nimport {\n  controlsToSettingsSchema,\n  mergeControlWorkspaceOptions,\n  resolveControlModel,\n  type ControlModel,\n  type ControlModelBinding,\n  type ControlSchema,\n  type ControlWorkspaceOptions,\n} from '../composables/useControlSchema'\nimport { useSettingsStore, colorPalettes } from '../stores/settings'\nimport { useAuthStore } from '../stores/auth'\nimport { usePlatformContext } from '../composables/usePlatformContext'\nimport { canAccessByPolicy } from '../permissions'\nimport {\n  formSchemaFieldNames,\n  pickExistingRecordKeys,\n  pickRecordKeys,\n  recordValuesEqualForKeys,\n} from '../utils/formModelSync'\nimport type {\n  ThemeMode,\n  ColorPalette,\n  TableDensity,\n  SettingsTab,\n  SettingsTabInput,\n  SettingsModalLayout,\n  SettingsModalSchema,\n  SettingsUserType,\n  FormEnhancements,\n} from '../types'\nimport type { AccessControlled, PermissionUser } from '../permissions'\nimport {\n  APPEARANCE_TAB_ID,\n  buildFlatSettingsSchema,\n  buildSettingsTabs,\n  filterSettingsSchemaByAccess,\n  normalizeVisibleSettingsTabs,\n  settingsGroupToTab,\n} from './SettingsModal.schema'\n\ninterface Props {\n  modelValue: boolean\n  title?: string\n  /** Manual tab descriptors. Ignored when `schema` is set (groups become tabs). */\n  tabs?: SettingsTabInput[]\n  showAppearance?: boolean\n  size?: 'md' | 'lg' | 'xl'\n  layout?: SettingsModalLayout\n  /** Declarative schema — fields auto-render via SDK form components. */\n  schema?: SettingsModalSchema\n  /** Model returned by defineControlModel(), or a raw nested ControlModel for one-step settings generation. */\n  model?: ControlModel | ControlModelBinding\n  /** Compact controls model — converted to `schema` when `schema` is not set. */\n  controls?: ControlSchema\n  /** Conversion options for `controls`, such as section labels, columns, and shared initialValues. */\n  controlOptions?: ControlWorkspaceOptions\n  /** Two-way bound values when `schema`, `model`, or `controls` is set. */\n  values?: Record<string, unknown>\n  /** Optional dynamic enhancements (validators, dynamic options, callbacks). */\n  enhancements?: FormEnhancements<Record<string, unknown>>\n  /** Optional user type override for permission-filtered settings content. Defaults to SDK auth/platform context. */\n  userType?: SettingsUserType\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'Settings',\n  tabs: () => [],\n  showAppearance: true,\n  size: 'lg',\n  layout: 'horizontal',\n  model: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  'update:values': [data: Record<string, unknown>]\n  close: []\n}>()\n\nconst settings = useSettingsStore()\nconst auth = useAuthStore()\nconst { user: platformUser } = usePlatformContext()\n\nconst isVertical = computed(() => props.layout === 'vertical')\n\n// Per-instance prefix for ARIA tab/tabpanel id wiring. Stable across renders.\nconst uid = `mint-settings-${Math.random().toString(36).slice(2, 9)}`\nconst tabId = (id: string) => `${uid}-tab-${id}`\nconst panelId = (id: string) => `${uid}-panel-${id}`\n\nconst resolvedModel = computed<ControlModelBinding | undefined>(() => {\n  return resolveControlModel(props.model)\n})\nconst resolvedControls = computed<ControlSchema | undefined>(() =>\n  props.controls ?? resolvedModel.value?.controls,\n)\nconst resolvedControlOptions = computed<ControlWorkspaceOptions>(() =>\n  mergeControlWorkspaceOptions(resolvedModel.value?.controlOptions ?? {}, props.controlOptions)\n)\nconst sourceSettingsSchema = computed<SettingsModalSchema | undefined>(() =>\n  props.schema ?? (\n    resolvedControls.value\n      ? controlsToSettingsSchema(resolvedControls.value, resolvedControlOptions.value)\n      : undefined\n  ),\n)\nconst currentAccessUser = computed<PermissionUser | null>(() => {\n  if (props.userType) {\n    return { role: props.userType === 'admin' ? 'admin' : 'user' }\n  }\n  return auth.userInfo ?? platformUser.value ?? null\n})\nconst isAccessUserAuthenticated = computed(() =>\n  props.userType !== undefined || auth.isAuthenticated || !!platformUser.value,\n)\nconst settingsSchema = computed<SettingsModalSchema | undefined>(() => {\n  if (!sourceSettingsSchema.value) return undefined\n  return filterSettingsSchemaByAccess(sourceSettingsSchema.value, canShowForCurrentUser)\n})\nconst isSchemaDriven = computed(() => !!settingsSchema.value)\nconst resolvedValues = computed<Record<string, unknown>>(() => ({\n  ...(resolvedControlOptions.value.initialValues ?? {}),\n  ...(props.values ?? {}),\n}))\n\n// Schema-driven mode keeps one form-builder instance and syncs schema changes\n// into it, so callers can swap groups/fields without remounting the modal.\nconst builder = useFormBuilder(\n  settingsSchema.value ? buildFlatSettingsSchema(settingsSchema.value) : { sections: [] },\n  resolvedValues.value,\n  props.enhancements,\n)\n\nwatch(\n  () => settingsSchema.value,\n  (schema) => {\n    if (!schema) {\n      builder.updateSchema({ sections: [] }, {})\n      return\n    }\n\n    const flatSchema = buildFlatSettingsSchema(schema)\n    const fieldNames = formSchemaFieldNames(flatSchema)\n    const sourceValues = props.values === undefined\n      ? {\n          ...resolvedValues.value,\n          ...(builder.form.data as Record<string, unknown>),\n        }\n      : resolvedValues.value\n\n    builder.updateSchema(flatSchema, pickExistingRecordKeys(sourceValues ?? {}, fieldNames))\n  },\n  { deep: true },\n)\n\nwatch(\n  () => ({ ...resolvedValues.value }),\n  (data) => {\n    if (!settingsSchema.value) return\n    const fieldNames = builderFieldNames()\n    if (recordValuesEqualForKeys(data, builder.form.data as Record<string, unknown>, fieldNames)) return\n    builder.reset(pickRecordKeys(data, fieldNames))\n  },\n  { deep: true },\n)\n\nwatch(\n  () => ({ ...builder.form.data }),\n  (data) => {\n    if (settingsSchema.value) emit('update:values', data as Record<string, unknown>)\n  },\n  { deep: true },\n)\n\n// Schema groups whose `condition` evaluates false against the current data are\n// dropped from the rail entirely — same semantics as section visibility in\n// FormBuilder. Manual `tabs` have no condition mechanism, so they pass through.\nconst visibleSchemaGroups = computed(() =>\n  settingsSchema.value\n    ? settingsSchema.value.groups.filter((g) => builder.isSectionVisible(g.id))\n    : [],\n)\n\nconst manualTabs = computed<SettingsTab[]>(() =>\n  normalizeVisibleSettingsTabs(props.tabs, canShowForCurrentUser)\n)\n\nconst allTabs = computed<SettingsTab[]>(() => {\n  const base: SettingsTab[] = settingsSchema.value\n    ? visibleSchemaGroups.value.map(settingsGroupToTab)\n    : manualTabs.value\n  return buildSettingsTabs(base, props.showAppearance)\n})\n\nconst activeTab = ref(allTabs.value[0]?.id || APPEARANCE_TAB_ID)\n\nconst activeTabMeta = computed<SettingsTab | undefined>(() =>\n  allTabs.value.find((t) => t.id === activeTab.value),\n)\n\n// If the active tab vanishes (group hidden by condition), drop back to the first available.\nwatch(allTabs, (tabs) => {\n  if (!tabs.some((t) => t.id === activeTab.value)) {\n    activeTab.value = tabs[0]?.id ?? APPEARANCE_TAB_ID\n  }\n})\n\nconst activeGroup = computed(() =>\n  visibleSchemaGroups.value.find((g) => g.id === activeTab.value),\n)\n\nconst activeGroupVisibleFields = computed(() => {\n  if (!activeGroup.value) return []\n  return activeGroup.value.fields.filter((f) => builder.isFieldVisible(f.name))\n})\n\nconst themeOptions: { value: ThemeMode; label: string }[] = [\n  { value: 'light', label: 'Light' },\n  { value: 'dark', label: 'Dark' },\n  { value: 'system', label: 'System' },\n]\n\nconst densityOptions: { value: TableDensity; label: string }[] = [\n  { value: 'compact', label: 'Compact' },\n  { value: 'normal', label: 'Normal' },\n  { value: 'comfortable', label: 'Comfortable' },\n]\n\nfunction handleClose() {\n  emit('update:modelValue', false)\n  emit('close')\n}\n\nfunction builderFieldNames(): string[] {\n  return builder.fields.map(field => field.name)\n}\n\nfunction canShowForCurrentUser(item: AccessControlled): boolean {\n  return canAccessByPolicy(\n    currentAccessUser.value,\n    item,\n    isAccessUserAuthenticated.value,\n  )\n}\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @close=\"handleClose\"\n  >\n    <div :class=\"['mint-settings-modal', `mint-settings-modal--${layout}`]\">\n      <div\n        v-if=\"!isVertical && allTabs.length > 1\"\n        class=\"mint-settings-modal__tabs\"\n      >\n        <button\n          v-for=\"tab in allTabs\"\n          :key=\"tab.id\"\n          type=\"button\"\n          :class=\"['mint-settings-modal__tab', { 'mint-settings-modal__tab--active': activeTab === tab.id }]\"\n          @click=\"activeTab = tab.id\"\n        >\n          {{ tab.label }}\n        </button>\n      </div>\n\n      <div\n        v-else-if=\"isVertical\"\n        class=\"mint-settings-modal__rail\"\n        role=\"tablist\"\n        aria-orientation=\"vertical\"\n        aria-label=\"Settings sections\"\n      >\n        <button\n          v-for=\"tab in allTabs\"\n          :id=\"tabId(tab.id)\"\n          :key=\"tab.id\"\n          type=\"button\"\n          role=\"tab\"\n          :class=\"['mint-settings-modal__rail-item', { 'mint-settings-modal__rail-item--active': activeTab === tab.id }]\"\n          :aria-selected=\"activeTab === tab.id\"\n          :aria-controls=\"panelId(tab.id)\"\n          :tabindex=\"activeTab === tab.id ? 0 : -1\"\n          @click=\"activeTab = tab.id\"\n        >\n          <span class=\"mint-settings-modal__rail-item-icon\" aria-hidden=\"true\">\n            <span v-if=\"tab.icon\" v-html=\"tab.icon\" />\n          </span>\n          <span class=\"mint-settings-modal__rail-item-text\">\n            <span class=\"mint-settings-modal__rail-item-label\">{{ tab.label }}</span>\n            <span v-if=\"tab.description\" class=\"mint-settings-modal__rail-item-description\">\n              {{ tab.description }}\n            </span>\n          </span>\n        </button>\n      </div>\n\n      <!-- Vertical mode wraps content in a tabpanel <section> with a header bar; horizontal mode stays a plain <div>. -->\n      <component\n        :is=\"isVertical ? 'section' : 'div'\"\n        :class=\"isVertical ? 'mint-settings-modal__pane' : 'mint-settings-modal__content'\"\n        :id=\"isVertical && activeTabMeta ? panelId(activeTabMeta.id) : undefined\"\n        :role=\"isVertical ? 'tabpanel' : undefined\"\n        :aria-labelledby=\"isVertical && activeTabMeta ? tabId(activeTabMeta.id) : undefined\"\n        :tabindex=\"isVertical ? 0 : undefined\"\n      >\n        <header\n          v-if=\"isVertical && activeTabMeta?.label\"\n          class=\"mint-settings-modal__pane-header\"\n        >\n          <h4 class=\"mint-settings-modal__pane-title\">{{ activeTabMeta.label }}</h4>\n          <p v-if=\"activeTabMeta.description\" class=\"mint-settings-modal__pane-subtitle\">\n            {{ activeTabMeta.description }}\n          </p>\n        </header>\n\n        <div :class=\"isVertical ? 'mint-settings-modal__pane-body' : null\">\n          <div\n            v-if=\"isSchemaDriven && activeGroup\"\n            class=\"mint-settings-modal__group-grid\"\n            :style=\"{ '--mint-settings-cols': activeGroup.columns ?? 1 }\"\n          >\n            <template v-for=\"field in activeGroupVisibleFields\" :key=\"field.name\">\n              <div :style=\"field.colSpan ? { gridColumn: `span ${field.colSpan}` } : undefined\">\n                <slot\n                  :name=\"`field:${field.name}`\"\n                  :field=\"field\"\n                  :form=\"builder.form\"\n                  :field-props=\"builder.form.getFieldProps(field.name)\"\n                >\n                  <FormFieldRendererInternal\n                    :field=\"field\"\n                    :resolved-props=\"builder.getResolvedFieldProps(field)\"\n                    :form=\"builder.form\"\n                  />\n                </slot>\n              </div>\n            </template>\n          </div>\n\n          <template v-else-if=\"!isSchemaDriven\">\n            <template v-for=\"tab in manualTabs\" :key=\"tab.id\">\n              <div v-show=\"activeTab === tab.id\">\n                <slot :name=\"`tab-${tab.id}`\" />\n              </div>\n            </template>\n          </template>\n\n          <div v-if=\"showAppearance\" v-show=\"activeTab === APPEARANCE_TAB_ID\">\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Theme</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"opt in themeOptions\"\n                  :key=\"opt.value\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.theme === opt.value }]\"\n                  @click=\"settings.theme = opt.value\"\n                >\n                  {{ opt.label }}\n                </button>\n              </div>\n            </div>\n\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Color Palette</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"(palette, key) in colorPalettes\"\n                  :key=\"key\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.colorPalette === key }]\"\n                  @click=\"settings.colorPalette = key as ColorPalette\"\n                >\n                  {{ palette.name }}\n                </button>\n              </div>\n            </div>\n\n            <div class=\"mint-settings-modal__section\">\n              <div class=\"mint-settings-modal__section-label\">Table Density</div>\n              <div class=\"mint-settings-modal__option-group\">\n                <button\n                  v-for=\"opt in densityOptions\"\n                  :key=\"opt.value\"\n                  type=\"button\"\n                  :class=\"['mint-settings-modal__option-btn', { 'mint-settings-modal__option-btn--active': settings.tableDensity === opt.value }]\"\n                  @click=\"settings.tableDensity = opt.value\"\n                >\n                  {{ opt.label }}\n                </button>\n              </div>\n              <p class=\"mint-settings-modal__note\">Adjusts row height in data tables.</p>\n            </div>\n\n            <slot name=\"appearance\" />\n          </div>\n        </div>\n      </component>\n    </div>\n    <div v-if=\"$slots.footer\" class=\"mint-settings-modal__footer\">\n      <slot\n        name=\"footer\"\n        :values=\"builder.form.data\"\n        :close=\"handleClose\"\n      />\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/settings-modal.css';\n</style>\n"],"mappings":"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"}

package/dist/components/PluginWorkspaceView.props.d.ts

@@ -14,7 +14,7 @@ export interface PluginWorkspaceViewProps {
     homePath?: string;
     /** Show the default MINT logo when no icon/logo slot is provided. */
     showLogo?: boolean;
-    /** Preferred route-level page selector entries. */
+    /** Preferred route-level page selector entries. Pass [] to suppress integrated platform fallback. */
     pageSelector?: PageSelectorItemInput[];
     /** Active page selector id. Defaults to activeView. */
     currentPageSelectorId?: string;

package/dist/components/index.js

@@ -1,8 +1,8 @@
 import { d as BaseModal_default, p as BaseButton_default } from "../experiment-utils-CxkruZ3G.js";
 import { c as BaseSelect_default, n as Skeleton_default, s as BasePill_default, t as EmptyState_default, u as BaseInput_default } from "../EmptyState-DgBRoYAy.js";
-import { At as BaseCheckbox_default, Ct as DatePicker_default, Dt as BaseSlider_default, L as GeneratedPathInput_default, M as SequenceInput_default, Mt as BaseTextarea_default, O as ConcentrationInput_default, Ot as BaseRadioGroup_default, P as FormulaInput_default, at as TagsInput_default, it as NumberInput_default, j as MoleculeInput_default, jt as Tooltip_default, k as UnitInput_default, kt as BaseToggle_default, nt as AlertBox_default, ot as TimePicker_default, rt as FileUploader_default, tt as DateTimePicker_default, wt as MultiSelect_default, z as ArtifactSelectorModal_default } from "../useControlSchema-BAqu3kqE.js";
-import { $ as SmartGroupFieldRecipe_default, A as ProtocolStepEditor_default, At as DataFrame_default, B as Breadcrumb_default, Ct as AppPluginSwitcher_default, Dt as ThemeToggle_default, Et as CollapsibleCard_default, F as RackEditor_default, Ft as ColorSlider_default, G as AppContainer_default, H as ProgressBar_default, I as BioTemplatePresetWorkspaceView_default, J as ComponentBindingRenderer_default, K as DoseDesignWorkspaceView_default, L as BioTemplatePackWorkspaceView_default, M as ReagentEditor_default, Mt as DropdownButton_default, N as SmartGroupModal_default, Nt as SegmentedControl_default, O as ChemicalFormula_default, Ot as IconButton_default, P as GroupAssigner_default, Pt as BaseTabs_default, Q as SmartGroupManual_default, R as BioTemplateExperimentWorkspaceView_default, St as AppTopBar_default, Tt as PluginIcon_default, U as StatusIndicator_default, V as Avatar_default, W as Divider_default, X as SampleSelector_default, Y as ScheduleCalendar_default, Z as AutoGroupModal_default, _t as AppLayout_default, a as ResourceCard_default, at as DoseCalculator_default, b as InstrumentAlertLog_default, bt as FormActions_default, c as BatchProgressList_default, ct as GeneratedResultRenderer_default, dt as LoadingSpinner_default, et as ReagentList_default, gt as MobileSupportGate_default, ht as PluginWorkspaceView_default, i as SectionCard_default, it as ExperimentTimeline_default, j as SampleHierarchyTree_default, jt as Calendar_default, k as ScientificNumber_default, kt as AppToastContainer_default, l as AuditTrail_default, lt as GeneratedPlotlyResult_default, n as FitPanel_default, nt as SampleLegend_default, o as TimeRangeInput_default, ot as GeneratedPluginView_default, q as ControlWorkspaceView_default, r as ArtifactSaveDialog_default, rt as WellPlate_default, s as ExperimentDataViewer_default, st as JobsStatusTray_default, tt as PlateMapEditor_default, u as LcmsSequenceTable_default, ut as ChartContainer_default, v as InstrumentStatusCard_default, vt as AppSidebar_default, wt as AppAvatarMenu_default, x as SequenceProgressBar_default, xt as StepWizard_default, y as InstrumentStateBadge_default, yt as FormBuilder_default, z as BioTemplateRenderer_default } from "../components-t0iBwn5R.js";
-import { s as FormField_default, t as SettingsModal_default } from "../SettingsModal-DDaq294M.js";
+import { At as BaseCheckbox_default, Ct as DatePicker_default, Dt as BaseSlider_default, L as GeneratedPathInput_default, M as SequenceInput_default, Mt as BaseTextarea_default, O as ConcentrationInput_default, Ot as BaseRadioGroup_default, P as FormulaInput_default, at as TagsInput_default, it as NumberInput_default, j as MoleculeInput_default, jt as Tooltip_default, k as UnitInput_default, kt as BaseToggle_default, nt as AlertBox_default, ot as TimePicker_default, rt as FileUploader_default, tt as DateTimePicker_default, wt as MultiSelect_default, z as ArtifactSelectorModal_default } from "../useControlSchema-B_qgU4rW.js";
+import { $ as SmartGroupFieldRecipe_default, A as ProtocolStepEditor_default, At as DataFrame_default, B as Breadcrumb_default, Ct as AppPluginSwitcher_default, Dt as ThemeToggle_default, Et as CollapsibleCard_default, F as RackEditor_default, Ft as ColorSlider_default, G as AppContainer_default, H as ProgressBar_default, I as BioTemplatePresetWorkspaceView_default, J as ComponentBindingRenderer_default, K as DoseDesignWorkspaceView_default, L as BioTemplatePackWorkspaceView_default, M as ReagentEditor_default, Mt as DropdownButton_default, N as SmartGroupModal_default, Nt as SegmentedControl_default, O as ChemicalFormula_default, Ot as IconButton_default, P as GroupAssigner_default, Pt as BaseTabs_default, Q as SmartGroupManual_default, R as BioTemplateExperimentWorkspaceView_default, St as AppTopBar_default, Tt as PluginIcon_default, U as StatusIndicator_default, V as Avatar_default, W as Divider_default, X as SampleSelector_default, Y as ScheduleCalendar_default, Z as AutoGroupModal_default, _t as AppLayout_default, a as ResourceCard_default, at as DoseCalculator_default, b as InstrumentAlertLog_default, bt as FormActions_default, c as BatchProgressList_default, ct as GeneratedResultRenderer_default, dt as LoadingSpinner_default, et as ReagentList_default, gt as MobileSupportGate_default, ht as PluginWorkspaceView_default, i as SectionCard_default, it as ExperimentTimeline_default, j as SampleHierarchyTree_default, jt as Calendar_default, k as ScientificNumber_default, kt as AppToastContainer_default, l as AuditTrail_default, lt as GeneratedPlotlyResult_default, n as FitPanel_default, nt as SampleLegend_default, o as TimeRangeInput_default, ot as GeneratedPluginView_default, q as ControlWorkspaceView_default, r as ArtifactSaveDialog_default, rt as WellPlate_default, s as ExperimentDataViewer_default, st as JobsStatusTray_default, tt as PlateMapEditor_default, u as LcmsSequenceTable_default, ut as ChartContainer_default, v as InstrumentStatusCard_default, vt as AppSidebar_default, wt as AppAvatarMenu_default, x as SequenceProgressBar_default, xt as StepWizard_default, y as InstrumentStateBadge_default, yt as FormBuilder_default, z as BioTemplateRenderer_default } from "../components-Ci_BTx00.js";
+import { s as FormField_default, t as SettingsModal_default } from "../SettingsModal-Dpg-X1OM.js";
 import { r as ConfirmDialog_default, t as ExperimentPopover_default } from "../ExperimentPopover-BFw3QX8L.js";
 import { r as ExperimentCodeBadge_default, t as ExperimentSelectorModal_default } from "../ExperimentSelectorModal-BBWXC7KW.js";
 export { AlertBox_default as AlertBox, AppAvatarMenu_default as AppAvatarMenu, AppContainer_default as AppContainer, AppLayout_default as AppLayout, AppPluginSwitcher_default as AppPluginSwitcher, AppSidebar_default as AppSidebar, AppToastContainer_default as AppToastContainer, AppTopBar_default as AppTopBar, ArtifactSaveDialog_default as ArtifactSaveDialog, ArtifactSelectorModal_default as ArtifactSelectorModal, AuditTrail_default as AuditTrail, AutoGroupModal_default as AutoGroupModal, Avatar_default as Avatar, BaseButton_default as BaseButton, BaseCheckbox_default as BaseCheckbox, BaseInput_default as BaseInput, BaseModal_default as BaseModal, BasePill_default as BasePill, BaseRadioGroup_default as BaseRadioGroup, BaseSelect_default as BaseSelect, BaseSlider_default as BaseSlider, BaseTabs_default as BaseTabs, BaseTextarea_default as BaseTextarea, BaseToggle_default as BaseToggle, BatchProgressList_default as BatchProgressList, BioTemplateExperimentWorkspaceView_default as BioTemplateExperimentWorkspaceView, BioTemplatePackWorkspaceView_default as BioTemplatePackWorkspaceView, BioTemplatePresetWorkspaceView_default as BioTemplatePresetWorkspaceView, BioTemplateRenderer_default as BioTemplateRenderer, Breadcrumb_default as Breadcrumb, Calendar_default as Calendar, ChartContainer_default as ChartContainer, ChemicalFormula_default as ChemicalFormula, CollapsibleCard_default as CollapsibleCard, ColorSlider_default as ColorSlider, ComponentBindingRenderer_default as ComponentBindingRenderer, ConcentrationInput_default as ConcentrationInput, ConfirmDialog_default as ConfirmDialog, ControlWorkspaceView_default as ControlWorkspaceView, DataFrame_default as DataFrame, DatePicker_default as DatePicker, DateTimePicker_default as DateTimePicker, Divider_default as Divider, DoseCalculator_default as DoseCalculator, DoseDesignWorkspaceView_default as DoseDesignWorkspaceView, DropdownButton_default as DropdownButton, EmptyState_default as EmptyState, ExperimentCodeBadge_default as ExperimentCodeBadge, ExperimentDataViewer_default as ExperimentDataViewer, ExperimentPopover_default as ExperimentPopover, ExperimentSelectorModal_default as ExperimentSelectorModal, ExperimentTimeline_default as ExperimentTimeline, FileUploader_default as FileUploader, FitPanel_default as FitPanel, FormActions_default as FormActions, FormBuilder_default as FormBuilder, FormField_default as FormField, FormulaInput_default as FormulaInput, GeneratedPathInput_default as GeneratedPathInput, GeneratedPlotlyResult_default as GeneratedPlotlyResult, GeneratedPluginView_default as GeneratedPluginView, GeneratedResultRenderer_default as GeneratedResultRenderer, GroupAssigner_default as GroupAssigner, IconButton_default as IconButton, InstrumentAlertLog_default as InstrumentAlertLog, InstrumentStateBadge_default as InstrumentStateBadge, InstrumentStatusCard_default as InstrumentStatusCard, JobsStatusTray_default as JobsStatusTray, LcmsSequenceTable_default as LcmsSequenceTable, LoadingSpinner_default as LoadingSpinner, MobileSupportGate_default as MobileSupportGate, MoleculeInput_default as MoleculeInput, MultiSelect_default as MultiSelect, NumberInput_default as NumberInput, PlateMapEditor_default as PlateMapEditor, PluginIcon_default as PluginIcon, PluginWorkspaceView_default as PluginWorkspaceView, ProgressBar_default as ProgressBar, ProtocolStepEditor_default as ProtocolStepEditor, RackEditor_default as RackEditor, ReagentEditor_default as ReagentEditor, ReagentList_default as ReagentList, ResourceCard_default as ResourceCard, SampleHierarchyTree_default as SampleHierarchyTree, SampleLegend_default as SampleLegend, SampleSelector_default as SampleSelector, ScheduleCalendar_default as ScheduleCalendar, ScientificNumber_default as ScientificNumber, SectionCard_default as SectionCard, SegmentedControl_default as SegmentedControl, SequenceInput_default as SequenceInput, SequenceProgressBar_default as SequenceProgressBar, SettingsModal_default as SettingsModal, Skeleton_default as Skeleton, SmartGroupFieldRecipe_default as SmartGroupFieldRecipe, SmartGroupManual_default as SmartGroupManual, SmartGroupModal_default as SmartGroupModal, StatusIndicator_default as StatusIndicator, StepWizard_default as StepWizard, TagsInput_default as TagsInput, ThemeToggle_default as ThemeToggle, TimePicker_default as TimePicker, TimeRangeInput_default as TimeRangeInput, Tooltip_default as Tooltip, UnitInput_default as UnitInput, WellPlate_default as WellPlate };

package/dist/{components-t0iBwn5R.js → components-Ci_BTx00.js}

@@ -1,14 +1,14 @@
 import { n as __exportAll, r as __toESM } from "./chunk-BoAXSpZd.js";
 import { d as BaseModal_default, f as useEventListener, p as BaseButton_default } from "./experiment-utils-CxkruZ3G.js";
 import { c as BaseSelect_default, l as normalizeOptionInput, n as Skeleton_default, o as useApi, r as useRequestSyncState, s as BasePill_default, t as EmptyState_default, u as BaseInput_default } from "./EmptyState-DgBRoYAy.js";
-import { A as useConcentrationUnits, At as BaseCheckbox_default, Ct as DatePicker_default, Dt as BaseSlider_default, H as getInjectedPlatformContext, I as useChemicalFormula, L as GeneratedPathInput_default, M as SequenceInput_default, Mt as BaseTextarea_default, O as ConcentrationInput_default, Ot as BaseRadioGroup_default, P as FormulaInput_default, Q as normalizeJobPercent, R as _plugin_vue_export_helper_default, T as getDefaultControlView, Tt as useListSelection, W as resolveCurrentExperimentId, Z as jobStatusLabel, _ as controlsToFormSchema, at as TagsInput_default, ct as compareTime, f as resolveControlModel, ft as formatDuration, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, it as NumberInput_default, j as MoleculeInput_default, jt as Tooltip_default, k as UnitInput_default, kt as BaseToggle_default, lt as durationMinutes, m as controlValuesToComponentBindingsById, nt as AlertBox_default, o as defineDoseDesignControlModel, ot as TimePicker_default, p as controlValuesToComponentBindings, pt as formatTime, q as useGeneratedAnalysis, r as getControlDefaults, rt as FileUploader_default, tt as DateTimePicker_default, u as useControlWorkspace, w as controlsToViewItems, wt as MultiSelect_default, x as controlsToSidebarPanels, y as controlsToSectionFormSchemas, z as ArtifactSelectorModal_default } from "./useControlSchema-BAqu3kqE.js";
-import { a as pickExistingRecordKeys, c as normalizeItemInput, i as formSchemaFieldNames, l as normalizeLabelItemInput, o as recordValuesEqualForKeys, r as FormFieldRendererInternal_default, s as FormField_default, t as SettingsModal_default } from "./SettingsModal-DDaq294M.js";
+import { A as useConcentrationUnits, At as BaseCheckbox_default, Ct as DatePicker_default, Dt as BaseSlider_default, H as getInjectedPlatformContext, I as useChemicalFormula, L as GeneratedPathInput_default, M as SequenceInput_default, Mt as BaseTextarea_default, O as ConcentrationInput_default, Ot as BaseRadioGroup_default, P as FormulaInput_default, Q as normalizeJobPercent, R as _plugin_vue_export_helper_default, T as getDefaultControlView, Tt as useListSelection, W as resolveCurrentExperimentId, Z as jobStatusLabel, _ as controlsToFormSchema, at as TagsInput_default, ct as compareTime, f as resolveControlModel, ft as formatDuration, g as mergeControlWorkspaceOptions, h as controlValuesToComponentProps, it as NumberInput_default, j as MoleculeInput_default, jt as Tooltip_default, k as UnitInput_default, kt as BaseToggle_default, lt as durationMinutes, m as controlValuesToComponentBindingsById, nt as AlertBox_default, o as defineDoseDesignControlModel, ot as TimePicker_default, p as controlValuesToComponentBindings, pt as formatTime, q as useGeneratedAnalysis, r as getControlDefaults, rt as FileUploader_default, tt as DateTimePicker_default, u as useControlWorkspace, w as controlsToViewItems, wt as MultiSelect_default, x as controlsToSidebarPanels, y as controlsToSectionFormSchemas, z as ArtifactSelectorModal_default } from "./useControlSchema-B_qgU4rW.js";
+import { a as pickExistingRecordKeys, c as normalizeItemInput, i as formSchemaFieldNames, l as normalizeLabelItemInput, o as recordValuesEqualForKeys, r as FormFieldRendererInternal_default, s as FormField_default, t as SettingsModal_default } from "./SettingsModal-Dpg-X1OM.js";
 import { t as useDropdownState } from "./useDropdownState-gVaMXtwW.js";
-import { D as readFileAsText, G as useAppExperiment, H as DEFAULT_MOBILE_VIEWPORT_QUERY, I as DEFAULT_COLORS, K as useTheme, L as useWellPlateEditor, M as parseCSV, Q as useSortedItems, R as useDoseCalculator, U as useMobileSupportGate, V as usePluginJobCenter, W as APP_EXPERIMENT_KEY, X as useTextSearch, _ as useScheduleDrag, a as useReagentSeries, b as useExpansionSet, c as useBioTemplatePresetWorkspace, j as useAutoGroup, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, q as useToast, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, v as useExperimentSamples, x as useSampleGroups, y as useExperimentData } from "./useProtocolTemplates-BuY_MlBP.js";
-import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-DvO-TrfX.js";
+import { D as readFileAsText, G as useAppExperiment, H as DEFAULT_MOBILE_VIEWPORT_QUERY, I as DEFAULT_COLORS, K as useTheme, L as useWellPlateEditor, M as parseCSV, Q as useSortedItems, R as useDoseCalculator, U as useMobileSupportGate, V as usePluginJobCenter, W as APP_EXPERIMENT_KEY, X as useTextSearch, _ as useScheduleDrag, a as useReagentSeries, b as useExpansionSet, c as useBioTemplatePresetWorkspace, j as useAutoGroup, l as useBioTemplatePackWorkspace, n as DEFAULT_PRESETS, o as useGroupAssignment, q as useToast, r as DEFAULT_UNITS, s as useRackEditor, t as useProtocolTemplates, v as useExperimentSamples, x as useSampleGroups, y as useExperimentData } from "./useProtocolTemplates-DeaOmMaw.js";
+import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-D1G5J5Z5.js";
 import { t as ANALYSIS_FILE_ARTIFACT_SCHEMA } from "./analysisArtifactTypes-ejqR8MX3.js";
 import { r as ConfirmDialog_default, t as ExperimentPopover_default } from "./ExperimentPopover-BFw3QX8L.js";
-import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, V as toBioTemplateComponentPropsByComponent, dn as extractTemplateCollection } from "./templates-BdArs8LL.js";
+import { B as toBioTemplateComponentProps, F as getBioTemplateComponentProps, H as toBioTemplateComponentPropsById, L as toBioTemplateComponentBindings, R as toBioTemplateComponentBindingsById, V as toBioTemplateComponentPropsByComponent, dn as extractTemplateCollection } from "./templates-Cdj93S9C.js";
 import { r as ExperimentCodeBadge_default, t as ExperimentSelectorModal_default } from "./ExperimentSelectorModal-BBWXC7KW.js";
 import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, unref, useId, useModel, useSlots, vModelCheckbox, vModelSelect, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 //#region src/components/ColorSlider.vue?vue&type=script&setup=true&lang.ts
@@ -2877,7 +2877,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		/** Full application top bar with brand logo, page selector or plugin switcher, centered pill nav, experiment popover, and avatar menu. */
 		const props = __props;
-		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-DDaq294M.js").then((n) => n.n));
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-Dpg-X1OM.js").then((n) => n.n));
 		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-BFw3QX8L.js").then((n) => n.n));
 		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-BBWXC7KW.js").then((n) => n.n));
 		const emit = __emit;
@@ -4706,7 +4706,6 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 			emitPageSelectorSelect: (page) => emit("page-selector-select", page),
 			emitPillSelect: (item) => emit("pill-select", item)
 		});
-		const visiblePageSelector = computed(() => (props.pageSelector?.length ?? 0) > 1 ? props.pageSelector : void 0);
 		const hasSidebarSurface = computed(() => {
 			return hasPluginWorkspaceSidebarSurface({
 				showSidebar: props.showSidebar,
@@ -4759,7 +4758,7 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 					variant: __props.topBarVariant,
 					"home-path": __props.homePath,
 					"show-logo": __props.showLogo,
-					"page-selector": visiblePageSelector.value,
+					"page-selector": __props.pageSelector,
 					"current-page-selector-id": unref(resolvedCurrentPageSelectorId),
 					"plugin-switcher": __props.pluginSwitcher,
 					"pill-nav": unref(resolvedPillNav),
@@ -5668,7 +5667,7 @@ var GeneratedPluginView_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 		function resourceSummary(definition) {
 			if (definition.lifecycle === "service" || definition.profile?.kind === "service") return "Host service";
 			if (definition.lifecycle === "staged" || definition.profile?.kind === "staged") return "Staged upload";
-			return `${definition.cpu} CPU`;
+			return `Up to ${definition.cpu} CPU`;
 		}
 		onMounted(() => {
 			generated.initialize().catch(() => void 0);
@@ -5733,7 +5732,7 @@ var GeneratedPluginView_default = /* @__PURE__ */ _plugin_vue_export_helper_defa
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-1cc29b49"]]);
+}), [["__scopeId", "data-v-6219e939"]]);
 //#endregion
 //#region src/components/DoseCalculatorVolumeField.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$44 = { class: "mint-dose-calculator__field" };
@@ -17878,4 +17877,4 @@ var components_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { SmartGroupFieldRecipe_default as $, ProtocolStepEditor_default as A, DataFrame_default as At, Breadcrumb_default as B, estimateSequenceRemainingSeconds as C, AppPluginSwitcher_default as Ct, sequenceSamplesRemaining as D, ThemeToggle_default as Dt, sequenceProgressPercent as E, CollapsibleCard_default as Et, RackEditor_default as F, ColorSlider_default as Ft, AppContainer_default as G, ProgressBar_default as H, BioTemplatePresetWorkspaceView_default as I, ComponentBindingRenderer_default as J, DoseDesignWorkspaceView_default as K, BioTemplatePackWorkspaceView_default as L, ReagentEditor_default as M, DropdownButton_default as Mt, SmartGroupModal_default as N, SegmentedControl_default as Nt, ChemicalFormula_default as O, IconButton_default as Ot, GroupAssigner_default as P, BaseTabs_default as Pt, SmartGroupManual_default as Q, BioTemplateExperimentWorkspaceView_default as R, estimateSequenceFinishDate as S, AppTopBar_default as St, formatSequenceRemaining as T, PluginIcon_default as Tt, StatusIndicator_default as U, Avatar_default as V, Divider_default as W, SampleSelector_default as X, ScheduleCalendar_default as Y, AutoGroupModal_default as Z, reconstructLcmsPlateCellsFromSequenceItems as _, AppLayout_default as _t, ResourceCard_default as a, DoseCalculator_default as at, InstrumentAlertLog_default as b, FormActions_default as bt, BatchProgressList_default as c, GeneratedResultRenderer_default as ct, DEFAULT_LCMS_SEQUENCE_COLUMNS as d, LoadingSpinner_default as dt, ReagentList_default as et, basenameFromWindowsPath as f, generatedJobDefaults as ft, lcmsWellIdFromPosition as g, MobileSupportGate_default as gt, inferLcmsPlateTypeFromWellIds as h, PluginWorkspaceView_default as ht, SectionCard_default as i, ExperimentTimeline_default as it, SampleHierarchyTree_default as j, Calendar_default as jt, ScientificNumber_default as k, AppToastContainer_default as kt, AuditTrail_default as l, GeneratedPlotlyResult_default as lt, extractLcmsSampleName as m, normalizeGeneratedJobInput as mt, FitPanel_default as n, SampleLegend_default as nt, TimeRangeInput_default as o, GeneratedPluginView_default as ot, extractLcmsCommonPrefix as p, generatedJobFormSchema as pt, ControlWorkspaceView_default as q, ArtifactSaveDialog_default as r, WellPlate_default as rt, ExperimentDataViewer_default as s, JobsStatusTray_default as st, components_exports as t, PlateMapEditor_default as tt, LcmsSequenceTable_default as u, ChartContainer_default as ut, InstrumentStatusCard_default as v, AppSidebar_default as vt, formatSequenceEta as w, AppAvatarMenu_default as wt, SequenceProgressBar_default as x, StepWizard_default as xt, InstrumentStateBadge_default as y, FormBuilder_default as yt, BioTemplateRenderer_default as z };
 
-//# sourceMappingURL=components-t0iBwn5R.js.map
+//# sourceMappingURL=components-Ci_BTx00.js.map