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

package/src/components/FileUploader.vue

@@ -31,7 +31,6 @@ const emit = defineEmits<{
 }>()
 
 const isDragOver = ref(false)
-const dragCount = ref(0)
 const inputRef = ref<HTMLInputElement>()
 const selectedFiles = ref<File[]>([])
 const folderName = ref<string | null>(null)
@@ -45,14 +44,9 @@ watch(() => [props.files, props.rootName] as const, ([files, rootName]) => {
 const isFolder = computed(() => props.mode === 'folder')
 const isMixed = computed(() => props.mode === 'file+folder')
 
-const promptText = computed(() => {
-  if (isDragOver.value) {
-    if (isFolder.value || dragCount.value === 0) return 'Release to add'
-    return `Release to add ${dragCount.value} file${dragCount.value === 1 ? '' : 's'}`
-  }
-  if (isMixed.value) return 'Drop files or a folder, or click to choose files'
-  if (isFolder.value) return 'Drop a folder, or click to choose'
-  return props.multiple ? 'Drop files, or click to choose' : 'Drop a file, or click to choose'
+const acceptLabel = computed(() => {
+  if (!props.accept) return isFolder.value ? 'a folder' : 'any file'
+  return props.accept.split(',').map(a => a.trim().replace('.', '').toUpperCase()).join(', ')
 })
 
 const maxSizeLabel = computed(() => {
@@ -69,12 +63,6 @@ const maxSizeLabel = computed(() => {
   return `${props.maxSize} bytes`
 })
 
-/** Accepted formats exactly as the caller wrote them, plus the size cap. */
-const formatsLabel = computed(() => [
-  props.accept?.split(',').map(a => a.trim()).filter(Boolean).join(' '),
-  maxSizeLabel.value && `max ${maxSizeLabel.value}`,
-].filter(Boolean).join(' · '))
-
 const fileTypeMap: Record<string, { color: string; label: string }> = {
   csv: { color: '#10B981', label: 'CSV' },
   tsv: { color: '#10B981', label: 'TSV' },
@@ -272,7 +260,6 @@ function handleDragOver(event: DragEvent) {
   event.preventDefault()
   if (!props.disabled) {
     isDragOver.value = true
-    dragCount.value = event.dataTransfer?.items?.length ?? 0
   }
 }
 
@@ -359,37 +346,34 @@ function formatFileSize(bytes: number): string {
       />
 
       <div class="mint-file-uploader__content">
-        <span class="mint-file-uploader__icon-tile">
-          <svg
-            v-if="isFolder"
-            class="mint-file-uploader__icon"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            viewBox="0 0 24 24"
-          >
-            <path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />
-          </svg>
-          <svg
-            v-else
-            class="mint-file-uploader__icon"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            viewBox="0 0 24 24"
-          >
-            <path d="M12 16V4M7 9l5-5 5 5M4 20h16" />
-          </svg>
-        </span>
+        <svg
+          v-if="isFolder"
+          class="mint-file-uploader__icon"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          viewBox="0 0 24 24"
+        >
+          <path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />
+        </svg>
+        <svg
+          v-else
+          class="mint-file-uploader__icon"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          viewBox="0 0 24 24"
+        >
+          <path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" /><path d="m16 16-4-4-4 4" /><path d="M12 12v9" />
+        </svg>
 
-        <div class="mint-file-uploader__copy">
-          <p class="mint-file-uploader__text">{{ promptText }}</p>
-          <p v-if="formatsLabel" class="mint-file-uploader__formats">{{ formatsLabel }}</p>
-        </div>
+        <p class="mint-file-uploader__text">
+          {{ isMixed ? 'Drop files or a folder, or click to choose files' : `Drop ${acceptLabel} or click` }}
+        </p>
       </div>
     </div>
 

package/src/components/SettingsModal.schema.ts

@@ -68,7 +68,9 @@ export function normalizeVisibleSettingsTabs(
 
 export function buildSettingsTabs(
   baseTabs: SettingsTab[],
-  showAppearance: boolean
+  showAppearance: boolean,
+  appearanceFirst = false
 ): SettingsTab[] {
-  return showAppearance ? [...baseTabs, APPEARANCE_TAB] : baseTabs
+  if (!showAppearance) return baseTabs
+  return appearanceFirst ? [APPEARANCE_TAB, ...baseTabs] : [...baseTabs, APPEARANCE_TAB]
 }

package/src/components/SettingsModal.vue

@@ -90,6 +90,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. */
@@ -238,7 +240,7 @@ const allTabs = computed<SettingsTab[]>(() => {
   const base: SettingsTab[] = settingsSchema.value
     ? visibleSchemaGroups.value.map(settingsGroupToTab)
     : manualTabs.value
-  return buildSettingsTabs(base, props.showAppearance)
+  return buildSettingsTabs(base, props.showAppearance, props.appearanceFirst)
 })
 
 const activeTab = ref(allTabs.value[0]?.id || APPEARANCE_TAB_ID)
@@ -272,7 +274,7 @@ const modalTabs = computed<ModalTab[]>(() =>
       description: tab.description,
       meta: group ? (modified ? String(modified) : undefined) : tab.meta,
       // Sections only split plugin groups from Appearance; without it there is nothing to split.
-      section: props.showAppearance ? (tab.id === APPEARANCE_TAB_ID ? 'Personal' : 'Plugin') : undefined,
+      section: props.showAppearance ? (tab.id === APPEARANCE_TAB_ID ? 'Personal' : tab.section ?? 'Plugin') : undefined,
     }
   }),
 )

package/src/components/WellPlate.colors.ts

@@ -1,16 +1,12 @@
 import type { 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 const DEFAULT_SAMPLE_TYPE_COLORS: Record<string, string> = {
-  sample: 'var(--mint-sample-1)',
-  control: 'var(--mint-sample-2)',
-  blank: 'var(--mint-sample-1)',
-  qc: 'var(--mint-sample-1)',
-  iqc: 'var(--mint-sample-1)',
+  sample: '#10b981',
+  control: '#3b82f6',
+  blank: '#f97316',
+  qc: '#8b5cf6',
+  iqc: '#ec4899',
 }
 
 export const HEATMAP_COLORS: Record<string, string[]> = {

package/src/components/WellPlate.legend.ts

@@ -1,8 +1,8 @@
 import type { WellLegendItem } from '../types'
 
 export const DEFAULT_WELL_LEGEND_ITEMS: WellLegendItem[] = [
-  { type: 'sample', label: 'Sample', color: 'var(--mint-sample-1)' },
-  { type: 'blank', label: 'Blank', color: 'var(--mint-sample-1)' },
-  { type: 'qc', label: 'QC', color: 'var(--mint-sample-1)' },
-  { type: 'iqc', label: 'IQC', color: 'var(--mint-sample-1)' },
+  { type: 'sample', label: 'Sample', color: '#10b981' },
+  { type: 'blank', label: 'Blank', color: '#f97316' },
+  { type: 'qc', label: 'QC', color: '#8b5cf6' },
+  { type: 'iqc', label: 'IQC', color: '#ec4899' },
 ]

package/src/components/WellPlate.rendering.ts

@@ -1,5 +1,4 @@
 import type { HeatmapConfig, Well, WellPlateSelectionMode, WellShape } from '../types'
-import { sampleTypeMarker } from '../utils/sampleTypeMarker'
 import {
   DEFAULT_SAMPLE_TYPE_COLORS,
   getHeatmapColor,
@@ -55,13 +54,15 @@ export function wellStyle(well: Well, state: WellStyleState): Record<string, str
       ?? state.sampleColors[well.sampleType] ?? DEFAULT_SAMPLE_TYPE_COLORS[well.sampleType])
   if (!groupColor) return {} // empty / filled wells are styled by well-plate.css
 
-  const { background, border } = sampleTypeMarker(well.sampleType!, groupColor).style
-  return { backgroundColor: background, border }
+  return sampleTint(groupColor)
 }
 
-/** In-well glyph of the 3a sample-type marker: `Q` for QC, `i` for iQC. */
-export function sampleTypeGlyph(well: Well): string | null {
-  return well.sampleType ? sampleTypeMarker(well.sampleType, '').glyph : null
+/** 15% fill and 40% outline of a sample color; color-mix accepts hex and `var()` tokens alike. */
+export function sampleTint(color: string): { backgroundColor: string; border: string } {
+  return {
+    backgroundColor: `color-mix(in srgb, ${color} 15%, transparent)`,
+    border: `1px solid color-mix(in srgb, ${color} 40%, transparent)`,
+  }
 }
 
 let sampleTypeIndicatorWarned = false
@@ -89,10 +90,10 @@ export function wellBadge(
   if (!showBadges || !well.metadata) return null
   const count = well.metadata.injectionCount as number | undefined
   if (count && count > 1) {
-    return { text: String(count), color: 'var(--text-primary)' }
+    return { text: String(count), color: '#6366f1' }
   }
   if (well.metadata.customMethod) {
-    return { text: '', color: 'var(--color-purple)' } // custom method: a dot, no glyph
+    return { text: '+', color: '#ec4899' }
   }
   return null
 }

package/src/components/WellPlate.vue

@@ -25,7 +25,7 @@ import {
 } from './WellPlate.geometry'
 import { useWellPlateInteraction } from './WellPlate.interaction'
 import {
-  sampleTypeGlyph,
+  sampleTint,
   warnSampleTypeIndicatorDeprecated,
   wellBadge,
   wellClasses,
@@ -34,7 +34,6 @@ import {
 } from './WellPlate.rendering'
 import { DEFAULT_WELL_LEGEND_ITEMS } from './WellPlate.legend'
 import DataStateInternal from './internal/DataStateInternal.vue'
-import { sampleTypeMarker } from '../utils/sampleTypeMarker'
 
 interface Props {
   modelValue?: string[]
@@ -476,27 +475,13 @@ const tableStyle = computed(() => ({
                 >
                   {{ well.id }}
                 </span>
-                <!-- Sample-type marker glyph (Q / i) -->
-                <span
-                  v-else-if="sampleTypeGlyph(well)"
-                  class="mint-well-plate__indicator"
-                >
-                  {{ sampleTypeGlyph(well) }}
-                </span>
-                <!-- The glyph moves to a corner when a label or well ID takes the centre -->
-                <span
-                  v-if="sampleTypeGlyph(well) && (getWellLabel(well) || props.showWellIds)"
-                  class="mint-well-plate__corner-glyph"
-                >
-                  {{ sampleTypeGlyph(well) }}
-                </span>
 
                 <!-- Badge (injection count or custom method) -->
                 <span
                   v-if="getWellBadge(well)"
-                  :class="['mint-well-plate__badge', { 'mint-well-plate__badge--dot': !getWellBadge(well)?.text }]"
+                  class="mint-well-plate__badge"
                   :style="{ backgroundColor: getWellBadge(well)?.color }"
-                  :title="getWellBadge(well)?.text ? `${getWellBadge(well)?.text}x injections` : 'Custom method'"
+                  :title="getWellBadge(well)?.text === '+' ? 'Custom method' : `${getWellBadge(well)?.text ?? ''}x injections`"
                 >
                   {{ getWellBadge(well)?.text }}
                 </span>
@@ -531,11 +516,9 @@ const tableStyle = computed(() => ({
             class="mint-well-plate__sample-legend-item"
           >
             <span
-              v-for="marker in [sampleTypeMarker(item.type, item.color)]"
-              :key="item.type"
               class="mint-well-plate__sample-legend-dot"
-              :style="marker.style"
-            >{{ marker.glyph }}</span>
+              :style="sampleTint(item.color)"
+            />
             <span class="mint-well-plate__sample-legend-text">{{ item.label }}</span>
           </div>
         </div>

package/src/components/index.ts

@@ -48,7 +48,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'
@@ -69,30 +70,43 @@ export { default as AdductText } from './AdductText.vue'
 export { default as SettingsModal } from './SettingsModal.vue'
 
 // Biological experiment components
-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'
 
 // Sample management components
+/** 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'
 
 // Lab/Experiment components
 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'
 
@@ -100,7 +114,7 @@ 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'
@@ -138,6 +152,7 @@ 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'

package/src/components/internal/AppTopBarPageSelectorInternal.vue

@@ -89,7 +89,7 @@ function handleSelect(page: PageSelectorItem) {
       </span>
     </button>
 
-    <div v-if="isOpen" class="mint-popover mint-page-selector__menu" role="menu">
+    <div v-if="isOpen" class="mint-page-selector__menu" role="menu">
       <div class="mint-page-selector__menu-title">Go to</div>
       <ActionItemInternal
         v-for="page in normalizedPages"
@@ -98,8 +98,8 @@ function handleSelect(page: PageSelectorItem) {
         :to="page.to"
         :disabled="page.disabled"
         :class="[
-          'mint-menu-item mint-page-selector__item',
-          { 'mint-menu-item--selected mint-page-selector__item--active': page.id === current?.id },
+          'mint-page-selector__item',
+          { 'mint-page-selector__item--active': page.id === current?.id },
           { 'mint-page-selector__item--disabled': page.disabled },
         ]"
         role="menuitem"
@@ -121,9 +121,6 @@ function handleSelect(page: PageSelectorItem) {
           </slot>
         </span>
         <span class="mint-page-selector__item-label">{{ page.label }}</span>
-        <svg class="mint-menu-item__check" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-          <path d="M3.5 8.5l3 3 6-7" />
-        </svg>
       </ActionItemInternal>
     </div>
   </div>

package/src/components/internal/FilePickerListInternal.vue

@@ -22,6 +22,8 @@ const props = defineProps<{
   loading: boolean
   error: string
   query: string
+  /** Search results stopped at a limit; the rows are the first matches only. */
+  truncated?: boolean
   mode: PickerSelectionMode
   selected: (node: PickerNode) => boolean
   selectable: (node: PickerNode) => boolean
@@ -171,6 +173,9 @@ function parts(name: string) {
     <div class="mint-picker__list-head" aria-hidden="true">
       <span /><span>Name</span><span>Size</span><span>Modified</span>
     </div>
+    <p v-if="truncated && !loading && !error && rows.length" class="mint-picker__truncated" role="status">
+      Showing the first {{ rows.length }} matches. Search a smaller folder or use a more specific search to see the rest.
+    </p>
     <div v-if="loading" class="mint-picker__skeleton">
       <Skeleton v-for="n in 6" :key="n" width="100%" height="1.25rem" />
     </div>
@@ -180,10 +185,14 @@ function parts(name: string) {
     </div>
     <div v-else-if="!rows.length" class="mint-picker__empty" role="status">
       <strong>{{
-        query ? 'No matching folders or files' : emptyTitle || 'No readable files'
+        truncated
+          ? 'Search stopped before finding a match'
+          : query ? 'No matching folders or files' : emptyTitle || 'No readable files'
       }}</strong>
       <span>{{
-        query ? 'Try a different search or include subfolders.' : 'Choose another location.'
+        truncated
+          ? 'Search a smaller folder or use a more specific search.'
+          : query ? 'Try a different search or include subfolders.' : 'Choose another location.'
       }}</span>
     </div>
     <template v-for="row in rows" v-else :key="row.node.path">

package/src/components/internal/ResourcePickerListInternal.vue

@@ -1,21 +1,25 @@
 <script setup lang="ts" generic="T">
 /**
  * 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).
  */
 import { computed, nextTick, reactive, ref, useId, watch } from 'vue'
 import BaseInput from '../BaseInput.vue'
 import Skeleton from '../Skeleton.vue'
 import EmptyState from '../EmptyState.vue'
+import type { PillVariant } from '../../types'
 
 export interface ResourcePickerRow {
-  /** Identifier shown in mono before the title, e.g. an experiment code. */
+  /** Identifier shown as a gray pill at the start of the second line, e.g. an experiment code. */
   code?: string
   title: string
-  /** Second-line facts, joined with " · ". */
+  /** Second-line facts after the code, joined with " · ". */
   meta?: string[]
-  /** Rendered last on the second line, in mono. */
+  /** Right column, above the date, tinted by its variant. */
+  status?: { label: string; variant: PillVariant }
+  /** Right column, in mono. */
   date?: string
 }
 
@@ -206,36 +210,26 @@ watch(
           @mouseenter="activeIndex = indexOf(item)"
         >
           <span class="mint-resource-picker__text">
-            <span class="mint-resource-picker__title"
-              ><template v-if="describe(item).code"
-                ><span class="mint-resource-picker__code">{{ describe(item).code }}</span> · </template
-              >{{ describe(item).title }}</span
+            <span class="mint-resource-picker__title">{{ describe(item).title }}</span>
+            <span v-if="describe(item).code || describe(item).meta?.length" class="mint-resource-picker__meta"
+              ><span v-if="describe(item).code" class="mint-resource-picker__code mint-exp-code mint-exp-code--sm">{{
+                describe(item).code
+              }}</span
+              ><span v-if="describe(item).meta?.length">{{ describe(item).meta!.join(' · ') }}</span></span
             >
+          </span>
+          <span v-if="describe(item).status || describe(item).date" class="mint-resource-picker__aside">
             <span
-              v-if="describe(item).meta?.length || describe(item).date"
-              class="mint-resource-picker__meta"
-              >{{ [...(describe(item).meta ?? [])].join(' · ')
-              }}<template v-if="describe(item).date"
-                >{{ describe(item).meta?.length ? ' · ' : ''
-                }}<span class="mint-resource-picker__date">{{ describe(item).date }}</span></template
-              ></span
+              v-if="describe(item).status"
+              class="mint-resource-picker__status"
+              :class="`mint-resource-picker__status--${describe(item).status!.variant}`"
+              >{{ describe(item).status!.label }}</span
             >
+            <span v-if="describe(item).date" class="mint-resource-picker__date">{{ describe(item).date }}</span>
           </span>
           <span v-if="$slots.actions" class="mint-resource-picker__actions" @click.stop>
             <slot name="actions" :item="item" />
           </span>
-          <span class="mint-resource-picker__check-slot" aria-hidden="true">
-            <svg
-              v-if="itemKey(item) === selectedKey"
-              class="mint-resource-picker__check"
-              viewBox="0 0 16 16"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-            >
-              <path d="M3.5 8.5l3 3 6-7" />
-            </svg>
-          </span>
         </div>
       </template>
     </div>

package/src/composables/autoGroup/index.ts

@@ -1,5 +1,5 @@
 // Internal engine for `useAutoGroup` / `AutoGroupModal`. Deprecated: scheduled
-// for removal in MINT 1.4 together with `useAutoGroup`; `SmartGroupModal` replaces it.
+// for removal in MINT 1.4 together with `useAutoGroup`; no SDK replacement.
 
 export { splitMulti, pickPrimaryDelimiter } from './tokenize'
 export type { Delimiter } from './tokenize'