@morscherlab/mint-sdk 1.3.0-beta.5 → 1.3.0-beta.7

package/src/styles/components/experiment-selector-modal.css

@@ -5,6 +5,7 @@
   align-items: center;
   gap: 0.5rem;
   flex-wrap: wrap;
+  padding: 0 1.25rem;
 }
 
 .mint-experiment-selector__filter-select {
@@ -65,14 +66,6 @@ html.dark .mint-experiment-selector__filters-toggle--active {
   flex-shrink: 0;
 }
 
-/* Advanced filters row */
-.mint-experiment-selector__filters-advanced {
-  padding: 0.625rem;
-  border: 1px solid var(--border-light);
-  border-radius: var(--radius-md);
-  background-color: color-mix(in srgb, var(--bg-secondary) 72%, transparent);
-}
-
 /* Group toggle checkbox label */
 .mint-experiment-selector__group-toggle {
   display: inline-flex;
@@ -103,7 +96,8 @@ html.dark .mint-experiment-selector__filters-toggle--active {
 .mint-experiment-selector__footer {
   display: flex;
   justify-content: flex-start;
-  padding-top: 0.25rem;
+  padding: 0.5rem 1.25rem 0.75rem;
+  border-top: 1px solid var(--border-light);
 }
 
 .mint-experiment-selector__clear-btn {

package/src/styles/components/file-uploader.css

@@ -14,113 +14,80 @@
 
 .mint-file-uploader__dropzone {
   position: relative;
-  border: 1px dashed var(--_control-border-strong);
+  border: 2px dashed var(--border-color);
   border-radius: var(--radius-lg);
   cursor: pointer;
   background: var(--bg-secondary);
   transition: border-color 0.15s ease, background-color 0.15s ease;
 }
 
-/* 2g: hover only changes the surface; the border change is reserved for dragover. */
 .mint-file-uploader__dropzone:hover {
-  background: var(--bg-hover);
+  border-color: var(--color-primary);
+  background: color-mix(in srgb, var(--color-primary) 3%, var(--bg-secondary));
 }
 
 .mint-file-uploader__dropzone:focus-visible {
-  outline: none;
-  box-shadow: var(--focus-ring-offset);
+  outline: 2px solid var(--color-primary);
+  outline-offset: 2px;
 }
 
-.mint-file-uploader__dropzone--dragover,
-.mint-file-uploader__dropzone--dragover:hover {
-  border: 1.5px solid var(--color-primary);
-  background: var(--color-primary-soft);
+.mint-file-uploader__dropzone--dragover {
+  border-color: var(--color-primary);
+  background: color-mix(in srgb, var(--color-primary) 5%, var(--bg-secondary));
 }
 
-.mint-file-uploader__dropzone--disabled,
-.mint-file-uploader__dropzone--disabled:hover {
-  background: var(--bg-tertiary);
+.mint-file-uploader__dropzone--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
 .mint-file-uploader__dropzone--sm {
-  padding: 0.75rem;
+  padding: 1.25rem;
 }
 
 .mint-file-uploader__dropzone--md {
-  padding: 1.125rem;
+  padding: 1.5rem;
 }
 
 .mint-file-uploader__dropzone--lg {
-  padding: 1.5rem;
+  padding: 2rem;
 }
 
 /* ==========================================================================
-   Content area — compact row: icon tile + prompt + accepted formats
+   Content area
    ========================================================================== */
 
 .mint-file-uploader__content {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 0.75rem;
+  text-align: center;
 }
 
 .mint-file-uploader__input {
   display: none;
 }
 
-.mint-file-uploader__icon-tile {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
+.mint-file-uploader__icon {
   width: 2rem;
   height: 2rem;
-  border-radius: var(--radius-md);
-  background: var(--bg-tertiary);
-  color: var(--text-secondary);
-  transition: background-color 0.15s ease, color 0.15s ease;
-}
-
-.mint-file-uploader__dropzone--dragover .mint-file-uploader__icon-tile {
-  background: var(--color-primary);
-  color: white;
-}
-
-.mint-file-uploader__icon {
-  width: 1rem;
-  height: 1rem;
-  stroke-width: 1.8;
+  color: var(--text-muted);
+  margin-bottom: 0.5rem;
 }
 
-.mint-file-uploader__copy {
-  display: flex;
-  flex-direction: column;
-  gap: 0.125rem;
-  min-width: 0;
+.mint-file-uploader__dropzone:hover .mint-file-uploader__icon,
+.mint-file-uploader__dropzone--dragover .mint-file-uploader__icon {
+  color: var(--color-primary);
 }
 
 .mint-file-uploader__text {
-  color: var(--text-primary);
+  color: var(--text-secondary);
   font-size: 0.8125rem;
   font-weight: 500;
   margin: 0;
   padding: 0;
 }
 
-.mint-file-uploader__dropzone--dragover .mint-file-uploader__text {
-  color: var(--_ink-primary);
-}
-
-.mint-file-uploader__formats {
-  color: var(--text-secondary);
-  font-family: var(--font-mono);
-  font-size: 0.6875rem;
-  margin: 0;
-  padding: 0;
-}
-
 /* ==========================================================================
    Actions slot
    ========================================================================== */

package/src/styles/components/resource-picker-list.css

@@ -1,4 +1,16 @@
-/* ResourcePickerList (8b): shared list for ExperimentSelectorModal and ArtifactSelectorModal. */
+/* ResourcePickerList: shared list for ExperimentSelectorModal and ArtifactSelectorModal.
+   No frame of its own (the modal is the card); rows are inset and rounded, groups are
+   pinned bars. */
+
+/* The modal is the only card: the list runs edge to edge, and the toolbar, group
+   bars and row text keep the modal's 1.25rem gutter themselves. */
+.mint-modal__body:has(> .mint-resource-picker) {
+  padding: 0;
+}
+.mint-modal__container:has(.mint-resource-picker) .mint-modal__header {
+  border-bottom: none;
+  padding-bottom: 0.75rem;
+}
 
 .mint-resource-picker {
   display: flex;
@@ -11,6 +23,7 @@
   align-items: center;
   flex-wrap: wrap;
   gap: 0.5rem;
+  padding: 0 1.25rem;
 }
 .mint-resource-picker__search {
   flex: 1;
@@ -20,12 +33,10 @@
 .mint-resource-picker__frame {
   display: flex;
   flex-direction: column;
-  overflow: hidden;
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md);
-  background-color: var(--bg-card);
+  border-top: 1px solid var(--border-color);
 }
 .mint-resource-picker__list {
+  padding-bottom: 0.5rem;
   max-height: min(28rem, calc(100vh - 16rem));
   overflow-y: auto;
   overscroll-behavior: contain;
@@ -38,14 +49,17 @@
   gap: 0.5rem;
   flex-shrink: 0;
   width: 100%;
+  position: sticky;
+  top: 0;
+  z-index: 1;
   height: 30px;
-  padding: 0 12px;
+  padding: 0 1.25rem;
   border: 0;
   border-bottom: 1px solid var(--border-light);
   background-color: var(--bg-primary);
   font-family: inherit;
   font-size: 12px;
-  font-weight: 500;
+  font-weight: 600;
   color: var(--text-secondary);
   text-align: left;
   cursor: pointer;
@@ -77,24 +91,25 @@
 .mint-resource-picker__group-count {
   font: 11px var(--font-mono);
   font-variant-numeric: tabular-nums;
+  color: var(--text-muted);
 }
 
 .mint-resource-picker__row {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto 14px;
+  grid-template-columns: minmax(0, 1fr);
+  grid-auto-flow: column;
+  grid-auto-columns: auto;
   align-items: center;
-  gap: 10px;
+  gap: 12px;
   box-sizing: border-box;
   flex-shrink: 0;
-  min-height: 44px;
-  padding: 5px 12px;
-  border-bottom: 1px solid var(--border-light);
+  min-height: 56px;
+  margin: 2px 0.5rem;
+  padding: 10px 12px;
+  border-radius: var(--radius-md);
   cursor: pointer;
   transition: background-color 150ms ease;
 }
-.mint-resource-picker__row:last-child {
-  border-bottom: 0;
-}
 .mint-resource-picker__row:hover {
   background-color: var(--bg-hover);
 }
@@ -110,7 +125,7 @@
 .mint-resource-picker__text {
   display: flex;
   flex-direction: column;
-  gap: 1px;
+  gap: 4px;
   min-width: 0;
   line-height: 1.25;
 }
@@ -118,18 +133,49 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 13px;
-  font-weight: 500;
+  font-size: 15px;
+  font-weight: 600;
   color: var(--text-primary);
 }
 .mint-resource-picker__row--selected .mint-resource-picker__title {
   color: var(--_ink-primary);
 }
-.mint-resource-picker__code,
+.mint-resource-picker__code {
+  margin-right: 0.5rem;
+}
+.mint-resource-picker__aside {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 4px;
+  line-height: 1.25;
+  white-space: nowrap;
+}
 .mint-resource-picker__date {
-  font-family: var(--font-mono);
+  font: 12px var(--font-mono);
   font-variant-numeric: tabular-nums;
+  color: var(--text-muted);
+}
+.mint-resource-picker__status {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--text-secondary);
 }
+.mint-resource-picker__status::before {
+  content: '';
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: currentColor;
+}
+.mint-resource-picker__status--primary { color: var(--_ink-primary); }
+.mint-resource-picker__status--success { color: var(--mint-success); }
+.mint-resource-picker__status--warning { color: var(--mint-warning); }
+.mint-resource-picker__status--error { color: var(--mint-error); }
+.mint-resource-picker__status--info { color: var(--mint-info); }
 .mint-resource-picker__meta {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -142,29 +188,17 @@
   align-items: center;
   gap: 4px;
 }
-.mint-resource-picker__check-slot {
-  display: flex;
-  width: 14px;
-}
-.mint-resource-picker__check {
-  width: 14px;
-  height: 14px;
-  color: var(--color-primary);
-}
 
 .mint-resource-picker__skeleton-row {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  gap: 6px;
-  min-height: 44px;
-  padding: 5px 12px;
-  border-bottom: 1px solid var(--border-light);
-}
-.mint-resource-picker__skeleton-row:last-child {
-  border-bottom: 0;
+  gap: 8px;
+  min-height: 56px;
+  padding: 10px 1.25rem;
 }
 .mint-resource-picker__error {
+  margin: 0 1.25rem 1.25rem;
   padding: 0.75rem;
   border: 1px solid var(--mint-error-border);
   border-radius: var(--radius-md);

package/src/types/components.ts

@@ -211,6 +211,8 @@ export interface TopBarSettingsConfig {
   title?: string
   tabs?: SettingsTabInput[]
   showAppearance?: boolean
+  /** List Appearance before the other tabs and open on it. */
+  appearanceFirst?: boolean
   size?: 'md' | 'lg' | 'xl'
   layout?: SettingsModalLayout
   /** Schema-driven config — when set, fields auto-render via SDK form components. */
@@ -500,6 +502,8 @@ export interface SettingsTab extends AccessControlled {
   description?: string
   /** Optional monospace meta shown right of the tab label — a count, "2 unsaved", etc. */
   meta?: string
+  /** Rail section heading for this tab when Appearance is shown; defaults to "Plugin". */
+  section?: string
 }
 
 export type SettingsTabInput = SettingsTab | string

package/src/types/platform.ts

@@ -4,6 +4,8 @@ import type { RoleInfo } from '../permissions'
 export interface PluginInfo {
   id: string
   name: string
+  /** Name to show in the UI; the platform falls back to the plugin ID. Absent before MINT 1.3. */
+  display_name?: string
   version: string
   plugin_type?: string
   description?: string

package/dist/ResourcePickerListInternal-BEXnyBNz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResourcePickerListInternal-BEXnyBNz.js","names":["$slots","$slots"],"sources":["../src/components/BaseInput.vue","../src/components/BaseInput.vue","../src/utils/options.ts","../src/components/BaseSelect.vue","../src/components/BaseSelect.vue","../src/components/EmptyState.vue","../src/components/EmptyState.vue","../src/components/Skeleton.vue","../src/components/Skeleton.vue","../src/components/internal/ResourcePickerListInternal.vue","../src/components/internal/ResourcePickerListInternal.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Renders a styled `<input>` supporting text/number/email types, size, error, and readonly states.\n * Optional `#prefix` (bare leading glyph, e.g. a search icon) and `#suffix` (neutral unit segment) slots sit inside the field border.\n */\nimport { computed, useAttrs, useSlots, type StyleValue } from 'vue'\nimport type { InputType } from '../types'\n\ndefineOptions({ inheritAttrs: false })\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\ndefineSlots<{\n  /** Leading glyph inside the field border (search icon, currency, …), no segment background. */\n  prefix?: () => unknown\n  /** Trailing segment inside the field border, e.g. a unit (mono 12px on `--bg-primary`). */\n  suffix?: () => unknown\n}>()\n\nconst attrs = useAttrs()\nconst slots = useSlots()\nconst wrapped = computed(() => Boolean(slots.prefix || slots.suffix))\n\n/** Wrapped: class/style style the group, every other attribute (id, name, aria-*) stays on the input. */\nconst inputAttrs = computed(() => {\n  if (!wrapped.value) return attrs\n  const { class: _class, style: _style, ...rest } = attrs\n  return rest\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  <div\n    v-if=\"wrapped\"\n    :class=\"[\n      'mint-input-group',\n      `mint-input-group--${size}`,\n      error ? 'mint-input-group--error' : '',\n      disabled ? 'mint-input-group--disabled' : '',\n      attrs.class,\n    ]\"\n    :style=\"attrs.style as StyleValue\"\n  >\n    <span v-if=\"slots.prefix\" class=\"mint-input-group__prefix\"><slot name=\"prefix\" /></span>\n    <input\n      v-bind=\"inputAttrs\"\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=\"['mint-input', `mint-input--${size}`, 'mint-input-group__control']\"\n      @input=\"handleInput\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"emit('blur', $event)\"\n      @keydown=\"emit('keydown', $event)\"\n    />\n    <span v-if=\"slots.suffix\" class=\"mint-input-group__suffix\"><slot name=\"suffix\" /></span>\n  </div>\n  <input\n    v-else\n    v-bind=\"inputAttrs\"\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","<script setup lang=\"ts\">\n/**\n * Renders a styled `<input>` supporting text/number/email types, size, error, and readonly states.\n * Optional `#prefix` (bare leading glyph, e.g. a search icon) and `#suffix` (neutral unit segment) slots sit inside the field border.\n */\nimport { computed, useAttrs, useSlots, type StyleValue } from 'vue'\nimport type { InputType } from '../types'\n\ndefineOptions({ inheritAttrs: false })\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\ndefineSlots<{\n  /** Leading glyph inside the field border (search icon, currency, …), no segment background. */\n  prefix?: () => unknown\n  /** Trailing segment inside the field border, e.g. a unit (mono 12px on `--bg-primary`). */\n  suffix?: () => unknown\n}>()\n\nconst attrs = useAttrs()\nconst slots = useSlots()\nconst wrapped = computed(() => Boolean(slots.prefix || slots.suffix))\n\n/** Wrapped: class/style style the group, every other attribute (id, name, aria-*) stays on the input. */\nconst inputAttrs = computed(() => {\n  if (!wrapped.value) return attrs\n  const { class: _class, style: _style, ...rest } = attrs\n  return rest\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  <div\n    v-if=\"wrapped\"\n    :class=\"[\n      'mint-input-group',\n      `mint-input-group--${size}`,\n      error ? 'mint-input-group--error' : '',\n      disabled ? 'mint-input-group--disabled' : '',\n      attrs.class,\n    ]\"\n    :style=\"attrs.style as StyleValue\"\n  >\n    <span v-if=\"slots.prefix\" class=\"mint-input-group__prefix\"><slot name=\"prefix\" /></span>\n    <input\n      v-bind=\"inputAttrs\"\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=\"['mint-input', `mint-input--${size}`, 'mint-input-group__control']\"\n      @input=\"handleInput\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"emit('blur', $event)\"\n      @keydown=\"emit('keydown', $event)\"\n    />\n    <span v-if=\"slots.suffix\" class=\"mint-input-group__suffix\"><slot name=\"suffix\" /></span>\n  </div>\n  <input\n    v-else\n    v-bind=\"inputAttrs\"\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","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","<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","<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      <div v-if=\"$slots.default\" class=\"mint-empty-state__content\">\n        <slot />\n      </div>\n    </div>\n    <div v-if=\"actionLabel\" class=\"mint-empty-state__action\">\n      <BaseButton variant=\"secondary\" @click=\"emit('action')\">\n        {{ actionLabel }}\n      </BaseButton>\n    </div>\n  </div>\n</template>\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      <div v-if=\"$slots.default\" class=\"mint-empty-state__content\">\n        <slot />\n      </div>\n    </div>\n    <div v-if=\"actionLabel\" class=\"mint-empty-state__action\">\n      <BaseButton variant=\"secondary\" @click=\"emit('action')\">\n        {{ actionLabel }}\n      </BaseButton>\n    </div>\n  </div>\n</template>\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  'mint-skeleton',\n  `mint-skeleton--${props.variant}`,\n  // pulse and wave both breathe (3e); the shimmer is gone.\n  props.animation === 'none' ? '' : 'skeleton-wave',\n])\n</script>\n\n<template>\n  <div :class=\"classes\" :style=\"style\" />\n</template>\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  'mint-skeleton',\n  `mint-skeleton--${props.variant}`,\n  // pulse and wave both breathe (3e); the shimmer is gone.\n  props.animation === 'none' ? '' : 'skeleton-wave',\n])\n</script>\n\n<template>\n  <div :class=\"classes\" :style=\"style\" />\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\n/**\n * Searchable, optionally grouped single-select list shared by the experiment and\n * artifact selector modals (8b): 44px two-line rows, trailing check, skeleton,\n * error and empty states, and the combobox keyboard model (↑ ↓ Enter).\n */\nimport { computed, nextTick, reactive, ref, useId, watch } from 'vue'\nimport BaseInput from '../BaseInput.vue'\nimport Skeleton from '../Skeleton.vue'\nimport EmptyState from '../EmptyState.vue'\n\nexport interface ResourcePickerRow {\n  /** Identifier shown in mono before the title, e.g. an experiment code. */\n  code?: string\n  title: string\n  /** Second-line facts, joined with \" · \". */\n  meta?: string[]\n  /** Rendered last on the second line, in mono. */\n  date?: string\n}\n\nconst props = withDefaults(\n  defineProps<{\n    items: T[]\n    /** When set, rows render under collapsible group headers in this order. */\n    groups?: { label: string; items: T[] }[] | null\n    itemKey: (item: T) => string | number\n    describe: (item: T) => ResourcePickerRow\n    selectedKey?: string | number | null\n    search: string\n    /** Accessible name of the list; the search field is labelled \"Search {label}\". */\n    label: string\n    placeholder?: string\n    loading?: boolean\n    error?: string | null\n    emptyTitle?: string\n    emptyDescription?: string\n  }>(),\n  {\n    groups: null,\n    selectedKey: null,\n    placeholder: 'Search…',\n    loading: false,\n    error: null,\n    emptyTitle: 'Nothing found',\n    emptyDescription: 'Try adjusting your search or filters.',\n  },\n)\nconst emit = defineEmits<{\n  select: [item: T]\n  'update:search': [value: string]\n}>()\ndefineSlots<{\n  /** Extra filters on the search row. */\n  filters?: () => unknown\n  /** A second filter row under the search. */\n  advanced?: () => unknown\n  /** Row controls before the check; keys pressed inside them never select the row. */\n  actions?: (props: { item: T }) => unknown\n}>()\n\nconst listId = `mint-resource-picker-${useId().replace(/:/g, '')}`\nconst collapsed = reactive(new Set<string>())\nconst activeIndex = ref(-1)\nconst listRef = ref<HTMLElement | null>(null)\n\nconst visibleGroups = computed(() =>\n  props.groups?.map((group) => ({\n    ...group,\n    rows: collapsed.has(group.label) ? [] : group.items,\n  })),\n)\n/** Keyboard order: the rows on screen, top to bottom. */\nconst flat = computed(() =>\n  visibleGroups.value ? visibleGroups.value.flatMap((group) => group.rows) : props.items,\n)\nconst indexByKey = computed(() => new Map(flat.value.map((item, i) => [props.itemKey(item), i])))\nconst showList = computed(() => !props.loading && !props.error && props.items.length > 0)\n\nfunction optionId(item: T): string {\n  return `${listId}-${props.itemKey(item)}`\n}\nconst activeDescendant = computed(() => {\n  const item = flat.value[activeIndex.value]\n  return item === undefined ? undefined : optionId(item)\n})\n\nfunction indexOf(item: T): number {\n  return indexByKey.value.get(props.itemKey(item)) ?? -1\n}\nfunction toggleGroup(label: string) {\n  if (collapsed.has(label)) collapsed.delete(label)\n  else collapsed.add(label)\n}\nfunction keydown(event: KeyboardEvent) {\n  // Keys belong to the search combobox; a focused header, filter or row action keeps its own Enter.\n  const target = event.target as HTMLElement | null\n  if (target !== event.currentTarget && !target?.closest('.mint-resource-picker__search')) return\n  const rows = flat.value\n  if (!rows.length) return\n  if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n    event.preventDefault()\n    activeIndex.value =\n      event.key === 'ArrowDown'\n        ? Math.min(activeIndex.value + 1, rows.length - 1)\n        : Math.max(activeIndex.value - 1, 0)\n    nextTick(() =>\n      listRef.value\n        ?.querySelector('.mint-resource-picker__row--active')\n        ?.scrollIntoView({ block: 'nearest' }),\n    )\n  } else if (event.key === 'Enter' && rows[activeIndex.value] !== undefined) {\n    event.preventDefault()\n    emit('select', rows[activeIndex.value]!)\n  }\n}\n\nwatch(\n  () => [props.items, props.groups],\n  () => {\n    activeIndex.value = -1\n  },\n)\n</script>\n\n<template>\n  <div class=\"mint-resource-picker\" @keydown=\"keydown\">\n    <div class=\"mint-resource-picker__toolbar\">\n      <BaseInput\n        class=\"mint-resource-picker__search\"\n        :model-value=\"search\"\n        :placeholder=\"placeholder\"\n        size=\"sm\"\n        type=\"search\"\n        role=\"combobox\"\n        :aria-label=\"`Search ${label.toLowerCase()}`\"\n        :aria-expanded=\"showList\"\n        :aria-controls=\"listId\"\n        :aria-activedescendant=\"activeDescendant\"\n        @update:model-value=\"emit('update:search', String($event ?? ''))\"\n      >\n        <template #prefix>\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\n            <path d=\"M7 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zM10.5 10.5L14 14\" />\n          </svg>\n        </template>\n      </BaseInput>\n      <slot name=\"filters\" />\n    </div>\n    <slot name=\"advanced\" />\n\n    <div v-if=\"loading\" class=\"mint-resource-picker__frame\" aria-busy=\"true\">\n      <div v-for=\"n in 4\" :key=\"n\" class=\"mint-resource-picker__skeleton-row\">\n        <Skeleton :width=\"`${40 + n * 10}%`\" height=\"0.75rem\" />\n        <Skeleton width=\"30%\" height=\"0.625rem\" />\n      </div>\n    </div>\n    <div v-else-if=\"error\" class=\"mint-resource-picker__error\" role=\"alert\">{{ error }}</div>\n    <EmptyState\n      v-else-if=\"!items.length\"\n      :title=\"emptyTitle\"\n      :description=\"emptyDescription\"\n      size=\"sm\"\n    />\n    <div\n      v-else\n      :id=\"listId\"\n      ref=\"listRef\"\n      class=\"mint-resource-picker__frame mint-resource-picker__list\"\n      role=\"listbox\"\n      :aria-label=\"label\"\n    >\n      <template v-for=\"group in visibleGroups ?? [{ label: '', items, rows: items }]\" :key=\"group.label\">\n        <button\n          v-if=\"visibleGroups\"\n          type=\"button\"\n          class=\"mint-resource-picker__group\"\n          :aria-expanded=\"!collapsed.has(group.label)\"\n          @click=\"toggleGroup(group.label)\"\n        >\n          <svg\n            class=\"mint-resource-picker__chevron\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M4 6l4 4 4-4\" />\n          </svg>\n          <span class=\"mint-resource-picker__group-label\">{{ group.label }}</span>\n          <span class=\"mint-resource-picker__group-count\">{{ group.items.length }}</span>\n        </button>\n        <div\n          v-for=\"item in group.rows\"\n          :id=\"optionId(item)\"\n          :key=\"itemKey(item)\"\n          role=\"option\"\n          :aria-selected=\"itemKey(item) === selectedKey\"\n          class=\"mint-resource-picker__row\"\n          :class=\"{\n            'mint-resource-picker__row--selected': itemKey(item) === selectedKey,\n            'mint-resource-picker__row--active': indexOf(item) === activeIndex,\n          }\"\n          @click=\"emit('select', item)\"\n          @mouseenter=\"activeIndex = indexOf(item)\"\n        >\n          <span class=\"mint-resource-picker__text\">\n            <span class=\"mint-resource-picker__title\"\n              ><template v-if=\"describe(item).code\"\n                ><span class=\"mint-resource-picker__code\">{{ describe(item).code }}</span> · </template\n              >{{ describe(item).title }}</span\n            >\n            <span\n              v-if=\"describe(item).meta?.length || describe(item).date\"\n              class=\"mint-resource-picker__meta\"\n              >{{ [...(describe(item).meta ?? [])].join(' · ')\n              }}<template v-if=\"describe(item).date\"\n                >{{ describe(item).meta?.length ? ' · ' : ''\n                }}<span class=\"mint-resource-picker__date\">{{ describe(item).date }}</span></template\n              ></span\n            >\n          </span>\n          <span v-if=\"$slots.actions\" class=\"mint-resource-picker__actions\" @click.stop>\n            <slot name=\"actions\" :item=\"item\" />\n          </span>\n          <span class=\"mint-resource-picker__check-slot\" aria-hidden=\"true\">\n            <svg\n              v-if=\"itemKey(item) === selectedKey\"\n              class=\"mint-resource-picker__check\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n            >\n              <path d=\"M3.5 8.5l3 3 6-7\" />\n            </svg>\n          </span>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\" generic=\"T\">\n/**\n * Searchable, optionally grouped single-select list shared by the experiment and\n * artifact selector modals (8b): 44px two-line rows, trailing check, skeleton,\n * error and empty states, and the combobox keyboard model (↑ ↓ Enter).\n */\nimport { computed, nextTick, reactive, ref, useId, watch } from 'vue'\nimport BaseInput from '../BaseInput.vue'\nimport Skeleton from '../Skeleton.vue'\nimport EmptyState from '../EmptyState.vue'\n\nexport interface ResourcePickerRow {\n  /** Identifier shown in mono before the title, e.g. an experiment code. */\n  code?: string\n  title: string\n  /** Second-line facts, joined with \" · \". */\n  meta?: string[]\n  /** Rendered last on the second line, in mono. */\n  date?: string\n}\n\nconst props = withDefaults(\n  defineProps<{\n    items: T[]\n    /** When set, rows render under collapsible group headers in this order. */\n    groups?: { label: string; items: T[] }[] | null\n    itemKey: (item: T) => string | number\n    describe: (item: T) => ResourcePickerRow\n    selectedKey?: string | number | null\n    search: string\n    /** Accessible name of the list; the search field is labelled \"Search {label}\". */\n    label: string\n    placeholder?: string\n    loading?: boolean\n    error?: string | null\n    emptyTitle?: string\n    emptyDescription?: string\n  }>(),\n  {\n    groups: null,\n    selectedKey: null,\n    placeholder: 'Search…',\n    loading: false,\n    error: null,\n    emptyTitle: 'Nothing found',\n    emptyDescription: 'Try adjusting your search or filters.',\n  },\n)\nconst emit = defineEmits<{\n  select: [item: T]\n  'update:search': [value: string]\n}>()\ndefineSlots<{\n  /** Extra filters on the search row. */\n  filters?: () => unknown\n  /** A second filter row under the search. */\n  advanced?: () => unknown\n  /** Row controls before the check; keys pressed inside them never select the row. */\n  actions?: (props: { item: T }) => unknown\n}>()\n\nconst listId = `mint-resource-picker-${useId().replace(/:/g, '')}`\nconst collapsed = reactive(new Set<string>())\nconst activeIndex = ref(-1)\nconst listRef = ref<HTMLElement | null>(null)\n\nconst visibleGroups = computed(() =>\n  props.groups?.map((group) => ({\n    ...group,\n    rows: collapsed.has(group.label) ? [] : group.items,\n  })),\n)\n/** Keyboard order: the rows on screen, top to bottom. */\nconst flat = computed(() =>\n  visibleGroups.value ? visibleGroups.value.flatMap((group) => group.rows) : props.items,\n)\nconst indexByKey = computed(() => new Map(flat.value.map((item, i) => [props.itemKey(item), i])))\nconst showList = computed(() => !props.loading && !props.error && props.items.length > 0)\n\nfunction optionId(item: T): string {\n  return `${listId}-${props.itemKey(item)}`\n}\nconst activeDescendant = computed(() => {\n  const item = flat.value[activeIndex.value]\n  return item === undefined ? undefined : optionId(item)\n})\n\nfunction indexOf(item: T): number {\n  return indexByKey.value.get(props.itemKey(item)) ?? -1\n}\nfunction toggleGroup(label: string) {\n  if (collapsed.has(label)) collapsed.delete(label)\n  else collapsed.add(label)\n}\nfunction keydown(event: KeyboardEvent) {\n  // Keys belong to the search combobox; a focused header, filter or row action keeps its own Enter.\n  const target = event.target as HTMLElement | null\n  if (target !== event.currentTarget && !target?.closest('.mint-resource-picker__search')) return\n  const rows = flat.value\n  if (!rows.length) return\n  if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n    event.preventDefault()\n    activeIndex.value =\n      event.key === 'ArrowDown'\n        ? Math.min(activeIndex.value + 1, rows.length - 1)\n        : Math.max(activeIndex.value - 1, 0)\n    nextTick(() =>\n      listRef.value\n        ?.querySelector('.mint-resource-picker__row--active')\n        ?.scrollIntoView({ block: 'nearest' }),\n    )\n  } else if (event.key === 'Enter' && rows[activeIndex.value] !== undefined) {\n    event.preventDefault()\n    emit('select', rows[activeIndex.value]!)\n  }\n}\n\nwatch(\n  () => [props.items, props.groups],\n  () => {\n    activeIndex.value = -1\n  },\n)\n</script>\n\n<template>\n  <div class=\"mint-resource-picker\" @keydown=\"keydown\">\n    <div class=\"mint-resource-picker__toolbar\">\n      <BaseInput\n        class=\"mint-resource-picker__search\"\n        :model-value=\"search\"\n        :placeholder=\"placeholder\"\n        size=\"sm\"\n        type=\"search\"\n        role=\"combobox\"\n        :aria-label=\"`Search ${label.toLowerCase()}`\"\n        :aria-expanded=\"showList\"\n        :aria-controls=\"listId\"\n        :aria-activedescendant=\"activeDescendant\"\n        @update:model-value=\"emit('update:search', String($event ?? ''))\"\n      >\n        <template #prefix>\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\n            <path d=\"M7 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zM10.5 10.5L14 14\" />\n          </svg>\n        </template>\n      </BaseInput>\n      <slot name=\"filters\" />\n    </div>\n    <slot name=\"advanced\" />\n\n    <div v-if=\"loading\" class=\"mint-resource-picker__frame\" aria-busy=\"true\">\n      <div v-for=\"n in 4\" :key=\"n\" class=\"mint-resource-picker__skeleton-row\">\n        <Skeleton :width=\"`${40 + n * 10}%`\" height=\"0.75rem\" />\n        <Skeleton width=\"30%\" height=\"0.625rem\" />\n      </div>\n    </div>\n    <div v-else-if=\"error\" class=\"mint-resource-picker__error\" role=\"alert\">{{ error }}</div>\n    <EmptyState\n      v-else-if=\"!items.length\"\n      :title=\"emptyTitle\"\n      :description=\"emptyDescription\"\n      size=\"sm\"\n    />\n    <div\n      v-else\n      :id=\"listId\"\n      ref=\"listRef\"\n      class=\"mint-resource-picker__frame mint-resource-picker__list\"\n      role=\"listbox\"\n      :aria-label=\"label\"\n    >\n      <template v-for=\"group in visibleGroups ?? [{ label: '', items, rows: items }]\" :key=\"group.label\">\n        <button\n          v-if=\"visibleGroups\"\n          type=\"button\"\n          class=\"mint-resource-picker__group\"\n          :aria-expanded=\"!collapsed.has(group.label)\"\n          @click=\"toggleGroup(group.label)\"\n        >\n          <svg\n            class=\"mint-resource-picker__chevron\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.5\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M4 6l4 4 4-4\" />\n          </svg>\n          <span class=\"mint-resource-picker__group-label\">{{ group.label }}</span>\n          <span class=\"mint-resource-picker__group-count\">{{ group.items.length }}</span>\n        </button>\n        <div\n          v-for=\"item in group.rows\"\n          :id=\"optionId(item)\"\n          :key=\"itemKey(item)\"\n          role=\"option\"\n          :aria-selected=\"itemKey(item) === selectedKey\"\n          class=\"mint-resource-picker__row\"\n          :class=\"{\n            'mint-resource-picker__row--selected': itemKey(item) === selectedKey,\n            'mint-resource-picker__row--active': indexOf(item) === activeIndex,\n          }\"\n          @click=\"emit('select', item)\"\n          @mouseenter=\"activeIndex = indexOf(item)\"\n        >\n          <span class=\"mint-resource-picker__text\">\n            <span class=\"mint-resource-picker__title\"\n              ><template v-if=\"describe(item).code\"\n                ><span class=\"mint-resource-picker__code\">{{ describe(item).code }}</span> · </template\n              >{{ describe(item).title }}</span\n            >\n            <span\n              v-if=\"describe(item).meta?.length || describe(item).date\"\n              class=\"mint-resource-picker__meta\"\n              >{{ [...(describe(item).meta ?? [])].join(' · ')\n              }}<template v-if=\"describe(item).date\"\n                >{{ describe(item).meta?.length ? ' · ' : ''\n                }}<span class=\"mint-resource-picker__date\">{{ describe(item).date }}</span></template\n              ></span\n            >\n          </span>\n          <span v-if=\"$slots.actions\" class=\"mint-resource-picker__actions\" @click.stop>\n            <slot name=\"actions\" :item=\"item\" />\n          </span>\n          <span class=\"mint-resource-picker__check-slot\" aria-hidden=\"true\">\n            <svg\n              v-if=\"itemKey(item) === selectedKey\"\n              class=\"mint-resource-picker__check\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n            >\n              <path d=\"M3.5 8.5l3 3 6-7\" />\n            </svg>\n          </span>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}