@morscherlab/mint-sdk 1.3.9 → 1.4.0-beta.1

package/src/styles/index.css

@@ -20,7 +20,6 @@
 @import './components/checkbox.css';
 @import './components/collapsible-card.css';
 @import './components/date-picker.css';
-@import './components/experiment-timeline.css';
 @import './components/file-uploader.css';
 @import './components/form-field.css';
 @import './components/icon-button.css';
@@ -32,7 +31,6 @@
 @import './components/number-input.css';
 @import './components/plate-editor.css';
 @import './components/radio-group.css';
-@import './components/sample-legend.css';
 @import './components/section-card.css';
 @import './components/secret-input.css';
 @import './components/select.css';
@@ -42,17 +40,14 @@
 @import './components/tabs.css';
 @import './components/tags-input.css';
 @import './components/textarea.css';
-@import './components/theme-toggle.css';
 @import './components/toast.css';
 @import './components/toggle.css';
 @import './components/well-plate.css';
 @import './components/sample-selector.css';
 @import './components/smart-group.css';
-@import './components/group-assigner.css';
 @import './components/molecule-input.css';
 @import './components/concentration-input.css';
 @import './components/dose-calculator.css';
-@import './components/reagent-list.css';
 @import './components/sample-hierarchy-tree.css';
 @import './components/protocol-step-editor.css';
 @import './components/segmented-control.css';
@@ -65,13 +60,14 @@
 @import './components/well-edit-popup.css';
 @import './components/loading-spinner.css';
 @import './components/divider.css';
-@import './components/status-indicator.css';
 @import './components/progress-bar.css';
 @import './components/avatar.css';
+@import './components/presence-avatars.css';
 @import './components/empty-state.css';
 @import './components/breadcrumb.css';
 @import './components/tooltip.css';
 @import './components/confirm-dialog.css';
+@import './components/version-conflict.css';
 @import './components/chart-container.css';
 @import './components/settings-modal.css';
 @import './components/scientific-number.css';
@@ -88,19 +84,14 @@
 @import './components/schedule-calendar.css';
 @import './components/resource-card.css';
 @import './components/form-builder.css';
-@import './components/experiment-data-viewer.css';
 @import './components/experiment-code-badge.css';
 @import './components/resource-picker-list.css';
 @import './components/experiment-selector-modal.css';
 @import './components/artifact-selector-modal.css';
 @import './components/artifact-save-dialog.css';
 @import './components/experiment-popover.css';
-@import './components/fit-panel.css';
-@import './components/app-avatar-menu.css';
 @import './components/app-page-selector.css';
 @import './components/app-pill-nav.css';
-@import './components/mobile-support-gate.css';
 @import './components/plugin-icon.css';
-@import './components/reagent-editor.css';
 
 @import './components/file-picker.css';

package/src/styles/variables.css

@@ -97,8 +97,7 @@
   --mint-sample-8: #14B8A6;
   --mint-sample-9: #6B7280;
 
-  /* Rack / plate slot positions — mirrored by SLOT_COLORS in
-     src/utils/color.ts. */
+  /* Rack / plate slot positions (R/G/B/Y) */
   --mint-slot-r: #ef4444;
   --mint-slot-g: #22c55e;
   --mint-slot-b: #3b82f6;
@@ -269,290 +268,6 @@ button, input, select, textarea {
   font-family: inherit;
 }
 
-/* ==========================================================================
-   Button Styles
-   ========================================================================== */
-.btn-primary {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  background-color: var(--color-primary);
-  color: white;
-  border-radius: 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: background-color 0.15s;
-  cursor: pointer;
-  border: none;
-}
-
-.btn-primary:hover {
-  background-color: var(--color-primary-hover);
-}
-
-.btn-primary:disabled {
-  opacity: var(--mint-disabled-opacity);
-  cursor: not-allowed;
-  background-color: var(--bg-tertiary);
-  color: var(--text-muted);
-}
-
-.btn-cta {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  background-color: var(--color-cta);
-  color: white;
-  border-radius: 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: background-color 0.15s;
-  cursor: pointer;
-  border: none;
-}
-
-.btn-cta:hover {
-  background-color: var(--color-cta-hover);
-}
-
-.btn-cta:disabled {
-  opacity: var(--mint-disabled-opacity);
-  cursor: not-allowed;
-  background-color: var(--bg-tertiary);
-  color: var(--text-muted);
-}
-
-.btn-secondary {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  background-color: var(--bg-secondary);
-  border: 1px solid var(--border-color);
-  color: var(--text-primary);
-  border-radius: 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: background-color 0.15s, border-color 0.15s;
-  cursor: pointer;
-}
-
-.btn-secondary:hover {
-  background-color: var(--bg-tertiary);
-}
-
-.btn-secondary:disabled {
-  opacity: var(--mint-disabled-opacity);
-  cursor: not-allowed;
-  background-color: var(--bg-tertiary);
-  color: var(--text-muted);
-}
-
-.btn-success {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  background-color: var(--mint-success);
-  color: white;
-  border-radius: 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: background-color 0.15s;
-  cursor: pointer;
-  border: none;
-}
-
-.btn-success:hover {
-  background-color: var(--mint-success-hover);
-}
-
-.btn-danger {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  background-color: var(--mint-error);
-  color: white;
-  border-radius: 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: background-color 0.15s;
-  cursor: pointer;
-  border: none;
-}
-
-.btn-danger:hover {
-  background-color: var(--mint-error-hover);
-}
-
-/* ==========================================================================
-   Card Styles
-   ========================================================================== */
-.card {
-  background-color: var(--bg-card);
-  border-radius: 0.75rem;
-  border: 1px solid var(--border-color);
-  box-shadow: var(--shadow-sm);
-  transition: background-color 0.15s, border-color 0.15s;
-}
-
-.card-hover:hover {
-  box-shadow: var(--shadow);
-}
-
-/* Floating card layout pattern */
-.floating-card {
-  background-color: var(--bg-secondary);
-  border: 1px solid var(--border-color);
-  border-radius: 0.75rem;
-  box-shadow: var(--shadow);
-}
-
-/* ==========================================================================
-   Input Styles
-   ========================================================================== */
-.input-modern {
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  color: var(--text-primary);
-  background-color: var(--bg-tertiary);
-  border: 1px solid var(--border-color);
-  border-radius: 0.5rem;
-  transition: all 0.15s ease;
-  outline: none;
-}
-
-.input-modern:hover {
-  border-color: var(--color-primary);
-}
-
-.input-modern:focus-visible {
-  border-color: var(--color-primary);
-  box-shadow: var(--focus-ring);
-}
-
-.input-modern::placeholder {
-  color: var(--text-muted);
-}
-
-/* Select styles */
-.select-modern {
-  width: 100%;
-  padding: 0.5rem 2rem 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  color: var(--text-primary);
-  background-color: var(--bg-tertiary);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
-  background-position: right 0.5rem center;
-  background-repeat: no-repeat;
-  background-size: 1.5em 1.5em;
-  border: 1px solid var(--border-color);
-  border-radius: 0.5rem;
-  appearance: none;
-  cursor: pointer;
-  transition: all 0.15s ease;
-  outline: none;
-}
-
-.select-modern:hover {
-  border-color: var(--color-primary);
-}
-
-.select-modern:focus-visible {
-  border-color: var(--color-primary);
-  box-shadow: var(--focus-ring);
-}
-
-/* Label styles */
-.label-modern {
-  display: block;
-  font-size: 0.6875rem;
-  font-weight: 500;
-  color: var(--text-secondary);
-  margin-bottom: 0.375rem;
-}
-
-/* ==========================================================================
-   Toggle Switch
-   ========================================================================== */
-.toggle-switch {
-  position: relative;
-  width: 2rem;
-  height: 1rem;
-  border-radius: 9999px;
-  background-color: var(--bg-tertiary);
-  cursor: pointer;
-  transition: background-color 0.15s ease;
-}
-
-.toggle-switch.active {
-  background-color: var(--color-primary);
-}
-
-.toggle-switch::after {
-  content: '';
-  position: absolute;
-  top: 2px;
-  left: 2px;
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 9999px;
-  background-color: white;
-  box-shadow: 0 1px 2px rgb(0 0 0 / 0.2);
-  transition: transform 0.15s ease;
-}
-
-.toggle-switch.active::after {
-  transform: translateX(1rem);
-}
-
-/* ==========================================================================
-   Checkbox Styles
-   ========================================================================== */
-.checkbox-modern {
-  width: 1.125rem;
-  height: 1.125rem;
-  border: 2px solid var(--border-color);
-  border-radius: 0.25rem;
-  background-color: var(--bg-primary);
-  cursor: pointer;
-  transition: all 0.15s ease;
-  appearance: none;
-  position: relative;
-}
-
-.checkbox-modern:hover {
-  border-color: var(--color-primary);
-}
-
-.checkbox-modern:checked {
-  background-color: var(--color-primary);
-  border-color: var(--color-primary);
-}
-
-.checkbox-modern:checked::after {
-  content: '';
-  position: absolute;
-  top: 1px;
-  left: 5px;
-  width: 5px;
-  height: 9px;
-  border: solid white;
-  border-width: 0 2px 2px 0;
-  transform: rotate(45deg);
-}
-
 /* ==========================================================================
    Scrollbar Styling
    ========================================================================== */
@@ -595,79 +310,9 @@ button, input, select, textarea {
   background-color: var(--scrollbar-hover);
 }
 
-/* ==========================================================================
-   Score/Status Colors
-   ========================================================================== */
-.score-good { color: #22c55e; }
-.score-warning { color: #eab308; }
-.score-bad { color: #ef4444; }
-
-.score-bg-good { background-color: rgba(34, 197, 94, 0.15); }
-.score-bg-warning { background-color: rgba(234, 179, 8, 0.15); }
-.score-bg-bad { background-color: rgba(239, 68, 68, 0.15); }
-
-/* ==========================================================================
-   Alert/Badge Colors
-   ========================================================================== */
-.alert-success {
-  background-color: rgba(16, 185, 129, 0.1);
-  color: #10B981;
-  border: 1px solid rgba(16, 185, 129, 0.2);
-}
-
-.alert-error {
-  background-color: rgba(239, 68, 68, 0.1);
-  color: #EF4444;
-  border: 1px solid rgba(239, 68, 68, 0.2);
-}
-
-.alert-warning {
-  background-color: rgba(245, 158, 11, 0.1);
-  color: #F59E0B;
-  border: 1px solid rgba(245, 158, 11, 0.2);
-}
-
-.alert-info {
-  background-color: var(--mint-info-bg);
-  color: #3B82F6;
-  border: 1px solid var(--mint-info-border);
-}
-
-/* ==========================================================================
-   Page Transitions
-   ========================================================================== */
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.15s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-
-/* ==========================================================================
-   Hover States
-   ========================================================================== */
-.hover-bg:hover {
-  background-color: var(--bg-tertiary);
-}
-
 /* ==========================================================================
    MINT Utility Classes (for Tailwind v4 compatibility)
    ========================================================================== */
-.rounded-mint {
-  border-radius: 0.5rem;
-}
-
-.rounded-mint-sm {
-  border-radius: 0.375rem;
-}
-
-.rounded-mint-lg {
-  border-radius: 0.75rem;
-}
-
 .bg-bg-hover {
   background-color: var(--bg-tertiary);
 }
@@ -696,43 +341,6 @@ button, input, select, textarea {
   border-color: var(--border-color);
 }
 
-.bg-mint-primary {
-  background-color: var(--color-primary);
-}
-
-.text-mint-primary {
-  color: var(--color-primary);
-}
-
-.border-mint-primary {
-  border-color: var(--color-primary);
-}
-
-.bg-mint-primary\/5 {
-  background-color: rgba(20, 184, 166, 0.05);
-}
-
-.hover\:border-mint-primary\/50:hover {
-  border-color: rgba(20, 184, 166, 0.5);
-}
-
-/* Danger/error color utilities */
-.text-mint-danger {
-  color: var(--mint-error);
-}
-
-.bg-mint-danger {
-  background-color: var(--mint-error);
-}
-
-.hover\:text-mint-danger:hover {
-  color: var(--mint-error);
-}
-
-.hover\:bg-mint-danger\/10:hover {
-  background-color: rgba(239, 68, 68, 0.1);
-}
-
 .hover\:bg-bg-hover:hover {
   background-color: var(--bg-tertiary);
 }
@@ -741,124 +349,11 @@ button, input, select, textarea {
   color: var(--text-primary);
 }
 
-.duration-mint {
-  transition-duration: 150ms;
-}
-
 .transition-colors {
   transition-property: color, background-color, border-color;
   transition-timing-function: ease;
 }
 
-/* ==========================================================================
-   Background Color Utilities (Tailwind v4 compatibility)
-   ========================================================================== */
-.bg-mint-primary-hover {
-  background-color: var(--color-primary-hover);
-}
-
-.hover\:bg-mint-primary-hover:hover {
-  background-color: var(--color-primary-hover);
-}
-
-.hover\:bg-mint-primary:hover {
-  background-color: var(--color-primary);
-}
-
-.bg-mint-cta {
-  background-color: var(--color-cta);
-}
-
-.hover\:bg-mint-cta-hover:hover {
-  background-color: var(--color-cta-hover);
-}
-
-.bg-mint-success {
-  background-color: var(--mint-success);
-}
-
-.hover\:bg-mint-success-hover:hover {
-  background-color: var(--mint-success-hover);
-}
-
-.hover\:bg-mint-danger-hover:hover {
-  background-color: var(--mint-error-hover);
-}
-
-.bg-mint-primary\/10 {
-  background-color: rgba(20, 184, 166, 0.1);
-}
-
-.hover\:bg-mint-primary\/20:hover {
-  background-color: rgba(20, 184, 166, 0.2);
-}
-
-.bg-mint-info {
-  background-color: var(--mint-info);
-}
-
-.bg-mint-warning {
-  background-color: var(--mint-warning);
-}
-
-.bg-mint-error {
-  background-color: var(--mint-error);
-}
-
-/* ==========================================================================
-   Text Color Utilities (Tailwind v4 compatibility)
-   ========================================================================== */
-.text-mint-success {
-  color: var(--mint-success);
-}
-
-.text-mint-warning {
-  color: var(--mint-warning);
-}
-
-.text-mint-info {
-  color: var(--mint-info);
-}
-
-.text-mint-error {
-  color: var(--mint-error);
-}
-
-.hover\:text-mint-primary:hover {
-  color: var(--color-primary);
-}
-
-.text-mint-primary\/80 {
-  color: rgba(20, 184, 166, 0.8);
-}
-
-.hover\:text-mint-primary\/70:hover {
-  color: rgba(20, 184, 166, 0.7);
-}
-
-/* ==========================================================================
-   Border Color Utilities (Tailwind v4 compatibility)
-   ========================================================================== */
-.border-mint-danger {
-  border-color: var(--mint-error);
-}
-
-.border-mint-success {
-  border-color: var(--mint-success);
-}
-
-.border-mint-warning {
-  border-color: var(--mint-warning);
-}
-
-.border-mint-info {
-  border-color: var(--mint-info);
-}
-
-.hover\:border-mint-primary:hover {
-  border-color: var(--color-primary);
-}
-
 /* ==========================================================================
    Focus & Ring Utilities (Tailwind v4 compatibility)
    ========================================================================== */
@@ -866,15 +361,6 @@ button, input, select, textarea {
   box-shadow: var(--focus-ring);
 }
 
-.focus\:ring-mint-primary:focus {
-  --tw-ring-color: var(--color-primary);
-  box-shadow: var(--focus-ring);
-}
-
-.focus\:ring-mint-danger:focus {
-  box-shadow: var(--focus-ring-error);
-}
-
 .focus\:ring-offset-2:focus {
   box-shadow: var(--focus-ring-offset);
 }
@@ -895,10 +381,6 @@ button, input, select, textarea {
   box-shadow: var(--focus-ring);
 }
 
-.ring-mint-primary {
-  --tw-ring-color: var(--color-primary);
-}
-
 /* ==========================================================================
    Focus-within Utilities (Tailwind v4 compatibility)
    ========================================================================== */
@@ -906,14 +388,6 @@ button, input, select, textarea {
   box-shadow: var(--focus-ring);
 }
 
-.focus-within\:ring-mint-primary:focus-within {
-  box-shadow: var(--focus-ring);
-}
-
-.focus-within\:ring-mint-danger:focus-within {
-  box-shadow: var(--focus-ring-error);
-}
-
 .focus-within\:border-transparent:focus-within {
   border-color: transparent;
 }

package/src/types/analysisArtifactTypes.ts

@@ -68,7 +68,7 @@ interface ArtifactSavePayloadBase {
 /**
  * JSON artifact save — handler maps to save_analysis_artifact, which upserts by key.
  * That call only assigns display_name/note when they are provided, and cannot clear
- * either; use the metadata PATCH (useAnalysisArtifacts.updateMetadata) for that.
+ * either; use the metadata PATCH (useArtifacts.updateMetadata) for that.
  */
 export interface JsonArtifactSavePayload extends ArtifactSavePayloadBase {
   kind: 'json'

package/src/types/auth.ts

@@ -1,15 +1,5 @@
 import type { RoleInfo } from '../permissions'
 
-// Authentication configuration
-export interface AuthConfig {
-  authRequired: boolean
-  passkeyEnabled: boolean
-  passkeyRegistered: boolean
-  registrationEnabled: boolean
-  databaseMode: string
-  experimentVisibilityMode?: 'open' | 'restricted'
-}
-
 // User information
 export interface UserInfo {
   id: number