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

package/dist/{EmptyState-D1c4RdC7.js → EmptyState-DgBRoYAy.js}

@@ -1,6 +1,6 @@
 import { p as BaseButton_default } from "./experiment-utils-CxkruZ3G.js";
 import { r as useSettingsStore, t as useAuthStore } from "./auth-B87xM--s.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, withCtx } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, useAttrs, withCtx } from "vue";
 import axios from "axios";
 //#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$3 = [
@@ -104,22 +104,22 @@ function findOptionByDomValue(options, value) {
 }
 //#endregion
 //#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = { class: "mint-select" };
-var _hoisted_2$2 = [
+var _hoisted_1$2 = [
 	"value",
 	"disabled",
 	"aria-invalid",
 	"aria-describedby"
 ];
-var _hoisted_3$1 = {
+var _hoisted_2$2 = {
 	key: 0,
 	value: "",
 	disabled: ""
 };
-var _hoisted_4$1 = ["value", "disabled"];
+var _hoisted_3$1 = ["value", "disabled"];
 //#endregion
 //#region src/components/BaseSelect.vue
 var BaseSelect_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
 	__name: "BaseSelect",
 	props: {
 		modelValue: {},
@@ -140,6 +140,15 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		/** Renders a native `<select>` element with size, error, and disabled states. */
 		const props = __props;
+		const attrs = useAttrs();
+		const controlAttrs = computed(() => {
+			const { class: _class, style: _style, ...nativeAttrs } = attrs;
+			return nativeAttrs;
+		});
+		const wrapperAttrs = computed(() => ({
+			class: attrs.class,
+			style: attrs.style
+		}));
 		const emit = __emit;
 		const normalizedOptions = computed(() => props.options.map(normalizeOptionInput));
 		function handleChange(event) {
@@ -147,32 +156,32 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 			emit("update:modelValue", findOptionByDomValue(normalizedOptions.value, target.value)?.value ?? target.value);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("select", {
+			return openBlock(), createElementBlock("div", mergeProps(wrapperAttrs.value, { class: "mint-select" }), [createElementVNode("select", mergeProps(controlAttrs.value, {
 				value: __props.modelValue,
 				disabled: __props.disabled,
 				"aria-invalid": __props.error || void 0,
 				"aria-describedby": __props.ariaDescribedby || void 0,
-				class: normalizeClass([
+				class: [
 					"mint-select__control",
 					`mint-select__control--${__props.size}`,
 					__props.error ? "mint-select__control--error" : "",
 					__props.disabled ? "mint-select__control--disabled" : ""
-				]),
+				],
 				onChange: handleChange
-			}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$1, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
+			}), [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_2$2, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
 				return openBlock(), createElementBlock("option", {
 					key: String(option.value),
 					value: option.value,
 					disabled: option.disabled
-				}, toDisplayString(option.label), 9, _hoisted_4$1);
-			}), 128))], 42, _hoisted_2$2), _cache[0] || (_cache[0] = createElementVNode("div", { class: "mint-select__icon" }, [createElementVNode("svg", {
+				}, toDisplayString(option.label), 9, _hoisted_3$1);
+			}), 128))], 16, _hoisted_1$2), _cache[0] || (_cache[0] = createElementVNode("div", { class: "mint-select__icon" }, [createElementVNode("svg", {
 				fill: "none",
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				viewBox: "0 0 24 24"
-			}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })])], -1))]);
+			}, [createElementVNode("path", { d: "m6 9 6 6 6-6" })])], -1))], 16);
 		};
 	}
 });
@@ -635,4 +644,4 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { authenticationRequiredError as a, BaseSelect_default as c, AuthenticationRequiredError as i, normalizeOptionInput as l, Skeleton_default as n, useApi as o, useRequestSyncState as r, BasePill_default as s, EmptyState_default as t, BaseInput_default as u };
 
-//# sourceMappingURL=EmptyState-D1c4RdC7.js.map
+//# sourceMappingURL=EmptyState-DgBRoYAy.js.map

package/dist/EmptyState-DgBRoYAy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState-DgBRoYAy.js","names":[],"sources":["../src/components/BaseInput.vue","../src/components/BaseInput.vue","../src/utils/options.ts","../src/components/BaseSelect.vue","../src/components/BaseSelect.vue","../src/components/BasePill.vue","../src/components/BasePill.vue","../src/composables/useApi.ts","../src/composables/useRequestSyncState.ts","../src/components/Skeleton.vue","../src/components/Skeleton.vue","../src/components/EmptyState.vue","../src/components/EmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Renders a styled `<input>` supporting text/number/email types, size, error, and readonly states. */\nimport type { InputType } from '../types'\n\ninterface Props {\n  modelValue?: string | number\n  type?: InputType\n  placeholder?: string\n  disabled?: boolean\n  readonly?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  autocomplete?: string\n  autofocus?: boolean\n  min?: number\n  max?: number\n  step?: number\n  list?: string\n  ariaDescribedby?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  type: 'text',\n  disabled: false,\n  readonly: false,\n  error: false,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number | null]\n  focus: [event: FocusEvent]\n  blur: [event: FocusEvent]\n  keydown: [event: KeyboardEvent]\n}>()\n\nfunction handleInput(event: Event) {\n  const target = event.target as HTMLInputElement\n  const value = props.type === 'number'\n    ? (target.value === '' ? null : Number(target.value))\n    : target.value\n  emit('update:modelValue', value as string | number)\n}\n</script>\n\n<template>\n  <input\n    :type=\"type\"\n    :value=\"modelValue\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :readonly=\"readonly\"\n    :autocomplete=\"autocomplete\"\n    :autofocus=\"autofocus\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :list=\"list\"\n    :aria-invalid=\"error || undefined\"\n    :aria-describedby=\"ariaDescribedby || undefined\"\n    :class=\"[\n      'mint-input',\n      `mint-input--${size}`,\n      error ? 'mint-input--error' : '',\n      disabled ? 'mint-input--disabled' : '',\n    ]\"\n    @input=\"handleInput\"\n    @focus=\"emit('focus', $event)\"\n    @blur=\"emit('blur', $event)\"\n    @keydown=\"emit('keydown', $event)\"\n  />\n</template>\n\n<style>\n@import '../styles/components/input.css';\n</style>\n","<script setup lang=\"ts\">\n/** Renders a styled `<input>` supporting text/number/email types, size, error, and readonly states. */\nimport type { InputType } from '../types'\n\ninterface Props {\n  modelValue?: string | number\n  type?: InputType\n  placeholder?: string\n  disabled?: boolean\n  readonly?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  autocomplete?: string\n  autofocus?: boolean\n  min?: number\n  max?: number\n  step?: number\n  list?: string\n  ariaDescribedby?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  type: 'text',\n  disabled: false,\n  readonly: false,\n  error: false,\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number | null]\n  focus: [event: FocusEvent]\n  blur: [event: FocusEvent]\n  keydown: [event: KeyboardEvent]\n}>()\n\nfunction handleInput(event: Event) {\n  const target = event.target as HTMLInputElement\n  const value = props.type === 'number'\n    ? (target.value === '' ? null : Number(target.value))\n    : target.value\n  emit('update:modelValue', value as string | number)\n}\n</script>\n\n<template>\n  <input\n    :type=\"type\"\n    :value=\"modelValue\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :readonly=\"readonly\"\n    :autocomplete=\"autocomplete\"\n    :autofocus=\"autofocus\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :list=\"list\"\n    :aria-invalid=\"error || undefined\"\n    :aria-describedby=\"ariaDescribedby || undefined\"\n    :class=\"[\n      'mint-input',\n      `mint-input--${size}`,\n      error ? 'mint-input--error' : '',\n      disabled ? 'mint-input--disabled' : '',\n    ]\"\n    @input=\"handleInput\"\n    @focus=\"emit('focus', $event)\"\n    @blur=\"emit('blur', $event)\"\n    @keydown=\"emit('keydown', $event)\"\n  />\n</template>\n\n<style>\n@import '../styles/components/input.css';\n</style>\n","export type OptionLike<TValue extends string | number> = {\n  value: TValue\n  label: string\n}\n\nexport function normalizeOptionInput<\n  TValue extends string | number,\n  TOption extends OptionLike<TValue>,\n>(option: TOption | TValue): TOption {\n  if (typeof option === 'object') return option\n\n  return {\n    value: option,\n    label: String(option),\n  } as TOption\n}\n\nexport function findOptionByDomValue<\n  TValue extends string | number,\n  TOption extends OptionLike<TValue>,\n>(options: TOption[], value: string): TOption | undefined {\n  return options.find(option => String(option.value) === value)\n}\n","<script setup lang=\"ts\">\n/** Renders a native `<select>` element with size, error, and disabled states. */\nimport { computed, useAttrs } from 'vue'\nimport type { HTMLAttributes } from 'vue'\nimport type { SelectOption, SelectOptionInput } from '../types'\nimport { findOptionByDomValue, normalizeOptionInput } from '../utils/options'\n\ndefineOptions({ inheritAttrs: false })\n\ninterface Props {\n  modelValue?: string | number\n  options: SelectOptionInput<string | number>[]\n  placeholder?: string\n  disabled?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  ariaDescribedby?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n  error: false,\n  size: 'md',\n})\nconst attrs = useAttrs()\n\nconst controlAttrs = computed(() => {\n  const { class: _class, style: _style, ...nativeAttrs } = attrs\n  return nativeAttrs\n})\nconst wrapperAttrs = computed<Pick<HTMLAttributes, 'class' | 'style'>>(() => ({\n  class: attrs.class as HTMLAttributes['class'],\n  style: attrs.style as HTMLAttributes['style'],\n}))\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n}>()\n\nconst normalizedOptions = computed<SelectOption<string | number>[]>(() =>\n  props.options.map(normalizeOptionInput)\n)\n\nfunction handleChange(event: Event) {\n  const target = event.target as HTMLSelectElement\n  const option = findOptionByDomValue(normalizedOptions.value, target.value)\n  emit('update:modelValue', option?.value ?? target.value)\n}\n</script>\n\n<template>\n  <div v-bind=\"wrapperAttrs\" class=\"mint-select\">\n    <select\n      v-bind=\"controlAttrs\"\n      :value=\"modelValue\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"error || undefined\"\n      :aria-describedby=\"ariaDescribedby || undefined\"\n      :class=\"[\n        'mint-select__control',\n        `mint-select__control--${size}`,\n        error ? 'mint-select__control--error' : '',\n        disabled ? 'mint-select__control--disabled' : '',\n      ]\"\n      @change=\"handleChange\"\n    >\n      <option v-if=\"placeholder\" value=\"\" disabled>\n        {{ placeholder }}\n      </option>\n      <option\n        v-for=\"option in normalizedOptions\"\n        :key=\"String(option.value)\"\n        :value=\"option.value\"\n        :disabled=\"option.disabled\"\n      >\n        {{ option.label }}\n      </option>\n    </select>\n    <div class=\"mint-select__icon\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/select.css';\n</style>\n","<script setup lang=\"ts\">\n/** Renders a native `<select>` element with size, error, and disabled states. */\nimport { computed, useAttrs } from 'vue'\nimport type { HTMLAttributes } from 'vue'\nimport type { SelectOption, SelectOptionInput } from '../types'\nimport { findOptionByDomValue, normalizeOptionInput } from '../utils/options'\n\ndefineOptions({ inheritAttrs: false })\n\ninterface Props {\n  modelValue?: string | number\n  options: SelectOptionInput<string | number>[]\n  placeholder?: string\n  disabled?: boolean\n  error?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  ariaDescribedby?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  disabled: false,\n  error: false,\n  size: 'md',\n})\nconst attrs = useAttrs()\n\nconst controlAttrs = computed(() => {\n  const { class: _class, style: _style, ...nativeAttrs } = attrs\n  return nativeAttrs\n})\nconst wrapperAttrs = computed<Pick<HTMLAttributes, 'class' | 'style'>>(() => ({\n  class: attrs.class as HTMLAttributes['class'],\n  style: attrs.style as HTMLAttributes['style'],\n}))\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number]\n}>()\n\nconst normalizedOptions = computed<SelectOption<string | number>[]>(() =>\n  props.options.map(normalizeOptionInput)\n)\n\nfunction handleChange(event: Event) {\n  const target = event.target as HTMLSelectElement\n  const option = findOptionByDomValue(normalizedOptions.value, target.value)\n  emit('update:modelValue', option?.value ?? target.value)\n}\n</script>\n\n<template>\n  <div v-bind=\"wrapperAttrs\" class=\"mint-select\">\n    <select\n      v-bind=\"controlAttrs\"\n      :value=\"modelValue\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"error || undefined\"\n      :aria-describedby=\"ariaDescribedby || undefined\"\n      :class=\"[\n        'mint-select__control',\n        `mint-select__control--${size}`,\n        error ? 'mint-select__control--error' : '',\n        disabled ? 'mint-select__control--disabled' : '',\n      ]\"\n      @change=\"handleChange\"\n    >\n      <option v-if=\"placeholder\" value=\"\" disabled>\n        {{ placeholder }}\n      </option>\n      <option\n        v-for=\"option in normalizedOptions\"\n        :key=\"String(option.value)\"\n        :value=\"option.value\"\n        :disabled=\"option.disabled\"\n      >\n        {{ option.label }}\n      </option>\n    </select>\n    <div class=\"mint-select__icon\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/select.css';\n</style>\n","<script setup lang=\"ts\">\n/** Compact label for tags, status indicators, and badges; supports removable and icon slots. */\nimport type { PillVariant, PillColor, PillSize } from '../types'\n\n/**\n * BasePill - Compact label component for tags, status indicators, and badges.\n *\n * @example\n * ```vue\n * <BasePill variant=\"success\">Active</BasePill>\n * <BasePill variant=\"warning\" removable @remove=\"handleRemove\">Tag</BasePill>\n * <BasePill :icon=\"true\">\n *   <template #icon><CheckIcon /></template>\n *   Verified\n * </BasePill>\n * ```\n */\ninterface Props {\n  /** Visual style variant */\n  variant?: PillVariant\n  /** Semantic color modifier — use with variant=\"outline\" for colored outlines */\n  color?: PillColor\n  /** Size of the pill */\n  size?: PillSize\n  /** Show remove button */\n  removable?: boolean\n  /** Disable interaction */\n  disabled?: boolean\n  /** Show icon slot */\n  icon?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'default',\n  color: undefined,\n  size: 'md',\n  removable: false,\n  disabled: false,\n  icon: false,\n})\n\n/**\n * @event remove - Emitted when the remove button is clicked\n */\nconst emit = defineEmits<{\n  remove: []\n}>()\n\nfunction handleRemove(event: MouseEvent) {\n  event.stopPropagation()\n  if (!props.disabled) {\n    emit('remove')\n  }\n}\n</script>\n\n<template>\n  <span\n    :class=\"[\n      'mint-pill',\n      `mint-pill--${variant}`,\n      color && `mint-pill--${color}`,\n      `mint-pill--${size}`,\n      { 'mint-pill--disabled': disabled, 'mint-pill--with-icon': icon },\n    ]\"\n  >\n    <span v-if=\"icon\" class=\"mint-pill__icon\">\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"mint-pill__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable && !disabled\"\n      type=\"button\"\n      class=\"mint-pill__remove\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg class=\"mint-pill__remove-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n        <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n\n<style>\n@import '../styles/components/pill.css';\n</style>\n","<script setup lang=\"ts\">\n/** Compact label for tags, status indicators, and badges; supports removable and icon slots. */\nimport type { PillVariant, PillColor, PillSize } from '../types'\n\n/**\n * BasePill - Compact label component for tags, status indicators, and badges.\n *\n * @example\n * ```vue\n * <BasePill variant=\"success\">Active</BasePill>\n * <BasePill variant=\"warning\" removable @remove=\"handleRemove\">Tag</BasePill>\n * <BasePill :icon=\"true\">\n *   <template #icon><CheckIcon /></template>\n *   Verified\n * </BasePill>\n * ```\n */\ninterface Props {\n  /** Visual style variant */\n  variant?: PillVariant\n  /** Semantic color modifier — use with variant=\"outline\" for colored outlines */\n  color?: PillColor\n  /** Size of the pill */\n  size?: PillSize\n  /** Show remove button */\n  removable?: boolean\n  /** Disable interaction */\n  disabled?: boolean\n  /** Show icon slot */\n  icon?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'default',\n  color: undefined,\n  size: 'md',\n  removable: false,\n  disabled: false,\n  icon: false,\n})\n\n/**\n * @event remove - Emitted when the remove button is clicked\n */\nconst emit = defineEmits<{\n  remove: []\n}>()\n\nfunction handleRemove(event: MouseEvent) {\n  event.stopPropagation()\n  if (!props.disabled) {\n    emit('remove')\n  }\n}\n</script>\n\n<template>\n  <span\n    :class=\"[\n      'mint-pill',\n      `mint-pill--${variant}`,\n      color && `mint-pill--${color}`,\n      `mint-pill--${size}`,\n      { 'mint-pill--disabled': disabled, 'mint-pill--with-icon': icon },\n    ]\"\n  >\n    <span v-if=\"icon\" class=\"mint-pill__icon\">\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"mint-pill__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable && !disabled\"\n      type=\"button\"\n      class=\"mint-pill__remove\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg class=\"mint-pill__remove-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n        <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n\n<style>\n@import '../styles/components/pill.css';\n</style>\n","import axios, { type AxiosInstance, type AxiosRequestConfig, type InternalAxiosRequestConfig } from 'axios'\nimport { useSettingsStore } from '../stores/settings'\nimport { useAuthStore } from '../stores/auth'\n\nlet apiClientInstance: AxiosInstance | null = null\nlet interceptorAttached = false\n\ninterface MintAxiosRequestConfig extends AxiosRequestConfig {\n  _mintSkipAuth?: boolean\n  _mintAuthToken?: string\n}\n\ninterface MintInternalAxiosRequestConfig extends InternalAxiosRequestConfig {\n  _mintSkipAuth?: boolean\n  _mintAuthToken?: string\n}\n\ntype MutableHeaders = Record<string, unknown> & {\n  has?: (header: string) => boolean\n  set?: (header: string, value: string) => void\n  delete?: (header: string) => void\n}\n\nfunction joinUrlPath(baseUrl: string, path: string): string {\n  if (/^https?:\\/\\//i.test(path)) return path\n  if (!path) return baseUrl\n  if (path.startsWith('?') || path.startsWith('#')) return `${baseUrl.replace(/\\/+$/, '')}${path}`\n  const normalizedBase = baseUrl.replace(/\\/+$/, '')\n  const normalizedPath = path.replace(/^\\/+/, '/')\n  return `${normalizedBase}${normalizedPath.startsWith('/') ? normalizedPath : `/${normalizedPath}`}`\n}\n\nfunction getBasePath(baseUrl: string): string {\n  if (!baseUrl) return '/'\n\n  try {\n    const origin = typeof window !== 'undefined' ? window.location.origin : 'http://localhost'\n    return new URL(baseUrl, origin).pathname.replace(/\\/+$/, '') || '/'\n  } catch {\n    const path = baseUrl.replace(/^https?:\\/\\/[^/]+/i, '')\n    return path.replace(/\\/+$/, '') || '/'\n  }\n}\n\nfunction normalizeRequestUrl(baseUrl: string, url: string): string {\n  if (!url || /^https?:\\/\\//.test(url)) return url\n\n  const basePath = getBasePath(baseUrl)\n  if (basePath === '/') return url\n\n  const normalizedUrl = url.startsWith('/') ? url : `/${url}`\n  if (\n    normalizedUrl === basePath\n    || normalizedUrl.startsWith(`${basePath}?`)\n    || normalizedUrl.startsWith(`${basePath}#`)\n  ) {\n    return normalizedUrl.slice(basePath.length)\n  }\n  if (normalizedUrl.startsWith(`${basePath}/`)) {\n    return normalizedUrl.slice(basePath.length) || ''\n  }\n  return url\n}\n\nfunction asMutableHeaders(headers: AxiosRequestConfig['headers']): MutableHeaders | null {\n  return headers ? (headers as MutableHeaders) : null\n}\n\nfunction hasAuthorizationHeader(headers: AxiosRequestConfig['headers']): boolean {\n  const bag = asMutableHeaders(headers)\n  if (!bag) return false\n  if (typeof bag.has === 'function') return bag.has('Authorization')\n  return Object.keys(bag).some((key) => key.toLowerCase() === 'authorization')\n}\n\nfunction setAuthorizationHeader(headers: AxiosRequestConfig['headers'], value: string): void {\n  const bag = asMutableHeaders(headers)\n  if (!bag) return\n  if (typeof bag.set === 'function') {\n    bag.set('Authorization', value)\n    return\n  }\n  bag.Authorization = value\n}\n\nfunction deleteAuthorizationHeader(headers: AxiosRequestConfig['headers']): void {\n  const bag = asMutableHeaders(headers)\n  if (!bag) return\n  if (typeof bag.delete === 'function') {\n    bag.delete('Authorization')\n    return\n  }\n  for (const key of Object.keys(bag)) {\n    if (key.toLowerCase() === 'authorization') delete bag[key]\n  }\n}\n\nfunction getAuthorizationHeader(headers: AxiosRequestConfig['headers']): unknown {\n  const bag = asMutableHeaders(headers) as (MutableHeaders & { get?: (header: string) => unknown }) | null\n  if (!bag) return undefined\n  if (typeof bag.get === 'function') return bag.get('Authorization')\n  const key = Object.keys(bag).find((candidate) => candidate.toLowerCase() === 'authorization')\n  return key ? bag[key] : undefined\n}\n\n/** Raised when an authenticated SDK request is rejected because the login is no longer valid. */\nexport class AuthenticationRequiredError extends Error {\n  readonly code = 'AUTHENTICATION_REQUIRED'\n  readonly status = 401\n\n  constructor(readonly cause?: unknown) {\n    super('Authentication required. Please sign in again.')\n    this.name = 'AuthenticationRequiredError'\n  }\n}\n\n/** @internal Convert a rejected authenticated request into the SDK's public auth error. */\nexport function authenticationRequiredError(\n  cause: unknown,\n  rejectedToken?: string,\n): AuthenticationRequiredError {\n  const currentAuthStore = useAuthStore()\n  if (rejectedToken && currentAuthStore.token === rejectedToken) {\n    currentAuthStore.clearToken()\n  }\n  return new AuthenticationRequiredError(cause)\n}\n\nfunction getApiClient(): AxiosInstance {\n  if (!apiClientInstance) {\n    apiClientInstance = axios.create({\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    })\n  }\n  return apiClientInstance\n}\n\nexport interface ApiClientOptions {\n  baseUrl?: string\n  timeout?: number\n  withAuth?: boolean\n}\n\nexport interface UseApiReturn {\n  client: AxiosInstance\n  get: <T>(url: string, config?: AxiosRequestConfig) => Promise<T>\n  post: <T>(url: string, data?: unknown, config?: AxiosRequestConfig) => Promise<T>\n  put: <T>(url: string, data?: unknown, config?: AxiosRequestConfig) => Promise<T>\n  patch: <T>(url: string, data?: unknown, config?: AxiosRequestConfig) => Promise<T>\n  delete: <T>(url: string, config?: AxiosRequestConfig) => Promise<T>\n  upload: <T>(url: string, file: File, fieldName?: string, additionalData?: Record<string, unknown>) => Promise<T>\n  download: (url: string, filename?: string) => Promise<string>\n  buildUrl: (path: string) => string\n  buildWsUrl: (path: string) => string\n}\n\n/** Axios-based API client that injects the plugin base URL and JWT auth header on every request. */\nexport function useApi(options: ApiClientOptions = {}): UseApiReturn {\n  const settingsStore = useSettingsStore()\n  const authStore = useAuthStore()\n  const apiClient = getApiClient()\n\n  // Ensure auth store is initialized (reads token from localStorage)\n  if (!authStore.isInitialized) {\n    authStore.initialize()\n  }\n\n  // Attach auth interceptor only once (reads token dynamically, not from closure)\n  if (!interceptorAttached) {\n    apiClient.interceptors.request.use((config) => {\n      const request = config as MintInternalAxiosRequestConfig\n      if (request._mintSkipAuth) {\n        deleteAuthorizationHeader(request.headers)\n        return request\n      }\n\n      const currentAuthStore = useAuthStore()\n      if (currentAuthStore.token && config.headers && !hasAuthorizationHeader(config.headers)) {\n        setAuthorizationHeader(config.headers, `Bearer ${currentAuthStore.token}`)\n      }\n      if (getAuthorizationHeader(config.headers) === `Bearer ${currentAuthStore.token}`) {\n        request._mintAuthToken = currentAuthStore.token ?? undefined\n      }\n      return config\n    })\n    apiClient.interceptors.response.use(\n      (response) => response,\n      (error: unknown) => {\n        if (axios.isAxiosError(error) && error.response?.status === 401) {\n          const request = error.config as MintInternalAxiosRequestConfig | undefined\n          if (request?._mintSkipAuth !== true) {\n            return Promise.reject(authenticationRequiredError(error, request?._mintAuthToken))\n          }\n        }\n        return Promise.reject(error)\n      },\n    )\n    interceptorAttached = true\n  }\n\n  function getBaseUrl(): string {\n    return options.baseUrl ?? settingsStore.getApiBaseUrl()\n  }\n\n  function normalizeUrl(url: string): string {\n    return normalizeRequestUrl(getBaseUrl(), url)\n  }\n\n  // Build per-request config that applies this caller's options\n  function requestConfig(config?: AxiosRequestConfig): MintAxiosRequestConfig {\n    const base: MintAxiosRequestConfig = {\n      baseURL: getBaseUrl(),\n      timeout: options.timeout ?? settingsStore.requestTimeout,\n      ...config,\n    }\n    // Strip auth header if explicitly disabled\n    if (options.withAuth === false) {\n      base._mintSkipAuth = true\n      deleteAuthorizationHeader(base.headers)\n    }\n    return base\n  }\n\n  // Generic request methods\n  async function get<T>(url: string, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.get<T>(normalizeUrl(url), requestConfig(config))\n    return response.data\n  }\n\n  async function post<T>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.post<T>(normalizeUrl(url), data, requestConfig(config))\n    return response.data\n  }\n\n  async function put<T>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.put<T>(normalizeUrl(url), data, requestConfig(config))\n    return response.data\n  }\n\n  async function patch<T>(url: string, data?: unknown, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.patch<T>(normalizeUrl(url), data, requestConfig(config))\n    return response.data\n  }\n\n  async function del<T>(url: string, config?: AxiosRequestConfig): Promise<T> {\n    const response = await apiClient.delete<T>(normalizeUrl(url), requestConfig(config))\n    return response.data\n  }\n\n  // File upload helper\n  async function upload<T>(url: string, file: File, fieldName = 'file', additionalData?: Record<string, unknown>): Promise<T> {\n    const formData = new FormData()\n    formData.append(fieldName, file)\n\n    if (additionalData) {\n      Object.entries(additionalData).forEach(([key, value]) => {\n        if (value !== undefined && value !== null) {\n          formData.append(key, typeof value === 'object' ? JSON.stringify(value) : String(value))\n        }\n      })\n    }\n\n    const response = await apiClient.post<T>(normalizeUrl(url), formData, requestConfig({\n      // Let Axios set Content-Type with the correct multipart boundary\n      headers: { 'Content-Type': undefined },\n    }))\n    return response.data\n  }\n\n  // Download helper - returns blob URL\n  async function download(url: string, filename?: string): Promise<string> {\n    const response = await apiClient.get(normalizeUrl(url), requestConfig({ responseType: 'blob' }))\n    const blob = new Blob([response.data])\n    const blobUrl = URL.createObjectURL(blob)\n\n    // Optionally trigger download\n    if (filename) {\n      const link = document.createElement('a')\n      link.href = blobUrl\n      link.download = filename\n      document.body.appendChild(link)\n      link.click()\n      document.body.removeChild(link)\n      // Revoke after a short delay to allow download to start;\n      // return empty string since the URL will be invalidated\n      setTimeout(() => URL.revokeObjectURL(blobUrl), 100)\n      return ''\n    }\n\n    // Caller is responsible for revoking when no filename is provided\n    return blobUrl\n  }\n\n  // Build full URL for external use (e.g., <a href=\"...\">)\n  function buildUrl(path: string): string {\n    const baseUrl = getBaseUrl()\n    return joinUrlPath(baseUrl, normalizeRequestUrl(baseUrl, path))\n  }\n\n  // WebSocket URL builder\n  function buildWsUrl(path: string): string {\n    return joinUrlPath(settingsStore.getWsBaseUrl(), path)\n  }\n\n  return {\n    client: apiClient,\n    get,\n    post,\n    put,\n    patch,\n    delete: del,\n    upload,\n    download,\n    buildUrl,\n    buildWsUrl,\n  }\n}\n","import { ref, type Ref } from 'vue'\n\nexport type RequestSyncSuccessKind = 'load' | 'save' | 'run'\n\nexport interface RequestSyncRunOptions {\n  success?: RequestSyncSuccessKind\n  errorMessage?: string\n}\n\nexport interface UseRequestSyncStateReturn {\n  /** Whether a request is in progress. */\n  loading: Ref<boolean>\n  /** Message from the last failed request, or null. */\n  error: Ref<string | null>\n  /** Timestamp of the last successful load operation, or null. */\n  lastLoadedAt: Ref<Date | null>\n  /** Timestamp of the last successful save operation, or null. */\n  lastSavedAt: Ref<Date | null>\n  /** Timestamp of the last successful run operation, or null. */\n  lastRunAt: Ref<Date | null>\n  /** Clear the current error without changing loading or timestamps. */\n  clearError: () => void\n  /** Convert thrown values into a developer-facing error message. */\n  readErrorMessage: (value: unknown, fallback?: string) => string\n  /** Store and return a normalized error message. */\n  setError: (value: unknown, fallback?: string) => string\n  /** Mark the resource as successfully loaded. */\n  markLoaded: (date?: Date) => void\n  /** Mark the resource as successfully saved. */\n  markSaved: (date?: Date) => void\n  /** Mark the operation as successfully run. */\n  markRun: (date?: Date) => void\n  /** Run a request with shared loading/error handling and optional sync marking. */\n  run: <T>(operation: () => Promise<T>, options?: RequestSyncRunOptions) => Promise<T>\n}\n\n/** Shared loading/error/timestamp state for generated plugin request helpers. */\nexport function useRequestSyncState(\n  defaultErrorMessage = 'Request failed.',\n): UseRequestSyncStateReturn {\n  const loading = ref(false)\n  const error = ref<string | null>(null)\n  const lastLoadedAt = ref<Date | null>(null)\n  const lastSavedAt = ref<Date | null>(null)\n  const lastRunAt = ref<Date | null>(null)\n\n  function clearError(): void {\n    error.value = null\n  }\n\n  function readErrorMessage(value: unknown, fallback = defaultErrorMessage): string {\n    if (value instanceof Error && value.message) {\n      return value.message\n    }\n    if (typeof value === 'string' && value.trim()) {\n      return value\n    }\n    if (\n      typeof value === 'object'\n      && value !== null\n      && 'message' in value\n      && typeof (value as { message?: unknown }).message === 'string'\n      && (value as { message: string }).message\n    ) {\n      return (value as { message: string }).message\n    }\n    return fallback\n  }\n\n  function setError(value: unknown, fallback?: string): string {\n    const message = readErrorMessage(value, fallback)\n    error.value = message\n    return message\n  }\n\n  function markLoaded(date = new Date()): void {\n    lastLoadedAt.value = date\n  }\n\n  function markSaved(date = new Date()): void {\n    lastSavedAt.value = date\n  }\n\n  function markRun(date = new Date()): void {\n    lastRunAt.value = date\n  }\n\n  async function run<T>(\n    operation: () => Promise<T>,\n    options: RequestSyncRunOptions = {},\n  ): Promise<T> {\n    loading.value = true\n    clearError()\n    try {\n      const response = await operation()\n      if (options.success === 'load') {\n        markLoaded()\n      } else if (options.success === 'save') {\n        markSaved()\n      } else if (options.success === 'run') {\n        markRun()\n      }\n      return response\n    } catch (err) {\n      setError(err, options.errorMessage)\n      throw err\n    } finally {\n      loading.value = false\n    }\n  }\n\n  return {\n    loading,\n    error,\n    lastLoadedAt,\n    lastSavedAt,\n    lastRunAt,\n    clearError,\n    readErrorMessage,\n    setError,\n    markLoaded,\n    markSaved,\n    markRun,\n    run,\n  }\n}\n","<script setup lang=\"ts\">\n/** Animated loading placeholder in text, circular, rectangular, or rounded variants with pulse or wave animation. */\nimport { computed } from 'vue'\n\ninterface Props {\n  variant?: 'text' | 'circular' | 'rectangular' | 'rounded'\n  width?: string | number\n  height?: string | number\n  animation?: 'pulse' | 'wave' | 'none'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'text',\n  animation: 'wave',\n})\n\nconst style = computed(() => {\n  const s: Record<string, string> = {}\n\n  if (props.width) {\n    s.width = typeof props.width === 'number' ? `${props.width}px` : props.width\n  }\n\n  if (props.height) {\n    s.height = typeof props.height === 'number' ? `${props.height}px` : props.height\n  }\n\n  return s\n})\n\nconst classes = computed(() => {\n  const base = ['bg-bg-hover']\n\n  switch (props.variant) {\n    case 'circular':\n      base.push('rounded-full')\n      if (!props.width && !props.height) {\n        base.push('w-10 h-10')\n      }\n      break\n    case 'rectangular':\n      base.push('rounded-none')\n      if (!props.height) base.push('h-24')\n      break\n    case 'rounded':\n      base.push('rounded-mint')\n      if (!props.height) base.push('h-24')\n      break\n    default:\n      base.push('rounded')\n      if (!props.height) base.push('h-4')\n      if (!props.width) base.push('w-full')\n  }\n\n  switch (props.animation) {\n    case 'pulse':\n      base.push('animate-pulse')\n      break\n    case 'wave':\n      base.push('skeleton-wave')\n      break\n  }\n\n  return base\n})\n</script>\n\n<template>\n  <div :class=\"classes\" :style=\"style\" />\n</template>\n\n<style>\n@import '../styles/components/skeleton.css';\n</style>\n","<script setup lang=\"ts\">\n/** Animated loading placeholder in text, circular, rectangular, or rounded variants with pulse or wave animation. */\nimport { computed } from 'vue'\n\ninterface Props {\n  variant?: 'text' | 'circular' | 'rectangular' | 'rounded'\n  width?: string | number\n  height?: string | number\n  animation?: 'pulse' | 'wave' | 'none'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'text',\n  animation: 'wave',\n})\n\nconst style = computed(() => {\n  const s: Record<string, string> = {}\n\n  if (props.width) {\n    s.width = typeof props.width === 'number' ? `${props.width}px` : props.width\n  }\n\n  if (props.height) {\n    s.height = typeof props.height === 'number' ? `${props.height}px` : props.height\n  }\n\n  return s\n})\n\nconst classes = computed(() => {\n  const base = ['bg-bg-hover']\n\n  switch (props.variant) {\n    case 'circular':\n      base.push('rounded-full')\n      if (!props.width && !props.height) {\n        base.push('w-10 h-10')\n      }\n      break\n    case 'rectangular':\n      base.push('rounded-none')\n      if (!props.height) base.push('h-24')\n      break\n    case 'rounded':\n      base.push('rounded-mint')\n      if (!props.height) base.push('h-24')\n      break\n    default:\n      base.push('rounded')\n      if (!props.height) base.push('h-4')\n      if (!props.width) base.push('w-full')\n  }\n\n  switch (props.animation) {\n    case 'pulse':\n      base.push('animate-pulse')\n      break\n    case 'wave':\n      base.push('skeleton-wave')\n      break\n  }\n\n  return base\n})\n</script>\n\n<template>\n  <div :class=\"classes\" :style=\"style\" />\n</template>\n\n<style>\n@import '../styles/components/skeleton.css';\n</style>\n","<script setup lang=\"ts\">\n/** Empty-state placeholder with icon badge, headline, description, default slot, and optional CTA button. */\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  title?: string\n  description?: string\n  iconPath?: string\n  color?: 'primary' | 'cta' | 'success' | 'warning' | 'error' | 'muted'\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'illustrated' | 'inline'\n  actionLabel?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  color: 'primary',\n  size: 'md',\n  variant: 'illustrated',\n})\n\nconst emit = defineEmits<{\n  action: []\n}>()\n\nconst defaultIconPaths = [\n  'M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z',\n  'M7 11h10',\n  'M7 15h6',\n  'M7 7h8',\n]\n</script>\n\n<template>\n  <div :class=\"['mint-empty-state', `mint-empty-state--${variant}`, `mint-empty-state--${size}`]\">\n    <div :class=\"['mint-empty-state__icon-wrapper', `mint-empty-state__icon-wrapper--${color}`]\">\n      <slot name=\"icon\">\n        <svg\n          class=\"mint-empty-state__icon\"\n          :class=\"`mint-empty-state__icon--${color}`\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <template v-if=\"iconPath\">\n            <path :d=\"iconPath\" />\n          </template>\n          <template v-else>\n            <path v-for=\"(d, i) in defaultIconPaths\" :key=\"i\" :d=\"d\" />\n          </template>\n        </svg>\n      </slot>\n    </div>\n    <div class=\"mint-empty-state__body\">\n      <h3 v-if=\"title\" class=\"mint-empty-state__title\">{{ title }}</h3>\n      <p v-if=\"description\" class=\"mint-empty-state__description\">{{ description }}</p>\n      <slot />\n    </div>\n    <div v-if=\"actionLabel\" class=\"mint-empty-state__action\">\n      <BaseButton @click=\"emit('action')\">\n        {{ actionLabel }}\n      </BaseButton>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/empty-state.css';\n</style>\n","<script setup lang=\"ts\">\n/** Empty-state placeholder with icon badge, headline, description, default slot, and optional CTA button. */\nimport BaseButton from './BaseButton.vue'\n\ninterface Props {\n  title?: string\n  description?: string\n  iconPath?: string\n  color?: 'primary' | 'cta' | 'success' | 'warning' | 'error' | 'muted'\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'illustrated' | 'inline'\n  actionLabel?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  color: 'primary',\n  size: 'md',\n  variant: 'illustrated',\n})\n\nconst emit = defineEmits<{\n  action: []\n}>()\n\nconst defaultIconPaths = [\n  'M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z',\n  'M7 11h10',\n  'M7 15h6',\n  'M7 7h8',\n]\n</script>\n\n<template>\n  <div :class=\"['mint-empty-state', `mint-empty-state--${variant}`, `mint-empty-state--${size}`]\">\n    <div :class=\"['mint-empty-state__icon-wrapper', `mint-empty-state__icon-wrapper--${color}`]\">\n      <slot name=\"icon\">\n        <svg\n          class=\"mint-empty-state__icon\"\n          :class=\"`mint-empty-state__icon--${color}`\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <template v-if=\"iconPath\">\n            <path :d=\"iconPath\" />\n          </template>\n          <template v-else>\n            <path v-for=\"(d, i) in defaultIconPaths\" :key=\"i\" :d=\"d\" />\n          </template>\n        </svg>\n      </slot>\n    </div>\n    <div class=\"mint-empty-state__body\">\n      <h3 v-if=\"title\" class=\"mint-empty-state__title\">{{ title }}</h3>\n      <p v-if=\"description\" class=\"mint-empty-state__description\">{{ description }}</p>\n      <slot />\n    </div>\n    <div v-if=\"actionLabel\" class=\"mint-empty-state__action\">\n      <BaseButton @click=\"emit('action')\">\n        {{ actionLabel }}\n      </BaseButton>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/empty-state.css';\n</style>\n"],"mappings":"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"}

package/dist/{ExperimentSelectorModal-B7w6k3Y8.js → ExperimentSelectorModal-BBWXC7KW.js}

@@ -1,7 +1,7 @@
 import { n as __exportAll } from "./chunk-BoAXSpZd.js";
 import { a as SORT_OPTIONS, c as formatExperimentStatus, d as BaseModal_default, l as getExperimentStatusVariant, r as EXPERIMENT_STATUS_OPTIONS, s as formatExperimentDate, t as DATE_PRESET_OPTIONS } 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-D1c4RdC7.js";
-import { t as useExperimentSelector } from "./useExperimentSelector-BMjzNcf2.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 { t as useExperimentSelector } from "./useExperimentSelector-BuQZRgMt.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, reactive, ref, renderList, toDisplayString, unref, vModelCheckbox, watch, withCtx, withDirectives } from "vue";
 //#region src/components/ExperimentCodeBadge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = [
@@ -499,4 +499,4 @@ var ExperimentSelectorModal_default = ExperimentSelectorModal_vue_vue_type_scrip
 //#endregion
 export { ExperimentSelectorModal_exports as n, ExperimentCodeBadge_default as r, ExperimentSelectorModal_default as t };
 
-//# sourceMappingURL=ExperimentSelectorModal-B7w6k3Y8.js.map
+//# sourceMappingURL=ExperimentSelectorModal-BBWXC7KW.js.map

package/dist/{ExperimentSelectorModal-B7w6k3Y8.js.map → ExperimentSelectorModal-BBWXC7KW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ExperimentSelectorModal-B7w6k3Y8.js","names":[],"sources":["../src/components/ExperimentCodeBadge.vue","../src/components/ExperimentCodeBadge.vue","../src/components/ExperimentSelectorModal.vue","../src/components/ExperimentSelectorModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Inline badge that displays an experiment code and copies it to the clipboard on click. */\nimport { ref } from 'vue'\n\ninterface Props {\n  code: string\n  size?: 'sm' | 'md' | 'lg'\n  copyable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  copyable: true,\n})\n\nconst emit = defineEmits<{\n  copy: [code: string]\n}>()\n\nconst copied = ref(false)\nlet copyTimeout: ReturnType<typeof setTimeout> | null = null\n\nasync function handleCopy() {\n  if (!props.copyable) return\n  try {\n    await navigator.clipboard.writeText(props.code)\n    copied.value = true\n    emit('copy', props.code)\n    if (copyTimeout) clearTimeout(copyTimeout)\n    copyTimeout = setTimeout(() => { copied.value = false }, 1500)\n  } catch {\n    // Clipboard API not available (e.g. insecure context)\n  }\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (!props.copyable) return\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    handleCopy()\n  }\n}\n</script>\n\n<template>\n  <span\n    :class=\"[\n      'mint-exp-code',\n      `mint-exp-code--${size}`,\n      { 'mint-exp-code--copyable': copyable, 'mint-exp-code--copied': copied },\n    ]\"\n    :role=\"copyable ? 'button' : undefined\"\n    :tabindex=\"copyable ? 0 : undefined\"\n    :title=\"copyable ? (copied ? 'Copied!' : 'Click to copy') : undefined\"\n    @click=\"handleCopy\"\n    @keydown=\"handleKeydown\"\n  >\n    {{ copied ? 'Copied!' : code }}\n  </span>\n</template>\n\n<style>\n@import '../styles/components/experiment-code-badge.css';\n</style>\n","<script setup lang=\"ts\">\n/** Inline badge that displays an experiment code and copies it to the clipboard on click. */\nimport { ref } from 'vue'\n\ninterface Props {\n  code: string\n  size?: 'sm' | 'md' | 'lg'\n  copyable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  copyable: true,\n})\n\nconst emit = defineEmits<{\n  copy: [code: string]\n}>()\n\nconst copied = ref(false)\nlet copyTimeout: ReturnType<typeof setTimeout> | null = null\n\nasync function handleCopy() {\n  if (!props.copyable) return\n  try {\n    await navigator.clipboard.writeText(props.code)\n    copied.value = true\n    emit('copy', props.code)\n    if (copyTimeout) clearTimeout(copyTimeout)\n    copyTimeout = setTimeout(() => { copied.value = false }, 1500)\n  } catch {\n    // Clipboard API not available (e.g. insecure context)\n  }\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (!props.copyable) return\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    handleCopy()\n  }\n}\n</script>\n\n<template>\n  <span\n    :class=\"[\n      'mint-exp-code',\n      `mint-exp-code--${size}`,\n      { 'mint-exp-code--copyable': copyable, 'mint-exp-code--copied': copied },\n    ]\"\n    :role=\"copyable ? 'button' : undefined\"\n    :tabindex=\"copyable ? 0 : undefined\"\n    :title=\"copyable ? (copied ? 'Copied!' : 'Click to copy') : undefined\"\n    @click=\"handleCopy\"\n    @keydown=\"handleKeydown\"\n  >\n    {{ copied ? 'Copied!' : code }}\n  </span>\n</template>\n\n<style>\n@import '../styles/components/experiment-code-badge.css';\n</style>\n","<script setup lang=\"ts\">\n/** Modal for searching and selecting an experiment from the platform list with filters and keyboard nav. */\nimport { ref, reactive, computed, watch, nextTick } from 'vue'\nimport type { ModalSize, ExperimentSummary, ExperimentFilters } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport {\n  formatExperimentDate,\n  formatExperimentStatus,\n  getExperimentStatusVariant,\n  EXPERIMENT_STATUS_OPTIONS,\n  DATE_PRESET_OPTIONS,\n  SORT_OPTIONS,\n} from '../composables/experiment-utils'\nimport BaseModal from './BaseModal.vue'\nimport BaseInput from './BaseInput.vue'\nimport BaseSelect from './BaseSelect.vue'\nimport BasePill from './BasePill.vue'\nimport Skeleton from './Skeleton.vue'\nimport EmptyState from './EmptyState.vue'\nimport ExperimentCodeBadge from './ExperimentCodeBadge.vue'\n\ninterface Props {\n  modelValue: boolean\n  experimentType?: string\n  allowedExperimentTypes?: string[] | null\n  currentExperimentId?: number | null\n  title?: string\n  size?: ModalSize\n  groupByProject?: boolean\n  showFilters?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'full',\n  groupByProject: false,\n  showFilters: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  select: [experiment: ExperimentSummary]\n  deselect: []\n}>()\n\nconst {\n  experiments,\n  filters,\n  isLoading,\n  error,\n  sortKey,\n  experimentTypes,\n  projects,\n  groupedByProject,\n  fetch: fetchExperiments,\n  fetchFilterOptions,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n  allowedExperimentTypes: props.allowedExperimentTypes,\n})\n\nconst activeIndex = ref(-1)\nconst listRef = ref<HTMLElement | null>(null)\nconst showAdvanced = ref(props.showFilters)\nconst groupToggle = ref(props.groupByProject)\n\n// Track whether any advanced filter is active (for badge dot)\nconst hasActiveAdvancedFilters = computed(() =>\n  !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== 'created_at:desc'),\n)\n\n// Build type filter options from fetched experiment types\nconst typeFilterOptions = computed(() => [\n  { value: '', label: 'All types' },\n  ...experimentTypes.value.map(t => ({ value: t.value, label: t.label })),\n])\nconst canChooseExperimentType = computed(() =>\n  !props.experimentType && typeFilterOptions.value.length > 2,\n)\n\n// Build project filter options from fetched projects\nconst projectFilterOptions = computed(() => [\n  { value: '', label: 'All projects' },\n  ...projects.value,\n])\n\n// Flat list of experiments for keyboard navigation (works across groups too)\nconst flatExperiments = computed(() => {\n  if (!groupToggle.value) return experiments.value\n  return groupedByProject.value.flatMap(([, exps]) => exps)\n})\n\n// Stable ids so the search field (role=\"combobox\") can expose the currently\n// arrow-highlighted row to assistive tech via aria-activedescendant. This\n// surfaces the existing keyboard model to screen readers without changing it.\nconst LISTBOX_ID = 'mint-experiment-selector-listbox'\nfunction optionId(experiment: ExperimentSummary): string {\n  return `mint-experiment-option-${experiment.id}`\n}\nconst activeDescendantId = computed(() => {\n  const exp = flatExperiments.value[activeIndex.value]\n  return activeIndex.value >= 0 && exp ? optionId(exp) : undefined\n})\nconst hasResults = computed(() => !isLoading.value && !error.value && experiments.value.length > 0)\n\nfunction setFilter<K extends keyof ExperimentFilters>(key: K, value: string | number) {\n  ;(filters as Record<string, unknown>)[key] = String(value) || undefined\n}\n\nfunction handleSortChange(value: string | number) {\n  sortKey.value = String(value) || 'created_at:desc'\n}\n\nfunction handleSelect(experiment: ExperimentSummary) {\n  emit('select', experiment)\n  emit('update:modelValue', false)\n}\n\nfunction handleDeselect() {\n  emit('deselect')\n  emit('update:modelValue', false)\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  const list = flatExperiments.value\n  if (!list.length) return\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      activeIndex.value = Math.min(activeIndex.value + 1, list.length - 1)\n      scrollActiveIntoView()\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      activeIndex.value = Math.max(activeIndex.value - 1, 0)\n      scrollActiveIntoView()\n      break\n    case 'Enter':\n      event.preventDefault()\n      if (activeIndex.value >= 0 && activeIndex.value < list.length) {\n        handleSelect(list[activeIndex.value])\n      }\n      break\n  }\n}\n\nfunction scrollActiveIntoView() {\n  nextTick(() => {\n    const row = listRef.value?.querySelector('.mint-experiment-selector__row--focused')\n    row?.scrollIntoView({ block: 'nearest' })\n  })\n}\n\n// Precomputed id → flat index for O(1) lookup in grouped mode\nconst flatIndexMap = computed(() => {\n  const map = new Map<number, number>()\n  flatExperiments.value.forEach((exp, i) => map.set(exp.id, i))\n  return map\n})\n\nfunction getFlatIndex(experiment: ExperimentSummary): number {\n  return flatIndexMap.value.get(experiment.id) ?? -1\n}\n\n// Track collapsed groups (reactive Set tracks .add/.delete/.has automatically)\nconst collapsedGroups = reactive(new Set<string>())\n\nfunction toggleGroup(groupName: string) {\n  if (collapsedGroups.has(groupName)) {\n    collapsedGroups.delete(groupName)\n  } else {\n    collapsedGroups.add(groupName)\n  }\n}\n\n// Reset active index when experiments change\nwatch(experiments, () => { activeIndex.value = -1 })\n\n// Fetch on open\nwatch(\n  () => props.modelValue,\n  (isOpen) => {\n    if (isOpen) {\n      activeIndex.value = -1\n      collapsedGroups.clear()\n      fetchFilterOptions()\n      fetchExperiments()\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <div class=\"mint-experiment-selector\" @keydown=\"handleKeydown\">\n      <!-- Filter bar row 1 -->\n      <div class=\"mint-experiment-selector__filters-row\">\n        <div class=\"mint-experiment-selector__search\">\n          <BaseInput\n            v-model=\"filters.search\"\n            placeholder=\"Search experiments...\"\n            size=\"sm\"\n            type=\"search\"\n            role=\"combobox\"\n            aria-label=\"Search experiments\"\n            :aria-expanded=\"hasResults\"\n            :aria-controls=\"LISTBOX_ID\"\n            :aria-activedescendant=\"activeDescendantId\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.status ?? ''\"\n            :options=\"EXPERIMENT_STATUS_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('status', v)\"\n          />\n        </div>\n        <div v-if=\"canChooseExperimentType\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.experimentType ?? ''\"\n            :options=\"typeFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('experimentType', v)\"\n          />\n        </div>\n        <button\n          class=\"mint-experiment-selector__filters-toggle\"\n          :class=\"{ 'mint-experiment-selector__filters-toggle--active': hasActiveAdvancedFilters }\"\n          type=\"button\"\n          :aria-expanded=\"showAdvanced\"\n          @click=\"showAdvanced = !showAdvanced\"\n        >\n          <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\" /><line x1=\"8\" y1=\"12\" x2=\"20\" y2=\"12\" /><line x1=\"12\" y1=\"18\" x2=\"20\" y2=\"18\" />\n            <circle cx=\"6\" cy=\"12\" r=\"2\" /><circle cx=\"10\" cy=\"18\" r=\"2\" /><circle cx=\"6\" cy=\"6\" r=\"2\" />\n          </svg>\n          Filters\n          <span v-if=\"hasActiveAdvancedFilters\" class=\"mint-experiment-selector__filters-dot\" />\n        </button>\n      </div>\n\n      <!-- Filter bar row 2 (advanced, collapsible) -->\n      <div v-if=\"showAdvanced\" class=\"mint-experiment-selector__filters-advanced\">\n        <div v-if=\"projectFilterOptions.length > 1\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.project ?? ''\"\n            :options=\"projectFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('project', v)\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.datePreset ?? ''\"\n            :options=\"DATE_PRESET_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('datePreset', v)\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"sortKey\"\n            :options=\"SORT_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"handleSortChange\"\n          />\n        </div>\n        <label class=\"mint-experiment-selector__group-toggle\">\n          <input\n            v-model=\"groupToggle\"\n            type=\"checkbox\"\n            class=\"mint-experiment-selector__group-checkbox\"\n          />\n          Group by project\n        </label>\n      </div>\n\n      <!-- Loading skeleton -->\n      <div v-if=\"isLoading\" class=\"mint-experiment-selector__skeleton\">\n        <div v-for=\"n in 4\" :key=\"n\" class=\"mint-experiment-selector__skeleton-row\">\n          <div class=\"mint-experiment-selector__skeleton-content\">\n            <Skeleton :width=\"120 + n * 20\" height=\"14px\" />\n            <Skeleton width=\"80px\" height=\"10px\" />\n          </div>\n          <Skeleton width=\"60px\" height=\"20px\" variant=\"rounded\" />\n        </div>\n      </div>\n\n      <!-- Error -->\n      <div v-else-if=\"error\" class=\"mint-experiment-selector__error\">\n        {{ error }}\n      </div>\n\n      <!-- Empty -->\n      <EmptyState\n        v-else-if=\"experiments.length === 0\"\n        title=\"No experiments found\"\n        description=\"Try adjusting your search or filters.\"\n        size=\"sm\"\n      />\n\n      <!-- Experiment list: grouped mode -->\n      <div v-else-if=\"groupToggle\" :id=\"LISTBOX_ID\" ref=\"listRef\" class=\"mint-experiment-selector__list\" role=\"listbox\" aria-label=\"Experiments\">\n        <template v-for=\"([groupName, groupExps]) in groupedByProject\" :key=\"groupName\">\n          <button\n            type=\"button\"\n            class=\"mint-experiment-selector__group-header\"\n            :aria-expanded=\"!collapsedGroups.has(groupName)\"\n            @click=\"toggleGroup(groupName)\"\n          >\n            <svg\n              class=\"mint-experiment-selector__group-chevron\"\n              :class=\"{ 'mint-experiment-selector__group-chevron--collapsed': collapsedGroups.has(groupName) }\"\n              aria-hidden=\"true\"\n              width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            >\n              <polyline points=\"6 9 12 15 18 9\" />\n            </svg>\n            <span class=\"mint-experiment-selector__group-name\">{{ groupName }}</span>\n            <span class=\"mint-experiment-selector__group-count\">{{ groupExps.length }}</span>\n          </button>\n          <template v-if=\"!collapsedGroups.has(groupName)\">\n            <div\n              v-for=\"exp in groupExps\"\n              :id=\"optionId(exp)\"\n              :key=\"exp.id\"\n              class=\"mint-experiment-selector__row\"\n              role=\"option\"\n              :aria-selected=\"exp.id === currentExperimentId\"\n              :class=\"{\n                'mint-experiment-selector__row--active': exp.id === currentExperimentId,\n                'mint-experiment-selector__row--focused': getFlatIndex(exp) === activeIndex,\n              }\"\n              @click=\"handleSelect(exp)\"\n              @mouseenter=\"activeIndex = getFlatIndex(exp)\"\n            >\n              <div class=\"mint-experiment-selector__row-content\">\n                <div class=\"mint-experiment-selector__name\">\n                  {{ exp.name }}\n                  <ExperimentCodeBadge\n                    v-if=\"exp.experiment_code\"\n                    :code=\"exp.experiment_code\"\n                    size=\"sm\"\n                    :copyable=\"false\"\n                  />\n                </div>\n                <div class=\"mint-experiment-selector__meta\">\n                  <span>{{ formatExperimentDate(exp.created_at) }}</span>\n                </div>\n              </div>\n              <BasePill :variant=\"getExperimentStatusVariant(exp.status)\" size=\"sm\">\n                {{ formatExperimentStatus(exp.status) }}\n              </BasePill>\n            </div>\n          </template>\n        </template>\n      </div>\n\n      <!-- Experiment list: flat mode -->\n      <div v-else :id=\"LISTBOX_ID\" ref=\"listRef\" class=\"mint-experiment-selector__list\" role=\"listbox\" aria-label=\"Experiments\">\n        <div\n          v-for=\"(exp, idx) in experiments\"\n          :id=\"optionId(exp)\"\n          :key=\"exp.id\"\n          class=\"mint-experiment-selector__row\"\n          role=\"option\"\n          :aria-selected=\"exp.id === currentExperimentId\"\n          :class=\"{\n            'mint-experiment-selector__row--active': exp.id === currentExperimentId,\n            'mint-experiment-selector__row--focused': idx === activeIndex,\n          }\"\n          @click=\"handleSelect(exp)\"\n          @mouseenter=\"activeIndex = idx\"\n        >\n          <div class=\"mint-experiment-selector__row-content\">\n            <div class=\"mint-experiment-selector__name\">\n              {{ exp.name }}\n              <ExperimentCodeBadge\n                v-if=\"exp.experiment_code\"\n                :code=\"exp.experiment_code\"\n                size=\"sm\"\n                :copyable=\"false\"\n              />\n            </div>\n            <div class=\"mint-experiment-selector__meta\">\n              <span v-if=\"exp.project_name || exp.project\">{{ exp.project_name || exp.project }}</span>\n              <span>{{ formatExperimentDate(exp.created_at) }}</span>\n            </div>\n          </div>\n          <BasePill :variant=\"getExperimentStatusVariant(exp.status)\" size=\"sm\">\n            {{ formatExperimentStatus(exp.status) }}\n          </BasePill>\n        </div>\n      </div>\n\n      <!-- Footer: clear selection -->\n      <div v-if=\"currentExperimentId != null\" class=\"mint-experiment-selector__footer\">\n        <button\n          type=\"button\"\n          class=\"mint-experiment-selector__clear-btn\"\n          @click=\"handleDeselect\"\n        >\n          Clear selection\n        </button>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/experiment-selector-modal.css';\n</style>\n","<script setup lang=\"ts\">\n/** Modal for searching and selecting an experiment from the platform list with filters and keyboard nav. */\nimport { ref, reactive, computed, watch, nextTick } from 'vue'\nimport type { ModalSize, ExperimentSummary, ExperimentFilters } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport {\n  formatExperimentDate,\n  formatExperimentStatus,\n  getExperimentStatusVariant,\n  EXPERIMENT_STATUS_OPTIONS,\n  DATE_PRESET_OPTIONS,\n  SORT_OPTIONS,\n} from '../composables/experiment-utils'\nimport BaseModal from './BaseModal.vue'\nimport BaseInput from './BaseInput.vue'\nimport BaseSelect from './BaseSelect.vue'\nimport BasePill from './BasePill.vue'\nimport Skeleton from './Skeleton.vue'\nimport EmptyState from './EmptyState.vue'\nimport ExperimentCodeBadge from './ExperimentCodeBadge.vue'\n\ninterface Props {\n  modelValue: boolean\n  experimentType?: string\n  allowedExperimentTypes?: string[] | null\n  currentExperimentId?: number | null\n  title?: string\n  size?: ModalSize\n  groupByProject?: boolean\n  showFilters?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'full',\n  groupByProject: false,\n  showFilters: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  select: [experiment: ExperimentSummary]\n  deselect: []\n}>()\n\nconst {\n  experiments,\n  filters,\n  isLoading,\n  error,\n  sortKey,\n  experimentTypes,\n  projects,\n  groupedByProject,\n  fetch: fetchExperiments,\n  fetchFilterOptions,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n  allowedExperimentTypes: props.allowedExperimentTypes,\n})\n\nconst activeIndex = ref(-1)\nconst listRef = ref<HTMLElement | null>(null)\nconst showAdvanced = ref(props.showFilters)\nconst groupToggle = ref(props.groupByProject)\n\n// Track whether any advanced filter is active (for badge dot)\nconst hasActiveAdvancedFilters = computed(() =>\n  !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== 'created_at:desc'),\n)\n\n// Build type filter options from fetched experiment types\nconst typeFilterOptions = computed(() => [\n  { value: '', label: 'All types' },\n  ...experimentTypes.value.map(t => ({ value: t.value, label: t.label })),\n])\nconst canChooseExperimentType = computed(() =>\n  !props.experimentType && typeFilterOptions.value.length > 2,\n)\n\n// Build project filter options from fetched projects\nconst projectFilterOptions = computed(() => [\n  { value: '', label: 'All projects' },\n  ...projects.value,\n])\n\n// Flat list of experiments for keyboard navigation (works across groups too)\nconst flatExperiments = computed(() => {\n  if (!groupToggle.value) return experiments.value\n  return groupedByProject.value.flatMap(([, exps]) => exps)\n})\n\n// Stable ids so the search field (role=\"combobox\") can expose the currently\n// arrow-highlighted row to assistive tech via aria-activedescendant. This\n// surfaces the existing keyboard model to screen readers without changing it.\nconst LISTBOX_ID = 'mint-experiment-selector-listbox'\nfunction optionId(experiment: ExperimentSummary): string {\n  return `mint-experiment-option-${experiment.id}`\n}\nconst activeDescendantId = computed(() => {\n  const exp = flatExperiments.value[activeIndex.value]\n  return activeIndex.value >= 0 && exp ? optionId(exp) : undefined\n})\nconst hasResults = computed(() => !isLoading.value && !error.value && experiments.value.length > 0)\n\nfunction setFilter<K extends keyof ExperimentFilters>(key: K, value: string | number) {\n  ;(filters as Record<string, unknown>)[key] = String(value) || undefined\n}\n\nfunction handleSortChange(value: string | number) {\n  sortKey.value = String(value) || 'created_at:desc'\n}\n\nfunction handleSelect(experiment: ExperimentSummary) {\n  emit('select', experiment)\n  emit('update:modelValue', false)\n}\n\nfunction handleDeselect() {\n  emit('deselect')\n  emit('update:modelValue', false)\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  const list = flatExperiments.value\n  if (!list.length) return\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      activeIndex.value = Math.min(activeIndex.value + 1, list.length - 1)\n      scrollActiveIntoView()\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      activeIndex.value = Math.max(activeIndex.value - 1, 0)\n      scrollActiveIntoView()\n      break\n    case 'Enter':\n      event.preventDefault()\n      if (activeIndex.value >= 0 && activeIndex.value < list.length) {\n        handleSelect(list[activeIndex.value])\n      }\n      break\n  }\n}\n\nfunction scrollActiveIntoView() {\n  nextTick(() => {\n    const row = listRef.value?.querySelector('.mint-experiment-selector__row--focused')\n    row?.scrollIntoView({ block: 'nearest' })\n  })\n}\n\n// Precomputed id → flat index for O(1) lookup in grouped mode\nconst flatIndexMap = computed(() => {\n  const map = new Map<number, number>()\n  flatExperiments.value.forEach((exp, i) => map.set(exp.id, i))\n  return map\n})\n\nfunction getFlatIndex(experiment: ExperimentSummary): number {\n  return flatIndexMap.value.get(experiment.id) ?? -1\n}\n\n// Track collapsed groups (reactive Set tracks .add/.delete/.has automatically)\nconst collapsedGroups = reactive(new Set<string>())\n\nfunction toggleGroup(groupName: string) {\n  if (collapsedGroups.has(groupName)) {\n    collapsedGroups.delete(groupName)\n  } else {\n    collapsedGroups.add(groupName)\n  }\n}\n\n// Reset active index when experiments change\nwatch(experiments, () => { activeIndex.value = -1 })\n\n// Fetch on open\nwatch(\n  () => props.modelValue,\n  (isOpen) => {\n    if (isOpen) {\n      activeIndex.value = -1\n      collapsedGroups.clear()\n      fetchFilterOptions()\n      fetchExperiments()\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <div class=\"mint-experiment-selector\" @keydown=\"handleKeydown\">\n      <!-- Filter bar row 1 -->\n      <div class=\"mint-experiment-selector__filters-row\">\n        <div class=\"mint-experiment-selector__search\">\n          <BaseInput\n            v-model=\"filters.search\"\n            placeholder=\"Search experiments...\"\n            size=\"sm\"\n            type=\"search\"\n            role=\"combobox\"\n            aria-label=\"Search experiments\"\n            :aria-expanded=\"hasResults\"\n            :aria-controls=\"LISTBOX_ID\"\n            :aria-activedescendant=\"activeDescendantId\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.status ?? ''\"\n            :options=\"EXPERIMENT_STATUS_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('status', v)\"\n          />\n        </div>\n        <div v-if=\"canChooseExperimentType\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.experimentType ?? ''\"\n            :options=\"typeFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('experimentType', v)\"\n          />\n        </div>\n        <button\n          class=\"mint-experiment-selector__filters-toggle\"\n          :class=\"{ 'mint-experiment-selector__filters-toggle--active': hasActiveAdvancedFilters }\"\n          type=\"button\"\n          :aria-expanded=\"showAdvanced\"\n          @click=\"showAdvanced = !showAdvanced\"\n        >\n          <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\" /><line x1=\"8\" y1=\"12\" x2=\"20\" y2=\"12\" /><line x1=\"12\" y1=\"18\" x2=\"20\" y2=\"18\" />\n            <circle cx=\"6\" cy=\"12\" r=\"2\" /><circle cx=\"10\" cy=\"18\" r=\"2\" /><circle cx=\"6\" cy=\"6\" r=\"2\" />\n          </svg>\n          Filters\n          <span v-if=\"hasActiveAdvancedFilters\" class=\"mint-experiment-selector__filters-dot\" />\n        </button>\n      </div>\n\n      <!-- Filter bar row 2 (advanced, collapsible) -->\n      <div v-if=\"showAdvanced\" class=\"mint-experiment-selector__filters-advanced\">\n        <div v-if=\"projectFilterOptions.length > 1\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.project ?? ''\"\n            :options=\"projectFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('project', v)\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.datePreset ?? ''\"\n            :options=\"DATE_PRESET_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('datePreset', v)\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"sortKey\"\n            :options=\"SORT_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"handleSortChange\"\n          />\n        </div>\n        <label class=\"mint-experiment-selector__group-toggle\">\n          <input\n            v-model=\"groupToggle\"\n            type=\"checkbox\"\n            class=\"mint-experiment-selector__group-checkbox\"\n          />\n          Group by project\n        </label>\n      </div>\n\n      <!-- Loading skeleton -->\n      <div v-if=\"isLoading\" class=\"mint-experiment-selector__skeleton\">\n        <div v-for=\"n in 4\" :key=\"n\" class=\"mint-experiment-selector__skeleton-row\">\n          <div class=\"mint-experiment-selector__skeleton-content\">\n            <Skeleton :width=\"120 + n * 20\" height=\"14px\" />\n            <Skeleton width=\"80px\" height=\"10px\" />\n          </div>\n          <Skeleton width=\"60px\" height=\"20px\" variant=\"rounded\" />\n        </div>\n      </div>\n\n      <!-- Error -->\n      <div v-else-if=\"error\" class=\"mint-experiment-selector__error\">\n        {{ error }}\n      </div>\n\n      <!-- Empty -->\n      <EmptyState\n        v-else-if=\"experiments.length === 0\"\n        title=\"No experiments found\"\n        description=\"Try adjusting your search or filters.\"\n        size=\"sm\"\n      />\n\n      <!-- Experiment list: grouped mode -->\n      <div v-else-if=\"groupToggle\" :id=\"LISTBOX_ID\" ref=\"listRef\" class=\"mint-experiment-selector__list\" role=\"listbox\" aria-label=\"Experiments\">\n        <template v-for=\"([groupName, groupExps]) in groupedByProject\" :key=\"groupName\">\n          <button\n            type=\"button\"\n            class=\"mint-experiment-selector__group-header\"\n            :aria-expanded=\"!collapsedGroups.has(groupName)\"\n            @click=\"toggleGroup(groupName)\"\n          >\n            <svg\n              class=\"mint-experiment-selector__group-chevron\"\n              :class=\"{ 'mint-experiment-selector__group-chevron--collapsed': collapsedGroups.has(groupName) }\"\n              aria-hidden=\"true\"\n              width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            >\n              <polyline points=\"6 9 12 15 18 9\" />\n            </svg>\n            <span class=\"mint-experiment-selector__group-name\">{{ groupName }}</span>\n            <span class=\"mint-experiment-selector__group-count\">{{ groupExps.length }}</span>\n          </button>\n          <template v-if=\"!collapsedGroups.has(groupName)\">\n            <div\n              v-for=\"exp in groupExps\"\n              :id=\"optionId(exp)\"\n              :key=\"exp.id\"\n              class=\"mint-experiment-selector__row\"\n              role=\"option\"\n              :aria-selected=\"exp.id === currentExperimentId\"\n              :class=\"{\n                'mint-experiment-selector__row--active': exp.id === currentExperimentId,\n                'mint-experiment-selector__row--focused': getFlatIndex(exp) === activeIndex,\n              }\"\n              @click=\"handleSelect(exp)\"\n              @mouseenter=\"activeIndex = getFlatIndex(exp)\"\n            >\n              <div class=\"mint-experiment-selector__row-content\">\n                <div class=\"mint-experiment-selector__name\">\n                  {{ exp.name }}\n                  <ExperimentCodeBadge\n                    v-if=\"exp.experiment_code\"\n                    :code=\"exp.experiment_code\"\n                    size=\"sm\"\n                    :copyable=\"false\"\n                  />\n                </div>\n                <div class=\"mint-experiment-selector__meta\">\n                  <span>{{ formatExperimentDate(exp.created_at) }}</span>\n                </div>\n              </div>\n              <BasePill :variant=\"getExperimentStatusVariant(exp.status)\" size=\"sm\">\n                {{ formatExperimentStatus(exp.status) }}\n              </BasePill>\n            </div>\n          </template>\n        </template>\n      </div>\n\n      <!-- Experiment list: flat mode -->\n      <div v-else :id=\"LISTBOX_ID\" ref=\"listRef\" class=\"mint-experiment-selector__list\" role=\"listbox\" aria-label=\"Experiments\">\n        <div\n          v-for=\"(exp, idx) in experiments\"\n          :id=\"optionId(exp)\"\n          :key=\"exp.id\"\n          class=\"mint-experiment-selector__row\"\n          role=\"option\"\n          :aria-selected=\"exp.id === currentExperimentId\"\n          :class=\"{\n            'mint-experiment-selector__row--active': exp.id === currentExperimentId,\n            'mint-experiment-selector__row--focused': idx === activeIndex,\n          }\"\n          @click=\"handleSelect(exp)\"\n          @mouseenter=\"activeIndex = idx\"\n        >\n          <div class=\"mint-experiment-selector__row-content\">\n            <div class=\"mint-experiment-selector__name\">\n              {{ exp.name }}\n              <ExperimentCodeBadge\n                v-if=\"exp.experiment_code\"\n                :code=\"exp.experiment_code\"\n                size=\"sm\"\n                :copyable=\"false\"\n              />\n            </div>\n            <div class=\"mint-experiment-selector__meta\">\n              <span v-if=\"exp.project_name || exp.project\">{{ exp.project_name || exp.project }}</span>\n              <span>{{ formatExperimentDate(exp.created_at) }}</span>\n            </div>\n          </div>\n          <BasePill :variant=\"getExperimentStatusVariant(exp.status)\" size=\"sm\">\n            {{ formatExperimentStatus(exp.status) }}\n          </BasePill>\n        </div>\n      </div>\n\n      <!-- Footer: clear selection -->\n      <div v-if=\"currentExperimentId != null\" class=\"mint-experiment-selector__footer\">\n        <button\n          type=\"button\"\n          class=\"mint-experiment-selector__clear-btn\"\n          @click=\"handleDeselect\"\n        >\n          Clear selection\n        </button>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/experiment-selector-modal.css';\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"ExperimentSelectorModal-BBWXC7KW.js","names":[],"sources":["../src/components/ExperimentCodeBadge.vue","../src/components/ExperimentCodeBadge.vue","../src/components/ExperimentSelectorModal.vue","../src/components/ExperimentSelectorModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/** Inline badge that displays an experiment code and copies it to the clipboard on click. */\nimport { ref } from 'vue'\n\ninterface Props {\n  code: string\n  size?: 'sm' | 'md' | 'lg'\n  copyable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  copyable: true,\n})\n\nconst emit = defineEmits<{\n  copy: [code: string]\n}>()\n\nconst copied = ref(false)\nlet copyTimeout: ReturnType<typeof setTimeout> | null = null\n\nasync function handleCopy() {\n  if (!props.copyable) return\n  try {\n    await navigator.clipboard.writeText(props.code)\n    copied.value = true\n    emit('copy', props.code)\n    if (copyTimeout) clearTimeout(copyTimeout)\n    copyTimeout = setTimeout(() => { copied.value = false }, 1500)\n  } catch {\n    // Clipboard API not available (e.g. insecure context)\n  }\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (!props.copyable) return\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    handleCopy()\n  }\n}\n</script>\n\n<template>\n  <span\n    :class=\"[\n      'mint-exp-code',\n      `mint-exp-code--${size}`,\n      { 'mint-exp-code--copyable': copyable, 'mint-exp-code--copied': copied },\n    ]\"\n    :role=\"copyable ? 'button' : undefined\"\n    :tabindex=\"copyable ? 0 : undefined\"\n    :title=\"copyable ? (copied ? 'Copied!' : 'Click to copy') : undefined\"\n    @click=\"handleCopy\"\n    @keydown=\"handleKeydown\"\n  >\n    {{ copied ? 'Copied!' : code }}\n  </span>\n</template>\n\n<style>\n@import '../styles/components/experiment-code-badge.css';\n</style>\n","<script setup lang=\"ts\">\n/** Inline badge that displays an experiment code and copies it to the clipboard on click. */\nimport { ref } from 'vue'\n\ninterface Props {\n  code: string\n  size?: 'sm' | 'md' | 'lg'\n  copyable?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  copyable: true,\n})\n\nconst emit = defineEmits<{\n  copy: [code: string]\n}>()\n\nconst copied = ref(false)\nlet copyTimeout: ReturnType<typeof setTimeout> | null = null\n\nasync function handleCopy() {\n  if (!props.copyable) return\n  try {\n    await navigator.clipboard.writeText(props.code)\n    copied.value = true\n    emit('copy', props.code)\n    if (copyTimeout) clearTimeout(copyTimeout)\n    copyTimeout = setTimeout(() => { copied.value = false }, 1500)\n  } catch {\n    // Clipboard API not available (e.g. insecure context)\n  }\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (!props.copyable) return\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    handleCopy()\n  }\n}\n</script>\n\n<template>\n  <span\n    :class=\"[\n      'mint-exp-code',\n      `mint-exp-code--${size}`,\n      { 'mint-exp-code--copyable': copyable, 'mint-exp-code--copied': copied },\n    ]\"\n    :role=\"copyable ? 'button' : undefined\"\n    :tabindex=\"copyable ? 0 : undefined\"\n    :title=\"copyable ? (copied ? 'Copied!' : 'Click to copy') : undefined\"\n    @click=\"handleCopy\"\n    @keydown=\"handleKeydown\"\n  >\n    {{ copied ? 'Copied!' : code }}\n  </span>\n</template>\n\n<style>\n@import '../styles/components/experiment-code-badge.css';\n</style>\n","<script setup lang=\"ts\">\n/** Modal for searching and selecting an experiment from the platform list with filters and keyboard nav. */\nimport { ref, reactive, computed, watch, nextTick } from 'vue'\nimport type { ModalSize, ExperimentSummary, ExperimentFilters } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport {\n  formatExperimentDate,\n  formatExperimentStatus,\n  getExperimentStatusVariant,\n  EXPERIMENT_STATUS_OPTIONS,\n  DATE_PRESET_OPTIONS,\n  SORT_OPTIONS,\n} from '../composables/experiment-utils'\nimport BaseModal from './BaseModal.vue'\nimport BaseInput from './BaseInput.vue'\nimport BaseSelect from './BaseSelect.vue'\nimport BasePill from './BasePill.vue'\nimport Skeleton from './Skeleton.vue'\nimport EmptyState from './EmptyState.vue'\nimport ExperimentCodeBadge from './ExperimentCodeBadge.vue'\n\ninterface Props {\n  modelValue: boolean\n  experimentType?: string\n  allowedExperimentTypes?: string[] | null\n  currentExperimentId?: number | null\n  title?: string\n  size?: ModalSize\n  groupByProject?: boolean\n  showFilters?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'full',\n  groupByProject: false,\n  showFilters: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  select: [experiment: ExperimentSummary]\n  deselect: []\n}>()\n\nconst {\n  experiments,\n  filters,\n  isLoading,\n  error,\n  sortKey,\n  experimentTypes,\n  projects,\n  groupedByProject,\n  fetch: fetchExperiments,\n  fetchFilterOptions,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n  allowedExperimentTypes: props.allowedExperimentTypes,\n})\n\nconst activeIndex = ref(-1)\nconst listRef = ref<HTMLElement | null>(null)\nconst showAdvanced = ref(props.showFilters)\nconst groupToggle = ref(props.groupByProject)\n\n// Track whether any advanced filter is active (for badge dot)\nconst hasActiveAdvancedFilters = computed(() =>\n  !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== 'created_at:desc'),\n)\n\n// Build type filter options from fetched experiment types\nconst typeFilterOptions = computed(() => [\n  { value: '', label: 'All types' },\n  ...experimentTypes.value.map(t => ({ value: t.value, label: t.label })),\n])\nconst canChooseExperimentType = computed(() =>\n  !props.experimentType && typeFilterOptions.value.length > 2,\n)\n\n// Build project filter options from fetched projects\nconst projectFilterOptions = computed(() => [\n  { value: '', label: 'All projects' },\n  ...projects.value,\n])\n\n// Flat list of experiments for keyboard navigation (works across groups too)\nconst flatExperiments = computed(() => {\n  if (!groupToggle.value) return experiments.value\n  return groupedByProject.value.flatMap(([, exps]) => exps)\n})\n\n// Stable ids so the search field (role=\"combobox\") can expose the currently\n// arrow-highlighted row to assistive tech via aria-activedescendant. This\n// surfaces the existing keyboard model to screen readers without changing it.\nconst LISTBOX_ID = 'mint-experiment-selector-listbox'\nfunction optionId(experiment: ExperimentSummary): string {\n  return `mint-experiment-option-${experiment.id}`\n}\nconst activeDescendantId = computed(() => {\n  const exp = flatExperiments.value[activeIndex.value]\n  return activeIndex.value >= 0 && exp ? optionId(exp) : undefined\n})\nconst hasResults = computed(() => !isLoading.value && !error.value && experiments.value.length > 0)\n\nfunction setFilter<K extends keyof ExperimentFilters>(key: K, value: string | number) {\n  ;(filters as Record<string, unknown>)[key] = String(value) || undefined\n}\n\nfunction handleSortChange(value: string | number) {\n  sortKey.value = String(value) || 'created_at:desc'\n}\n\nfunction handleSelect(experiment: ExperimentSummary) {\n  emit('select', experiment)\n  emit('update:modelValue', false)\n}\n\nfunction handleDeselect() {\n  emit('deselect')\n  emit('update:modelValue', false)\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  const list = flatExperiments.value\n  if (!list.length) return\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      activeIndex.value = Math.min(activeIndex.value + 1, list.length - 1)\n      scrollActiveIntoView()\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      activeIndex.value = Math.max(activeIndex.value - 1, 0)\n      scrollActiveIntoView()\n      break\n    case 'Enter':\n      event.preventDefault()\n      if (activeIndex.value >= 0 && activeIndex.value < list.length) {\n        handleSelect(list[activeIndex.value])\n      }\n      break\n  }\n}\n\nfunction scrollActiveIntoView() {\n  nextTick(() => {\n    const row = listRef.value?.querySelector('.mint-experiment-selector__row--focused')\n    row?.scrollIntoView({ block: 'nearest' })\n  })\n}\n\n// Precomputed id → flat index for O(1) lookup in grouped mode\nconst flatIndexMap = computed(() => {\n  const map = new Map<number, number>()\n  flatExperiments.value.forEach((exp, i) => map.set(exp.id, i))\n  return map\n})\n\nfunction getFlatIndex(experiment: ExperimentSummary): number {\n  return flatIndexMap.value.get(experiment.id) ?? -1\n}\n\n// Track collapsed groups (reactive Set tracks .add/.delete/.has automatically)\nconst collapsedGroups = reactive(new Set<string>())\n\nfunction toggleGroup(groupName: string) {\n  if (collapsedGroups.has(groupName)) {\n    collapsedGroups.delete(groupName)\n  } else {\n    collapsedGroups.add(groupName)\n  }\n}\n\n// Reset active index when experiments change\nwatch(experiments, () => { activeIndex.value = -1 })\n\n// Fetch on open\nwatch(\n  () => props.modelValue,\n  (isOpen) => {\n    if (isOpen) {\n      activeIndex.value = -1\n      collapsedGroups.clear()\n      fetchFilterOptions()\n      fetchExperiments()\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <div class=\"mint-experiment-selector\" @keydown=\"handleKeydown\">\n      <!-- Filter bar row 1 -->\n      <div class=\"mint-experiment-selector__filters-row\">\n        <div class=\"mint-experiment-selector__search\">\n          <BaseInput\n            v-model=\"filters.search\"\n            placeholder=\"Search experiments...\"\n            size=\"sm\"\n            type=\"search\"\n            role=\"combobox\"\n            aria-label=\"Search experiments\"\n            :aria-expanded=\"hasResults\"\n            :aria-controls=\"LISTBOX_ID\"\n            :aria-activedescendant=\"activeDescendantId\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.status ?? ''\"\n            :options=\"EXPERIMENT_STATUS_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('status', v)\"\n          />\n        </div>\n        <div v-if=\"canChooseExperimentType\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.experimentType ?? ''\"\n            :options=\"typeFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('experimentType', v)\"\n          />\n        </div>\n        <button\n          class=\"mint-experiment-selector__filters-toggle\"\n          :class=\"{ 'mint-experiment-selector__filters-toggle--active': hasActiveAdvancedFilters }\"\n          type=\"button\"\n          :aria-expanded=\"showAdvanced\"\n          @click=\"showAdvanced = !showAdvanced\"\n        >\n          <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\" /><line x1=\"8\" y1=\"12\" x2=\"20\" y2=\"12\" /><line x1=\"12\" y1=\"18\" x2=\"20\" y2=\"18\" />\n            <circle cx=\"6\" cy=\"12\" r=\"2\" /><circle cx=\"10\" cy=\"18\" r=\"2\" /><circle cx=\"6\" cy=\"6\" r=\"2\" />\n          </svg>\n          Filters\n          <span v-if=\"hasActiveAdvancedFilters\" class=\"mint-experiment-selector__filters-dot\" />\n        </button>\n      </div>\n\n      <!-- Filter bar row 2 (advanced, collapsible) -->\n      <div v-if=\"showAdvanced\" class=\"mint-experiment-selector__filters-advanced\">\n        <div v-if=\"projectFilterOptions.length > 1\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.project ?? ''\"\n            :options=\"projectFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('project', v)\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.datePreset ?? ''\"\n            :options=\"DATE_PRESET_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('datePreset', v)\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"sortKey\"\n            :options=\"SORT_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"handleSortChange\"\n          />\n        </div>\n        <label class=\"mint-experiment-selector__group-toggle\">\n          <input\n            v-model=\"groupToggle\"\n            type=\"checkbox\"\n            class=\"mint-experiment-selector__group-checkbox\"\n          />\n          Group by project\n        </label>\n      </div>\n\n      <!-- Loading skeleton -->\n      <div v-if=\"isLoading\" class=\"mint-experiment-selector__skeleton\">\n        <div v-for=\"n in 4\" :key=\"n\" class=\"mint-experiment-selector__skeleton-row\">\n          <div class=\"mint-experiment-selector__skeleton-content\">\n            <Skeleton :width=\"120 + n * 20\" height=\"14px\" />\n            <Skeleton width=\"80px\" height=\"10px\" />\n          </div>\n          <Skeleton width=\"60px\" height=\"20px\" variant=\"rounded\" />\n        </div>\n      </div>\n\n      <!-- Error -->\n      <div v-else-if=\"error\" class=\"mint-experiment-selector__error\">\n        {{ error }}\n      </div>\n\n      <!-- Empty -->\n      <EmptyState\n        v-else-if=\"experiments.length === 0\"\n        title=\"No experiments found\"\n        description=\"Try adjusting your search or filters.\"\n        size=\"sm\"\n      />\n\n      <!-- Experiment list: grouped mode -->\n      <div v-else-if=\"groupToggle\" :id=\"LISTBOX_ID\" ref=\"listRef\" class=\"mint-experiment-selector__list\" role=\"listbox\" aria-label=\"Experiments\">\n        <template v-for=\"([groupName, groupExps]) in groupedByProject\" :key=\"groupName\">\n          <button\n            type=\"button\"\n            class=\"mint-experiment-selector__group-header\"\n            :aria-expanded=\"!collapsedGroups.has(groupName)\"\n            @click=\"toggleGroup(groupName)\"\n          >\n            <svg\n              class=\"mint-experiment-selector__group-chevron\"\n              :class=\"{ 'mint-experiment-selector__group-chevron--collapsed': collapsedGroups.has(groupName) }\"\n              aria-hidden=\"true\"\n              width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            >\n              <polyline points=\"6 9 12 15 18 9\" />\n            </svg>\n            <span class=\"mint-experiment-selector__group-name\">{{ groupName }}</span>\n            <span class=\"mint-experiment-selector__group-count\">{{ groupExps.length }}</span>\n          </button>\n          <template v-if=\"!collapsedGroups.has(groupName)\">\n            <div\n              v-for=\"exp in groupExps\"\n              :id=\"optionId(exp)\"\n              :key=\"exp.id\"\n              class=\"mint-experiment-selector__row\"\n              role=\"option\"\n              :aria-selected=\"exp.id === currentExperimentId\"\n              :class=\"{\n                'mint-experiment-selector__row--active': exp.id === currentExperimentId,\n                'mint-experiment-selector__row--focused': getFlatIndex(exp) === activeIndex,\n              }\"\n              @click=\"handleSelect(exp)\"\n              @mouseenter=\"activeIndex = getFlatIndex(exp)\"\n            >\n              <div class=\"mint-experiment-selector__row-content\">\n                <div class=\"mint-experiment-selector__name\">\n                  {{ exp.name }}\n                  <ExperimentCodeBadge\n                    v-if=\"exp.experiment_code\"\n                    :code=\"exp.experiment_code\"\n                    size=\"sm\"\n                    :copyable=\"false\"\n                  />\n                </div>\n                <div class=\"mint-experiment-selector__meta\">\n                  <span>{{ formatExperimentDate(exp.created_at) }}</span>\n                </div>\n              </div>\n              <BasePill :variant=\"getExperimentStatusVariant(exp.status)\" size=\"sm\">\n                {{ formatExperimentStatus(exp.status) }}\n              </BasePill>\n            </div>\n          </template>\n        </template>\n      </div>\n\n      <!-- Experiment list: flat mode -->\n      <div v-else :id=\"LISTBOX_ID\" ref=\"listRef\" class=\"mint-experiment-selector__list\" role=\"listbox\" aria-label=\"Experiments\">\n        <div\n          v-for=\"(exp, idx) in experiments\"\n          :id=\"optionId(exp)\"\n          :key=\"exp.id\"\n          class=\"mint-experiment-selector__row\"\n          role=\"option\"\n          :aria-selected=\"exp.id === currentExperimentId\"\n          :class=\"{\n            'mint-experiment-selector__row--active': exp.id === currentExperimentId,\n            'mint-experiment-selector__row--focused': idx === activeIndex,\n          }\"\n          @click=\"handleSelect(exp)\"\n          @mouseenter=\"activeIndex = idx\"\n        >\n          <div class=\"mint-experiment-selector__row-content\">\n            <div class=\"mint-experiment-selector__name\">\n              {{ exp.name }}\n              <ExperimentCodeBadge\n                v-if=\"exp.experiment_code\"\n                :code=\"exp.experiment_code\"\n                size=\"sm\"\n                :copyable=\"false\"\n              />\n            </div>\n            <div class=\"mint-experiment-selector__meta\">\n              <span v-if=\"exp.project_name || exp.project\">{{ exp.project_name || exp.project }}</span>\n              <span>{{ formatExperimentDate(exp.created_at) }}</span>\n            </div>\n          </div>\n          <BasePill :variant=\"getExperimentStatusVariant(exp.status)\" size=\"sm\">\n            {{ formatExperimentStatus(exp.status) }}\n          </BasePill>\n        </div>\n      </div>\n\n      <!-- Footer: clear selection -->\n      <div v-if=\"currentExperimentId != null\" class=\"mint-experiment-selector__footer\">\n        <button\n          type=\"button\"\n          class=\"mint-experiment-selector__clear-btn\"\n          @click=\"handleDeselect\"\n        >\n          Clear selection\n        </button>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/experiment-selector-modal.css';\n</style>\n","<script setup lang=\"ts\">\n/** Modal for searching and selecting an experiment from the platform list with filters and keyboard nav. */\nimport { ref, reactive, computed, watch, nextTick } from 'vue'\nimport type { ModalSize, ExperimentSummary, ExperimentFilters } from '../types'\nimport { useExperimentSelector } from '../composables/useExperimentSelector'\nimport {\n  formatExperimentDate,\n  formatExperimentStatus,\n  getExperimentStatusVariant,\n  EXPERIMENT_STATUS_OPTIONS,\n  DATE_PRESET_OPTIONS,\n  SORT_OPTIONS,\n} from '../composables/experiment-utils'\nimport BaseModal from './BaseModal.vue'\nimport BaseInput from './BaseInput.vue'\nimport BaseSelect from './BaseSelect.vue'\nimport BasePill from './BasePill.vue'\nimport Skeleton from './Skeleton.vue'\nimport EmptyState from './EmptyState.vue'\nimport ExperimentCodeBadge from './ExperimentCodeBadge.vue'\n\ninterface Props {\n  modelValue: boolean\n  experimentType?: string\n  allowedExperimentTypes?: string[] | null\n  currentExperimentId?: number | null\n  title?: string\n  size?: ModalSize\n  groupByProject?: boolean\n  showFilters?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  currentExperimentId: null,\n  title: 'Select Experiment',\n  size: 'full',\n  groupByProject: false,\n  showFilters: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  select: [experiment: ExperimentSummary]\n  deselect: []\n}>()\n\nconst {\n  experiments,\n  filters,\n  isLoading,\n  error,\n  sortKey,\n  experimentTypes,\n  projects,\n  groupedByProject,\n  fetch: fetchExperiments,\n  fetchFilterOptions,\n} = useExperimentSelector({\n  experimentType: props.experimentType,\n  allowedExperimentTypes: props.allowedExperimentTypes,\n})\n\nconst activeIndex = ref(-1)\nconst listRef = ref<HTMLElement | null>(null)\nconst showAdvanced = ref(props.showFilters)\nconst groupToggle = ref(props.groupByProject)\n\n// Track whether any advanced filter is active (for badge dot)\nconst hasActiveAdvancedFilters = computed(() =>\n  !!(filters.project || filters.experimentType || filters.datePreset || sortKey.value !== 'created_at:desc'),\n)\n\n// Build type filter options from fetched experiment types\nconst typeFilterOptions = computed(() => [\n  { value: '', label: 'All types' },\n  ...experimentTypes.value.map(t => ({ value: t.value, label: t.label })),\n])\nconst canChooseExperimentType = computed(() =>\n  !props.experimentType && typeFilterOptions.value.length > 2,\n)\n\n// Build project filter options from fetched projects\nconst projectFilterOptions = computed(() => [\n  { value: '', label: 'All projects' },\n  ...projects.value,\n])\n\n// Flat list of experiments for keyboard navigation (works across groups too)\nconst flatExperiments = computed(() => {\n  if (!groupToggle.value) return experiments.value\n  return groupedByProject.value.flatMap(([, exps]) => exps)\n})\n\n// Stable ids so the search field (role=\"combobox\") can expose the currently\n// arrow-highlighted row to assistive tech via aria-activedescendant. This\n// surfaces the existing keyboard model to screen readers without changing it.\nconst LISTBOX_ID = 'mint-experiment-selector-listbox'\nfunction optionId(experiment: ExperimentSummary): string {\n  return `mint-experiment-option-${experiment.id}`\n}\nconst activeDescendantId = computed(() => {\n  const exp = flatExperiments.value[activeIndex.value]\n  return activeIndex.value >= 0 && exp ? optionId(exp) : undefined\n})\nconst hasResults = computed(() => !isLoading.value && !error.value && experiments.value.length > 0)\n\nfunction setFilter<K extends keyof ExperimentFilters>(key: K, value: string | number) {\n  ;(filters as Record<string, unknown>)[key] = String(value) || undefined\n}\n\nfunction handleSortChange(value: string | number) {\n  sortKey.value = String(value) || 'created_at:desc'\n}\n\nfunction handleSelect(experiment: ExperimentSummary) {\n  emit('select', experiment)\n  emit('update:modelValue', false)\n}\n\nfunction handleDeselect() {\n  emit('deselect')\n  emit('update:modelValue', false)\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  const list = flatExperiments.value\n  if (!list.length) return\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      activeIndex.value = Math.min(activeIndex.value + 1, list.length - 1)\n      scrollActiveIntoView()\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      activeIndex.value = Math.max(activeIndex.value - 1, 0)\n      scrollActiveIntoView()\n      break\n    case 'Enter':\n      event.preventDefault()\n      if (activeIndex.value >= 0 && activeIndex.value < list.length) {\n        handleSelect(list[activeIndex.value])\n      }\n      break\n  }\n}\n\nfunction scrollActiveIntoView() {\n  nextTick(() => {\n    const row = listRef.value?.querySelector('.mint-experiment-selector__row--focused')\n    row?.scrollIntoView({ block: 'nearest' })\n  })\n}\n\n// Precomputed id → flat index for O(1) lookup in grouped mode\nconst flatIndexMap = computed(() => {\n  const map = new Map<number, number>()\n  flatExperiments.value.forEach((exp, i) => map.set(exp.id, i))\n  return map\n})\n\nfunction getFlatIndex(experiment: ExperimentSummary): number {\n  return flatIndexMap.value.get(experiment.id) ?? -1\n}\n\n// Track collapsed groups (reactive Set tracks .add/.delete/.has automatically)\nconst collapsedGroups = reactive(new Set<string>())\n\nfunction toggleGroup(groupName: string) {\n  if (collapsedGroups.has(groupName)) {\n    collapsedGroups.delete(groupName)\n  } else {\n    collapsedGroups.add(groupName)\n  }\n}\n\n// Reset active index when experiments change\nwatch(experiments, () => { activeIndex.value = -1 })\n\n// Fetch on open\nwatch(\n  () => props.modelValue,\n  (isOpen) => {\n    if (isOpen) {\n      activeIndex.value = -1\n      collapsedGroups.clear()\n      fetchFilterOptions()\n      fetchExperiments()\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    :title=\"title\"\n    :size=\"size\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <div class=\"mint-experiment-selector\" @keydown=\"handleKeydown\">\n      <!-- Filter bar row 1 -->\n      <div class=\"mint-experiment-selector__filters-row\">\n        <div class=\"mint-experiment-selector__search\">\n          <BaseInput\n            v-model=\"filters.search\"\n            placeholder=\"Search experiments...\"\n            size=\"sm\"\n            type=\"search\"\n            role=\"combobox\"\n            aria-label=\"Search experiments\"\n            :aria-expanded=\"hasResults\"\n            :aria-controls=\"LISTBOX_ID\"\n            :aria-activedescendant=\"activeDescendantId\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.status ?? ''\"\n            :options=\"EXPERIMENT_STATUS_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('status', v)\"\n          />\n        </div>\n        <div v-if=\"canChooseExperimentType\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.experimentType ?? ''\"\n            :options=\"typeFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('experimentType', v)\"\n          />\n        </div>\n        <button\n          class=\"mint-experiment-selector__filters-toggle\"\n          :class=\"{ 'mint-experiment-selector__filters-toggle--active': hasActiveAdvancedFilters }\"\n          type=\"button\"\n          :aria-expanded=\"showAdvanced\"\n          @click=\"showAdvanced = !showAdvanced\"\n        >\n          <svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\" /><line x1=\"8\" y1=\"12\" x2=\"20\" y2=\"12\" /><line x1=\"12\" y1=\"18\" x2=\"20\" y2=\"18\" />\n            <circle cx=\"6\" cy=\"12\" r=\"2\" /><circle cx=\"10\" cy=\"18\" r=\"2\" /><circle cx=\"6\" cy=\"6\" r=\"2\" />\n          </svg>\n          Filters\n          <span v-if=\"hasActiveAdvancedFilters\" class=\"mint-experiment-selector__filters-dot\" />\n        </button>\n      </div>\n\n      <!-- Filter bar row 2 (advanced, collapsible) -->\n      <div v-if=\"showAdvanced\" class=\"mint-experiment-selector__filters-advanced\">\n        <div v-if=\"projectFilterOptions.length > 1\" class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.project ?? ''\"\n            :options=\"projectFilterOptions\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('project', v)\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"filters.datePreset ?? ''\"\n            :options=\"DATE_PRESET_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"v => setFilter('datePreset', v)\"\n          />\n        </div>\n        <div class=\"mint-experiment-selector__filter-select\">\n          <BaseSelect\n            :model-value=\"sortKey\"\n            :options=\"SORT_OPTIONS\"\n            size=\"sm\"\n            @update:model-value=\"handleSortChange\"\n          />\n        </div>\n        <label class=\"mint-experiment-selector__group-toggle\">\n          <input\n            v-model=\"groupToggle\"\n            type=\"checkbox\"\n            class=\"mint-experiment-selector__group-checkbox\"\n          />\n          Group by project\n        </label>\n      </div>\n\n      <!-- Loading skeleton -->\n      <div v-if=\"isLoading\" class=\"mint-experiment-selector__skeleton\">\n        <div v-for=\"n in 4\" :key=\"n\" class=\"mint-experiment-selector__skeleton-row\">\n          <div class=\"mint-experiment-selector__skeleton-content\">\n            <Skeleton :width=\"120 + n * 20\" height=\"14px\" />\n            <Skeleton width=\"80px\" height=\"10px\" />\n          </div>\n          <Skeleton width=\"60px\" height=\"20px\" variant=\"rounded\" />\n        </div>\n      </div>\n\n      <!-- Error -->\n      <div v-else-if=\"error\" class=\"mint-experiment-selector__error\">\n        {{ error }}\n      </div>\n\n      <!-- Empty -->\n      <EmptyState\n        v-else-if=\"experiments.length === 0\"\n        title=\"No experiments found\"\n        description=\"Try adjusting your search or filters.\"\n        size=\"sm\"\n      />\n\n      <!-- Experiment list: grouped mode -->\n      <div v-else-if=\"groupToggle\" :id=\"LISTBOX_ID\" ref=\"listRef\" class=\"mint-experiment-selector__list\" role=\"listbox\" aria-label=\"Experiments\">\n        <template v-for=\"([groupName, groupExps]) in groupedByProject\" :key=\"groupName\">\n          <button\n            type=\"button\"\n            class=\"mint-experiment-selector__group-header\"\n            :aria-expanded=\"!collapsedGroups.has(groupName)\"\n            @click=\"toggleGroup(groupName)\"\n          >\n            <svg\n              class=\"mint-experiment-selector__group-chevron\"\n              :class=\"{ 'mint-experiment-selector__group-chevron--collapsed': collapsedGroups.has(groupName) }\"\n              aria-hidden=\"true\"\n              width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n            >\n              <polyline points=\"6 9 12 15 18 9\" />\n            </svg>\n            <span class=\"mint-experiment-selector__group-name\">{{ groupName }}</span>\n            <span class=\"mint-experiment-selector__group-count\">{{ groupExps.length }}</span>\n          </button>\n          <template v-if=\"!collapsedGroups.has(groupName)\">\n            <div\n              v-for=\"exp in groupExps\"\n              :id=\"optionId(exp)\"\n              :key=\"exp.id\"\n              class=\"mint-experiment-selector__row\"\n              role=\"option\"\n              :aria-selected=\"exp.id === currentExperimentId\"\n              :class=\"{\n                'mint-experiment-selector__row--active': exp.id === currentExperimentId,\n                'mint-experiment-selector__row--focused': getFlatIndex(exp) === activeIndex,\n              }\"\n              @click=\"handleSelect(exp)\"\n              @mouseenter=\"activeIndex = getFlatIndex(exp)\"\n            >\n              <div class=\"mint-experiment-selector__row-content\">\n                <div class=\"mint-experiment-selector__name\">\n                  {{ exp.name }}\n                  <ExperimentCodeBadge\n                    v-if=\"exp.experiment_code\"\n                    :code=\"exp.experiment_code\"\n                    size=\"sm\"\n                    :copyable=\"false\"\n                  />\n                </div>\n                <div class=\"mint-experiment-selector__meta\">\n                  <span>{{ formatExperimentDate(exp.created_at) }}</span>\n                </div>\n              </div>\n              <BasePill :variant=\"getExperimentStatusVariant(exp.status)\" size=\"sm\">\n                {{ formatExperimentStatus(exp.status) }}\n              </BasePill>\n            </div>\n          </template>\n        </template>\n      </div>\n\n      <!-- Experiment list: flat mode -->\n      <div v-else :id=\"LISTBOX_ID\" ref=\"listRef\" class=\"mint-experiment-selector__list\" role=\"listbox\" aria-label=\"Experiments\">\n        <div\n          v-for=\"(exp, idx) in experiments\"\n          :id=\"optionId(exp)\"\n          :key=\"exp.id\"\n          class=\"mint-experiment-selector__row\"\n          role=\"option\"\n          :aria-selected=\"exp.id === currentExperimentId\"\n          :class=\"{\n            'mint-experiment-selector__row--active': exp.id === currentExperimentId,\n            'mint-experiment-selector__row--focused': idx === activeIndex,\n          }\"\n          @click=\"handleSelect(exp)\"\n          @mouseenter=\"activeIndex = idx\"\n        >\n          <div class=\"mint-experiment-selector__row-content\">\n            <div class=\"mint-experiment-selector__name\">\n              {{ exp.name }}\n              <ExperimentCodeBadge\n                v-if=\"exp.experiment_code\"\n                :code=\"exp.experiment_code\"\n                size=\"sm\"\n                :copyable=\"false\"\n              />\n            </div>\n            <div class=\"mint-experiment-selector__meta\">\n              <span v-if=\"exp.project_name || exp.project\">{{ exp.project_name || exp.project }}</span>\n              <span>{{ formatExperimentDate(exp.created_at) }}</span>\n            </div>\n          </div>\n          <BasePill :variant=\"getExperimentStatusVariant(exp.status)\" size=\"sm\">\n            {{ formatExperimentStatus(exp.status) }}\n          </BasePill>\n        </div>\n      </div>\n\n      <!-- Footer: clear selection -->\n      <div v-if=\"currentExperimentId != null\" class=\"mint-experiment-selector__footer\">\n        <button\n          type=\"button\"\n          class=\"mint-experiment-selector__clear-btn\"\n          @click=\"handleDeselect\"\n        >\n          Clear selection\n        </button>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/experiment-selector-modal.css';\n</style>\n"],"mappings":"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"}

package/dist/{SettingsModal-DPDwCbXK.js → SettingsModal-DDaq294M.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-Dallso-L.js";
+import { E as getFieldRegistryEntry, b as controlsToSettingsSchema, f as resolveControlModel, g as mergeControlWorkspaceOptions } from "./useControlSchema-BAqu3kqE.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-BXaaDI41.js";
+import { i as usePlatformContext, t as useFormBuilder } from "./useFormBuilder-DvO-TrfX.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-DPDwCbXK.js.map
+//# sourceMappingURL=SettingsModal-DDaq294M.js.map