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

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

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

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

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

package/src/styles/components/well-plate.css

@@ -59,10 +59,9 @@
 /* Header cells */
 .mint-well-plate__col-header,
 .mint-well-plate__row-header {
-  font-family: var(--font-mono);
-  font-weight: 400;
+  font-weight: 500;
   text-align: center;
-  color: var(--text-secondary);
+  color: var(--text-muted);
 }
 
 .mint-well-plate__row-header {
@@ -83,9 +82,8 @@
   font-weight: 500;
   cursor: pointer;
   transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
-  /* Empty well: solid hairline, no dash — dozens of dashed rings read as noise (2b). */
-  background-color: var(--bg-card);
-  border: 1px solid color-mix(in srgb, var(--text-secondary) 35%, var(--border-color));
+  background-color: var(--bg-tertiary);
+  border: 1px dashed var(--border-color);
 }
 
 .mint-well-plate__well--rounded {
@@ -97,7 +95,7 @@
 }
 
 .mint-well-plate__well--filled {
-  background-color: var(--bg-tertiary);
+  border-style: solid;
 }
 
 .mint-well-plate__well--disabled {
@@ -106,29 +104,27 @@
 }
 
 /* Well states */
-/* Neutral ring + shape only, so a ring never vanishes into a sample color (2b). */
 .mint-well-plate__well--selected {
-  box-shadow: 0 0 0 2px var(--bg-card), 0 0 0 3.5px var(--text-primary);
+  box-shadow: 0 0 0 2px var(--mint-success), 0 0 0 3px var(--bg-card);
 }
 
 .mint-well-plate__well--drag-over {
   box-shadow: 0 0 0 2px var(--color-primary);
-  background-color: var(--color-primary-soft);
+  background-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
 }
 
 .mint-well-plate__well--hovered {
-  box-shadow: 0 0 0 1px var(--text-secondary);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mint-success) 50%, transparent);
 }
 
-/* !important: wellStyle() sets an inline solid `border` on every draggable well. */
 .mint-well-plate__well--drag-source {
-  border-style: dashed !important;
+  box-shadow: 0 0 0 2px var(--mint-warning);
   opacity: 0.5;
 }
 
 .mint-well-plate__well--drag-target {
-  box-shadow: 0 0 0 2px var(--bg-card), 0 0 0 3.5px var(--color-primary);
-  background-color: var(--color-primary-soft);
+  box-shadow: 0 0 0 2px var(--mint-success), 0 0 0 3px var(--bg-card);
+  background-color: color-mix(in srgb, var(--mint-success) 20%, transparent);
 }
 
 /* Optional semantic classes for `wellClass` callbacks. */
@@ -168,18 +164,6 @@
   color: var(--text-primary);
 }
 
-/* Q / i marker glyph when the centre holds a label or well ID (iQC has no other cue) */
-.mint-well-plate__corner-glyph {
-  position: absolute;
-  top: 3px;
-  left: 6px;
-  font-size: 10px;
-  font-weight: 700;
-  line-height: 1;
-  pointer-events: none;
-  color: var(--text-primary);
-}
-
 /* Well ID text */
 .mint-well-plate__well-id {
   font-weight: 500;
@@ -268,34 +252,21 @@
 /* Badge (injection count / custom method indicator) */
 .mint-well-plate__badge {
   position: absolute;
-  top: -5px;
-  right: -5px;
-  box-sizing: border-box;
-  min-width: 14px;
-  height: 14px;
-  padding: 0 3px;
+  top: -4px;
+  right: -4px;
+  width: 16px;
+  height: 16px;
   border-radius: 9999px;
-  box-shadow: 0 0 0 2px var(--bg-card);
-  font-family: var(--font-mono);
-  font-size: 9px;
+  font-size: 10px;
   font-weight: 700;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--bg-card);
+  color: white;
   pointer-events: none;
   line-height: 1;
 }
 
-/* Custom method: a plain dot (7a) */
-.mint-well-plate__badge--dot {
-  top: -2px;
-  right: -2px;
-  min-width: 8px;
-  height: 8px;
-  padding: 0;
-}
-
 /* Sample type legend bar */
 .mint-well-plate__sample-legend {
   margin-top: 0.5rem;
@@ -312,23 +283,15 @@
 }
 
 .mint-well-plate__sample-legend-dot {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
   width: 0.875rem;
   height: 0.875rem;
   border-radius: var(--radius-sm);
   flex-shrink: 0;
-  font-family: var(--font-mono);
-  font-size: 0.625rem;
-  font-weight: 600;
-  line-height: 1;
 }
 
 .mint-well-plate__sample-legend-text {
   font-size: 0.75rem;
-  color: var(--text-secondary);
+  color: var(--text-muted);
 }
 
 /* Empty / loading / error placeholder host (content comes from EmptyState) */

package/src/types/auth.ts

@@ -20,40 +20,3 @@ export interface UserInfo {
   roleObj?: RoleInfo | null
   isActive: boolean
 }
-
-// Login response from API
-export interface LoginResponse {
-  access_token: string
-  token_type: string
-  expires_in: number
-}
-
-// Token verification response
-export interface TokenVerifyResponse {
-  valid: boolean
-  username: string | null
-  expires_at: string | null
-}
-
-// Registration request
-export interface RegisterRequest {
-  username: string
-  password: string
-  email?: string
-  shortname?: string
-}
-
-// Profile update request
-export interface UpdateProfileRequest {
-  email?: string
-  shortname?: string
-  current_password?: string
-  new_password?: string
-}
-
-// Passkey credential info
-export interface CredentialInfo {
-  credential_id: string
-  device_name: string | null
-  created_at: string
-}

package/src/types/components.ts

@@ -13,6 +13,8 @@ interface ActionMenuItemBase {
   label: string
   disabled?: boolean
   danger?: boolean
+  /** Set on every item to make the menu a single choice (`menuitemradio`); true marks the current one. */
+  checked?: boolean
 }
 
 export type ActionMenuItem =
@@ -23,6 +25,8 @@ export type ActionMenuItem =
   | (ActionMenuItemBase & {
       href: string
       target?: '_self' | '_blank' | '_parent' | '_top'
+      /** Links navigate; only buttons can be single-choice items. */
+      checked?: never
     })
 
 // Input types
@@ -207,6 +211,8 @@ export interface TopBarSettingsConfig {
   title?: string
   tabs?: SettingsTabInput[]
   showAppearance?: boolean
+  /** List Appearance before the other tabs and open on it. */
+  appearanceFirst?: boolean
   size?: 'md' | 'lg' | 'xl'
   layout?: SettingsModalLayout
   /** Schema-driven config — when set, fields auto-render via SDK form components. */
@@ -496,6 +502,8 @@ export interface SettingsTab extends AccessControlled {
   description?: string
   /** Optional monospace meta shown right of the tab label — a count, "2 unsaved", etc. */
   meta?: string
+  /** Rail section heading for this tab when Appearance is shown; defaults to "Plugin". */
+  section?: string
 }
 
 export type SettingsTabInput = SettingsTab | string

package/src/types/fileBrowserTypes.ts

@@ -83,3 +83,18 @@ export interface FileBrowserLocation {
   mount_id: string
   path: string
 }
+
+/** Several directory levels in one response, parents before children. */
+export interface FileDirectoryTree {
+  listings?: FileDirectoryListing[]
+  /** True when the server's entry budget stopped before the requested depth. */
+  truncated?: boolean
+}
+
+/** Entries whose name contains a query, below one directory. */
+export interface FileSearchResult {
+  entries?: FileEntry[]
+  searched_directories?: number
+  /** True when a directory, result or time budget ended the search early. */
+  truncated?: boolean
+}

package/src/types/filePicker.ts

@@ -3,6 +3,8 @@ export type PickerSource = 'server' | 'localFile'
 export type PickerSelectionMode = 'single-file' | 'multi-file' | 'folder' | 'folder+files'
 /** `list` shows one folder at a time (the default); `tree` adds disclosure triangles. */
 export type PickerView = 'list' | 'tree'
+/** Row order inside each folder; folders always come before files. */
+export type PickerSort = 'newest' | 'oldest' | 'name' | 'name-desc'
 
 interface PickerNodeBase {
   path: string
@@ -39,6 +41,11 @@ export interface PickerRequest {
    */
   refresh?: true
 }
+/** What a search found before a server or walk limit stopped it. */
+export interface PickerSearchResult {
+  nodes: PickerNode[]
+  truncated: boolean
+}
 export interface PickerAdapter {
   /**
    * `listRoot()` returns mount points. FilePicker then shows them as header
@@ -55,7 +62,7 @@ export interface PickerAdapter {
     query: string,
     scope: { path: string; recursive: boolean },
     request?: PickerRequest,
-  ): Promise<PickerNode[]>
+  ): Promise<PickerNode[] | PickerSearchResult>
 }
 export interface PickerCapability {
   /** Case-insensitive suffixes, including compound extensions such as mzML.gz. */

package/src/types/index.ts

@@ -218,9 +218,11 @@ export type {
   FileBrowserLocation,
   FileBrowserSortKey,
   FileDirectoryListing,
+  FileDirectoryTree,
   FileEntry,
   FileEntryKind,
   FilePathCrumb,
+  FileSearchResult,
   FileSelection,
   ServerMount,
 } from './fileBrowserTypes'
@@ -296,11 +298,6 @@ export type {
 export type {
   AuthConfig,
   UserInfo,
-  LoginResponse,
-  TokenVerifyResponse,
-  RegisterRequest,
-  UpdateProfileRequest,
-  CredentialInfo,
 } from './auth'
 
 // Platform types

package/src/types/platform.ts

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