@morscherlab/mint-sdk 1.4.0-beta.2 → 1.4.0-beta.21

package/dist/{useRackEditor-BD5NIo5s.js → useRackEditor-KpZ4iJ6o.js}

@@ -1,15 +1,14 @@
-import { a as __exportAll, i as BaseButton_default, n as useFocusTrap, r as useEventListener } from "./BaseModal-DfRIuVoj.js";
-import { a as authenticationRequiredError, d as tryUseSettingsStore, i as AuthenticationRequiredError, m as mintApiErrorFromResponse, o as useApi, t as useExperimentStore, u as tableDensityToSize } from "./experiment-43OJtH7R.js";
-import { A as useRovingFocus, L as BaseInput_default, O as FormField_default, P as useListSelection, h as FORMAT_KEY, i as getInjectedPlatformContext, j as BaseCheckbox_default, k as EmptyState_default } from "./records-BzTcxekG.js";
-import { A as createGeneratedAnalysisTransport, B as defineDataFrame, G as useSortedItems, L as formatTime, M as createEventStream, N as NumberInput_default, O as _plugin_vue_export_helper_default, U as defineWellPlate, b as useConcentrationUnits, i as useReorderAnnouncer, n as reorderList, o as usePlatform, r as useListReorder, y as ConcentrationInput_default, z as applySpecDefaults } from "./useListReorder-CcbEYxX-.js";
-import { t as SegmentedControl_default } from "./SegmentedControl-DERBN-Xd.js";
-import { i as LoadingSpinner_default, r as DataStateInternal_default, s as useTextSearch, t as ActionMenu_default } from "./ActionMenu-CScINahU.js";
+import { a as BaseButton_default, i as useEventListener, o as __exportAll, r as useFocusTrap } from "./useDropdownState-uFIz6Yv8.js";
+import { a as authenticationRequiredError, c as tableDensityToSize, f as mintApiErrorFromResponse, i as AuthenticationRequiredError, l as tryUseSettingsStore, o as useApi, t as useExperimentStore } from "./experiment-DyO54FQB.js";
+import { H as useListSelection, I as FormField_default, K as BaseInput_default, R as useRovingFocus, W as useFloatingPanel, i as getInjectedPlatformContext, j as formatTime, l as FORMAT_KEY, z as BaseCheckbox_default } from "./records-D4aQXyZu.js";
+import { D as _plugin_vue_export_helper_default, F as applySpecDefaults, I as defineDataFrame, M as usePlatform, N as NumberInput_default, V as useSortedItems, i as useReorderAnnouncer, j as createEventStream, k as createGeneratedAnalysisTransport, n as reorderList, r as useListReorder, v as ConcentrationInput_default, y as useConcentrationUnits, z as defineWellPlate } from "./useListReorder-DsuzwWGS.js";
+import { t as SegmentedControl_default } from "./SegmentedControl-DyUPH3I5.js";
+import { n as DataStateInternal_default, o as useTextSearch, r as LoadingSpinner_default } from "./AlertBox-DwgNTEqf.js";
+import { n as ActionMenu_default, t as useRequest } from "./useRequest-BuDmW8Jc.js";
 import { r as useAuthStore } from "./auth-SliLnFre.js";
-import { t as ConfirmDialog_default } from "./ConfirmDialog-CJ7hqYUP.js";
-import { t as useRequest } from "./useRequest-D5JDfsgZ.js";
+import { t as ConfirmDialog_default } from "./ConfirmDialog-CjWoxAD1.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, unref, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { computePosition, flip, shift } from "@floating-ui/dom";
-import { ChevronRight, Download, Move, Plus, Redo2, Trash2, Undo2, Upload, X } from "lucide-vue-next";
+import { ChartLine, ChevronRight, Download, Move, Plus, Redo2, Trash2, Undo2, Upload, X } from "lucide-vue-next";
 //#region src/components/DataFrame.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$9 = {
 	key: 0,
@@ -37,15 +36,15 @@ var _hoisted_11$5 = {
 	key: 1,
 	d: "M12 5v14m6-6-6 6-6-6"
 };
-var _hoisted_12$4 = { key: 2 };
-var _hoisted_13$4 = [
+var _hoisted_12$5 = { key: 2 };
+var _hoisted_13$5 = [
 	"aria-label",
 	"aria-valuemin",
 	"aria-valuenow",
 	"onMousedown",
 	"onKeydown"
 ];
-var _hoisted_14$4 = [
+var _hoisted_14$5 = [
 	"tabindex",
 	"role",
 	"onClick",
@@ -79,7 +78,7 @@ var _hoisted_21$4 = {
 };
 var _hoisted_22$4 = { class: "mint-dataframe__page-info" };
 var _hoisted_23$4 = { class: "mint-dataframe__page-controls" };
-var _hoisted_24$3 = ["disabled"];
+var _hoisted_24$4 = ["disabled"];
 var _hoisted_25$3 = { class: "mint-dataframe__page-number" };
 var _hoisted_26$2 = ["disabled"];
 /** Inbox glyph kept from the pre-1.2 hand-rolled empty state. */
@@ -412,7 +411,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 										"stroke-width": "2",
 										"stroke-linecap": "round",
 										"stroke-linejoin": "round"
-									}, [activeSort.value?.key === col.key && activeSort.value?.direction === "asc" ? (openBlock(), createElementBlock("path", _hoisted_10$5)) : activeSort.value?.key === col.key && activeSort.value?.direction === "desc" ? (openBlock(), createElementBlock("path", _hoisted_11$5)) : (openBlock(), createElementBlock("g", _hoisted_12$4, [..._cache[6] || (_cache[6] = [
+									}, [activeSort.value?.key === col.key && activeSort.value?.direction === "asc" ? (openBlock(), createElementBlock("path", _hoisted_10$5)) : activeSort.value?.key === col.key && activeSort.value?.direction === "desc" ? (openBlock(), createElementBlock("path", _hoisted_11$5)) : (openBlock(), createElementBlock("g", _hoisted_12$5, [..._cache[6] || (_cache[6] = [
 										createElementVNode("path", { d: "m21 16-4 4-4-4" }, null, -1),
 										createElementVNode("path", { d: "M17 20V4" }, null, -1),
 										createElementVNode("path", { d: "m3 8 4-4 4 4" }, null, -1),
@@ -436,7 +435,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								onMousedown: ($event) => startResize(col, $event),
 								onKeydown: ($event) => handleResizeKeydown($event, col),
 								onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-							}, null, 40, _hoisted_13$4)) : createCommentVNode("", true)], 14, _hoisted_6$6);
+							}, null, 40, _hoisted_13$5)) : createCommentVNode("", true)], 14, _hoisted_6$6);
 						}), 128)),
 						config.value.deletable ? (openBlock(), createElementBlock("th", {
 							key: 1,
@@ -502,7 +501,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 								title: config.value.deleteLabel,
 								onClick: withModifiers(($event) => handleDeleteRow(row, rowIndex), ["stop"])
 							}, [..._cache[7] || (_cache[7] = [createStaticVNode("<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6h18\"></path><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"></path><path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\"></path><path d=\"M10 11v6\"></path><path d=\"M14 11v6\"></path></svg>", 1)])], 8, _hoisted_17$4)], 2)) : createCommentVNode("", true)
-						], 42, _hoisted_14$4);
+						], 42, _hoisted_14$5);
 					}), 128))])]),
 					__props.error ? (openBlock(), createElementBlock("div", _hoisted_18$4, [renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [createVNode(DataStateInternal_default, {
 						state: "error",
@@ -527,7 +526,7 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_24$3),
+					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_24$4),
 					createElementVNode("span", _hoisted_25$3, toDisplayString(currentPage.value) + " / " + toDisplayString(totalPages.value), 1),
 					createElementVNode("button", {
 						type: "button",
@@ -814,12 +813,10 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 			emit("close");
 		}
 		const containerRef = ref(null);
-		const panelStyle = ref({ opacity: "0" });
-		async function place() {
-			const panel = containerRef.value;
-			if (!panel || props.inline) return;
+		const pointAnchor = () => {
+			if (props.inline) return null;
 			const { x, y } = props.position;
-			const placed = await computePosition({ getBoundingClientRect: () => ({
+			return { getBoundingClientRect: () => ({
 				x,
 				y,
 				left: x,
@@ -828,18 +825,12 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 				bottom: y,
 				width: 0,
 				height: 0
-			}) }, panel, {
-				placement: "right-start",
-				strategy: "fixed",
-				middleware: [flip(), shift({ padding: 8 })]
-			});
-			panelStyle.value = {
-				left: `${placed.x}px`,
-				top: `${placed.y}px`
-			};
-		}
-		watch(() => props.position, place);
-		watch(showAdvanced, () => nextTick(place));
+			}) };
+		};
+		const { style: panelStyle } = useFloatingPanel(pointAnchor, containerRef, computed(() => !props.inline), {
+			placement: "right-start",
+			offset: 0
+		});
 		const trapActive = ref(false);
 		useFocusTrap({
 			containerRef,
@@ -857,7 +848,6 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			if (props.inline) return focusInline();
 			trapActive.value = true;
-			place();
 			nextTick(() => containerRef.value?.querySelector("[data-field=\"label\"] input")?.focus());
 		});
 		onBeforeUnmount(() => {
@@ -876,15 +866,15 @@ var WellEditPopupInternal_default = /* @__PURE__ */ defineComponent({
 				ref_key: "containerRef",
 				ref: containerRef,
 				class: normalizeClass(__props.inline ? "mint-well-edit-popup mint-well-edit-popup--inline" : "mint-popover mint-well-edit-popup"),
-				style: normalizeStyle(__props.inline ? void 0 : panelStyle.value),
+				style: normalizeStyle(__props.inline ? void 0 : unref(panelStyle)),
 				role: __props.inline ? "region" : "dialog",
 				"aria-label": `Edit well ${__props.wellId}`,
 				tabindex: __props.inline ? void 0 : -1,
 				onClick: _cache[12] || (_cache[12] = ($event) => __props.inline || $event.stopPropagation()),
-				onKeydown: [_cache[13] || (_cache[13] = withKeys(($event) => {
+				onKeydown: [_cache[13] || (_cache[13] = withKeys(withModifiers(($event) => {
 					commit();
 					emit("close");
-				}, ["escape"])), _cache[14] || (_cache[14] = ($event) => __props.inline && handleInlineEnter($event))],
+				}, ["prevent"]), ["escape"])), _cache[14] || (_cache[14] = ($event) => __props.inline && handleInlineEnter($event))],
 				onFocusout: handleFocusout
 			}, [
 				createElementVNode("div", _hoisted_2$6, [
@@ -1656,12 +1646,12 @@ var _hoisted_8$4 = ["colspan"];
 var _hoisted_9$4 = ["colspan"];
 var _hoisted_10$4 = { key: 1 };
 var _hoisted_11$4 = ["rowspan"];
-var _hoisted_12$3 = {
+var _hoisted_12$4 = {
 	key: 0,
 	class: "mint-well-plate__row-condition-wrap"
 };
-var _hoisted_13$3 = { class: "mint-well-plate__row-condition-text" };
-var _hoisted_14$3 = [
+var _hoisted_13$4 = { class: "mint-well-plate__row-condition-text" };
+var _hoisted_14$4 = [
 	"aria-label",
 	"aria-selected",
 	"aria-disabled",
@@ -1684,19 +1674,23 @@ var _hoisted_16$3 = {
 	key: 1,
 	class: "mint-well-plate__well-id"
 };
-var _hoisted_17$3 = ["title"];
-var _hoisted_18$3 = {
+var _hoisted_17$3 = {
+	key: 2,
+	class: "mint-well-plate__indicator"
+};
+var _hoisted_18$3 = ["title"];
+var _hoisted_19$3 = {
 	key: 0,
 	class: "mint-well-plate__legend"
 };
-var _hoisted_19$3 = { class: "mint-well-plate__legend-label" };
-var _hoisted_20$3 = { class: "mint-well-plate__legend-bar" };
-var _hoisted_21$3 = { class: "mint-well-plate__legend-label" };
-var _hoisted_22$3 = {
+var _hoisted_20$3 = { class: "mint-well-plate__legend-label" };
+var _hoisted_21$3 = { class: "mint-well-plate__legend-bar" };
+var _hoisted_22$3 = { class: "mint-well-plate__legend-label" };
+var _hoisted_23$3 = {
 	key: 1,
 	class: "mint-well-plate__sample-legend"
 };
-var _hoisted_23$3 = { class: "mint-well-plate__sample-legend-text" };
+var _hoisted_24$3 = { class: "mint-well-plate__sample-legend-text" };
 //#endregion
 //#region src/components/WellPlate.vue
 var WellPlate_default = /* @__PURE__ */ defineComponent({
@@ -1936,7 +1930,7 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 											fontSize: sizeConfig.value.fontSize,
 											..."condition" in span ? { color: span.condition.color } : {}
 										})
-									}, ["condition" in span ? (openBlock(), createElementBlock("div", _hoisted_12$3, [createElementVNode("span", _hoisted_13$3, toDisplayString(span.condition.label), 1)])) : createCommentVNode("", true)], 14, _hoisted_11$4);
+									}, ["condition" in span ? (openBlock(), createElementBlock("div", _hoisted_12$4, [createElementVNode("span", _hoisted_13$4, toDisplayString(span.condition.label), 1)])) : createCommentVNode("", true)], 14, _hoisted_11$4);
 								}), 128)) : createCommentVNode("", true),
 								config.value.showLabels ? (openBlock(), createElementBlock("td", {
 									key: 1,
@@ -1998,35 +1992,35 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 												"prevent"
 											]), ["space"])
 										]
-									}, [getWellLabel(well) ? (openBlock(), createElementBlock("span", _hoisted_15$3, toDisplayString(getWellLabel(well)), 1)) : config.value.showWellIds ? (openBlock(), createElementBlock("span", _hoisted_16$3, toDisplayString(well.id), 1)) : createCommentVNode("", true), getWellBadge(well) ? (openBlock(), createElementBlock("span", {
-										key: 2,
+									}, [getWellLabel(well) ? (openBlock(), createElementBlock("span", _hoisted_15$3, toDisplayString(getWellLabel(well)), 1)) : config.value.showWellIds ? (openBlock(), createElementBlock("span", _hoisted_16$3, toDisplayString(well.id), 1)) : well.sampleType === "qc" || well.sampleType === "iqc" ? (openBlock(), createElementBlock("span", _hoisted_17$3, toDisplayString(well.sampleType === "qc" ? "Q" : "i"), 1)) : createCommentVNode("", true), getWellBadge(well) ? (openBlock(), createElementBlock("span", {
+										key: 3,
 										class: "mint-well-plate__badge",
 										style: normalizeStyle({ backgroundColor: getWellBadge(well)?.color }),
 										title: getWellBadge(well)?.text === "+" ? "Custom method" : `${getWellBadge(well)?.text ?? ""}x injections`
-									}, toDisplayString(getWellBadge(well)?.text), 13, _hoisted_17$3)) : createCommentVNode("", true)], 46, _hoisted_14$3)]);
+									}, toDisplayString(getWellBadge(well)?.text), 13, _hoisted_18$3)) : createCommentVNode("", true)], 46, _hoisted_14$4)]);
 								}), 128))
 							]);
 						}), 128))])
 					], 12, _hoisted_6$4),
-					config.value.heatmap?.enabled && config.value.heatmap.showLegend ? (openBlock(), createElementBlock("div", _hoisted_18$3, [
-						createElementVNode("span", _hoisted_19$3, toDisplayString(config.value.heatmap.min ?? 0), 1),
-						createElementVNode("div", _hoisted_20$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(config.value.heatmap.colorScale === "custom" && config.value.heatmap.customColors?.length ? config.value.heatmap.customColors : unref(HEATMAP_COLORS)[config.value.heatmap.colorScale || "viridis"], (color, index) => {
+					config.value.heatmap?.enabled && config.value.heatmap.showLegend ? (openBlock(), createElementBlock("div", _hoisted_19$3, [
+						createElementVNode("span", _hoisted_20$3, toDisplayString(config.value.heatmap.min ?? 0), 1),
+						createElementVNode("div", _hoisted_21$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(config.value.heatmap.colorScale === "custom" && config.value.heatmap.customColors?.length ? config.value.heatmap.customColors : unref(HEATMAP_COLORS)[config.value.heatmap.colorScale || "viridis"], (color, index) => {
 							return openBlock(), createElementBlock("div", {
 								key: index,
 								class: "mint-well-plate__legend-segment",
 								style: normalizeStyle({ backgroundColor: color })
 							}, null, 4);
 						}), 128))]),
-						createElementVNode("span", _hoisted_21$3, toDisplayString(config.value.heatmap.max ?? 1), 1)
+						createElementVNode("span", _hoisted_22$3, toDisplayString(config.value.heatmap.max ?? 1), 1)
 					])) : createCommentVNode("", true),
-					config.value.showLegend ? (openBlock(), createElementBlock("div", _hoisted_22$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeLegendItems.value, (item) => {
+					config.value.showLegend ? (openBlock(), createElementBlock("div", _hoisted_23$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeLegendItems.value, (item) => {
 						return openBlock(), createElementBlock("div", {
 							key: item.type,
 							class: "mint-well-plate__sample-legend-item"
 						}, [createElementVNode("span", {
 							class: "mint-well-plate__sample-legend-dot",
 							style: normalizeStyle(unref(sampleTint)(item.color))
-						}, null, 4), createElementVNode("span", _hoisted_23$3, toDisplayString(item.label), 1)]);
+						}, null, 4), createElementVNode("span", _hoisted_24$3, toDisplayString(item.label), 1)]);
 					}), 128))])) : createCommentVNode("", true)
 				])])),
 				config.value.editable && unref(editingWellId) ? renderSlot(_ctx.$slots, "well-editor", {
@@ -2247,16 +2241,16 @@ var _hoisted_11$3 = {
 	key: 0,
 	class: "mint-plate-editor__field mint-plate-editor__field--format"
 };
-var _hoisted_12$2 = {
+var _hoisted_12$3 = {
 	key: 1,
 	class: "mint-plate-editor__field"
 };
-var _hoisted_13$2 = {
+var _hoisted_13$3 = {
 	class: "mint-plate-editor__slots",
 	role: "group",
 	"aria-label": "Slot"
 };
-var _hoisted_14$2 = ["aria-pressed", "onClick"];
+var _hoisted_14$3 = ["aria-pressed", "onClick"];
 var _hoisted_15$2 = { class: "mint-plate-editor__toolbar-end" };
 var _hoisted_16$2 = ["disabled", "title"];
 var _hoisted_17$2 = ["aria-pressed"];
@@ -2765,7 +2759,7 @@ var PlateEditor_default = /* @__PURE__ */ defineComponent({
 						"aria-label": "Format",
 						"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => emit("update:format", activeRack.value.id, Number($event)))
 					}, null, 8, ["model-value", "options"])])) : createCommentVNode("", true),
-					slotOptions.value.length ? (openBlock(), createElementBlock("div", _hoisted_12$2, [_cache[22] || (_cache[22] = createElementVNode("span", { class: "mint-plate-editor__label" }, "Slot", -1)), createElementVNode("div", _hoisted_13$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(slotOptions.value, (slot) => {
+					slotOptions.value.length ? (openBlock(), createElementBlock("div", _hoisted_12$3, [_cache[22] || (_cache[22] = createElementVNode("span", { class: "mint-plate-editor__label" }, "Slot", -1)), createElementVNode("div", _hoisted_13$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(slotOptions.value, (slot) => {
 						return openBlock(), createElementBlock("button", {
 							key: slot,
 							type: "button",
@@ -2776,7 +2770,7 @@ var PlateEditor_default = /* @__PURE__ */ defineComponent({
 								{ "mint-plate-editor__slot--active": activeRack.value.slot === slot }
 							]),
 							onClick: ($event) => emit("update:slot", activeRack.value.id, slot)
-						}, toDisplayString(slot), 11, _hoisted_14$2);
+						}, toDisplayString(slot), 11, _hoisted_14$3);
 					}), 128))])])) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_15$2, [
 						config.value.fillSeries ? (openBlock(), createElementBlock("button", {
@@ -3321,12 +3315,12 @@ var _hoisted_8$2 = { class: "mint-dose-calculator__result-value" };
 var _hoisted_9$2 = { class: "mint-dose-calculator__result-row" };
 var _hoisted_10$2 = { class: "mint-dose-calculator__result-value" };
 var _hoisted_11$2 = { class: "mint-dose-calculator__result-row" };
-var _hoisted_12$1 = { class: "mint-dose-calculator__result-value" };
-var _hoisted_13$1 = {
+var _hoisted_12$2 = { class: "mint-dose-calculator__result-value" };
+var _hoisted_13$2 = {
 	key: 1,
 	class: "mint-dose-calculator__error"
 };
-var _hoisted_14$1 = {
+var _hoisted_14$2 = {
 	key: 2,
 	class: "mint-dose-calculator__form",
 	role: "tabpanel"
@@ -3546,9 +3540,9 @@ var DoseCalculator_default = /* @__PURE__ */ defineComponent({
 						_cache[13] || (_cache[13] = createElementVNode("div", { class: "mint-dose-calculator__result-title" }, "Result", -1)),
 						createElementVNode("div", _hoisted_7$2, [_cache[10] || (_cache[10] = createElementVNode("span", { class: "mint-dose-calculator__result-label" }, "Stock volume", -1)), createElementVNode("span", _hoisted_8$2, toDisplayString(unref(formatVolume)(dilutionResult.value.stockVolume)), 1)]),
 						createElementVNode("div", _hoisted_9$2, [_cache[11] || (_cache[11] = createElementVNode("span", { class: "mint-dose-calculator__result-label" }, "Diluent volume", -1)), createElementVNode("span", _hoisted_10$2, toDisplayString(unref(formatVolume)(dilutionResult.value.diluentVolume)), 1)]),
-						createElementVNode("div", _hoisted_11$2, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "mint-dose-calculator__result-label" }, "Dilution factor", -1)), createElementVNode("span", _hoisted_12$1, toDisplayString(dilutionResult.value.dilutionFactor.toFixed(1)) + "× ", 1)])
-					])) : dilutionResult.value?.error ? (openBlock(), createElementBlock("div", _hoisted_13$1, toDisplayString(dilutionResult.value.error), 1)) : createCommentVNode("", true)
-				])) : activeMode.value === "serial" ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
+						createElementVNode("div", _hoisted_11$2, [_cache[12] || (_cache[12] = createElementVNode("span", { class: "mint-dose-calculator__result-label" }, "Dilution factor", -1)), createElementVNode("span", _hoisted_12$2, toDisplayString(dilutionResult.value.dilutionFactor.toFixed(1)) + "× ", 1)])
+					])) : dilutionResult.value?.error ? (openBlock(), createElementBlock("div", _hoisted_13$2, toDisplayString(dilutionResult.value.error), 1)) : createCommentVNode("", true)
+				])) : activeMode.value === "serial" ? (openBlock(), createElementBlock("div", _hoisted_14$2, [
 					createVNode(FormField_default, { label: "Starting Concentration" }, {
 						default: withCtx(() => [createVNode(ConcentrationInput_default, {
 							modelValue: serialStartConcentration.value,
@@ -3702,11 +3696,17 @@ var _hoisted_9$1 = {
 	key: 0,
 	class: "mint-chart__loading-overlay"
 };
-var _hoisted_10$1 = {
+var _hoisted_10$1 = { class: "mint-chart__empty" };
+var _hoisted_11$1 = { class: "mint-chart__empty-title" };
+var _hoisted_12$1 = {
+	key: 0,
+	class: "mint-chart__empty-hint"
+};
+var _hoisted_13$1 = {
 	key: 1,
 	class: "mint-chart__legend"
 };
-var _hoisted_11$1 = {
+var _hoisted_14$1 = {
 	key: 2,
 	class: "mint-chart__footer"
 };
@@ -3726,6 +3726,7 @@ var ChartContainer_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		emptyText: { default: "No data available" },
+		emptyHint: {},
 		variant: { default: "card" },
 		legendItems: {}
 	},
@@ -3753,13 +3754,16 @@ var ChartContainer_default = /* @__PURE__ */ defineComponent({
 					_ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_7$1, [renderSlot(_ctx.$slots, "toolbar")])) : createCommentVNode("", true)
 				])) : createCommentVNode("", true),
 				renderSlot(_ctx.$slots, "subhead"),
-				createElementVNode("div", _hoisted_8$1, [__props.loading ? (openBlock(), createElementBlock("div", _hoisted_9$1, [createVNode(LoadingSpinner_default, { size: "lg" })])) : __props.empty ? renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(EmptyState_default, {
-					title: __props.emptyText,
-					size: "sm",
-					"icon-path": "M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"
-				}, null, 8, ["title"])], void 0, 1) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 2)]),
-				_ctx.$slots.legend ? (openBlock(), createElementBlock("div", _hoisted_10$1, [renderSlot(_ctx.$slots, "legend")])) : createCommentVNode("", true),
-				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_11$1, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+				createElementVNode("div", _hoisted_8$1, [__props.loading ? (openBlock(), createElementBlock("div", _hoisted_9$1, [createVNode(LoadingSpinner_default, { size: "lg" })])) : __props.empty ? renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("div", _hoisted_10$1, [
+					createVNode(unref(ChartLine), {
+						size: 22,
+						"aria-hidden": "true"
+					}),
+					createElementVNode("span", _hoisted_11$1, toDisplayString(__props.emptyText), 1),
+					__props.emptyHint ? (openBlock(), createElementBlock("span", _hoisted_12$1, toDisplayString(__props.emptyHint), 1)) : createCommentVNode("", true)
+				])], void 0, 1) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 2)]),
+				_ctx.$slots.legend ? (openBlock(), createElementBlock("div", _hoisted_13$1, [renderSlot(_ctx.$slots, "legend")])) : createCommentVNode("", true),
+				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_14$1, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
 			], 2);
 		};
 	}
@@ -4750,7 +4754,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. */
@@ -5913,4 +5917,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-BD5NIo5s.js.map
+//# sourceMappingURL=useRackEditor-KpZ4iJ6o.js.map