@morscherlab/mint-sdk 1.5.0-beta.2 → 1.5.0-beta.4

package/dist/{runtime-DrL6lKAb.js → runtime-DngeJtdq.js}

@@ -1,12 +1,12 @@
 import { i as useEventListener, o as __exportAll, t as useDropdownState } from "./useDropdownState-uFIz6Yv8.js";
 import { i as AuthenticationRequiredError, o as useApi } from "./experiment-DyO54FQB.js";
-import { L as EmptyState_default, d as isActiveJobStatus, f as isTerminalJobStatus, g as resolveJobCapabilities, h as normalizeJobState, m as normalizeJobPercent, o as resolveCurrentPluginId, p as jobStatusLabel, t as isRecord, v as useAppExperiment } from "./records-CWRztE5M.js";
-import { A as useJobsEndpoint, D as _plugin_vue_export_helper_default, E as GeneratedPathInput_default, M as usePlatform, O as GENERATED_JOBS_API_KEY, R as definePluginWorkspaceView, _ as getTypeDefault, g as getFieldRegistryEntry, h as replaceRecord, k as createGeneratedAnalysisTransport } from "./useListReorder-QqJc1dpX.js";
-import { r as LoadingSpinner_default, t as AlertBox_default } from "./AlertBox-CIhqsWbN.js";
-import { D as DataFrame_default, T as WellPlate_default, a as GeneratedPlotlyResult_default, b as PlateEditor_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, n as ScheduleCalendar_default, o as createClient, p as buildEndpointUrl, t as useRackEditor, u as uploadEndpoint, v as DoseCalculator_default } from "./useRackEditor-BHGM1Ngz.js";
-import { A as controlValuesToComponentBindingsById, C as usePluginWorkspace, D as useControlSchema, E as getControlDefaults, F as getDefaultControlView, M as controlsTo, O as controlBindings, S as AppLayout_default, T as defineControls, d as useForm, f as AppTopBar_default, j as controlValuesToComponentProps, k as controlValuesToComponentBindings, l as useFormBuilder, p as providePluginIdentity, t as AppSidebar_default, u as evaluateCondition, w as defineControlComponentBindings } from "./AppSidebar-BDrd7Kwn.js";
-import { n as isControlModelBinding } from "./controlSchemaModel-BbXbMgc6.js";
-import { i as JobsStatusTray_default, n as subscribeRealtime, r as useRealtime, t as currentPresence } from "./useRealtime-CNQbrS01.js";
+import { L as EmptyState_default, d as isActiveJobStatus, f as isTerminalJobStatus, g as resolveJobCapabilities, h as normalizeJobState, m as normalizeJobPercent, o as resolveCurrentPluginId, p as jobStatusLabel, t as isRecord, v as useAppExperiment } from "./records-BAymyHAn.js";
+import { A as useJobsEndpoint, D as _plugin_vue_export_helper_default, E as GeneratedPathInput_default, M as usePlatform, O as GENERATED_JOBS_API_KEY, R as definePluginWorkspaceView, _ as getTypeDefault, g as getFieldRegistryEntry, h as replaceRecord, k as createGeneratedAnalysisTransport } from "./useListReorder-W1bzK_bo.js";
+import { r as LoadingSpinner_default, t as AlertBox_default } from "./AlertBox-CexONPhA.js";
+import { D as SectionCard_default, O as DataFrame_default, T as WellPlate_default, a as GeneratedPlotlyResult_default, b as PlateEditor_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, n as ScheduleCalendar_default, o as createClient, p as buildEndpointUrl, t as useRackEditor, u as uploadEndpoint, v as DoseCalculator_default } from "./useRackEditor-Bmtuo0aj.js";
+import { A as controlValuesToComponentBindingsById, C as usePluginWorkspace, D as useControlSchema, E as getControlDefaults, F as getDefaultControlView, M as controlsTo, O as controlBindings, S as AppLayout_default, T as defineControls, d as useForm, f as AppTopBar_default, j as controlValuesToComponentProps, k as controlValuesToComponentBindings, l as useFormBuilder, p as providePluginIdentity, t as AppSidebar_default, u as evaluateCondition, w as defineControlComponentBindings } from "./AppSidebar-FxlF5_dI.js";
+import { n as isControlModelBinding } from "./controlSchemaModel-C_XqpkgE.js";
+import { i as JobsStatusTray_default, n as subscribeRealtime, r as useRealtime, t as currentPresence } from "./useRealtime-jOetF2mM.js";
 import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentScope, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toValue, unref, useId, useSlots, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import { ChartColumn, Eye, FlaskConical, Pencil, RefreshCw } from "lucide-vue-next";
 //#region src/composables/useToast.ts
@@ -81,7 +81,7 @@ var _hoisted_3$4 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_4$4 = {
+var _hoisted_4$3 = {
 	key: 1,
 	class: "mint-toast__icon",
 	viewBox: "0 0 24 24",
@@ -92,7 +92,7 @@ var _hoisted_4$4 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_5$3 = {
+var _hoisted_5$2 = {
 	key: 2,
 	class: "mint-toast__icon",
 	viewBox: "0 0 24 24",
@@ -103,7 +103,7 @@ var _hoisted_5$3 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_6$3 = {
+var _hoisted_6$2 = {
 	key: 3,
 	class: "mint-toast__icon",
 	viewBox: "0 0 24 24",
@@ -172,7 +172,7 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 							cx: "12",
 							cy: "12",
 							r: "10"
-						}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : toast.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_4$4, [..._cache[1] || (_cache[1] = [
+						}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : toast.type === "error" ? (openBlock(), createElementBlock("svg", _hoisted_4$3, [..._cache[1] || (_cache[1] = [
 							createElementVNode("circle", {
 								cx: "12",
 								cy: "12",
@@ -180,11 +180,11 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 							}, null, -1),
 							createElementVNode("path", { d: "m15 9-6 6" }, null, -1),
 							createElementVNode("path", { d: "m9 9 6 6" }, null, -1)
-						])])) : toast.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_5$3, [..._cache[2] || (_cache[2] = [
+						])])) : toast.type === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_5$2, [..._cache[2] || (_cache[2] = [
 							createElementVNode("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }, null, -1),
 							createElementVNode("path", { d: "M12 9v4" }, null, -1),
 							createElementVNode("path", { d: "M12 17h.01" }, null, -1)
-						])])) : (openBlock(), createElementBlock("svg", _hoisted_6$3, [..._cache[3] || (_cache[3] = [
+						])])) : (openBlock(), createElementBlock("svg", _hoisted_6$2, [..._cache[3] || (_cache[3] = [
 							createElementVNode("circle", {
 								cx: "12",
 								cy: "12",
@@ -1013,6 +1013,30 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/AppContainer.vue
+var AppContainer_default = /* @__PURE__ */ defineComponent({
+	__name: "AppContainer",
+	props: {
+		scrollable: {
+			type: Boolean,
+			default: false
+		},
+		direction: {},
+		gap: { default: "1rem" }
+	},
+	setup(__props) {
+		/** Content card with optional scroll lock, or a transparent flex layout shell with configurable direction and gap. */
+		const props = __props;
+		const isLayout = computed(() => !!props.direction);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["mint-container", isLayout.value ? ["mint-container--layout", __props.direction === "row" ? "mint-container--row" : "mint-container--column"] : ["mint-container--card", __props.scrollable ? "mint-container--scrollable" : ""]]),
+				style: normalizeStyle(isLayout.value ? { gap: __props.gap } : void 0)
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
 //#region src/components/Avatar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$4 = ["aria-label"];
 var _hoisted_2$3 = ["src", "alt"];
@@ -1020,7 +1044,7 @@ var _hoisted_3$3 = {
 	key: 1,
 	class: "mint-avatar__initials"
 };
-var _hoisted_4$3 = {
+var _hoisted_4$2 = {
 	key: 2,
 	class: "mint-avatar__fallback",
 	viewBox: "0 0 24 24",
@@ -1061,7 +1085,7 @@ var Avatar_default = /* @__PURE__ */ defineComponent({
 				src: __props.src,
 				alt: __props.alt || __props.name || "",
 				class: "mint-avatar__image"
-			}, null, 8, _hoisted_2$3)) : computedInitials.value ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(computedInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$3, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }, null, -1)])]))], 4), __props.status ? (openBlock(), createElementBlock("span", {
+			}, null, 8, _hoisted_2$3)) : computedInitials.value ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(computedInitials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$2, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }, null, -1)])]))], 4), __props.status ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass(["mint-avatar__status", `mint-avatar__status--${__props.status}`]),
 				"aria-hidden": "true"
@@ -1195,21 +1219,18 @@ function humanize(value) {
 }
 //#endregion
 //#region src/components/GeneratedPluginView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = { class: "mint-generated-workspace" };
-var _hoisted_2$2 = {
+var _hoisted_1$3 = {
 	key: 0,
 	class: "mint-generated-workspace__loading"
 };
-var _hoisted_3$2 = {
-	key: 1,
-	class: "mint-generated-workspace__header"
-};
-var _hoisted_4$2 = { key: 0 };
-var _hoisted_5$2 = {
+var _hoisted_2$2 = {
 	class: "mint-generated-workspace__resources",
 	"aria-label": "Job resource requirements"
 };
-var _hoisted_6$2 = { class: "mint-generated-workspace__result" };
+var _hoisted_3$2 = {
+	key: 0,
+	class: "mint-generated-workspace__description"
+};
 //#endregion
 //#region src/components/GeneratedPluginView.vue
 var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1243,6 +1264,7 @@ var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 		});
 		const activeDefinitionId = ref("");
 		const selectedJobId = ref("");
+		const sidebarCollapsed = ref(false);
 		const valuesByDefinition = reactive({});
 		const definitions = computed(() => generated.manifest.value?.jobs ?? []);
 		const activeDefinition = computed(() => definitions.value.find((definition) => definition.id === activeDefinitionId.value) ?? null);
@@ -1261,13 +1283,19 @@ var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			title: generated.manifest.value?.ui.title ?? "Analysis",
 			subtitle: generated.manifest.value?.ui.subtitle || generated.manifest.value?.ui.description,
 			toasts: false,
+			floating: true,
 			topBar: {
+				variant: "card",
 				pills: pillNav.value,
+				themeToggle: true,
 				settings: false,
 				standaloneLabel: props.showStandaloneLabel ? "Standalone" : false
 			},
 			sidebar: {
 				title: "Parameters",
+				width: "300px",
+				collapsible: true,
+				collapsedWidth: "3rem",
 				panels: panels.value,
 				forms: forms.value
 			},
@@ -1321,6 +1349,8 @@ var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			return openBlock(), createBlock(PluginWorkspaceView_default, {
 				view: activeDefinitionId.value,
 				"onUpdate:view": _cache[0] || (_cache[0] = ($event) => activeDefinitionId.value = $event),
+				"sidebar-collapsed": sidebarCollapsed.value,
+				"onUpdate:sidebarCollapsed": _cache[1] || (_cache[1] = ($event) => sidebarCollapsed.value = $event),
 				spec: workspace.value,
 				values: currentValues.value,
 				"form-loading": unref(generated).isSubmitting.value,
@@ -1329,32 +1359,39 @@ var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				onFormSubmit: submitJob,
 				onJobSelect: selectJob
 			}, {
-				default: withCtx(() => [createElementVNode("main", _hoisted_1$3, [unref(generated).isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createVNode(LoadingSpinner_default, { size: "lg" }), _cache[1] || (_cache[1] = createElementVNode("span", null, "Loading analysis workspace", -1))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-					unref(generated).error.value ? (openBlock(), createBlock(AlertBox_default, {
+				default: withCtx(() => [createVNode(AppContainer_default, {
+					direction: "column",
+					gap: "var(--mint-gutter)",
+					class: "mint-generated-workspace"
+				}, {
+					default: withCtx(() => [unref(generated).isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [createVNode(LoadingSpinner_default, { size: "lg" }), _cache[2] || (_cache[2] = createElementVNode("span", null, "Loading analysis workspace", -1))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [unref(generated).error.value ? (openBlock(), createBlock(AlertBox_default, {
 						key: 0,
 						tone: "error"
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(generated).error.value), 1)]),
 						_: 1
-					})) : createCommentVNode("", true),
-					activeDefinition.value ? (openBlock(), createElementBlock("header", _hoisted_3$2, [createElementVNode("div", null, [
-						_cache[2] || (_cache[2] = createElementVNode("p", { class: "mint-generated-workspace__eyebrow" }, "Analysis result", -1)),
-						createElementVNode("h1", null, toDisplayString(activeDefinition.value.title), 1),
-						activeDefinition.value.description ? (openBlock(), createElementBlock("p", _hoisted_4$2, toDisplayString(activeDefinition.value.description), 1)) : createCommentVNode("", true)
-					]), createElementVNode("div", _hoisted_5$2, [createElementVNode("span", null, toDisplayString(resourceSummary(activeDefinition.value)), 1)])])) : createCommentVNode("", true),
-					createElementVNode("section", _hoisted_6$2, [currentResult.value ? (openBlock(), createBlock(GeneratedResultRenderer_default, {
-						key: 0,
-						result: currentResult.value
-					}, null, 8, ["result"])) : (openBlock(), createBlock(EmptyState_default, {
-						key: 1,
-						title: "No result yet",
-						description: "Set the parameters and run the analysis. Jobs continue independently if you switch tabs.",
-						size: "md"
-					}))])
-				], 64))])]),
+					})) : createCommentVNode("", true), createVNode(SectionCard_default, { title: activeDefinition.value?.title ?? "Result" }, createSlots({
+						default: withCtx(() => [activeDefinition.value?.description ? (openBlock(), createElementBlock("p", _hoisted_3$2, toDisplayString(activeDefinition.value.description), 1)) : createCommentVNode("", true), currentResult.value ? (openBlock(), createBlock(GeneratedResultRenderer_default, {
+							key: 1,
+							result: currentResult.value
+						}, null, 8, ["result"])) : (openBlock(), createBlock(EmptyState_default, {
+							key: 2,
+							title: "No result yet",
+							description: "Set the parameters and run the analysis. Jobs continue independently if you switch tabs.",
+							size: "md"
+						}))]),
+						_: 2
+					}, [activeDefinition.value ? {
+						name: "actions",
+						fn: withCtx(() => [createElementVNode("span", _hoisted_2$2, toDisplayString(resourceSummary(activeDefinition.value)), 1)]),
+						key: "0"
+					} : void 0]), 1032, ["title"])], 64))]),
+					_: 1
+				})]),
 				_: 1
 			}, 8, [
 				"view",
+				"sidebar-collapsed",
 				"spec",
 				"values",
 				"form-loading",
@@ -1362,7 +1399,7 @@ var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-c8ff991b"]]);
+}), [["__scopeId", "data-v-90271c34"]]);
 //#endregion
 //#region src/components/internal/PlateEditorBindingInternal.vue
 var PlateEditorBindingInternal_default = /* @__PURE__ */ defineComponent({
@@ -1853,6 +1890,6 @@ var runtime_exports = /* @__PURE__ */ __exportAll({
 	useSettingsEndpoint: () => useSettingsEndpoint
 });
 //#endregion
-export { ComponentBindingRenderer_default as a, generatedJobFormSchema as c, PluginWorkspaceView_default as d, useControlWorkspace as f, useToast as g, AppToastContainer_default as h, RuntimeUpdateNotice_default as i, normalizeGeneratedJobInput as l, useJobCenter as m, PresenceAvatars_default as n, GeneratedPluginView_default as o, combinePluginJobSources as p, usePresence as r, generatedJobDefaults as s, runtime_exports as t, Avatar_default as u };
+export { useToast as _, ComponentBindingRenderer_default as a, generatedJobFormSchema as c, AppContainer_default as d, PluginWorkspaceView_default as f, AppToastContainer_default as g, useJobCenter as h, RuntimeUpdateNotice_default as i, normalizeGeneratedJobInput as l, combinePluginJobSources as m, PresenceAvatars_default as n, GeneratedPluginView_default as o, useControlWorkspace as p, usePresence as r, generatedJobDefaults as s, runtime_exports as t, Avatar_default as u };
 
-//# sourceMappingURL=runtime-DrL6lKAb.js.map
+//# sourceMappingURL=runtime-DngeJtdq.js.map