@morscherlab/mint-sdk 1.3.0-beta.1 → 1.3.0-beta.11

package/README.md

@@ -59,17 +59,13 @@ export default {
 ```vue
 <script setup lang="ts">
 import { BaseButton, BaseInput, FormField } from '@morscherlab/mint-sdk'
-import { useToast, useAuth } from '@morscherlab/mint-sdk'
+import { useToast } from '@morscherlab/mint-sdk'
 import type { ButtonVariant } from '@morscherlab/mint-sdk'
 
 const { success } = useToast()
-const { login } = useAuth()
 
-async function handleSubmit() {
-  const result = await login(username, password)
-  if (result) {
-    success('Login successful!')
-  }
+function handleSubmit() {
+  success('Saved!')
 }
 </script>
 
@@ -79,7 +75,7 @@ async function handleSubmit() {
   </FormField>
 
   <BaseButton variant="primary" @click="handleSubmit">
-    Login
+    Save
   </BaseButton>
 </template>
 ```
@@ -198,76 +194,16 @@ async function saveCurrentExperiment() {
 }
 ```
 
-### 5. Use Biology Data Templates
+### 5. Biology Data Templates (deprecated)
 
-> Deprecated: the template catalogs leave the core SDK in MINT 1.4 and move to a
-> dedicated package or the owning plugins.
+> Deprecated in MINT 1.3 and removed in 1.4, with no SDK replacement: the
+> biology data templates (`@morscherlab/mint-sdk/templates`, `mint_sdk.templates`,
+> `mint add data-template*`), the `BioTemplate*` views, the `useBioTemplate*`
+> composables, `useTemplateCollection()`, `useExperimentSave()`, and the
+> template-only components `ReagentList`, `ReagentEditor`, `ExperimentTimeline`,
+> `SampleLegend` and `FitPanel`.
 
-Plugin frontends can import standard biology template builders and adapters instead of inventing ad-hoc JSON shapes:
-
-```typescript
-import {
-  createWellPlateScreenCollection,
-  createTemplateCollection,
-  createPlateMapTemplate,
-  createSampleSheetTemplate,
-  ensureTemplateFromCollection,
-  listBioTemplateCatalog,
-  listBioTemplatePresets,
-  toPlateMapEditorState,
-  toTemplateDataFrame,
-} from '@morscherlab/mint-sdk/templates'
-
-const catalog = listBioTemplateCatalog()
-const presets = listBioTemplatePresets()
-const template = createPlateMapTemplate({
-  samples: ['Control', 'Treatment'],
-})
-const plateEditorState = toPlateMapEditorState(template)
-
-const sampleFrame = toTemplateDataFrame(createSampleSheetTemplate({
-  samples: [{ sampleId: 'S001', name: 'Control 1' }],
-}))
-// <DataFrame v-bind="sampleFrame" />
-
-const collection = createTemplateCollection([template])
-const loadedPlate = ensureTemplateFromCollection(collection, 'plate-map')
-
-const screenCollection = createWellPlateScreenCollection({
-  samples: ['Control', 'Treatment'],
-  compounds: { 'Drug A': [10, 1, 0.1] },
-  unit: 'uM',
-})
-```
-
-For frontend wiring, `useBioTemplateWorkspace()` combines the generated
-controls, sidebar/forms, renderer props, and SDK component bindings:
-
-```typescript
-import { useBioTemplateWorkspace } from '@morscherlab/mint-sdk'
-import { createWellPlateScreenCollection } from '@morscherlab/mint-sdk/templates'
-
-const collection = createWellPlateScreenCollection({
-  samples: ['Control', 'Treatment'],
-  compounds: { 'Drug A': [10, 1, 0.1] },
-})
-const workspace = useBioTemplateWorkspace(collection)
-
-// <AppSidebar v-bind="workspace.sidebar" />
-// <FormBuilder v-bind="workspace.form" />
-// <BioTemplateRenderer v-if="workspace.renderer" v-bind="workspace.renderer" />
-```
-
-For editable built-in presets, `useBioTemplatePresetWorkspace()` also manages
-the generated control values, collection updates, and current-experiment save:
-
-```typescript
-import { BioTemplatePresetWorkspaceView, useBioTemplatePresetWorkspace } from '@morscherlab/mint-sdk'
-
-const workspace = useBioTemplatePresetWorkspace('wellplate-screen')
-
-// <BioTemplatePresetWorkspaceView :workspace="workspace" />
-```
+### 6. Build Control Workspaces
 
 For custom plugin tools, pass one workspace model to `ControlWorkspaceView` to
 generate `AppTopBar`, `AppSidebar`, `FormBuilder`, component prop bindings, and
@@ -328,26 +264,6 @@ const workspaceModel = defineDoseDesignControlModel({
 </template>
 ```
 
-Built-in templates include `plate-map`, `sample-sheet`, `sample-prep`,
-`dose-response`, `calibration-curve`, `time-course`, `protocol-steps`, `assay-matrix`,
-`reagent-list`, `flow-cytometry-panel`, `instrument-run`, and `qpcr-plate`. In
-plugin projects, `mint add data-template <name> --page` generates the
-matching backend route, typed frontend composable, and starter view.
-Generated composables use `ensureTemplateEnvelope()` to validate backend
-template payloads before assigning typed frontend state. Use
-`createTemplateCollection()`, `extractTemplateCollection()`, and
-`ensureTemplateFromCollection()` when a plugin view reads or writes the shared
-`design_data.templates` layout. `mint add data-template-pack <name> --page`
-generates a pack-level composable that uses these helpers for curated
-experiment scaffolds.
-Use `mint add data-template-pack <name> --page` for curated sets such as
-`cell-culture-screen`, `omics-assay`, `longitudinal-study`, and
-`molecular-assay`.
-For no-scaffold defaults that can be saved directly to `design_data`, use
-template presets such as `createWellPlateScreenCollection()`,
-`createQpcrExpressionCollection()`, `createLcmsBatchCollection()`, and
-`createWesternBlotAssayCollection()`.
-
 ## Components
 
 ### Base Components
@@ -379,19 +295,15 @@ not define its own input, select, textarea, unit or button looks.
 - `AppTopBar` - Application header with slots
 - `AppSidebar` - Context sidebar that accepts panels/forms or a compact `controls` schema
 
-### Biological Template Components
-- `BioTemplateRenderer` - Render template envelopes or collections with matching SDK components
-- `BioTemplateExperimentWorkspaceView` - Current-experiment load/save/reset workspace for one template or collection
-- `BioTemplatePresetWorkspaceView` - Full editable preset workspace from `useBioTemplatePresetWorkspace()`
-
 ### File & Data Components
 - `FileUploader` - Drag-and-drop file upload with file/folder mode support
 
 ### Sample Management Components
-- `SampleSelector` - Hierarchical sample grouping with auto-group, CSV metadata import, and optional experiment `design_data` sample loading
-- `SmartGroupModal` - Smart Group auto Field Recipe and manual cohort builder
-- `AutoGroupModal` - Deprecated, removed from the public exports in MINT 1.4; use `SmartGroupModal`. `SampleSelector` keeps its built-in auto-group flow
-- `GroupAssigner` - Drag-and-drop group assignment for comparisons (e.g., Control vs Treatment)
+
+Deprecated in MINT 1.3 and removed in 1.4, with no SDK replacement: sample
+grouping as a whole (`SampleSelector`, `SmartGroupModal`,
+`SmartGroupFieldRecipe`, `SmartGroupManual`, `AutoGroupModal`,
+`useAutoGroup`, `GroupAssigner`, `useGroupAssignment`).
 
 ### Removed Compatibility APIs
 
@@ -399,7 +311,7 @@ The public SDK no longer exports `ToastNotification`, `GroupingModal`,
 `SettingsButton`, `FormSection`, `FormFieldRenderer`, `usePluginApi()`, or
 `usePluginConfig()`. The identity-only `usePluginClient()` and the legacy
 `useJobsStatusTray()` job adapter API remain deprecated until MINT 1.4.
-Use `AppToastContainer`, `SmartGroupModal`, `AppTopBar` settings or
+Use `AppToastContainer`, `AppTopBar` settings or
 `SettingsModal`, `FormBuilder`, `usePluginSettings()`, generated
 `useGeneratedPluginClient()` helpers, and source-driven `usePluginJobCenter()`
 instead.
@@ -409,10 +321,11 @@ MINT 1.3 also removed `ColorSlider` (pass `colorStops`, `thresholds`,
 (`BaseSelect` or `SearchableSelect` for values, `ActionMenu` for actions),
 `InstrumentAlertLog`, `InstrumentStatusCard`, `LcmsSequenceTable`, `useAsync()`,
 `useOptimisticMutation()` (use `useRequestSyncState()`), `useResourceCrud()`
-(use `useGeneratedPluginClient()`), `useCommandHistory()`, `useWellPainting()`,
-`useWellPlateAdapter()` and `useWellPlateValidation()` (use
-`useWellPlateEditor()`). `mint doctor` still detects old imports and reports the
-replacement path.
+(use `useGeneratedPluginClient()`), `useCommandHistory()`,
+`useWellPlateAdapter()`, `useWellPlateValidation()` (no SDK replacement; keep
+them in the plugin), `useWellPainting()` and `useWellPlateEditor()` (use
+`useRackEditor()` with `PlateEditor`). `mint doctor` still detects old imports
+and reports the replacement path.
 
 MINT 1.3 removed `AppPluginSwitcher` and its `PluginSwitcherPlugin` /
 `PluginSwitcherInfo` types, with the `pluginSwitcher` prop and
@@ -545,35 +458,6 @@ callers can present a single sign-in prompt without risking duplicate writes.
 Clients created with `withAuth: false` retain their existing auth state and
 receive the original HTTP error.
 
-### `useAuth()`
-Authentication methods.
-
-```typescript
-const { login, logout, initializeAuth, getCurrentUser } = useAuth()
-
-// Initialize on app mount
-await initializeAuth()
-
-// Login
-const success = await login(username, password)
-
-// Get current user
-const user = await getCurrentUser()
-```
-
-### `usePasskey()`
-WebAuthn/FIDO2 passkey support.
-
-```typescript
-const { isSupported, registerPasskey, loginWithPasskey } = usePasskey()
-
-if (isSupported()) {
-  await registerPasskey('My Device')
-  // or
-  await loginWithPasskey()
-}
-```
-
 ### `useTheme()`
 Theme switching.
 
@@ -676,7 +560,6 @@ import type {
   // Auth
   AuthConfig,
   UserInfo,
-  LoginResponse,
 
   // Platform
   PluginInfo,

package/dist/{ResourcePickerListInternal-c3IT8PIu.js → ResourcePickerListInternal-CFAw4vTZ.js}

@@ -272,6 +272,10 @@ var _hoisted_5$1 = {
 	class: "mint-empty-state__description"
 };
 var _hoisted_6$1 = {
+	key: 2,
+	class: "mint-empty-state__content"
+};
+var _hoisted_7$1 = {
 	key: 0,
 	class: "mint-empty-state__action"
 };
@@ -324,9 +328,9 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("div", _hoisted_3$1, [
 					__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
 					__props.description ? (openBlock(), createElementBlock("p", _hoisted_5$1, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
-					renderSlot(_ctx.$slots, "default")
+					_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6$1, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
 				]),
-				__props.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_6$1, [createVNode(BaseButton_default, {
+				__props.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_7$1, [createVNode(BaseButton_default, {
 					variant: "secondary",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("action"))
 				}, {
@@ -394,23 +398,22 @@ var _hoisted_8 = [
 ];
 var _hoisted_9 = { class: "mint-resource-picker__text" };
 var _hoisted_10 = { class: "mint-resource-picker__title" };
-var _hoisted_11 = { class: "mint-resource-picker__code" };
-var _hoisted_12 = {
+var _hoisted_11 = {
 	key: 0,
 	class: "mint-resource-picker__meta"
 };
-var _hoisted_13 = { class: "mint-resource-picker__date" };
+var _hoisted_12 = {
+	key: 0,
+	class: "mint-resource-picker__code mint-exp-code mint-exp-code--sm"
+};
+var _hoisted_13 = { key: 1 };
 var _hoisted_14 = {
-	class: "mint-resource-picker__check-slot",
-	"aria-hidden": "true"
+	key: 0,
+	class: "mint-resource-picker__aside"
 };
 var _hoisted_15 = {
-	key: 0,
-	class: "mint-resource-picker__check",
-	viewBox: "0 0 16 16",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": "2"
+	key: 1,
+	class: "mint-resource-picker__date"
 };
 //#endregion
 //#region src/components/internal/ResourcePickerListInternal.vue
@@ -437,7 +440,8 @@ var ResourcePickerListInternal_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		/**
 		* Searchable, optionally grouped single-select list shared by the experiment and
-		* artifact selector modals (8b): 44px two-line rows, trailing check, skeleton,
+		* artifact selector modals: two-line rows (title, then code + meta) with status and date
+		* in a right-hand column, a filled selected row, skeleton,
 		* error and empty states, and the combobox keyboard model (↑ ↓ Enter).
 		*/
 		const props = __props;
@@ -578,13 +582,16 @@ var ResourcePickerListInternal_default = /* @__PURE__ */ defineComponent({
 							onClick: ($event) => emit("select", item),
 							onMouseenter: ($event) => activeIndex.value = indexOf(item)
 						}, [
-							createElementVNode("span", _hoisted_9, [createElementVNode("span", _hoisted_10, [__props.describe(item).code ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_11, toDisplayString(__props.describe(item).code), 1), _cache[4] || (_cache[4] = createTextVNode(" · ", -1))], 64)) : createCommentVNode("", true), createTextVNode(toDisplayString(__props.describe(item).title), 1)]), __props.describe(item).meta?.length || __props.describe(item).date ? (openBlock(), createElementBlock("span", _hoisted_12, [createTextVNode(toDisplayString([...__props.describe(item).meta ?? []].join(" · ")), 1), __props.describe(item).date ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.describe(item).meta?.length ? " · " : ""), 1), createElementVNode("span", _hoisted_13, toDisplayString(__props.describe(item).date), 1)], 64)) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
-							_ctx.$slots.actions ? (openBlock(), createElementBlock("span", {
+							createElementVNode("span", _hoisted_9, [createElementVNode("span", _hoisted_10, toDisplayString(__props.describe(item).title), 1), __props.describe(item).code || __props.describe(item).meta?.length ? (openBlock(), createElementBlock("span", _hoisted_11, [__props.describe(item).code ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.describe(item).code), 1)) : createCommentVNode("", true), __props.describe(item).meta?.length ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(__props.describe(item).meta.join(" · ")), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
+							__props.describe(item).status || __props.describe(item).date ? (openBlock(), createElementBlock("span", _hoisted_14, [__props.describe(item).status ? (openBlock(), createElementBlock("span", {
 								key: 0,
+								class: normalizeClass(["mint-resource-picker__status", `mint-resource-picker__status--${__props.describe(item).status.variant}`])
+							}, toDisplayString(__props.describe(item).status.label), 3)) : createCommentVNode("", true), __props.describe(item).date ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(__props.describe(item).date), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+							_ctx.$slots.actions ? (openBlock(), createElementBlock("span", {
+								key: 1,
 								class: "mint-resource-picker__actions",
 								onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-							}, [renderSlot(_ctx.$slots, "actions", { item })])) : createCommentVNode("", true),
-							createElementVNode("span", _hoisted_14, [__props.itemKey(item) === __props.selectedKey ? (openBlock(), createElementBlock("svg", _hoisted_15, [..._cache[5] || (_cache[5] = [createElementVNode("path", { d: "M3.5 8.5l3 3 6-7" }, null, -1)])])) : createCommentVNode("", true)])
+							}, [renderSlot(_ctx.$slots, "actions", { item })])) : createCommentVNode("", true)
 						], 42, _hoisted_8);
 					}), 128))], 64);
 				}), 128))], 8, _hoisted_4))
@@ -595,4 +602,4 @@ var ResourcePickerListInternal_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { normalizeOptionInput as a, BaseSelect_default as i, Skeleton_default as n, BaseInput_default as o, EmptyState_default as r, ResourcePickerListInternal_default as t };
 
-//# sourceMappingURL=ResourcePickerListInternal-c3IT8PIu.js.map
+//# sourceMappingURL=ResourcePickerListInternal-CFAw4vTZ.js.map

package/dist/ResourcePickerListInternal-CFAw4vTZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourcePickerListInternal-CFAw4vTZ.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: two-line rows (title, then code + meta) with status and date\n * in a right-hand column, a filled selected row, 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'\nimport type { PillVariant } from '../../types'\n\nexport interface ResourcePickerRow {\n  /** Identifier shown as a gray pill at the start of the second line, e.g. an experiment code. */\n  code?: string\n  title: string\n  /** Second-line facts after the code, joined with \" · \". */\n  meta?: string[]\n  /** Right column, above the date, tinted by its variant. */\n  status?: { label: string; variant: PillVariant }\n  /** Right column, 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\">{{ describe(item).title }}</span>\n            <span v-if=\"describe(item).code || describe(item).meta?.length\" class=\"mint-resource-picker__meta\"\n              ><span v-if=\"describe(item).code\" class=\"mint-resource-picker__code mint-exp-code mint-exp-code--sm\">{{\n                describe(item).code\n              }}</span\n              ><span v-if=\"describe(item).meta?.length\">{{ describe(item).meta!.join(' · ') }}</span></span\n            >\n          </span>\n          <span v-if=\"describe(item).status || describe(item).date\" class=\"mint-resource-picker__aside\">\n            <span\n              v-if=\"describe(item).status\"\n              class=\"mint-resource-picker__status\"\n              :class=\"`mint-resource-picker__status--${describe(item).status!.variant}`\"\n              >{{ describe(item).status!.label }}</span\n            >\n            <span v-if=\"describe(item).date\" class=\"mint-resource-picker__date\">{{ describe(item).date }}</span>\n          </span>\n          <span v-if=\"$slots.actions\" class=\"mint-resource-picker__actions\" @click.stop>\n            <slot name=\"actions\" :item=\"item\" />\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: two-line rows (title, then code + meta) with status and date\n * in a right-hand column, a filled selected row, 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'\nimport type { PillVariant } from '../../types'\n\nexport interface ResourcePickerRow {\n  /** Identifier shown as a gray pill at the start of the second line, e.g. an experiment code. */\n  code?: string\n  title: string\n  /** Second-line facts after the code, joined with \" · \". */\n  meta?: string[]\n  /** Right column, above the date, tinted by its variant. */\n  status?: { label: string; variant: PillVariant }\n  /** Right column, 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\">{{ describe(item).title }}</span>\n            <span v-if=\"describe(item).code || describe(item).meta?.length\" class=\"mint-resource-picker__meta\"\n              ><span v-if=\"describe(item).code\" class=\"mint-resource-picker__code mint-exp-code mint-exp-code--sm\">{{\n                describe(item).code\n              }}</span\n              ><span v-if=\"describe(item).meta?.length\">{{ describe(item).meta!.join(' · ') }}</span></span\n            >\n          </span>\n          <span v-if=\"describe(item).status || describe(item).date\" class=\"mint-resource-picker__aside\">\n            <span\n              v-if=\"describe(item).status\"\n              class=\"mint-resource-picker__status\"\n              :class=\"`mint-resource-picker__status--${describe(item).status!.variant}`\"\n              >{{ describe(item).status!.label }}</span\n            >\n            <span v-if=\"describe(item).date\" class=\"mint-resource-picker__date\">{{ describe(item).date }}</span>\n          </span>\n          <span v-if=\"$slots.actions\" class=\"mint-resource-picker__actions\" @click.stop>\n            <slot name=\"actions\" :item=\"item\" />\n          </span>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/FilePicker.vue.d.ts

@@ -1,4 +1,4 @@
-import { PickerAdapter, PickerCapabilities, PickerNode, PickerSelection, PickerSelectionMode, PickerSource, PickerView } from '../types/filePicker';
+import { PickerAdapter, PickerCapabilities, PickerNode, PickerSelection, PickerSelectionMode, PickerSort, PickerSource, PickerView } from '../types/filePicker';
 interface Props {
     open: boolean;
     adapter: PickerAdapter;
@@ -10,6 +10,8 @@ interface Props {
     title?: string;
     /** `list` shows one folder at a time; `tree` adds disclosure triangles. */
     view?: PickerView;
+    /** Row order on each open; the user can change it from the path bar until closing. */
+    defaultSort?: PickerSort;
     /** Host-owned visibility/selection filter; backend must still enforce access. */
     systemFilter?: (node: PickerNode, source: PickerSource) => boolean;
 }
@@ -29,6 +31,7 @@ declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {},
     capabilities: PickerCapabilities;
     initialPath: string;
     initialSelection: PickerSelection | null;
+    defaultSort: PickerSort;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/SettingsModal.schema.d.ts

@@ -6,4 +6,4 @@ export declare function buildFlatSettingsSchema(schema: SettingsModalSchema): Fo
 export declare function filterSettingsSchemaByAccess(schema: SettingsModalSchema, canShow: (item: AccessControlled) => boolean): SettingsModalSchema;
 export declare function settingsGroupToTab(group: SettingsGroup): SettingsTab;
 export declare function normalizeVisibleSettingsTabs(tabs: SettingsTabInput[], canShow: (item: AccessControlled) => boolean): SettingsTab[];
-export declare function buildSettingsTabs(baseTabs: SettingsTab[], showAppearance: boolean): SettingsTab[];
+export declare function buildSettingsTabs(baseTabs: SettingsTab[], showAppearance: boolean, appearanceFirst?: boolean): SettingsTab[];

package/dist/components/SettingsModal.vue.d.ts

@@ -6,6 +6,8 @@ interface Props {
     /** Manual tab descriptors. Ignored when `schema` is set (groups become tabs). */
     tabs?: SettingsTabInput[];
     showAppearance?: boolean;
+    /** List Appearance before the other tabs and open on it. */
+    appearanceFirst?: boolean;
     size?: 'md' | 'lg' | 'xl';
     layout?: SettingsModalLayout;
     /** Declarative schema — fields auto-render via SDK form components. */

package/dist/components/WellPlate.colors.d.ts

@@ -1,9 +1,5 @@
 import { HeatmapConfig } from '../types';
-/**
- * Group color for the built-in sample types when `sampleColors` has no entry.
- * Color encodes the group and shape encodes the type (3a): blank and QC render
- * neutral markers and ignore it; iQC takes it like a sample.
- */
+/** Color for the built-in sample types when `sampleColors` has no entry. */
 export declare const DEFAULT_SAMPLE_TYPE_COLORS: Record<string, string>;
 export declare const HEATMAP_COLORS: Record<string, string[]>;
 export declare function conditionGradientStyle(color: string, concentration: number, concentrations: number[]): Record<string, string>;

package/dist/components/WellPlate.rendering.d.ts

@@ -16,8 +16,11 @@ export interface WellStyleState {
 }
 export declare function wellClasses(well: Well, state: WellClassState): string[];
 export declare function wellStyle(well: Well, state: WellStyleState): Record<string, string>;
-/** In-well glyph of the 3a sample-type marker: `Q` for QC, `i` for iQC. */
-export declare function sampleTypeGlyph(well: Well): string | null;
+/** 15% fill and 40% outline of a sample color; color-mix accepts hex and `var()` tokens alike. */
+export declare function sampleTint(color: string): {
+    backgroundColor: string;
+    border: string;
+};
 /** One dev-only warning per page for the no-op `showSampleTypeIndicator` prop. */
 export declare function warnSampleTypeIndicatorDeprecated(): void;
 export declare function wellLabel(well: Well, showWellLabels: boolean): string | undefined;

package/dist/components/index.d.ts

@@ -39,7 +39,8 @@ export { default as GeneratedResultRenderer } from './GeneratedResultRenderer.vu
 export { default as GeneratedPlotlyResult } from './GeneratedPlotlyResult.vue';
 export { default as ComponentBindingRenderer } from './ComponentBindingRenderer.vue';
 export { default as ControlWorkspaceView } from './ControlWorkspaceView.vue';
-export { default as DoseDesignWorkspaceView } from './DoseDesignWorkspaceView.vue';
+/** Complete ControlWorkspaceView page shell for WellPlate + DoseCalculator dose design. @deprecated Scheduled for removal in MINT 1.4; use `ControlWorkspaceView` instead, with `defineDoseDesignControlModel()`. */
+export { /** @deprecated Removed in MINT 1.4. */ default as DoseDesignWorkspaceView } from './DoseDesignWorkspaceView.vue';
 export { default as AppContainer } from './AppContainer.vue';
 export { default as PluginIcon } from './PluginIcon.vue';
 export { default as LayoutResizeHandle } from './LayoutResizeHandle.vue';
@@ -56,32 +57,45 @@ export { default as ConfirmDialog } from './ConfirmDialog.vue';
 export { default as ChartContainer } from './ChartContainer.vue';
 export { default as AdductText } from './AdductText.vue';
 export { default as SettingsModal } from './SettingsModal.vue';
-export { default as BioTemplateRenderer } from './BioTemplateRenderer.vue';
-export { default as BioTemplateExperimentWorkspaceView } from './BioTemplateExperimentWorkspaceView.vue';
-export { default as BioTemplatePackWorkspaceView } from './BioTemplatePackWorkspaceView.vue';
-export { default as BioTemplatePresetWorkspaceView } from './BioTemplatePresetWorkspaceView.vue';
+/** Render biology template envelopes with matching SDK components such as WellPlate, DoseCalculator, and DataFrame. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as BioTemplateRenderer } from './BioTemplateRenderer.vue';
+/** Current-experiment template workspace with load/save/reset controls and WellPlate/DataFrame/DoseCalculator previews. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as BioTemplateExperimentWorkspaceView } from './BioTemplateExperimentWorkspaceView.vue';
+/** Complete current-experiment workspace for a curated biology template pack with save/load controls and component-prop slots. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as BioTemplatePackWorkspaceView } from './BioTemplatePackWorkspaceView.vue';
+/** Complete editable biology template preset workspace for WellPlate/DoseCalculator, LC-MS, qPCR, generated controls, preview components, and current-experiment save wiring. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as BioTemplatePresetWorkspaceView } from './BioTemplatePresetWorkspaceView.vue';
 export { default as WellPlate } from './WellPlate.vue';
 export { default as PlateEditor } from './PlateEditor.vue';
-export { default as SampleLegend } from './SampleLegend.vue';
-export { default as ExperimentTimeline } from './ExperimentTimeline.vue';
+/** Clickable color-swatch legend for plate sample types, supporting selection, count display, add/remove, and custom color assignment. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as SampleLegend } from './SampleLegend.vue';
+/** Horizontal or vertical timeline of ordered protocol steps with status indicators, drag-to-reorder, and step-type iconography. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as ExperimentTimeline } from './ExperimentTimeline.vue';
+/** Interactive sample list with drag-and-drop group assignment, color labeling, and smart-group support. */
 export { default as SampleSelector } from './SampleSelector.vue';
-/** Smart Group modal wired to the `useAutoGroup` engine. @deprecated Scheduled for removal in MINT 1.4; use `SmartGroupModal` instead. */
-export { default as AutoGroupModal } from './AutoGroupModal.vue';
-export { default as GroupAssigner } from './GroupAssigner.vue';
-export { default as SmartGroupModal } from './SmartGroupModal.vue';
-export { default as SmartGroupFieldRecipe } from './SmartGroupFieldRecipe.vue';
-export { default as SmartGroupManual } from './SmartGroupManual.vue';
+/** Smart Group modal wired to the `useAutoGroup` engine. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as AutoGroupModal } from './AutoGroupModal.vue';
+/** Drag-and-drop two-zone assigner for splitting sample groups into control and treatment arms. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as GroupAssigner } from './GroupAssigner.vue';
+/** Smart Group modal with the auto Field Recipe and the manual cohort builder. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as SmartGroupModal } from './SmartGroupModal.vue';
+/** Smart Group auto mode: groups samples by a field recipe. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as SmartGroupFieldRecipe } from './SmartGroupFieldRecipe.vue';
+/** Smart Group manual mode: builds cohorts from selected samples. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as SmartGroupManual } from './SmartGroupManual.vue';
 export { default as MoleculeInput } from './MoleculeInput.vue';
 export { default as ConcentrationInput } from './ConcentrationInput.vue';
 export { default as DoseCalculator } from './DoseCalculator.vue';
-export { default as ReagentEditor, type ReagentDefinition } from './ReagentEditor.vue';
-export { default as ReagentList } from './ReagentList.vue';
+/** Editor for a single reagent definition with axis orientation, dilution-series generator, and position-count validation for 96/384-well plates. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as ReagentEditor, type ReagentDefinition } from './ReagentEditor.vue';
+/** Sortable, searchable table of experiment reagents showing lot number, expiry, storage conditions, and stock level with low-stock warnings. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as ReagentList } from './ReagentList.vue';
 export { default as SampleHierarchyTree } from './SampleHierarchyTree.vue';
 export { default as ProtocolStepEditor } from './ProtocolStepEditor.vue';
 export { default as PlotlyChart } from './PlotlyChart.vue';
 export { default as ScientificNumber } from './ScientificNumber.vue';
 export { default as ChemicalFormula } from './ChemicalFormula.vue';
-/** Displays LC/MS or GC/MS acquisition sequence progress with ETA and remaining-time labels. @deprecated Scheduled for removal in MINT 1.4; instrument UI moves to the mld-ms plugins. */
+/** Displays LC/MS or GC/MS acquisition sequence progress with ETA and remaining-time labels. */
 export { default as SequenceProgressBar } from './SequenceProgressBar.vue';
 /** Status badge for instrument states: a tone dot (or dash / hollow shape for offline, never-reported and inactive) plus a label. */
 export { default as InstrumentStateBadge } from './InstrumentStateBadge.vue';
@@ -107,5 +121,6 @@ export { default as ArtifactSelectorModal } from './ArtifactSelectorModal.vue';
 export { default as GeneratedPathInput } from './GeneratedPathInput.vue';
 export { default as ArtifactSaveDialog } from './ArtifactSaveDialog.vue';
 export { default as ExperimentPopover } from './ExperimentPopover.vue';
-export { default as FitPanel } from './FitPanel.vue';
+/** Control panel for running a curve-fit job with progress bar, results table, and error display. @deprecated Scheduled for removal in MINT 1.4; no SDK replacement. */
+export { /** @deprecated Removed in MINT 1.4. */ default as FitPanel } from './FitPanel.vue';
 export { default as FilePicker } from './FilePicker.vue';