@morscherlab/mint-sdk 1.4.0-beta.10 → 1.4.0-beta.11

package/dist/runtime.js

@@ -1,8 +1,8 @@
 import { i as AuthenticationRequiredError, o as useApi } from "./experiment-43OJtH7R.js";
 import { c as isTerminalJobStatus, d as normalizeJobState, f as resolveJobCapabilities, l as jobStatusLabel, o as resolveCurrentPluginId, s as isActiveJobStatus, u as normalizeJobPercent } from "./records-B6gpM_3e.js";
 import { A as createGeneratedAnalysisTransport, D as GeneratedPathInput_default, _ as getFieldRegistryEntry, j as useJobsEndpoint, v as getTypeDefault } from "./useListReorder-BitdUhxn.js";
-import { a as GeneratedPlotlyResult_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, o as createClient, p as buildEndpointUrl, u as uploadEndpoint } from "./useRackEditor-DiwCt77M.js";
-import { a as ComponentBindingRenderer_default, c as generatedJobFormSchema, f as useControlWorkspace, i as RuntimeUpdateNotice_default, l as normalizeGeneratedJobInput, n as PresenceAvatars_default, o as GeneratedPluginView_default, r as usePresence, s as generatedJobDefaults } from "./runtime-8bs8EogX.js";
+import { a as GeneratedPlotlyResult_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, o as createClient, p as buildEndpointUrl, u as uploadEndpoint } from "./useRackEditor-Q8xO-cCy.js";
+import { a as ComponentBindingRenderer_default, c as generatedJobFormSchema, f as useControlWorkspace, i as RuntimeUpdateNotice_default, l as normalizeGeneratedJobInput, n as PresenceAvatars_default, o as GeneratedPluginView_default, r as usePresence, s as generatedJobDefaults } from "./runtime-D7vKpfbF.js";
 import { A as getDefaultControlView, C as controlBindings, D as controlsTo, S as useControlSchema, b as defineControls, d as useForm, l as useFormBuilder, u as evaluateCondition, x as getControlDefaults, y as defineControlComponentBindings } from "./AppSidebar-mvm--GxN.js";
 import { a as combinePluginJobSources, o as useJobCenter, r as useRealtime } from "./useRealtime-C3iy9QkU.js";
 export { AuthenticationRequiredError, ComponentBindingRenderer_default as ComponentBindingRenderer, GeneratedPathInput_default as GeneratedPathInput, GeneratedPlotlyResult_default as GeneratedPlotlyResult, GeneratedPluginView_default as GeneratedPluginView, GeneratedResultRenderer_default as GeneratedResultRenderer, PresenceAvatars_default as PresenceAvatars, RuntimeUpdateNotice_default as RuntimeUpdateNotice, buildEndpointUrl, combinePluginJobSources, controlBindings, controlsTo, createClient, createGeneratedAnalysisTransport, defineControlComponentBindings, defineControls, downloadEndpoint, evaluateCondition, generatedJobDefaults, generatedJobFormSchema, getControlDefaults, getDefaultControlView, getFieldRegistryEntry, getTypeDefault, isActiveJobStatus, isTerminalJobStatus, jobStatusLabel, normalizeGeneratedJobInput, normalizeJobPercent, normalizeJobState, pluginFormDataFromPayload, resolveCurrentPluginId, resolveJobCapabilities, resolvePluginBaseUrl, uploadEndpoint, useApi, useControlSchema, useControlWorkspace, useEventStream, useForm, useFormBuilder, useJobCenter, useJobsEndpoint, usePresence, useRealtime, useSettingsEndpoint };

package/dist/styles.css

@@ -48,36 +48,35 @@
   margin: 0 auto;
 }
 
-.mint-generated-result[data-v-d4b8e2aa] {
+.mint-generated-result[data-v-f242a75c] {
   width: 100%;
 }
-.mint-generated-result__text[data-v-d4b8e2aa],
-.mint-generated-result__json[data-v-d4b8e2aa] {
+.mint-generated-result__text[data-v-f242a75c],
+.mint-generated-result__json[data-v-f242a75c] {
   margin: 0;
   color: var(--text-primary);
 }
-.mint-generated-result__text[data-v-d4b8e2aa] {
+.mint-generated-result__text[data-v-f242a75c] {
   max-width: 72ch;
   white-space: pre-wrap;
   line-height: 1.65;
 }
-.mint-generated-result__json[data-v-d4b8e2aa] {
+.mint-generated-result__json[data-v-f242a75c] {
   overflow: auto;
-  padding: 1rem;
-  border: 1px solid var(--border-color);
-  border-radius: 0.75rem;
-  background: var(--bg-secondary);
+  padding: 0.75rem 1rem;
+  border-radius: var(--radius-md);
+  background: var(--bg-tertiary);
   font-size: 0.8125rem;
   line-height: 1.55;
   white-space: pre-wrap;
 }
-.mint-generated-result__image[data-v-d4b8e2aa] {
+.mint-generated-result__image[data-v-f242a75c] {
   display: block;
   max-width: 100%;
   height: auto;
   margin: 0 auto;
 }
-.mint-generated-result__artifact[data-v-d4b8e2aa] {
+.mint-generated-result__artifact[data-v-f242a75c] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -303,7 +302,7 @@
 
 
 
-
+@layer theme, base, components, utilities;
 /* MINT SDK Styles - Main entry point
  * This file combines all SDK styles for proper bundling
  */
@@ -315,6 +314,9 @@
  * @import '@morscherlab/mint-sdk/styles';
  */
 
+/* Tailwind v4's layer order, declared first so the SDK's base and utilities
+   layers sort the same way with or without Tailwind in the host. */
+
 /* ==========================================================================
    CSS Variables - Light Mode
    ========================================================================== */
@@ -445,6 +447,8 @@
   --form-height-md: 2rem;
   --form-height-lg: 2.5rem;
   --mint-gutter: 0.5rem;
+  /* Distance from the outermost cards to the window edge, in every density. */
+  --mint-page-inset: 1rem;
 
   /* Semantic colors */
   --mint-success: #10B981;
@@ -654,6 +658,9 @@ button, input, select, textarea {
 /* ==========================================================================
    MINT Utility Classes (for Tailwind v4 compatibility)
    ========================================================================== */
+/* In Tailwind's utilities layer: unlayered, these beat every layered rule, so a
+   host's responsive variant (`lg:flex-row`) lost to the SDK's `.flex-col`. */
+@layer utilities {
 .bg-bg-hover {
   background-color: var(--bg-tertiary);
 }
@@ -1029,6 +1036,7 @@ button, input, select, textarea {
 .max-w-sm {
   max-width: 24rem;
 }
+} /* @layer utilities */
 
 /* ==========================================================================
    Reduced Motion
@@ -1490,10 +1498,11 @@ button, input, select, textarea {
 }
 
 /* Floating variant: all sections appear as separate cards on a background,
-   spaced by the density gutter (8px, 12px comfortable). */
+   16px from the window edge and spaced by the density gutter (8px, 12px
+   comfortable). */
 .mint-layout--floating {
   background-color: var(--bg-primary);
-  padding: var(--mint-gutter);
+  padding: var(--mint-page-inset);
   gap: var(--mint-gutter);
 }
 
@@ -2267,10 +2276,10 @@ button, input, select, textarea {
   padding: 0 0.375rem 0 0;
 }
 
-/* Variant: card - flat floating card, inset by the layout gutter */
+/* Variant: card - flat floating card, inset 16px from the window edge */
 .mint-topbar--card {
-  width: calc(100% - 2 * var(--mint-gutter));
-  margin: var(--mint-gutter) var(--mint-gutter) 0;
+  width: calc(100% - 2 * var(--mint-page-inset));
+  margin: var(--mint-page-inset) var(--mint-page-inset) 0;
   padding: 0.375rem 0.5rem 0.375rem 0.625rem;
   border-radius: var(--radius-lg);
   border: 1px solid var(--border-color);
@@ -4815,7 +4824,7 @@ button, input, select, textarea {
   width: 2.5rem;
   height: 3px;
   background-color: var(--border-color);
-  border-radius: 9999px;
+  border-radius: var(--radius-sm);
   margin: 0.5rem auto 0;
   flex-shrink: 0;
 }
@@ -4863,7 +4872,7 @@ button, input, select, textarea {
   width: 1.75rem;
   height: 1.75rem;
   padding: 0;
-  border-radius: 0.4375rem;
+  border-radius: var(--radius-md);
   color: var(--text-secondary);
   background: none;
   border: none;
@@ -5477,7 +5486,7 @@ button, input, select, textarea {
 /* Horizontal padding matches BaseInput canonical scale (10/12/16) so FormField's
    12px label indent aligns with the numeric text across all input types. */
 .mint-number-input__input--sm { padding: 0.25rem 0.625rem; font-size: 0.8125rem; }
-.mint-number-input__input--md { padding: 0.375rem 0.75rem;    font-size: 0.75rem; }
+.mint-number-input__input--md { padding: 0.375rem 0.75rem;    font-size: 0.875rem; }
 .mint-number-input__input--lg { padding: 0.5rem 1rem;      font-size: 1rem; }
 
 /* ---------- Unit suffix ---------- */
@@ -6310,7 +6319,9 @@ button, input, select, textarea {
   gap: 0.625rem;
   box-sizing: border-box;
   min-height: 2.5rem;
-  padding: 0.375rem 0.625rem 0.375rem 0.75rem;
+  /* 4px block padding: a 28px header control plus padding plus the 1px rule
+     stays inside the 40px strip (6px made it 41px). */
+  padding: 0.25rem 0.625rem 0.25rem 0.75rem;
   border-bottom: 1px solid var(--border-color);
   flex-shrink: 0;
 }
@@ -6407,7 +6418,7 @@ button.mint-section-card__row:hover {
 /* Comfortable density gives the header and rows back their height. */
 [data-density="comfortable"] .mint-section-card__header {
   min-height: 2.75rem;
-  padding: 0.5rem 0.75rem 0.5rem 0.875rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.875rem;
 }
 
 [data-density="comfortable"] .mint-section-card__row {
@@ -11204,7 +11215,7 @@ html.dark .mint-pill--soft {
 }
 
 .mint-dataframe__row:last-child .mint-dataframe__td {
-  border-bottom: none;
+  border-bottom: none !important;
 }
 
 /* Empty / error placeholder host (content comes from EmptyState) */
@@ -11763,13 +11774,13 @@ html.dark .mint-dataframe__loading {
 }
 
 /* ========================================================================
-   Rail variant (default) — single filled track, pill ends
+   Rail variant (default) — single filled track, square-ish ends (v2: no capsules)
    ======================================================================== */
 
 .mint-progress__track {
   width: 100%;
   background-color: var(--bg-tertiary);
-  border-radius: 9999px; /* pill ends — spec */
+  border-radius: var(--radius-sm);
   overflow: hidden;
 }
 
@@ -11779,7 +11790,7 @@ html.dark .mint-dataframe__loading {
 
 .mint-progress__bar {
   height: 100%;
-  border-radius: 9999px;
+  border-radius: var(--radius-sm);
   transition: width 0.3s ease;
 }
 
@@ -12835,6 +12846,12 @@ html.dark .mint-stale-banner {
   border-bottom-color: var(--border-color);
 }
 
+/* The pane ends after the last group's last row: no closing hairline there,
+   it would sit on the footer rule with nothing between them. */
+.mint-settings-modal__group:last-of-type > .mint-settings-modal__group-grid > .mint-settings-modal__row:last-child {
+  border-bottom: none;
+}
+
 /* The field cell anchors the ↺ reset, which sits just left of the control (5d).
    --_settings-control-w is the control's width; stacked fields (text, custom slots)
    keep 0 and put the reset at the right end of their label line. */
@@ -13453,10 +13470,9 @@ html.dark .mint-stale-banner {
 .mint-settings-modal__density-preview {
   --_density-row: 2.125rem;
 
+  /* A hairline table in the setting row, not a bordered box inside the modal. */
   grid-column: 1 / -1;
   overflow: hidden;
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md);
   font-size: 0.75rem;
 }
 

package/dist/{useRackEditor-DiwCt77M.js → useRackEditor-Q8xO-cCy.js}

@@ -4764,7 +4764,7 @@ var GeneratedResultRenderer_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			}, [createElementVNode("span", null, toDisplayString(__props.result.name), 1), createElementVNode("small", null, toDisplayString(__props.result.media_type), 1)], 8, _hoisted_5$1))]);
 		};
 	}
-}), [["__scopeId", "data-v-d4b8e2aa"]]);
+}), [["__scopeId", "data-v-f242a75c"]]);
 //#endregion
 //#region src/composables/useScheduleDrag.ts
 /** Handles pointer-driven create, move, and resize drag interactions for the ScheduleCalendar grid. */
@@ -5927,4 +5927,4 @@ function useRackEditor(initialRacks, options) {
 //#endregion
 export { hexToHsl as C, DataFrame_default as D, sampleTypeMarker as E, deriveShade as S, WellPlate_default as T, mintPlotlyTemplate as _, GeneratedPlotlyResult_default as a, PlateEditor_default as b, downloadEndpoint as c, useEventStream as d, useSettingsEndpoint as f, ChartContainer_default as g, PlotlyChart_default as h, GeneratedResultRenderer_default as i, pluginFormDataFromPayload as l, resolvePluginBaseUrl as m, ScheduleCalendar_default as n, createClient as o, buildEndpointUrl as p, useScheduleDrag as r, downloadBlob as s, useRackEditor as t, uploadEndpoint as u, DoseCalculator_default as v, hslToHex as w, SAMPLE_GROUP_TOKENS as x, dose_exports as y };
 
-//# sourceMappingURL=useRackEditor-DiwCt77M.js.map
+//# sourceMappingURL=useRackEditor-Q8xO-cCy.js.map