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

package/dist/{components-CvY105kJ.js → components-vHfxV2PB.js}

@@ -1,22 +1,16 @@
 import { a as tryUseSettingsStore, c as mintApiErrorFromResponse, i as tableDensityToSize, n as colorPalettes, o as useSettingsStore } from "./settings-BLr8lzw6.js";
-import { a as SORT_OPTIONS, c as formatExperimentDate, f as BaseModal_default, h as BaseButton_default, l as formatExperimentStatus, m as useEventListener, p as useFocusTrap, r as EXPERIMENT_STATUS_OPTIONS, t as DATE_PRESET_OPTIONS } from "./experiment-utils-DTANyVKV.js";
-import { a as normalizeOptionInput, i as BaseSelect_default, n as Skeleton_default, o as BaseInput_default, r as EmptyState_default, t as ResourcePickerListInternal_default } from "./ResourcePickerListInternal-c3IT8PIu.js";
-import { $n as FormulaInput_default, An as getControlDefaults, B as toBioTemplateComponentProps, Cn as SAMPLE_GROUP_TOKENS, Cr as FileUploader_default, F as getBioTemplateComponentProps, Fn as controlsToSettingsSchema, Gn as getFieldRegistryEntry, H as toBioTemplateComponentPropsById, Hr as durationMinutes, In as controlsToSidebarPanels, Jn as UnitInput_default, Kr as formatTime, L as toBioTemplateComponentBindings, Mn as controlsToFormSchema, Pn as controlsToSectionFormSchemas, R as toBioTemplateComponentBindingsById, Rr as TagsInput_default, Sn as SAMPLE_COLOR_SCALE, Sr as _plugin_vue_export_helper_default, Tr as SecretInput_default, V as toBioTemplateComponentPropsByComponent, Vr as compareTime, Xn as MoleculeInput_default, Yn as useConcentrationUnits, Zn as SequenceInput_default, _n as createPlateRowLabels, ai as useListSelection, ar as getInjectedPlatformContext, br as isRecord, ci as BaseRadioGroup_default, di as Tooltip_default, fi as BaseTextarea_default, fn as extractTemplateCollection, gn as createPlateColumnLabels, hn as WELL_PLATE_SIZE_CONFIGS, hr as normalizeJobPercent, ii as MultiSelect_default, li as BaseToggle_default, lr as createGeneratedAnalysisTransport, mn as PLATE_CONFIGS, mr as jobStatusLabel, ni as DatePicker_default, nr as GeneratedPathInput_default, qn as ConcentrationInput_default, ri as useDropdownState, rr as GENERATED_JOBS_API_KEY, si as BaseSlider_default, sr as resolveCurrentExperimentId, tr as useChemicalFormula, ui as BaseCheckbox_default, ur as useGeneratedAnalysis, vn as createWellGrid, wn as SLOT_ORDER, wr as NumberInput_default, xr as useMenuKeyboard, yn as getRectangleWellIds, yr as DateTimePicker_default, zr as TimePicker_default } from "./templates-Bj9hZ7iV.js";
-import { B as useRackEditor, Bt as useRovingFocus, C as useExperimentSamples, D as getSampleGroupMajorPrefix, Dt as useAppExperiment, E as useSampleGroups, Et as APP_EXPERIMENT_KEY, F as useAutoGroup, G as useDoseCalculator, H as reorderList, J as usePluginJobCenter, Lt as useTextSearch, Mt as usePlatformContext, Nt as useTheme, O as getSampleGroupParentPath, Ot as getInjectedFrontendRevision, Pt as useToast, S as useScheduleDrag, T as useExpansionSet, Tt as mergeControlWorkspaceOptions, U as useListReorder, W as useReorderAnnouncer, X as downloadBlob, a as useExperimentSelector, c as DEFAULT_PRESETS, ct as usePluginWorkspace, d as useReagentSeries, dt as useFormBuilder, f as useGroupAssignment, ht as defineDoseDesignControlModel, i as useAnalysisArtifacts, j as readFileAsText, jt as usePresenceHeartbeat, kt as useRuntimeAlignment, l as DEFAULT_UNITS, lt as DEFAULT_MOBILE_VIEWPORT_QUERY, m as useBioTemplatePackWorkspace, n as pickerFormat, p as useBioTemplatePresetWorkspace, r as pickerReason, s as useProtocolTemplates, st as useRequestSyncState, t as pickerExclusion, ut as useMobileSupportGate, w as useExperimentData, xt as resolveControlModel, yt as useControlWorkspace, z as DEFAULT_COLORS, zt as useSortedItems } from "./validation-B4Y8_eEe.js";
+import { a as SORT_OPTIONS, c as formatExperimentDate, f as BaseModal_default, h as BaseButton_default, l as formatExperimentStatus, m as useEventListener, p as useFocusTrap, r as EXPERIMENT_STATUS_OPTIONS, t as DATE_PRESET_OPTIONS, u as getExperimentStatusVariant } from "./experiment-utils-DTANyVKV.js";
+import { a as normalizeOptionInput, i as BaseSelect_default, n as Skeleton_default, o as BaseInput_default, r as EmptyState_default, t as ResourcePickerListInternal_default } from "./ResourcePickerListInternal-CFAw4vTZ.js";
+import { $n as FormulaInput_default, An as getControlDefaults, B as toBioTemplateComponentProps, Cn as SAMPLE_GROUP_TOKENS, Cr as FileUploader_default, F as getBioTemplateComponentProps, Fn as controlsToSettingsSchema, Gn as getFieldRegistryEntry, H as toBioTemplateComponentPropsById, Hr as durationMinutes, In as controlsToSidebarPanels, Jn as UnitInput_default, Kr as formatTime, L as toBioTemplateComponentBindings, Mn as controlsToFormSchema, Pn as controlsToSectionFormSchemas, R as toBioTemplateComponentBindingsById, Rr as TagsInput_default, Sn as SAMPLE_COLOR_SCALE, Sr as _plugin_vue_export_helper_default, Tr as SecretInput_default, V as toBioTemplateComponentPropsByComponent, Vr as compareTime, Xn as MoleculeInput_default, Yn as useConcentrationUnits, Zn as SequenceInput_default, _n as createPlateRowLabels, ai as useListSelection, ar as getInjectedPlatformContext, br as isRecord, ci as BaseRadioGroup_default, di as Tooltip_default, fi as BaseTextarea_default, fn as extractTemplateCollection, gn as createPlateColumnLabels, hn as WELL_PLATE_SIZE_CONFIGS, hr as normalizeJobPercent, ii as MultiSelect_default, li as BaseToggle_default, lr as createGeneratedAnalysisTransport, mn as PLATE_CONFIGS, mr as jobStatusLabel, ni as DatePicker_default, nr as GeneratedPathInput_default, qn as ConcentrationInput_default, ri as useDropdownState, rr as GENERATED_JOBS_API_KEY, si as BaseSlider_default, sr as resolveCurrentExperimentId, tr as useChemicalFormula, ui as BaseCheckbox_default, ur as useGeneratedAnalysis, vn as createWellGrid, wn as SLOT_ORDER, wr as NumberInput_default, xr as useMenuKeyboard, yn as getRectangleWellIds, yr as DateTimePicker_default, zr as TimePicker_default } from "./templates-BU1pet28.js";
+import { B as useRackEditor, Bt as useRovingFocus, C as useExperimentSamples, D as getSampleGroupMajorPrefix, Dt as useAppExperiment, E as useSampleGroups, Et as APP_EXPERIMENT_KEY, F as useAutoGroup, G as useDoseCalculator, H as reorderList, J as usePluginJobCenter, Lt as useTextSearch, Mt as usePlatformContext, Nt as useTheme, O as getSampleGroupParentPath, Ot as getInjectedFrontendRevision, Pt as useToast, S as useScheduleDrag, T as useExpansionSet, Tt as mergeControlWorkspaceOptions, U as useListReorder, W as useReorderAnnouncer, X as downloadBlob, a as useExperimentSelector, c as DEFAULT_PRESETS, ct as usePluginWorkspace, d as useReagentSeries, dt as useFormBuilder, f as useGroupAssignment, ht as defineDoseDesignControlModel, i as useAnalysisArtifacts, j as readFileAsText, jt as usePresenceHeartbeat, kt as useRuntimeAlignment, l as DEFAULT_UNITS, lt as DEFAULT_MOBILE_VIEWPORT_QUERY, m as useBioTemplatePackWorkspace, n as pickerFormat, p as useBioTemplatePresetWorkspace, r as pickerReason, s as useProtocolTemplates, st as useRequestSyncState, t as pickerExclusion, ut as useMobileSupportGate, w as useExperimentData, xt as resolveControlModel, yt as useControlWorkspace, z as DEFAULT_COLORS, zt as useSortedItems } from "./validation-Dmp9Q5W0.js";
 import { canAccessByPolicy, hasAllPermissions } from "./permissions.js";
 import { a as useApi, o as useAuthStore, t as useExperimentStore } from "./experiment-DgllIc3I.js";
 import { t as ANALYSIS_FILE_ARTIFACT_SCHEMA } from "./analysisArtifactTypes-Cy3D0Ipg.js";
 import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createStaticVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, effectScope, guardReactiveProps, h, inject, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRaw, toRef, unref, useId, useModel, useSlots, useTemplateRef, vModelCheckbox, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { computePosition, flip, offset, shift } from "@floating-ui/dom";
-import { ChevronRight, Download, Ellipsis, Move, Plus, Redo2, RefreshCw, Trash2, Undo2, Upload, X } from "lucide-vue-next";
+import { Check, ChevronRight, Download, Ellipsis, Move, Plus, Redo2, RefreshCw, Trash2, Undo2, Upload, X } from "lucide-vue-next";
 //#region \0rolldown/runtime.js
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 var __exportAll = (all, no_symbols) => {
 	let target = {};
 	for (var name in all) __defProp(target, name, {
@@ -26,20 +20,6 @@ var __exportAll = (all, no_symbols) => {
 	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
 //#endregion
 //#region src/components/SearchableSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$84 = [
@@ -1099,22 +1079,22 @@ var _hoisted_18$22 = {
 	key: 0,
 	class: "mint-dataframe__state"
 };
-var _hoisted_19$21 = {
+var _hoisted_19$22 = {
 	key: 1,
 	class: "mint-dataframe__state"
 };
-var _hoisted_20$20 = {
+var _hoisted_20$21 = {
 	key: 2,
 	class: "mint-dataframe__loading"
 };
-var _hoisted_21$18 = {
+var _hoisted_21$17 = {
 	key: 1,
 	class: "mint-dataframe__footer"
 };
-var _hoisted_22$18 = { class: "mint-dataframe__page-info" };
+var _hoisted_22$17 = { class: "mint-dataframe__page-info" };
 var _hoisted_23$15 = { class: "mint-dataframe__page-controls" };
-var _hoisted_24$14 = ["disabled"];
-var _hoisted_25$14 = { class: "mint-dataframe__page-number" };
+var _hoisted_24$13 = ["disabled"];
+var _hoisted_25$13 = { class: "mint-dataframe__page-number" };
 var _hoisted_26$11 = ["disabled"];
 /** Inbox glyph kept from the pre-1.2 hand-rolled empty state. */
 var EMPTY_ICON_PATH$2 = "M22 12L16 12L14 15L10 15L8 12L2 12M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z";
@@ -1567,14 +1547,14 @@ var DataFrame_default = /* @__PURE__ */ defineComponent({
 					__props.error ? (openBlock(), createElementBlock("div", _hoisted_18$22, [renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [createVNode(DataStateInternal_default, {
 						state: "error",
 						title: __props.error
-					}, null, 8, ["title"])])])) : paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_19$21, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(DataStateInternal_default, {
+					}, null, 8, ["title"])])])) : paginatedData.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_19$22, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(DataStateInternal_default, {
 						state: "empty",
 						title: __props.emptyText,
 						"icon-path": EMPTY_ICON_PATH$2
 					}, null, 8, ["title"])])])) : createCommentVNode("", true),
-					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_20$20, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(LoadingSpinner_default, { size: "lg" })])])) : createCommentVNode("", true)
+					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_20$21, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(LoadingSpinner_default, { size: "lg" })])])) : createCommentVNode("", true)
 				], 4),
-				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_21$18, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_22$18, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_23$15, [
+				__props.pagination ? (openBlock(), createElementBlock("div", _hoisted_21$17, [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("span", _hoisted_22$17, toDisplayString((__props.pagination.page - 1) * __props.pagination.pageSize + 1) + "–" + toDisplayString(Math.min(__props.pagination.page * __props.pagination.pageSize, unref(sortedData).length)) + " of " + toDisplayString(unref(sortedData).length), 1), createElementVNode("div", _hoisted_23$15, [
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -1587,8 +1567,8 @@ 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$14),
-					createElementVNode("span", _hoisted_25$14, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
+					}, [createElementVNode("path", { d: "m15 18-6-6 6-6" })], -1)])], 8, _hoisted_24$13),
+					createElementVNode("span", _hoisted_25$13, toDisplayString(__props.pagination.page) + " / " + toDisplayString(totalPages.value), 1),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-dataframe__page-btn",
@@ -2077,7 +2057,12 @@ var _hoisted_2$63 = [
 	"rel",
 	"onClick"
 ];
-var _hoisted_3$55 = ["disabled", "onClick"];
+var _hoisted_3$55 = [
+	"role",
+	"aria-checked",
+	"disabled",
+	"onClick"
+];
 //#endregion
 //#region src/components/ActionMenu.vue
 var ActionMenu_default = /* @__PURE__ */ defineComponent({
@@ -2215,10 +2200,16 @@ var ActionMenu_default = /* @__PURE__ */ defineComponent({
 					key: 2,
 					type: "button",
 					class: normalizeClass(["mint-menu-item mint-action-menu__item", { "mint-menu-item--danger mint-action-menu__item--danger": item.danger }]),
-					role: "menuitem",
+					role: item.checked === void 0 ? "menuitem" : "menuitemradio",
+					"aria-checked": item.checked,
 					disabled: item.disabled,
 					onClick: ($event) => handleSelect(item)
-				}, toDisplayString(item.label), 11, _hoisted_3$55))], 64);
+				}, [item.checked !== void 0 ? (openBlock(), createBlock(unref(Check), {
+					key: 0,
+					class: normalizeClass(["mint-action-menu__check", { "mint-action-menu__check--off": !item.checked }]),
+					size: 14,
+					"aria-hidden": "true"
+				}, null, 8, ["class"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(item.label), 1)], 10, _hoisted_3$55))], 64);
 			}), 128))], 36)) : createCommentVNode("", true)]))], 64);
 		};
 	}
@@ -2875,7 +2866,7 @@ var _hoisted_4$49 = {
 };
 var _hoisted_5$47 = {
 	key: 0,
-	class: "mint-popover mint-page-selector__menu",
+	class: "mint-page-selector__menu",
 	role: "menu"
 };
 var _hoisted_6$42 = {
@@ -2946,40 +2937,27 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])
-			], 10, _hoisted_1$66), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$47, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page) => {
+			], 10, _hoisted_1$66), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$47, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page) => {
 				return openBlock(), createBlock(ActionItemInternal_default, {
 					key: page.id,
 					href: page.href,
 					to: page.to,
 					disabled: page.disabled,
 					class: normalizeClass([
-						"mint-menu-item mint-page-selector__item",
-						{ "mint-menu-item--selected mint-page-selector__item--active": page.id === current.value?.id },
+						"mint-page-selector__item",
+						{ "mint-page-selector__item--active": page.id === current.value?.id },
 						{ "mint-page-selector__item--disabled": page.disabled }
 					]),
 					role: "menuitem",
 					onClick: ($event) => handleSelect(page)
 				}, {
-					default: withCtx(() => [
-						createElementVNode("span", { class: normalizeClass(["mint-page-selector__item-icon", { "mint-page-selector__item-icon--metadata": unref(isPluginIconFormat)(page.icon) }]) }, [renderSlot(_ctx.$slots, "item-icon", { page }, () => [unref(isPluginIconFormat)(page.icon) ? (openBlock(), createBlock(PluginIcon_default, {
-							key: 0,
-							class: "mint-page-selector__metadata-icon",
-							icon: page.icon,
-							size: "sm",
-							variant: "solid"
-						}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_6$42, toDisplayString(page.label.charAt(0)), 1))])], 2),
-						createElementVNode("span", _hoisted_7$38, toDisplayString(page.label), 1),
-						_cache[2] || (_cache[2] = createElementVNode("svg", {
-							class: "mint-menu-item__check",
-							viewBox: "0 0 16 16",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							"aria-hidden": "true"
-						}, [createElementVNode("path", { d: "M3.5 8.5l3 3 6-7" })], -1))
-					]),
+					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["mint-page-selector__item-icon", { "mint-page-selector__item-icon--metadata": unref(isPluginIconFormat)(page.icon) }]) }, [renderSlot(_ctx.$slots, "item-icon", { page }, () => [unref(isPluginIconFormat)(page.icon) ? (openBlock(), createBlock(PluginIcon_default, {
+						key: 0,
+						class: "mint-page-selector__metadata-icon",
+						icon: page.icon,
+						size: "sm",
+						variant: "solid"
+					}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_6$42, toDisplayString(page.label.charAt(0)), 1))])], 2), createElementVNode("span", _hoisted_7$38, toDisplayString(page.label), 1)]),
 					_: 2
 				}, 1032, [
 					"href",
@@ -3490,38 +3468,29 @@ var _hoisted_10$28 = {
 };
 var _hoisted_11$26 = { class: "mint-topbar__plugin-name" };
 var _hoisted_12$24 = {
-	key: 0,
-	class: "mint-topbar__plugin-version"
-};
-var _hoisted_13$24 = {
-	key: 1,
-	class: "mint-topbar__divider",
-	"aria-hidden": "true"
-};
-var _hoisted_14$24 = {
-	key: 3,
+	key: 2,
 	class: "mint-topbar-title-group"
 };
-var _hoisted_15$24 = { class: "mint-topbar-title" };
-var _hoisted_16$21 = { class: "mint-topbar-subtitle" };
-var _hoisted_17$21 = {
-	key: 4,
+var _hoisted_13$24 = { class: "mint-topbar-title" };
+var _hoisted_14$24 = { class: "mint-topbar-subtitle" };
+var _hoisted_15$24 = {
+	key: 3,
 	class: "mint-topbar__title-only"
 };
-var _hoisted_18$21 = {
-	key: 5,
+var _hoisted_16$21 = {
+	key: 4,
 	class: "mint-topbar__center"
 };
-var _hoisted_19$20 = { class: "mint-topbar__right" };
-var _hoisted_20$19 = {
+var _hoisted_17$21 = { class: "mint-topbar__right" };
+var _hoisted_18$21 = {
 	key: 0,
 	class: "mint-topbar__standalone-badge"
 };
-var _hoisted_21$17 = {
+var _hoisted_19$21 = {
 	key: 2,
 	class: "mint-topbar__standalone-badge"
 };
-var _hoisted_22$17 = {
+var _hoisted_20$20 = {
 	key: 0,
 	class: "mint-topbar__icon-btn-dot",
 	"aria-hidden": "true"
@@ -3619,8 +3588,8 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		});
 		const hasPlatformPageSelector = computed(() => props.pageSelector === void 0 && (plugin.value?.nav_items?.length ?? 0) > 1);
 		const hasPageSelector = computed(() => (props.pageSelector?.length ?? 0) > 1 || hasPlatformPageSelector.value);
-		/** Integrated plugins show their name + version as a static identity; it stands in for the title. */
-		const identityName = computed(() => isIntegrated.value ? plugin.value?.name : void 0);
+		/** Integrated plugins show their name as a static identity in place of the title; the page selector replaces it. */
+		const identityName = computed(() => isIntegrated.value && !hasPageSelector.value ? plugin.value?.display_name || plugin.value?.name : void 0);
 		const hasPillNav = computed(() => !!props.pillNav?.length);
 		const hasAccountMenu = computed(() => !!props.accountMenu?.length);
 		const hasTitleGroup = computed(() => !hasPageSelector.value && !identityName.value && !!props.title && !!props.subtitle);
@@ -3692,10 +3661,9 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						size: "topbar",
 						variant: "solid"
 					}, null, 8, ["icon", "tone"])) : renderSlot(_ctx.$slots, "logo", {}, () => [__props.showLogo ? (openBlock(), createElementBlock("div", _hoisted_9$30, [..._cache[16] || (_cache[16] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 64))]),
-					identityName.value ? (openBlock(), createElementBlock("span", _hoisted_10$28, [createElementVNode("span", _hoisted_11$26, toDisplayString(identityName.value), 1), unref(plugin)?.version ? (openBlock(), createElementBlock("span", _hoisted_12$24, "v" + toDisplayString(unref(plugin).version), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
-					identityName.value && hasPageSelector.value ? (openBlock(), createElementBlock("span", _hoisted_13$24)) : createCommentVNode("", true),
+					identityName.value ? (openBlock(), createElementBlock("span", _hoisted_10$28, [createElementVNode("span", _hoisted_11$26, toDisplayString(identityName.value), 1)])) : createCommentVNode("", true),
 					hasPageSelector.value ? (openBlock(), createBlock(AppTopBarPageSelectorInternal_default, {
-						key: 2,
+						key: 1,
 						pages: normalizedPageSelector.value,
 						"current-page-id": effectiveCurrentPageSelectorId.value,
 						onSelect: _cache[0] || (_cache[0] = ($event) => emit("page-selector-select", $event))
@@ -3708,23 +3676,23 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-item-icon", normalizeProps(guardReactiveProps(slotProps)))]),
 						key: "1"
 					} : void 0]), 1032, ["pages", "current-page-id"])) : createCommentVNode("", true),
-					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_14$24, [createElementVNode("span", _hoisted_15$24, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_16$21, toDisplayString(__props.subtitle), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_17$21, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_12$24, [createElementVNode("span", _hoisted_13$24, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_14$24, toDisplayString(__props.subtitle), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_15$24, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "nav"),
-					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_18$21, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value && __props.pillNav ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
+					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_16$21, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value && __props.pillNav ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
 						key: 0,
 						items: normalizedPillNav.value,
 						"current-item-id": __props.currentPillId,
 						onSelect: _cache[1] || (_cache[1] = ($event) => emit("pill-select", $event)),
 						onOptionSelect: _cache[2] || (_cache[2] = (option, item) => emit("pill-option-select", option, item))
 					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_19$20, [
-						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_20$19, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_17$21, [
+						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_18$21, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
 						unref(appExperiment) && !isStandalone.value && canBindExperiment.value ? (openBlock(), createBlock(unref(ExperimentPopover), mergeProps({ key: 1 }, unref(appExperiment).popover.value, {
 							onSelect: _cache[3] || (_cache[3] = ($event) => unref(appExperiment).openModal()),
 							onSave: _cache[4] || (_cache[4] = ($event) => unref(appExperiment).handleSave()),
 							onDetach: _cache[5] || (_cache[5] = ($event) => unref(appExperiment).handleDetach())
 						}), null, 16)) : createCommentVNode("", true),
-						unref(appExperiment) && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_21$17, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
+						unref(appExperiment) && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_19$21, toDisplayString(__props.standaloneLabel), 1)) : createCommentVNode("", true),
 						renderSlot(_ctx.$slots, "actions"),
 						__props.showNotifications ? (openBlock(), createElementBlock("button", {
 							key: 3,
@@ -3740,7 +3708,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							"stroke-width": "2",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round"
-						}, [createElementVNode("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), createElementVNode("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })], -1)), __props.hasNotificationDot ? (openBlock(), createElementBlock("span", _hoisted_22$17)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+						}, [createElementVNode("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), createElementVNode("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })], -1)), __props.hasNotificationDot ? (openBlock(), createElementBlock("span", _hoisted_20$20)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 						__props.showThemeToggle ? (openBlock(), createBlock(ThemeToggle_default, {
 							key: 4,
 							size: "sm"
@@ -3817,6 +3785,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					title: __props.settingsConfig?.title,
 					tabs: normalizedSettingsTabs.value,
 					"show-appearance": __props.settingsConfig?.showAppearance ?? true,
+					"appearance-first": __props.settingsConfig?.appearanceFirst,
 					size: __props.settingsConfig?.size,
 					layout: __props.settingsConfig?.layout,
 					schema: __props.settingsConfig?.schema,
@@ -3840,6 +3809,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					"title",
 					"tabs",
 					"show-appearance",
+					"appearance-first",
 					"size",
 					"layout",
 					"schema",
@@ -4619,13 +4589,13 @@ var _hoisted_17$20 = {
 	class: "mint-sidebar__group-subtitle"
 };
 var _hoisted_18$20 = { class: "mint-sidebar__group-tail" };
-var _hoisted_19$19 = [
+var _hoisted_19$20 = [
 	"disabled",
 	"aria-label",
 	"title",
 	"onClick"
 ];
-var _hoisted_20$18 = {
+var _hoisted_20$19 = {
 	key: 0,
 	class: "mint-sidebar__group-action-icon",
 	viewBox: "0 0 24 24",
@@ -4639,12 +4609,12 @@ var _hoisted_20$18 = {
 var _hoisted_21$16 = ["d"];
 var _hoisted_22$16 = ["d"];
 var _hoisted_23$14 = { key: 1 };
-var _hoisted_24$13 = [
+var _hoisted_24$12 = [
 	"aria-checked",
 	"aria-label",
 	"onClick"
 ];
-var _hoisted_25$13 = [
+var _hoisted_25$12 = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
@@ -4973,7 +4943,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": action.label,
 								title: action.label,
 								onClick: ($event) => handleSectionAction(section.id, action.id)
-							}, [action.icon && isSvgIcon(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_20$18, [Array.isArray(action.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(action.icon, (d, i) => {
+							}, [action.icon && isSvgIcon(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_20$19, [Array.isArray(action.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(action.icon, (d, i) => {
 								return openBlock(), createElementBlock("path", {
 									key: i,
 									d
@@ -4981,7 +4951,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 							}), 128)) : (openBlock(), createElementBlock("path", {
 								key: 1,
 								d: action.icon
-							}, null, 8, _hoisted_22$16))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_23$14, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_19$19);
+							}, null, 8, _hoisted_22$16))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_23$14, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_19$20);
 						}), 128)),
 						section.showToggle ? (openBlock(), createElementBlock("button", {
 							key: 1,
@@ -4991,7 +4961,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 							"aria-label": `Enable ${section.label}`,
 							class: normalizeClass(["mint-sidebar__switch", __props.toggleState[section.id] ?? false ? "mint-sidebar__switch--on" : ""]),
 							onClick: ($event) => emit("update:toggle", section.id, !(__props.toggleState[section.id] ?? false))
-						}, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "mint-sidebar__switch-knob" }, null, -1)])], 10, _hoisted_24$13)) : createCommentVNode("", true),
+						}, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "mint-sidebar__switch-knob" }, null, -1)])], 10, _hoisted_24$12)) : createCommentVNode("", true),
 						createElementVNode("button", {
 							type: "button",
 							class: "mint-sidebar__chevron-button",
@@ -5007,7 +4977,7 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
 							"aria-hidden": "true"
-						}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_25$13)
+						}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_25$12)
 					])]), createVNode(Transition, { name: "collapse" }, {
 						default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_26$10, [renderSlot(_ctx.$slots, `section-${section.id}`, {}, () => [resolvedForms.value[section.id] ? (openBlock(), createBlock(FormBuilder_default, {
 							key: 0,
@@ -6068,7 +6038,7 @@ var PlotlyChart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		let revision = 0;
 		async function loadPlotly() {
 			if (props.plotly) return props.plotly;
-			const module = await import("./plotly.min-D6Ge6qgX.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
+			const module = await import("plotly.js-dist-min");
 			return "default" in module ? module.default : module;
 		}
 		function bindEvents(element) {
@@ -6476,16 +6446,16 @@ var _hoisted_16$19 = {
 };
 var _hoisted_17$19 = { class: "mint-jobs-tray__job-heading" };
 var _hoisted_18$19 = { class: "mint-jobs-tray__job-identity" };
-var _hoisted_19$18 = ["onClick"];
-var _hoisted_20$17 = { class: "mint-jobs-tray__kind" };
+var _hoisted_19$19 = ["onClick"];
+var _hoisted_20$18 = { class: "mint-jobs-tray__kind" };
 var _hoisted_21$15 = {
 	key: 0,
 	class: "mint-jobs-tray__percent"
 };
 var _hoisted_22$15 = ["aria-valuenow"];
 var _hoisted_23$13 = { class: "mint-jobs-tray__job-footer" };
-var _hoisted_24$12 = { class: "mint-jobs-tray__job-actions" };
-var _hoisted_25$12 = ["disabled", "onClick"];
+var _hoisted_24$11 = { class: "mint-jobs-tray__job-actions" };
+var _hoisted_25$11 = ["disabled", "onClick"];
 var _hoisted_26$9 = ["disabled", "onClick"];
 var _hoisted_27$8 = {
 	key: 0,
@@ -6724,7 +6694,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 										type: "button",
 										class: "mint-jobs-tray__job-select",
 										onClick: ($event) => emit("select", job)
-									}, toDisplayString(job.name), 9, _hoisted_19$18), createElementVNode("span", _hoisted_20$17, toDisplayString(job.kind), 1)]),
+									}, toDisplayString(job.name), 9, _hoisted_19$19), createElementVNode("span", _hoisted_20$18, toDisplayString(job.kind), 1)]),
 									createElementVNode("span", { class: normalizeClass(["mint-jobs-tray__status", statusClass(job)]) }, [_cache[8] || (_cache[8] = createElementVNode("span", {
 										class: "mint-jobs-tray__status-dot",
 										"aria-hidden": "true"
@@ -6740,7 +6710,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 									"aria-valuemax": "100",
 									"aria-valuenow": jobPercent(job)
 								}, [createElementVNode("span", { style: normalizeStyle({ width: `${jobPercent(job)}%` }) }, null, 4)], 8, _hoisted_22$15)) : createCommentVNode("", true),
-								createElementVNode("div", _hoisted_23$13, [createElementVNode("span", null, toDisplayString(progressText(job)), 1), createElementVNode("div", _hoisted_24$12, [
+								createElementVNode("div", _hoisted_23$13, [createElementVNode("span", null, toDisplayString(progressText(job)), 1), createElementVNode("div", _hoisted_24$11, [
 									renderSlot(_ctx.$slots, "job-actions", { job }),
 									job.can_cancel && unref(tray).canCancel.value ? (openBlock(), createElementBlock("button", {
 										key: 0,
@@ -6749,7 +6719,7 @@ var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
 										"aria-label": "Cancel job",
 										disabled: unref(tray).isPending(job),
 										onClick: ($event) => cancelJob(job)
-									}, " Cancel ", 8, _hoisted_25$12)) : createCommentVNode("", true),
+									}, " Cancel ", 8, _hoisted_25$11)) : createCommentVNode("", true),
 									job.can_delete && unref(tray).canDelete.value ? (openBlock(), createElementBlock("button", {
 										key: 1,
 										type: "button",
@@ -7066,8 +7036,8 @@ var _hoisted_15$21 = {
 var _hoisted_16$18 = { class: "mint-dose-calculator__preview-steps" };
 var _hoisted_17$18 = { class: "mint-dose-calculator__preview-step" };
 var _hoisted_18$18 = { class: "mint-dose-calculator__preview-step-num" };
-var _hoisted_19$17 = { class: "mint-dose-calculator__preview-step-conc" };
-var _hoisted_20$16 = {
+var _hoisted_19$18 = { class: "mint-dose-calculator__preview-step-conc" };
+var _hoisted_20$17 = {
 	key: 0,
 	class: "mint-dose-calculator__preview-arrow"
 };
@@ -7084,11 +7054,11 @@ var _hoisted_23$12 = {
 	key: 0,
 	class: "mint-dose-calculator__error"
 };
-var _hoisted_24$11 = {
+var _hoisted_24$10 = {
 	key: 4,
 	class: "mint-dose-calculator__mw-section"
 };
-var _hoisted_25$11 = { class: "mint-dose-calculator__mw-label" };
+var _hoisted_25$10 = { class: "mint-dose-calculator__mw-label" };
 var _hoisted_26$8 = {
 	key: 5,
 	class: "mint-dose-calculator__form"
@@ -7334,7 +7304,7 @@ var DoseCalculator_default = /* @__PURE__ */ defineComponent({
 					]),
 					_cache[17] || (_cache[17] = createElementVNode("div", { class: "mint-dose-calculator__divider" }, null, -1)),
 					serialResult.value?.valid ? (openBlock(), createElementBlock("div", _hoisted_15$21, [_cache[16] || (_cache[16] = createElementVNode("div", { class: "mint-dose-calculator__preview-title" }, "Preview", -1)), createElementVNode("div", _hoisted_16$18, [(openBlock(true), createElementBlock(Fragment, null, renderList(serialResult.value.steps, (step, index) => {
-						return openBlock(), createElementBlock(Fragment, { key: step.stepNumber }, [createElementVNode("div", _hoisted_17$18, [createElementVNode("span", _hoisted_18$18, toDisplayString(step.stepNumber) + ":", 1), createElementVNode("span", _hoisted_19$17, toDisplayString(unref(formatWithUnit)(step.concentration, 3)), 1)]), index < serialResult.value.steps.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_20$16, " → ")) : createCommentVNode("", true)], 64);
+						return openBlock(), createElementBlock(Fragment, { key: step.stepNumber }, [createElementVNode("div", _hoisted_17$18, [createElementVNode("span", _hoisted_18$18, toDisplayString(step.stepNumber) + ":", 1), createElementVNode("span", _hoisted_19$18, toDisplayString(unref(formatWithUnit)(step.concentration, 3)), 1)]), index < serialResult.value.steps.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_20$17, " → ")) : createCommentVNode("", true)], 64);
 					}), 128))])])) : serialResult.value?.error ? (openBlock(), createElementBlock("div", _hoisted_21$14, toDisplayString(serialResult.value.error), 1)) : createCommentVNode("", true)
 				])) : activeMode.value === "conversion" ? (openBlock(), createElementBlock("div", _hoisted_22$14, [createVNode(FormField_default, { label: "Input Concentration" }, {
 					default: withCtx(() => [createVNode(ConcentrationInput_default, {
@@ -7345,7 +7315,7 @@ var DoseCalculator_default = /* @__PURE__ */ defineComponent({
 					}, null, 8, ["disabled", "molecular-weight"])]),
 					_: 1
 				}), !__props.molecularWeight ? (openBlock(), createElementBlock("div", _hoisted_23$12, " Provide molecular weight for mass ↔ molarity conversion ")) : createCommentVNode("", true)])) : createCommentVNode("", true),
-				__props.molecularWeight ? (openBlock(), createElementBlock("div", _hoisted_24$11, [createElementVNode("span", _hoisted_25$11, " Molecular Weight: " + toDisplayString(__props.molecularWeight) + " g/mol ", 1)])) : createCommentVNode("", true),
+				__props.molecularWeight ? (openBlock(), createElementBlock("div", _hoisted_24$10, [createElementVNode("span", _hoisted_25$10, " Molecular Weight: " + toDisplayString(__props.molecularWeight) + " g/mol ", 1)])) : createCommentVNode("", true),
 				hasTargetWells.value ? (openBlock(), createElementBlock("div", _hoisted_26$8, [createVNode(BaseButton_default, {
 					variant: "primary",
 					"full-width": "",
@@ -7432,11 +7402,11 @@ var _hoisted_16$17 = {
 };
 var _hoisted_17$17 = ["onClick"];
 var _hoisted_18$17 = ["aria-label", "onClick"];
-var _hoisted_19$16 = {
+var _hoisted_19$17 = {
 	key: 2,
 	class: "mint-timeline__spacer--vertical"
 };
-var _hoisted_20$15 = {
+var _hoisted_20$16 = {
 	key: 3,
 	class: "mint-timeline__spacer--horizontal"
 };
@@ -7744,8 +7714,8 @@ var ExperimentTimeline_default = /* @__PURE__ */ defineComponent({
 							"stroke-width": "2",
 							d: "M12 4v16m8-8H4"
 						})], -1)])], 8, _hoisted_18$17)) : createCommentVNode("", true),
-						__props.orientation === "vertical" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_19$16)) : createCommentVNode("", true),
-						__props.orientation === "horizontal" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_20$15)) : createCommentVNode("", true)
+						__props.orientation === "vertical" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_19$17)) : createCommentVNode("", true),
+						__props.orientation === "horizontal" && index < sortedSteps.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_20$16)) : createCommentVNode("", true)
 					], 40, _hoisted_2$44);
 				}), 128)),
 				__props.error ? (openBlock(), createElementBlock("div", _hoisted_21$13, [renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [createVNode(DataStateInternal_default, {
@@ -7850,22 +7820,22 @@ var DEFAULT_WELL_LEGEND_ITEMS = [
 	{
 		type: "sample",
 		label: "Sample",
-		color: "var(--mint-sample-1)"
+		color: "#10b981"
 	},
 	{
 		type: "blank",
 		label: "Blank",
-		color: "var(--mint-sample-1)"
+		color: "#f97316"
 	},
 	{
 		type: "qc",
 		label: "QC",
-		color: "var(--mint-sample-1)"
+		color: "#8b5cf6"
 	},
 	{
 		type: "iqc",
 		label: "IQC",
-		color: "var(--mint-sample-1)"
+		color: "#ec4899"
 	}
 ];
 //#endregion
@@ -7906,17 +7876,13 @@ function sampleTypeMarker(type, groupColor) {
 }
 //#endregion
 //#region src/components/WellPlate.colors.ts
-/**
-* Group color for the built-in sample types when `sampleColors` has no entry.
-* Color encodes the group and shape encodes the type (3a): blank and QC render
-* neutral markers and ignore it; iQC takes it like a sample.
-*/
+/** Color for the built-in sample types when `sampleColors` has no entry. */
 var DEFAULT_SAMPLE_TYPE_COLORS = {
-	sample: "var(--mint-sample-1)",
-	control: "var(--mint-sample-2)",
-	blank: "var(--mint-sample-1)",
-	qc: "var(--mint-sample-1)",
-	iqc: "var(--mint-sample-1)"
+	sample: "#10b981",
+	control: "#3b82f6",
+	blank: "#f97316",
+	qc: "#8b5cf6",
+	iqc: "#ec4899"
 };
 var HEATMAP_COLORS = {
 	viridis: [
@@ -8719,16 +8685,15 @@ function wellStyle(well, state) {
 	};
 	const groupColor = well.sampleType && ((well.group ? state.sampleColors[well.group] : void 0) ?? state.sampleColors[well.sampleType] ?? DEFAULT_SAMPLE_TYPE_COLORS[well.sampleType]);
 	if (!groupColor) return {};
-	const { background, border } = sampleTypeMarker(well.sampleType, groupColor).style;
+	return sampleTint(groupColor);
+}
+/** 15% fill and 40% outline of a sample color; color-mix accepts hex and `var()` tokens alike. */
+function sampleTint(color) {
 	return {
-		backgroundColor: background,
-		border
+		backgroundColor: `color-mix(in srgb, ${color} 15%, transparent)`,
+		border: `1px solid color-mix(in srgb, ${color} 40%, transparent)`
 	};
 }
-/** In-well glyph of the 3a sample-type marker: `Q` for QC, `i` for iQC. */
-function sampleTypeGlyph(well) {
-	return well.sampleType ? sampleTypeMarker(well.sampleType, "").glyph : null;
-}
 var sampleTypeIndicatorWarned = false;
 /** One dev-only warning per page for the no-op `showSampleTypeIndicator` prop. */
 function warnSampleTypeIndicatorDeprecated() {
@@ -8746,11 +8711,11 @@ function wellBadge(well, showBadges) {
 	const count = well.metadata.injectionCount;
 	if (count && count > 1) return {
 		text: String(count),
-		color: "var(--text-primary)"
+		color: "#6366f1"
 	};
 	if (well.metadata.customMethod) return {
-		text: "",
-		color: "var(--color-purple)"
+		text: "+",
+		color: "#ec4899"
 	};
 	return null;
 }
@@ -8807,27 +8772,19 @@ var _hoisted_16$16 = {
 	key: 1,
 	class: "mint-well-plate__well-id"
 };
-var _hoisted_17$16 = {
-	key: 2,
-	class: "mint-well-plate__indicator"
-};
+var _hoisted_17$16 = ["title"];
 var _hoisted_18$16 = {
-	key: 3,
-	class: "mint-well-plate__corner-glyph"
-};
-var _hoisted_19$15 = ["title"];
-var _hoisted_20$14 = {
 	key: 0,
 	class: "mint-well-plate__legend"
 };
+var _hoisted_19$16 = { class: "mint-well-plate__legend-label" };
+var _hoisted_20$15 = { class: "mint-well-plate__legend-bar" };
 var _hoisted_21$12 = { class: "mint-well-plate__legend-label" };
-var _hoisted_22$12 = { class: "mint-well-plate__legend-bar" };
-var _hoisted_23$10 = { class: "mint-well-plate__legend-label" };
-var _hoisted_24$10 = {
+var _hoisted_22$12 = {
 	key: 1,
 	class: "mint-well-plate__sample-legend"
 };
-var _hoisted_25$10 = { class: "mint-well-plate__sample-legend-text" };
+var _hoisted_23$10 = { class: "mint-well-plate__sample-legend-text" };
 //#endregion
 //#region src/components/WellPlate.vue
 var WellPlate_default = /* @__PURE__ */ defineComponent({
@@ -9159,42 +9116,35 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 												"prevent"
 											]), ["space"])
 										]
-									}, [
-										getWellLabel(well) ? (openBlock(), createElementBlock("span", _hoisted_15$19, toDisplayString(getWellLabel(well)), 1)) : props.showWellIds ? (openBlock(), createElementBlock("span", _hoisted_16$16, toDisplayString(well.id), 1)) : unref(sampleTypeGlyph)(well) ? (openBlock(), createElementBlock("span", _hoisted_17$16, toDisplayString(unref(sampleTypeGlyph)(well)), 1)) : createCommentVNode("", true),
-										unref(sampleTypeGlyph)(well) && (getWellLabel(well) || props.showWellIds) ? (openBlock(), createElementBlock("span", _hoisted_18$16, toDisplayString(unref(sampleTypeGlyph)(well)), 1)) : createCommentVNode("", true),
-										getWellBadge(well) ? (openBlock(), createElementBlock("span", {
-											key: 4,
-											class: normalizeClass(["mint-well-plate__badge", { "mint-well-plate__badge--dot": !getWellBadge(well)?.text }]),
-											style: normalizeStyle({ backgroundColor: getWellBadge(well)?.color }),
-											title: getWellBadge(well)?.text ? `${getWellBadge(well)?.text}x injections` : "Custom method"
-										}, toDisplayString(getWellBadge(well)?.text), 15, _hoisted_19$15)) : createCommentVNode("", true)
-									], 46, _hoisted_14$19)]);
+									}, [getWellLabel(well) ? (openBlock(), createElementBlock("span", _hoisted_15$19, toDisplayString(getWellLabel(well)), 1)) : props.showWellIds ? (openBlock(), createElementBlock("span", _hoisted_16$16, toDisplayString(well.id), 1)) : createCommentVNode("", true), getWellBadge(well) ? (openBlock(), createElementBlock("span", {
+										key: 2,
+										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$16)) : createCommentVNode("", true)], 46, _hoisted_14$19)]);
 								}), 128))
 							]);
 						}), 128))])
 					], 12, _hoisted_6$29),
-					props.heatmap?.enabled && props.heatmap.showLegend ? (openBlock(), createElementBlock("div", _hoisted_20$14, [
-						createElementVNode("span", _hoisted_21$12, toDisplayString(props.heatmap.min ?? 0), 1),
-						createElementVNode("div", _hoisted_22$12, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.heatmap.colorScale === "custom" && props.heatmap.customColors?.length ? props.heatmap.customColors : unref(HEATMAP_COLORS)[props.heatmap.colorScale || "viridis"], (color, index) => {
+					props.heatmap?.enabled && props.heatmap.showLegend ? (openBlock(), createElementBlock("div", _hoisted_18$16, [
+						createElementVNode("span", _hoisted_19$16, toDisplayString(props.heatmap.min ?? 0), 1),
+						createElementVNode("div", _hoisted_20$15, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.heatmap.colorScale === "custom" && props.heatmap.customColors?.length ? props.heatmap.customColors : unref(HEATMAP_COLORS)[props.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_23$10, toDisplayString(props.heatmap.max ?? 1), 1)
+						createElementVNode("span", _hoisted_21$12, toDisplayString(props.heatmap.max ?? 1), 1)
 					])) : createCommentVNode("", true),
-					props.showLegend ? (openBlock(), createElementBlock("div", _hoisted_24$10, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeLegendItems.value, (item) => {
+					props.showLegend ? (openBlock(), createElementBlock("div", _hoisted_22$12, [(openBlock(true), createElementBlock(Fragment, null, renderList(activeLegendItems.value, (item) => {
 						return openBlock(), createElementBlock("div", {
 							key: item.type,
 							class: "mint-well-plate__sample-legend-item"
-						}, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(sampleTypeMarker)(item.type, item.color)], (marker) => {
-							return openBlock(), createElementBlock("span", {
-								key: item.type,
-								class: "mint-well-plate__sample-legend-dot",
-								style: normalizeStyle(marker.style)
-							}, toDisplayString(marker.glyph), 5);
-						}), 128)), createElementVNode("span", _hoisted_25$10, toDisplayString(item.label), 1)]);
+						}, [createElementVNode("span", {
+							class: "mint-well-plate__sample-legend-dot",
+							style: normalizeStyle(unref(sampleTint)(item.color))
+						}, null, 4), createElementVNode("span", _hoisted_23$10, toDisplayString(item.label), 1)]);
 					}), 128))])) : createCommentVNode("", true)
 				])])),
 				__props.editable && unref(editingWellId) ? renderSlot(_ctx.$slots, "well-editor", {
@@ -9391,11 +9341,11 @@ var _hoisted_15$18 = { class: "mint-plate-editor__toolbar-end" };
 var _hoisted_16$15 = ["disabled", "title"];
 var _hoisted_17$15 = ["aria-pressed"];
 var _hoisted_18$15 = ["disabled"];
-var _hoisted_19$14 = {
+var _hoisted_19$15 = {
 	key: 1,
 	class: "mint-plate-editor__body"
 };
-var _hoisted_20$13 = { class: "mint-plate-editor__main" };
+var _hoisted_20$14 = { class: "mint-plate-editor__main" };
 var _hoisted_21$11 = {
 	key: 0,
 	class: "mint-plate-editor__footer"
@@ -9974,7 +9924,7 @@ var PlateEditor_default = /* @__PURE__ */ defineComponent({
 						renderSlot(_ctx.$slots, "toolbar-extra")
 					])
 				])) : createCommentVNode("", true),
-				activeRack.value ? (openBlock(), createElementBlock("div", _hoisted_19$14, [createElementVNode("div", _hoisted_20$13, [(openBlock(), createBlock(WellPlate_default, {
+				activeRack.value ? (openBlock(), createElementBlock("div", _hoisted_19$15, [createElementVNode("div", _hoisted_20$14, [(openBlock(), createBlock(WellPlate_default, {
 					key: activeRack.value.id,
 					"model-value": selection.value,
 					format: activeRack.value.format,
@@ -10339,11 +10289,11 @@ var _hoisted_18$14 = {
 	key: 4,
 	class: "mint-reagent-list__cell"
 };
-var _hoisted_19$13 = {
+var _hoisted_19$14 = {
 	key: 0,
 	class: "mint-reagent-list__expired-text"
 };
-var _hoisted_20$12 = { key: 1 };
+var _hoisted_20$13 = { key: 1 };
 var _hoisted_21$10 = {
 	key: 2,
 	class: "mint-reagent-list__badge mint-reagent-list__badge--error"
@@ -10639,7 +10589,7 @@ var ReagentList_default = /* @__PURE__ */ defineComponent({
 						}, toDisplayString(reagent.name), 9, _hoisted_14$17)) : (openBlock(), createElementBlock("span", _hoisted_15$17, toDisplayString(reagent.name), 1))])) : createCommentVNode("", true),
 						__props.columns.includes("catalog") ? (openBlock(), createElementBlock("td", _hoisted_16$14, toDisplayString(reagent.catalogNumber || "-"), 1)) : createCommentVNode("", true),
 						__props.columns.includes("lot") ? (openBlock(), createElementBlock("td", _hoisted_17$14, toDisplayString(reagent.lotNumber || "-"), 1)) : createCommentVNode("", true),
-						__props.columns.includes("expiry") ? (openBlock(), createElementBlock("td", _hoisted_18$14, [unref(isReagentExpired)(reagent) ? (openBlock(), createElementBlock("span", _hoisted_19$13, toDisplayString(unref(formatReagentExpiryDate)(reagent.expiryDate)), 1)) : (openBlock(), createElementBlock("span", _hoisted_20$12, toDisplayString(unref(formatReagentExpiryDate)(reagent.expiryDate)), 1)), unref(isReagentExpired)(reagent) ? (openBlock(), createElementBlock("span", _hoisted_21$10, " Expired ")) : unref(isReagentExpiringSoon)(reagent) ? (openBlock(), createElementBlock("span", _hoisted_22$10, [_cache[6] || (_cache[6] = createElementVNode("svg", {
+						__props.columns.includes("expiry") ? (openBlock(), createElementBlock("td", _hoisted_18$14, [unref(isReagentExpired)(reagent) ? (openBlock(), createElementBlock("span", _hoisted_19$14, toDisplayString(unref(formatReagentExpiryDate)(reagent.expiryDate)), 1)) : (openBlock(), createElementBlock("span", _hoisted_20$13, toDisplayString(unref(formatReagentExpiryDate)(reagent.expiryDate)), 1)), unref(isReagentExpired)(reagent) ? (openBlock(), createElementBlock("span", _hoisted_21$10, " Expired ")) : unref(isReagentExpiringSoon)(reagent) ? (openBlock(), createElementBlock("span", _hoisted_22$10, [_cache[6] || (_cache[6] = createElementVNode("svg", {
 							class: "mint-reagent-list__badge-icon",
 							fill: "none",
 							stroke: "currentColor",
@@ -10832,12 +10782,12 @@ var _hoisted_17$13 = {
 	class: "sg-field__order"
 };
 var _hoisted_18$13 = { class: "sg-field__layer" };
-var _hoisted_19$12 = [
+var _hoisted_19$13 = [
 	"disabled",
 	"aria-label",
 	"onClick"
 ];
-var _hoisted_20$11 = [
+var _hoisted_20$12 = [
 	"disabled",
 	"aria-label",
 	"onClick"
@@ -11256,7 +11206,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 								}, [createVNode(Icon, {
 									d: ICON.chevUp,
 									size: 12
-								}, null, 8, ["d"])], 8, _hoisted_19$12),
+								}, null, 8, ["d"])], 8, _hoisted_19$13),
 								createElementVNode("button", {
 									type: "button",
 									class: "sg-field__order-btn",
@@ -11267,7 +11217,7 @@ var SmartGroupFieldRecipe_default = /* @__PURE__ */ defineComponent({
 								}, [createVNode(Icon, {
 									d: ICON.chev,
 									size: 12
-								}, null, 8, ["d"])], 8, _hoisted_20$11)
+								}, null, 8, ["d"])], 8, _hoisted_20$12)
 							])) : createCommentVNode("", true),
 							createElementVNode("div", _hoisted_21$9, toDisplayString(field.vals), 1)
 						], 2);
@@ -11445,11 +11395,11 @@ var _hoisted_15$15 = {
 var _hoisted_16$12 = ["onClick"];
 var _hoisted_17$12 = ["checked"];
 var _hoisted_18$12 = { class: "mg2-row__name" };
-var _hoisted_19$11 = {
+var _hoisted_19$12 = {
 	key: 0,
 	class: "mg2-row__tag"
 };
-var _hoisted_20$10 = {
+var _hoisted_20$11 = {
 	key: 1,
 	class: "mg2-row__tag mg2-row__tag--none"
 };
@@ -11777,14 +11727,14 @@ var SmartGroupManual_default = /* @__PURE__ */ defineComponent({
 								readonly: ""
 							}, null, 8, _hoisted_17$12),
 							createElementVNode("span", _hoisted_18$12, toDisplayString(match.sample.name), 1),
-							match.sample.group ? (openBlock(), createElementBlock("span", _hoisted_19$11, [
+							match.sample.group ? (openBlock(), createElementBlock("span", _hoisted_19$12, [
 								createElementVNode("span", {
 									class: "sg-dot",
 									style: normalizeStyle({ background: match.sample.color ?? void 0 })
 								}, null, 4),
 								createTextVNode(toDisplayString(match.sample.group), 1),
 								match.sample.sub ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · " + toDisplayString(match.sample.sub), 1)], 64)) : createCommentVNode("", true)
-							])) : (openBlock(), createElementBlock("span", _hoisted_20$10, "unassigned"))
+							])) : (openBlock(), createElementBlock("span", _hoisted_20$11, "unassigned"))
 						], 10, _hoisted_16$12);
 					}), 128))])
 				]), createElementVNode("div", _hoisted_21$8, [
@@ -12995,8 +12945,8 @@ var _hoisted_17$11 = {
 	class: "mint-sample-selector__ungrouped-list"
 };
 var _hoisted_18$11 = { class: "mint-sample-selector__new-group" };
-var _hoisted_19$10 = ["value"];
-var _hoisted_20$9 = {
+var _hoisted_19$11 = ["value"];
+var _hoisted_20$10 = {
 	key: 6,
 	class: "mint-sample-selector__flat"
 };
@@ -13358,9 +13308,9 @@ var SampleSelector_default = /* @__PURE__ */ defineComponent({
 						class: "mint-sample-selector__color-input",
 						value: colorPickerSeed.value,
 						onChange: handleColorChange
-					}, null, 40, _hoisted_19$10)
+					}, null, 40, _hoisted_19$11)
 				])) : createCommentVNode("", true),
-				!isPlaceholderState.value && !groupingEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_20$9, [createElementVNode("div", _hoisted_21$7, [_cache[17] || (_cache[17] = createElementVNode("svg", {
+				!isPlaceholderState.value && !groupingEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_20$10, [createElementVNode("div", _hoisted_21$7, [_cache[17] || (_cache[17] = createElementVNode("svg", {
 					class: "mint-sample-selector__search-icon",
 					fill: "none",
 					stroke: "currentColor",
@@ -13659,8 +13609,8 @@ var _hoisted_15$13 = [
 var _hoisted_16$10 = ["onPointerdown"];
 var _hoisted_17$10 = { class: "mint-schedule__event-title" };
 var _hoisted_18$10 = { class: "mint-schedule__event-time" };
-var _hoisted_19$9 = ["onPointerdown"];
-var _hoisted_20$8 = {
+var _hoisted_19$10 = ["onPointerdown"];
+var _hoisted_20$9 = {
 	key: 0,
 	class: "mint-schedule__blocked-label"
 };
@@ -14015,7 +13965,7 @@ var ScheduleCalendar_default = /* @__PURE__ */ defineComponent({
 									key: 1,
 									class: "mint-schedule__event-resize-handle mint-schedule__event-resize-handle--bottom",
 									onPointerdown: ($event) => onResizePointerDown(event, "bottom", dayIdx, $event)
-								}, null, 40, _hoisted_19$9)) : createCommentVNode("", true)
+								}, null, 40, _hoisted_19$10)) : createCommentVNode("", true)
 							])], 46, _hoisted_15$13);
 						}), 128)),
 						(openBlock(true), createElementBlock(Fragment, null, renderList(unref(getBlockedForDay)(day), (blocked, bIdx) => {
@@ -14023,7 +13973,7 @@ var ScheduleCalendar_default = /* @__PURE__ */ defineComponent({
 								key: `b-${bIdx}`,
 								class: "mint-schedule__blocked",
 								style: normalizeStyle(unref(getBlockedStyle)(blocked))
-							}, [blocked.label ? (openBlock(), createElementBlock("span", _hoisted_20$8, toDisplayString(blocked.label), 1)) : createCommentVNode("", true)], 4);
+							}, [blocked.label ? (openBlock(), createElementBlock("span", _hoisted_20$9, toDisplayString(blocked.label), 1)) : createCommentVNode("", true)], 4);
 						}), 128)),
 						__props.showNowIndicator && unref(isToday)(day) && unref(getNowIndicatorStyle)() ? (openBlock(), createElementBlock("div", {
 							key: 0,
@@ -15287,8 +15237,9 @@ function settingsGroupToTab(group) {
 function normalizeVisibleSettingsTabs(tabs, canShow) {
 	return tabs.map(normalizeItemInput).filter(canShow);
 }
-function buildSettingsTabs(baseTabs, showAppearance) {
-	return showAppearance ? [...baseTabs, APPEARANCE_TAB] : baseTabs;
+function buildSettingsTabs(baseTabs, showAppearance, appearanceFirst = false) {
+	if (!showAppearance) return baseTabs;
+	return appearanceFirst ? [APPEARANCE_TAB, ...baseTabs] : [...baseTabs, APPEARANCE_TAB];
 }
 //#endregion
 //#region src/components/SettingsModal.vue?vue&type=script&setup=true&lang.ts
@@ -15331,8 +15282,8 @@ var _hoisted_18$9 = {
 	class: "mint-settings-modal__swatches",
 	"aria-hidden": "true"
 };
-var _hoisted_19$8 = { class: "mint-settings-modal__palette-name" };
-var _hoisted_20$7 = { class: "mint-settings-modal__setting mint-settings-modal__setting--inline" };
+var _hoisted_19$9 = { class: "mint-settings-modal__palette-name" };
+var _hoisted_20$8 = { class: "mint-settings-modal__setting mint-settings-modal__setting--inline" };
 var _hoisted_21$5 = {
 	class: "mint-settings-modal__status",
 	role: "status"
@@ -15359,6 +15310,7 @@ var SettingsModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			type: Boolean,
 			default: true
 		},
+		appearanceFirst: { type: Boolean },
 		size: { default: "lg" },
 		layout: { default: void 0 },
 		schema: {},
@@ -15462,7 +15414,7 @@ var SettingsModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const visibleSchemaGroups = computed(() => settingsSchema.value ? settingsSchema.value.groups.filter((g) => builder.isSectionVisible(g.id)) : []);
 		const manualTabs = computed(() => normalizeVisibleSettingsTabs(props.tabs, canShowForCurrentUser));
 		const allTabs = computed(() => {
-			return buildSettingsTabs(settingsSchema.value ? visibleSchemaGroups.value.map(settingsGroupToTab) : manualTabs.value, props.showAppearance);
+			return buildSettingsTabs(settingsSchema.value ? visibleSchemaGroups.value.map(settingsGroupToTab) : manualTabs.value, props.showAppearance, props.appearanceFirst);
 		});
 		const activeTab = ref(allTabs.value[0]?.id || "appearance");
 		/** Above this many plugin groups the default layout switches from one stacked page to the rail. */
@@ -15485,7 +15437,7 @@ var SettingsModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				icon: tab.icon,
 				description: tab.description,
 				meta: group ? modified ? String(modified) : void 0 : tab.meta,
-				section: props.showAppearance ? tab.id === "appearance" ? "Personal" : "Plugin" : void 0
+				section: props.showAppearance ? tab.id === "appearance" ? "Personal" : tab.section ?? "Plugin" : void 0
 			};
 		}));
 		function selectTab(id) {
@@ -15786,7 +15738,7 @@ var SettingsModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 									style: normalizeStyle({ backgroundColor: color })
 								}, null, 4);
 							}), 128))]),
-							createElementVNode("span", _hoisted_19$8, toDisplayString(palette.name), 1),
+							createElementVNode("span", _hoisted_19$9, toDisplayString(palette.name), 1),
 							_cache[9] || (_cache[9] = createElementVNode("svg", {
 								class: "mint-settings-modal__palette-check",
 								viewBox: "0 0 16 16",
@@ -15799,7 +15751,7 @@ var SettingsModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 							}, [createElementVNode("path", { d: "M3.5 8.5l3 3 6-7" })], -1))
 						], 10, _hoisted_17$9);
 					}), 128))])]),
-					createElementVNode("div", _hoisted_20$7, [
+					createElementVNode("div", _hoisted_20$8, [
 						_cache[12] || (_cache[12] = createElementVNode("div", { class: "mint-settings-modal__setting-text" }, [createElementVNode("span", { class: "mint-settings-modal__setting-label" }, "Table density"), createElementVNode("span", { class: "mint-settings-modal__setting-hint" }, "Adjusts row height in data tables")], -1)),
 						createVNode(SegmentedControl_default, {
 							"model-value": unref(settings).tableDensity,
@@ -16601,8 +16553,8 @@ var _hoisted_16$8 = [
 ];
 var _hoisted_17$8 = { class: "mint-group-assigner__pill-name" };
 var _hoisted_18$8 = { class: "mint-group-assigner__pill-count" };
-var _hoisted_19$7 = ["onClick"];
-var _hoisted_20$6 = {
+var _hoisted_19$8 = ["onClick"];
+var _hoisted_20$7 = {
 	key: 0,
 	class: "mint-group-assigner__zone-empty"
 };
@@ -16815,9 +16767,9 @@ var GroupAssigner_default = /* @__PURE__ */ defineComponent({
 							fill: "none",
 							stroke: "currentColor",
 							"stroke-width": "2"
-						}, [createElementVNode("path", { d: "M6 18L18 6M6 6l12 12" })], -1)])], 8, _hoisted_19$7)
+						}, [createElementVNode("path", { d: "M6 18L18 6M6 6l12 12" })], -1)])], 8, _hoisted_19$8)
 					], 40, _hoisted_16$8);
-				}), 128)), unref(zone2Groups).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_20$6, " Drag groups here ")) : createCommentVNode("", true)])], 38)]),
+				}), 128)), unref(zone2Groups).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_20$7, " Drag groups here ")) : createCommentVNode("", true)])], 38)]),
 				unref(unassignedGroups).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_21$4, [createElementVNode("div", _hoisted_22$4, [_cache[6] || (_cache[6] = createElementVNode("span", { class: "mint-group-assigner__unassigned-title" }, "Available Groups", -1)), __props.group1.length > 0 || __props.group2.length > 0 ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -16956,8 +16908,8 @@ var _hoisted_15$10 = ["value"];
 var _hoisted_16$7 = { class: "mint-reagent-editor__generator" };
 var _hoisted_17$7 = { class: "mint-reagent-editor__generator-inputs" };
 var _hoisted_18$7 = { class: "mint-reagent-editor__field mint-reagent-editor__field--flex" };
-var _hoisted_19$6 = { class: "mint-reagent-editor__field mint-reagent-editor__field--flex" };
-var _hoisted_20$5 = { class: "mint-reagent-editor__presets" };
+var _hoisted_19$7 = { class: "mint-reagent-editor__field mint-reagent-editor__field--flex" };
+var _hoisted_20$6 = { class: "mint-reagent-editor__presets" };
 var _hoisted_21$3 = ["onClick"];
 var _hoisted_22$3 = ["disabled"];
 var _hoisted_23$2 = {
@@ -17205,14 +17157,14 @@ var ReagentEditor_default = /* @__PURE__ */ defineComponent({
 						min: 0,
 						step: 10,
 						size: "sm"
-					}, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_19$6, [_cache[10] || (_cache[10] = createElementVNode("label", { class: "mint-reagent-editor__label" }, "Doses", -1)), createVNode(NumberInput_default, {
+					}, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_19$7, [_cache[10] || (_cache[10] = createElementVNode("label", { class: "mint-reagent-editor__label" }, "Doses", -1)), createVNode(NumberInput_default, {
 						modelValue: generatorCount.value,
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => generatorCount.value = $event),
 						min: 2,
 						max: __props.maxLevels,
 						step: 1,
 						size: "sm"
-					}, null, 8, ["modelValue", "max"])])]), createElementVNode("div", _hoisted_20$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
+					}, null, 8, ["modelValue", "max"])])]), createElementVNode("div", _hoisted_20$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
 						return openBlock(), createElementBlock("button", {
 							key: preset.label,
 							type: "button",
@@ -18805,11 +18757,11 @@ var _hoisted_18$6 = {
 	key: 2,
 	class: "mint-batch-progress__state"
 };
-var _hoisted_19$5 = {
+var _hoisted_19$6 = {
 	key: 3,
 	class: "mint-batch-progress__state"
 };
-var _hoisted_20$4 = {
+var _hoisted_20$5 = {
 	key: 4,
 	class: "mint-batch-progress__state"
 };
@@ -18987,11 +18939,11 @@ var BatchProgressList_default = /* @__PURE__ */ defineComponent({
 					state: "error",
 					size: "sm",
 					title: __props.error
-				}, null, 8, ["title"])])])) : __props.loading ? (openBlock(), createElementBlock("div", _hoisted_19$5, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(DataStateInternal_default, {
+				}, null, 8, ["title"])])])) : __props.loading ? (openBlock(), createElementBlock("div", _hoisted_19$6, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(DataStateInternal_default, {
 					state: "loading",
 					size: "sm",
 					"loading-label": "Loading batch"
-				})])])) : __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_20$4, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(DataStateInternal_default, {
+				})])])) : __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_20$5, [renderSlot(_ctx.$slots, "empty", {}, () => [createVNode(DataStateInternal_default, {
 					state: "empty",
 					size: "sm",
 					title: __props.emptyMessage
@@ -19101,8 +19053,8 @@ var _hoisted_16$5 = {
 };
 var _hoisted_17$5 = { class: "mint-summary__pill-key" };
 var _hoisted_18$5 = { class: "mint-summary__pill-value" };
-var _hoisted_19$4 = { class: "mint-summary__table-header" };
-var _hoisted_20$3 = { class: "mint-summary__section-label" };
+var _hoisted_19$5 = { class: "mint-summary__table-header" };
+var _hoisted_20$4 = { class: "mint-summary__section-label" };
 var _hoisted_21$1 = { class: "mint-summary__section-count" };
 var _hoisted_22$1 = {
 	key: 3,
@@ -19300,7 +19252,7 @@ var ExperimentDataViewer_default = /* @__PURE__ */ defineComponent({
 							"searchable"
 						])) : createCommentVNode("", true)
 					]);
-				}), 128)) : section.type === "table" && section.rows ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", _hoisted_19$4, [createElementVNode("span", _hoisted_20$3, toDisplayString(section.label), 1), createElementVNode("span", _hoisted_21$1, toDisplayString(section.row_count) + " rows", 1)]), createVNode(DataFrame_default, {
+				}), 128)) : section.type === "table" && section.rows ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", _hoisted_19$5, [createElementVNode("span", _hoisted_20$4, toDisplayString(section.label), 1), createElementVNode("span", _hoisted_21$1, toDisplayString(section.row_count) + " rows", 1)]), createVNode(DataFrame_default, {
 					data: section.rows,
 					columns: columnsForSection(section.columns || []),
 					searchable: (section.rows?.length || 0) > 10,
@@ -19583,8 +19535,8 @@ var _hoisted_18$4 = {
 	key: 1,
 	class: "mint-resource-card__footer"
 };
-var _hoisted_19$3 = { class: "mint-resource-card__tags" };
-var _hoisted_20$2 = { class: "mint-resource-card__action" };
+var _hoisted_19$4 = { class: "mint-resource-card__tags" };
+var _hoisted_20$3 = { class: "mint-resource-card__action" };
 //#endregion
 //#region src/components/ResourceCard.vue
 var ResourceCard_default = /* @__PURE__ */ defineComponent({
@@ -19678,7 +19630,7 @@ var ResourceCard_default = /* @__PURE__ */ defineComponent({
 						class: "mint-resource-card__spec"
 					}, [createElementVNode("span", _hoisted_16$4, toDisplayString(spec.label), 1), createElementVNode("span", _hoisted_17$4, toDisplayString(spec.value), 1)]);
 				}), 128))])])) : createCommentVNode("", true),
-				__props.tags.length > 0 || __props.showBookAction || _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_18$4, [createElementVNode("div", _hoisted_19$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tags, (tag) => {
+				__props.tags.length > 0 || __props.showBookAction || _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_18$4, [createElementVNode("div", _hoisted_19$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tags, (tag) => {
 					return openBlock(), createBlock(BasePill_default, {
 						key: tag,
 						size: "sm"
@@ -19686,7 +19638,7 @@ var ResourceCard_default = /* @__PURE__ */ defineComponent({
 						default: withCtx(() => [createTextVNode(toDisplayString(tag), 1)]),
 						_: 2
 					}, 1024);
-				}), 128))]), createElementVNode("div", _hoisted_20$2, [renderSlot(_ctx.$slots, "action", {}, () => [__props.showBookAction ? (openBlock(), createElementBlock("button", {
+				}), 128))]), createElementVNode("div", _hoisted_20$3, [renderSlot(_ctx.$slots, "action", {}, () => [__props.showBookAction ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
 					class: "mint-resource-card__book-btn",
@@ -19872,11 +19824,11 @@ var ExperimentSelectorModal_vue_vue_type_script_setup_true_lang_default = /*@__P
 			return {
 				code: experiment.experiment_code,
 				title: experiment.name,
-				meta: [
-					...groupToggle.value ? [] : [experiment.project_name || experiment.project || ""],
-					owner ? [owner.first_name, owner.last_name].filter(Boolean).join(" ") || owner.username : "",
-					formatExperimentStatus(experiment.status)
-				].filter(Boolean),
+				meta: [...groupToggle.value ? [] : [experiment.project_name || experiment.project || ""], owner ? [owner.first_name, owner.last_name].filter(Boolean).join(" ") || owner.username : ""].filter(Boolean),
+				status: experiment.status ? {
+					label: formatExperimentStatus(experiment.status),
+					variant: getExperimentStatusVariant(experiment.status)
+				} : void 0,
 				date: formatExperimentDate(experiment.created_at)
 			};
 		}
@@ -20656,8 +20608,8 @@ var _hoisted_18$3 = {
 	class: "mint-experiment-popover__card mint-experiment-popover__card--error",
 	role: "alert"
 };
-var _hoisted_19$2 = { class: "mint-experiment-popover__card-info" };
-var _hoisted_20$1 = { class: "mint-experiment-popover__card-message" };
+var _hoisted_19$3 = { class: "mint-experiment-popover__card-info" };
+var _hoisted_20$2 = { class: "mint-experiment-popover__card-message" };
 var _hoisted_21 = { class: "mint-experiment-popover__card-actions" };
 var _hoisted_22 = {
 	key: 2,
@@ -20864,7 +20816,7 @@ var ExperimentPopover_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 					"stroke-linejoin": "round",
 					"stroke-width": "1.75",
 					d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
-				})])], -1)), createElementVNode("div", _hoisted_19$2, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "mint-experiment-popover__card-name" }, "Experiment unavailable", -1)), createElementVNode("div", _hoisted_20$1, toDisplayString(__props.error), 1)])]), createElementVNode("div", _hoisted_21, [createElementVNode("button", {
+				})])], -1)), createElementVNode("div", _hoisted_19$3, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "mint-experiment-popover__card-name" }, "Experiment unavailable", -1)), createElementVNode("div", _hoisted_20$2, toDisplayString(__props.error), 1)])]), createElementVNode("div", _hoisted_21, [createElementVNode("button", {
 					type: "button",
 					class: "mint-experiment-popover__change-btn",
 					onClick: handleSelect
@@ -20994,12 +20946,12 @@ var _hoisted_17$2 = {
 	d: "M3.5 8.5l3 3 6-7"
 };
 var _hoisted_18$2 = { key: 1 };
-var _hoisted_19$1 = {
+var _hoisted_19$2 = {
 	key: 0,
 	class: "mint-fit-panel__check-shape",
 	d: "M8 1.5l7 12.5H1z"
 };
-var _hoisted_20 = {
+var _hoisted_20$1 = {
 	key: 1,
 	class: "mint-fit-panel__check-shape",
 	cx: "8",
@@ -21119,7 +21071,7 @@ var FitPanel_default = /* @__PURE__ */ defineComponent({
 						return openBlock(), createElementBlock("span", {
 							key: idx,
 							class: normalizeClass(["mint-fit-panel__check", `mint-fit-panel__check--${item.variant ?? "default"}`])
-						}, [(openBlock(), createElementBlock("svg", _hoisted_16$2, [item.variant === "success" ? (openBlock(), createElementBlock("path", _hoisted_17$2)) : (openBlock(), createElementBlock("g", _hoisted_18$2, [item.variant === "warning" ? (openBlock(), createElementBlock("path", _hoisted_19$1)) : (openBlock(), createElementBlock("circle", _hoisted_20)), _cache[3] || (_cache[3] = createElementVNode("path", {
+						}, [(openBlock(), createElementBlock("svg", _hoisted_16$2, [item.variant === "success" ? (openBlock(), createElementBlock("path", _hoisted_17$2)) : (openBlock(), createElementBlock("g", _hoisted_18$2, [item.variant === "warning" ? (openBlock(), createElementBlock("path", _hoisted_19$2)) : (openBlock(), createElementBlock("circle", _hoisted_20$1)), _cache[3] || (_cache[3] = createElementVNode("path", {
 							class: "mint-fit-panel__check-mark",
 							d: "M8 6v3M8 11.5v.01"
 						}, null, -1))]))])), createTextVNode(" " + toDisplayString(item.label) + " " + toDisplayString(item.value), 1)], 2);
@@ -21178,19 +21130,24 @@ var _hoisted_1$2 = [
 ];
 var _hoisted_2$2 = {
 	key: 0,
-	class: "mint-picker__skeleton"
+	class: "mint-picker__truncated",
+	role: "status"
 };
 var _hoisted_3$2 = {
 	key: 1,
-	role: "alert",
-	class: "mint-picker__empty"
+	class: "mint-picker__skeleton"
 };
 var _hoisted_4$2 = {
 	key: 2,
+	role: "alert",
+	class: "mint-picker__empty"
+};
+var _hoisted_5$2 = {
+	key: 3,
 	class: "mint-picker__empty",
 	role: "status"
 };
-var _hoisted_5$2 = [
+var _hoisted_6$2 = [
 	"role",
 	"data-path",
 	"aria-level",
@@ -21203,8 +21160,8 @@ var _hoisted_5$2 = [
 	"onDblclick",
 	"onKeydown"
 ];
-var _hoisted_6$2 = { class: "mint-picker__cell mint-picker__cell--check" };
-var _hoisted_7$2 = {
+var _hoisted_7$2 = { class: "mint-picker__cell mint-picker__cell--check" };
+var _hoisted_8$2 = {
 	key: 0,
 	class: "mint-picker__lock",
 	viewBox: "0 0 24 24",
@@ -21213,13 +21170,13 @@ var _hoisted_7$2 = {
 	"stroke-width": "1.8",
 	"aria-hidden": "true"
 };
-var _hoisted_8$2 = ["d"];
-var _hoisted_9$2 = { class: "mint-picker__cell mint-picker__cell--name" };
-var _hoisted_10$2 = {
+var _hoisted_9$2 = ["d"];
+var _hoisted_10$2 = { class: "mint-picker__cell mint-picker__cell--name" };
+var _hoisted_11$2 = {
 	key: 1,
 	class: "mint-picker__disclosure"
 };
-var _hoisted_11$2 = {
+var _hoisted_12$2 = {
 	class: "mint-picker__node-icon",
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -21227,19 +21184,19 @@ var _hoisted_11$2 = {
 	"stroke-width": "1.7",
 	"aria-hidden": "true"
 };
-var _hoisted_12$2 = ["d"];
-var _hoisted_13$2 = { class: "mint-picker__name" };
-var _hoisted_14$2 = { key: 0 };
-var _hoisted_15$2 = {
+var _hoisted_13$2 = ["d"];
+var _hoisted_14$2 = { class: "mint-picker__name" };
+var _hoisted_15$2 = { key: 0 };
+var _hoisted_16$1 = {
 	key: 1,
 	class: "mint-picker__reason"
 };
-var _hoisted_16$1 = {
+var _hoisted_17$1 = {
 	key: 2,
 	class: "mint-picker__parent-name"
 };
-var _hoisted_17$1 = { class: "mint-picker__cell mint-picker__cell--time" };
-var _hoisted_18$1 = {
+var _hoisted_18$1 = { class: "mint-picker__cell mint-picker__cell--time" };
+var _hoisted_19$1 = {
 	key: 0,
 	class: "mint-picker__branch-error",
 	role: "alert"
@@ -21255,6 +21212,7 @@ var FilePickerListInternal_default = /* @__PURE__ */ defineComponent({
 		loading: { type: Boolean },
 		error: {},
 		query: {},
+		truncated: { type: Boolean },
 		mode: {},
 		selected: { type: Function },
 		selectable: { type: Function },
@@ -21382,106 +21340,110 @@ var FilePickerListInternal_default = /* @__PURE__ */ defineComponent({
 				"aria-label": "Folders and files",
 				"aria-multiselectable": multi.value,
 				"aria-busy": __props.loading
-			}, [_cache[6] || (_cache[6] = createElementVNode("div", {
-				class: "mint-picker__list-head",
-				"aria-hidden": "true"
 			}, [
-				createElementVNode("span"),
-				createElementVNode("span", null, "Name"),
-				createElementVNode("span", null, "Size"),
-				createElementVNode("span", null, "Modified")
-			], -1)), __props.loading ? (openBlock(), createElementBlock("div", _hoisted_2$2, [(openBlock(), createElementBlock(Fragment, null, renderList(6, (n) => {
-				return createVNode(Skeleton_default, {
-					key: n,
-					width: "100%",
-					height: "1.25rem"
-				});
-			}), 64))])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_3$2, [createElementVNode("span", null, toDisplayString(__props.error), 1), createVNode(BaseButton_default, {
-				variant: "secondary",
-				size: "sm",
-				onClick: _cache[0] || (_cache[0] = ($event) => emit("retry"))
-			}, {
-				default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Try again", -1)])]),
-				_: 1
-			})])) : !__props.rows.length ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createElementVNode("strong", null, toDisplayString(__props.query ? "No matching folders or files" : __props.emptyTitle || "No readable files"), 1), createElementVNode("span", null, toDisplayString(__props.query ? "Try a different search or include subfolders." : "Choose another location."), 1)])) : (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(__props.rows, (row) => {
-				return openBlock(), createElementBlock(Fragment, { key: row.node.path }, [createElementVNode("div", {
-					role: tree.value ? "treeitem" : "option",
-					"data-path": row.node.path,
-					"aria-level": tree.value ? row.depth + 1 : void 0,
-					"aria-selected": __props.selected(row.node),
-					"aria-disabled": !!reason(row.node),
-					"aria-expanded": tree.value && row.node.kind === "folder" && !reason(row.node) ? row.expanded : void 0,
-					tabindex: !reason(row.node) && row.node.path === focusablePath.value ? 0 : -1,
-					class: normalizeClass(["mint-picker__row", {
-						"mint-picker__row--selected": __props.selected(row.node),
-						"mint-picker__row--unreadable": !!reason(row.node)
-					}]),
-					style: normalizeStyle({ "--picker-depth": row.depth }),
-					title: reason(row.node) || row.node.name,
-					onClick: ($event) => !reason(row.node) && emit("select", row.node, $event),
-					onDblclick: ($event) => !reason(row.node) && emit("enter", row.node),
-					onKeydown: ($event) => keydown($event, row)
+				_cache[6] || (_cache[6] = createElementVNode("div", {
+					class: "mint-picker__list-head",
+					"aria-hidden": "true"
 				}, [
-					createElementVNode("span", _hoisted_6$2, [locked(row.node) ? (openBlock(), createElementBlock("svg", _hoisted_7$2, [createElementVNode("path", { d: unref(FILE_PICKER_ICONS).lock }, null, 8, _hoisted_8$2)])) : multi.value && __props.selectable(row.node) ? (openBlock(), createBlock(BaseCheckbox_default, {
-						key: 1,
-						size: "sm",
-						inert: "",
-						"aria-hidden": "true",
-						"model-value": __props.selected(row.node),
-						indeterminate: partial(row.node)
-					}, null, 8, ["model-value", "indeterminate"])) : createCommentVNode("", true)]),
-					createElementVNode("span", _hoisted_9$2, [
-						tree.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [row.node.kind === "folder" && row.node.hasChildren !== false && !reason(row.node) ? (openBlock(), createBlock(IconButton_default, {
-							key: 0,
-							size: "sm",
-							variant: "ghost",
-							class: "mint-picker__disclosure",
-							label: `${row.expanded ? "Collapse" : "Expand"} ${row.node.name}`,
-							tabindex: "-1",
-							loading: row.loading,
-							onClick: withModifiers(($event) => emit("expand", row.node), ["stop"]),
-							onDblclick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-						}, {
-							default: withCtx(() => [(openBlock(), createElementBlock("svg", {
-								viewBox: "0 0 16 16",
-								fill: "currentColor",
-								"aria-hidden": "true",
-								class: normalizeClass({ "mint-picker__chevron--open": row.expanded })
-							}, [..._cache[3] || (_cache[3] = [createElementVNode("path", { d: "m6 3 5 5-5 5z" }, null, -1)])], 2))]),
-							_: 2
-						}, 1032, [
-							"label",
-							"loading",
-							"onClick"
-						])) : (openBlock(), createElementBlock("span", _hoisted_10$2))], 64)) : createCommentVNode("", true),
-						(openBlock(), createElementBlock("svg", _hoisted_11$2, [createElementVNode("path", { d: row.node.kind === "folder" ? unref(FILE_PICKER_ICONS).folder : unref(FILE_PICKER_ICONS).file }, null, 8, _hoisted_12$2)])),
-						createElementVNode("span", _hoisted_13$2, [
-							createTextVNode(toDisplayString(parts(row.node.name)[0]), 1),
-							parts(row.node.name)[1] ? (openBlock(), createElementBlock("mark", _hoisted_14$2, toDisplayString(parts(row.node.name)[1]), 1)) : createCommentVNode("", true),
-							createTextVNode(toDisplayString(parts(row.node.name)[2]), 1)
-						]),
-						reason(row.node) ? (openBlock(), createElementBlock("span", _hoisted_15$2, toDisplayString(shortReason(row.node)), 1)) : __props.query && row.node.parentName ? (openBlock(), createElementBlock("span", _hoisted_16$1, toDisplayString(row.node.parentName), 1)) : createCommentVNode("", true),
-						__props.query && __props.mode === "folder" && row.node.kind === "file" && row.node.parentPath && !reason(row.node) ? (openBlock(), createBlock(BaseButton_default, {
-							key: 3,
-							variant: "ghost",
-							size: "sm",
-							onClick: withModifiers(($event) => emit("parent", row.node), ["stop"])
-						}, {
-							default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Select its folder", -1)])]),
-							_: 1
-						}, 8, ["onClick"])) : createCommentVNode("", true)
-					]),
-					createElementVNode("span", { class: normalizeClass(["mint-picker__cell mint-picker__cell--size", { "mint-picker__partial": partial(row.node) }]) }, toDisplayString(size(row.node)), 3),
-					createElementVNode("span", _hoisted_17$1, toDisplayString(unref(formatModified)(row.node.modifiedAt)), 1)
-				], 46, _hoisted_5$2), row.error ? (openBlock(), createElementBlock("div", _hoisted_18$1, [createTextVNode(toDisplayString(row.error), 1), createVNode(BaseButton_default, {
-					variant: "ghost",
+					createElementVNode("span"),
+					createElementVNode("span", null, "Name"),
+					createElementVNode("span", null, "Size"),
+					createElementVNode("span", null, "Modified")
+				], -1)),
+				__props.truncated && !__props.loading && !__props.error && __props.rows.length ? (openBlock(), createElementBlock("p", _hoisted_2$2, " Showing the first " + toDisplayString(__props.rows.length) + " matches. Search a smaller folder or use a more specific search to see the rest. ", 1)) : createCommentVNode("", true),
+				__props.loading ? (openBlock(), createElementBlock("div", _hoisted_3$2, [(openBlock(), createElementBlock(Fragment, null, renderList(6, (n) => {
+					return createVNode(Skeleton_default, {
+						key: n,
+						width: "100%",
+						height: "1.25rem"
+					});
+				}), 64))])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createElementVNode("span", null, toDisplayString(__props.error), 1), createVNode(BaseButton_default, {
+					variant: "secondary",
 					size: "sm",
-					onClick: ($event) => emit("expand", row.node)
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("retry"))
 				}, {
-					default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Close branch", -1)])]),
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Try again", -1)])]),
 					_: 1
-				}, 8, ["onClick"])])) : createCommentVNode("", true)], 64);
-			}), 128))], 8, _hoisted_1$2);
+				})])) : !__props.rows.length ? (openBlock(), createElementBlock("div", _hoisted_5$2, [createElementVNode("strong", null, toDisplayString(__props.truncated ? "Search stopped before finding a match" : __props.query ? "No matching folders or files" : __props.emptyTitle || "No readable files"), 1), createElementVNode("span", null, toDisplayString(__props.truncated ? "Search a smaller folder or use a more specific search." : __props.query ? "Try a different search or include subfolders." : "Choose another location."), 1)])) : (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(__props.rows, (row) => {
+					return openBlock(), createElementBlock(Fragment, { key: row.node.path }, [createElementVNode("div", {
+						role: tree.value ? "treeitem" : "option",
+						"data-path": row.node.path,
+						"aria-level": tree.value ? row.depth + 1 : void 0,
+						"aria-selected": __props.selected(row.node),
+						"aria-disabled": !!reason(row.node),
+						"aria-expanded": tree.value && row.node.kind === "folder" && !reason(row.node) ? row.expanded : void 0,
+						tabindex: !reason(row.node) && row.node.path === focusablePath.value ? 0 : -1,
+						class: normalizeClass(["mint-picker__row", {
+							"mint-picker__row--selected": __props.selected(row.node),
+							"mint-picker__row--unreadable": !!reason(row.node)
+						}]),
+						style: normalizeStyle({ "--picker-depth": row.depth }),
+						title: reason(row.node) || row.node.name,
+						onClick: ($event) => !reason(row.node) && emit("select", row.node, $event),
+						onDblclick: ($event) => !reason(row.node) && emit("enter", row.node),
+						onKeydown: ($event) => keydown($event, row)
+					}, [
+						createElementVNode("span", _hoisted_7$2, [locked(row.node) ? (openBlock(), createElementBlock("svg", _hoisted_8$2, [createElementVNode("path", { d: unref(FILE_PICKER_ICONS).lock }, null, 8, _hoisted_9$2)])) : multi.value && __props.selectable(row.node) ? (openBlock(), createBlock(BaseCheckbox_default, {
+							key: 1,
+							size: "sm",
+							inert: "",
+							"aria-hidden": "true",
+							"model-value": __props.selected(row.node),
+							indeterminate: partial(row.node)
+						}, null, 8, ["model-value", "indeterminate"])) : createCommentVNode("", true)]),
+						createElementVNode("span", _hoisted_10$2, [
+							tree.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [row.node.kind === "folder" && row.node.hasChildren !== false && !reason(row.node) ? (openBlock(), createBlock(IconButton_default, {
+								key: 0,
+								size: "sm",
+								variant: "ghost",
+								class: "mint-picker__disclosure",
+								label: `${row.expanded ? "Collapse" : "Expand"} ${row.node.name}`,
+								tabindex: "-1",
+								loading: row.loading,
+								onClick: withModifiers(($event) => emit("expand", row.node), ["stop"]),
+								onDblclick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("svg", {
+									viewBox: "0 0 16 16",
+									fill: "currentColor",
+									"aria-hidden": "true",
+									class: normalizeClass({ "mint-picker__chevron--open": row.expanded })
+								}, [..._cache[3] || (_cache[3] = [createElementVNode("path", { d: "m6 3 5 5-5 5z" }, null, -1)])], 2))]),
+								_: 2
+							}, 1032, [
+								"label",
+								"loading",
+								"onClick"
+							])) : (openBlock(), createElementBlock("span", _hoisted_11$2))], 64)) : createCommentVNode("", true),
+							(openBlock(), createElementBlock("svg", _hoisted_12$2, [createElementVNode("path", { d: row.node.kind === "folder" ? unref(FILE_PICKER_ICONS).folder : unref(FILE_PICKER_ICONS).file }, null, 8, _hoisted_13$2)])),
+							createElementVNode("span", _hoisted_14$2, [
+								createTextVNode(toDisplayString(parts(row.node.name)[0]), 1),
+								parts(row.node.name)[1] ? (openBlock(), createElementBlock("mark", _hoisted_15$2, toDisplayString(parts(row.node.name)[1]), 1)) : createCommentVNode("", true),
+								createTextVNode(toDisplayString(parts(row.node.name)[2]), 1)
+							]),
+							reason(row.node) ? (openBlock(), createElementBlock("span", _hoisted_16$1, toDisplayString(shortReason(row.node)), 1)) : __props.query && row.node.parentName ? (openBlock(), createElementBlock("span", _hoisted_17$1, toDisplayString(row.node.parentName), 1)) : createCommentVNode("", true),
+							__props.query && __props.mode === "folder" && row.node.kind === "file" && row.node.parentPath && !reason(row.node) ? (openBlock(), createBlock(BaseButton_default, {
+								key: 3,
+								variant: "ghost",
+								size: "sm",
+								onClick: withModifiers(($event) => emit("parent", row.node), ["stop"])
+							}, {
+								default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Select its folder", -1)])]),
+								_: 1
+							}, 8, ["onClick"])) : createCommentVNode("", true)
+						]),
+						createElementVNode("span", { class: normalizeClass(["mint-picker__cell mint-picker__cell--size", { "mint-picker__partial": partial(row.node) }]) }, toDisplayString(size(row.node)), 3),
+						createElementVNode("span", _hoisted_18$1, toDisplayString(unref(formatModified)(row.node.modifiedAt)), 1)
+					], 46, _hoisted_6$2), row.error ? (openBlock(), createElementBlock("div", _hoisted_19$1, [createTextVNode(toDisplayString(row.error), 1), createVNode(BaseButton_default, {
+						variant: "ghost",
+						size: "sm",
+						onClick: ($event) => emit("expand", row.node)
+					}, {
+						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Close branch", -1)])]),
+						_: 1
+					}, 8, ["onClick"])])) : createCommentVNode("", true)], 64);
+				}), 128))
+			], 8, _hoisted_1$2);
 		};
 	}
 });
@@ -21594,7 +21556,25 @@ var FilePickerPreviewInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/composables/filePicker/usePickerNavigation.ts
-function usePickerNavigation(adapter, request, systemFilter = () => true) {
+var byName = new Intl.Collator(void 0, {
+	numeric: true,
+	sensitivity: "base"
+}).compare;
+/** Folders first; undated rows go last in either time order. */
+function ordered(items, sort) {
+	if (!sort) return items;
+	const times = new Map(items.map((node) => [node, node.modifiedAt ? Date.parse(node.modifiedAt) : NaN]));
+	const time = (node) => times.get(node);
+	return [...items].sort((a, b) => {
+		if (a.kind !== b.kind) return a.kind === "folder" ? -1 : 1;
+		if (sort === "name") return byName(a.name, b.name);
+		if (sort === "name-desc") return byName(b.name, a.name);
+		const [ta, tb] = [time(a), time(b)];
+		if (Number.isNaN(ta) || Number.isNaN(tb)) return Number.isNaN(ta) === Number.isNaN(tb) ? byName(a.name, b.name) : Number.isNaN(ta) ? 1 : -1;
+		return (sort === "newest" ? tb - ta : ta - tb) || byName(a.name, b.name);
+	});
+}
+function usePickerNavigation(adapter, request, systemFilter = () => true, sort = () => void 0) {
 	const path = shallowRef("");
 	const trail = ref([]);
 	const entries = shallowRef([]);
@@ -21605,6 +21585,8 @@ function usePickerNavigation(adapter, request, systemFilter = () => true) {
 	const expansionErrors = ref(/* @__PURE__ */ new Map());
 	const loading = shallowRef(false);
 	const error = shallowRef("");
+	/** True when the current search results stopped at an adapter limit. */
+	const truncated = shallowRef(false);
 	let epoch = 0;
 	let navigation = 0;
 	let controller;
@@ -21724,13 +21706,16 @@ function usePickerNavigation(adapter, request, systemFilter = () => true) {
 		};
 		loading.value = true;
 		error.value = "";
+		truncated.value = false;
 		entries.value = [];
 		try {
-			const items = query.trim() ? await adapter().search(query.trim(), {
+			const found = query.trim() ? await adapter().search(query.trim(), {
 				path: path.value,
 				recursive
 			}, options) : path.value ? await loadChildren(path.value, [], refresh) : await adapter().listRoot(options);
 			if (token !== navigation) return;
+			const items = Array.isArray(found) ? found : found.nodes;
+			truncated.value = !Array.isArray(found) && found.truncated;
 			register(items, query.trim() ? void 0 : path.value);
 			entries.value = items;
 			if (!query.trim()) prefetch(items);
@@ -21776,8 +21761,9 @@ function usePickerNavigation(adapter, request, systemFilter = () => true) {
 	}
 	const rows = computed(() => {
 		const result = [];
+		const order = sort();
 		function visit(items, depth, ancestors) {
-			for (const item of items) {
+			for (const item of ordered(items, order)) {
 				if (ancestors.has(item.path) || depth > 30) continue;
 				const node = nodes.value.get(item.path) ?? item;
 				if (!isAllowed(node)) continue;
@@ -21806,6 +21792,7 @@ function usePickerNavigation(adapter, request, systemFilter = () => true) {
 		expansionErrors,
 		loading,
 		error,
+		truncated,
 		rows,
 		isAllowed,
 		clear,
@@ -22111,12 +22098,13 @@ function useFilePicker(props, emit, searchArea) {
 	const source = shallowRef(allowedSources.value.includes(props.initialSelection?.source) ? props.initialSelection.source : allowedSources.value[0] ?? "server");
 	const query = shallowRef("");
 	const recursive = shallowRef(false);
+	const sort = shallowRef(props.defaultSort);
 	const skipBlanks = shallowRef(false);
 	const reviewing = shallowRef(false);
 	const localFiles = shallowRef([]);
 	const localPaths = /* @__PURE__ */ new WeakMap();
 	const localAdapter = computed(() => localFilesAdapter(localFiles.value, localFiles.value.map((file) => localPaths.get(toRaw(file)))));
-	const nav = usePickerNavigation(() => source.value === "localFile" ? localAdapter.value : props.adapter, () => ({ source: source.value }), (node) => props.systemFilter?.(node, source.value) !== false);
+	const nav = usePickerNavigation(() => source.value === "localFile" ? localAdapter.value : props.adapter, () => ({ source: source.value }), (node) => props.systemFilter?.(node, source.value) !== false, () => sort.value);
 	const capability = computed(() => props.capabilities[source.value]);
 	const selection = usePickerSelection(nav, () => props.selectionMode, () => capability.value, () => skipBlanks.value);
 	const { path, trail, loading, error, rows } = nav;
@@ -22199,6 +22187,7 @@ function useFilePicker(props, emit, searchArea) {
 	watch(() => props.open, (open) => {
 		clearTimeout(timer);
 		if (open) {
+			sort.value = props.defaultSort;
 			if (!initialized) {
 				path.value = props.initialPath;
 				if (path.value) trail.value = [{
@@ -22360,10 +22349,11 @@ function useFilePicker(props, emit, searchArea) {
 	}
 	async function selectLocalFiles() {
 		const token = openGeneration;
-		const items = props.selectionMode === "single-file" || props.selectionMode === "multi-file" ? await localAdapter.value.search("", {
+		const found = props.selectionMode === "single-file" || props.selectionMode === "multi-file" ? await localAdapter.value.search("", {
 			path: "",
 			recursive: true
 		}) : nav.entries.value;
+		const items = Array.isArray(found) ? found : found.nodes;
 		if (token !== openGeneration || !props.open || source.value !== "localFile") return;
 		nav.register(items);
 		const candidates = items.filter((node) => selection.selectable(node));
@@ -22408,6 +22398,7 @@ function useFilePicker(props, emit, searchArea) {
 		source,
 		query,
 		recursive,
+		sort,
 		skipBlanks,
 		reviewing,
 		nav,
@@ -22470,32 +22461,38 @@ var _hoisted_8 = {
 	key: 0,
 	class: "mint-picker__accepts"
 };
-var _hoisted_9 = ["aria-pressed"];
-var _hoisted_10 = ["disabled"];
-var _hoisted_11 = {
+var _hoisted_9 = [
+	"aria-expanded",
+	"aria-label",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_10 = ["aria-pressed"];
+var _hoisted_11 = ["disabled"];
+var _hoisted_12 = {
 	key: 1,
 	class: "mint-picker__empty"
 };
-var _hoisted_12 = {
+var _hoisted_13 = {
 	key: 0,
 	class: "mint-picker__local-upload"
 };
-var _hoisted_13 = {
+var _hoisted_14 = {
 	key: 0,
 	role: "alert"
 };
-var _hoisted_14 = {
+var _hoisted_15 = {
 	key: 1,
 	class: "mint-picker__workspace"
 };
-var _hoisted_15 = { class: "mint-picker__footer" };
-var _hoisted_16 = {
+var _hoisted_16 = { class: "mint-picker__footer" };
+var _hoisted_17 = {
 	class: "mint-picker__receipt",
 	role: "status"
 };
-var _hoisted_17 = { class: "mint-picker__summary" };
-var _hoisted_18 = { key: 2 };
-var _hoisted_19 = { class: "mint-picker__actions" };
+var _hoisted_18 = { class: "mint-picker__summary" };
+var _hoisted_19 = { key: 2 };
+var _hoisted_20 = { class: "mint-picker__actions" };
 //#endregion
 //#region src/components/FilePicker.vue
 var FilePicker_default = /* @__PURE__ */ defineComponent({
@@ -22510,6 +22507,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 		initialSelection: { default: null },
 		title: { default: "Choose data" },
 		view: { default: "list" },
+		defaultSort: { default: "newest" },
 		systemFilter: {}
 	},
 	emits: [
@@ -22530,7 +22528,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const uploadError = ref("");
-		const { previewNode, sourceNames, mounts, segments, activeSegment, mountView, allowedSources, source, query, recursive, skipBlanks, reviewing, nav, selection, capability, path, trail, loading, error, rows, roots, chosen, focused, resolving, resolutionError, confirmLabel, folderCount, canConfirm, chooseSegment, clearSelection, selectNode, enter, up, refresh, selectParent, chooseLocal, cancel, confirm, keyboard } = useFilePicker(props, emit, useTemplateRef("searchArea"));
+		const { previewNode, sourceNames, mounts, segments, activeSegment, mountView, allowedSources, source, query, recursive, sort, skipBlanks, reviewing, nav, selection, capability, path, trail, loading, error, rows, roots, chosen, focused, resolving, resolutionError, confirmLabel, folderCount, canConfirm, chooseSegment, clearSelection, selectNode, enter, up, refresh, selectParent, chooseLocal, cancel, confirm, keyboard } = useFilePicker(props, emit, useTemplateRef("searchArea"));
 		const sourceLabel = computed(() => {
 			const node = previewNode.value;
 			if (!mountView.value || !node) return sourceNames[source.value];
@@ -22540,6 +22538,17 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 			}
 			return mounts.value.find((item) => item.path === props.adapter.mountOf?.(node.path))?.name ?? sourceNames.server;
 		});
+		const SORT_LABELS = {
+			newest: "Newest first",
+			oldest: "Oldest first",
+			name: "Name A–Z",
+			"name-desc": "Name Z–A"
+		};
+		const sortItems = computed(() => Object.keys(SORT_LABELS).map((id) => ({
+			id,
+			label: SORT_LABELS[id],
+			checked: sort.value === id
+		})));
 		const accepts = computed(() => (capability.value?.formats ?? []).map((format) => `.${format.replace(/^\./, "")}`).join(" "));
 		const summary = computed(() => {
 			if (!roots.value.length) return "No selection";
@@ -22582,7 +22591,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 						"aria-label": "Search folders and files",
 						placeholder: "Search this source"
 					}, {
-						prefix: withCtx(() => [..._cache[12] || (_cache[12] = [createElementVNode("svg", {
+						prefix: withCtx(() => [..._cache[13] || (_cache[13] = [createElementVNode("svg", {
 							viewBox: "0 0 24 24",
 							fill: "none",
 							stroke: "currentColor",
@@ -22593,40 +22602,40 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 							cy: "10.5",
 							r: "7"
 						}), createElementVNode("path", { d: "m16 16 5 5" })], -1)])]),
-						suffix: withCtx(() => [..._cache[13] || (_cache[13] = [createElementVNode("kbd", null, "/", -1)])]),
+						suffix: withCtx(() => [..._cache[14] || (_cache[14] = [createElementVNode("kbd", null, "/", -1)])]),
 						_: 1
 					}, 8, ["modelValue"])], 512)) : createCommentVNode("", true)
 				], 32)]),
-				footer: withCtx(() => [createElementVNode("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [
-					createElementVNode("span", _hoisted_17, toDisplayString(summary.value), 1),
+				footer: withCtx(() => [createElementVNode("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [
+					createElementVNode("span", _hoisted_18, toDisplayString(summary.value), 1),
 					unref(roots).length ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
 						class: "mint-picker__link mint-picker__clear",
-						onClick: _cache[9] || (_cache[9] = (...args) => unref(clearSelection) && unref(clearSelection)(...args))
+						onClick: _cache[10] || (_cache[10] = (...args) => unref(clearSelection) && unref(clearSelection)(...args))
 					}, " Clear ")) : createCommentVNode("", true),
 					unref(chosen).excluded.length && unref(source) === "server" ? (openBlock(), createElementBlock("button", {
 						key: 1,
 						type: "button",
 						class: "mint-picker__link",
-						onClick: _cache[10] || (_cache[10] = ($event) => reviewing.value = !unref(reviewing))
-					}, toDisplayString(unref(chosen).excluded.length) + " skipped ", 1)) : unref(chosen).excluded.length ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(unref(chosen).excluded.length) + " skipped", 1)) : createCommentVNode("", true),
+						onClick: _cache[11] || (_cache[11] = ($event) => reviewing.value = !unref(reviewing))
+					}, toDisplayString(unref(chosen).excluded.length) + " skipped ", 1)) : unref(chosen).excluded.length ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(unref(chosen).excluded.length) + " skipped", 1)) : createCommentVNode("", true),
 					unref(capability)?.isBlank ? (openBlock(), createBlock(BaseButton_default, {
 						key: 3,
 						size: "sm",
 						variant: "ghost",
 						"aria-pressed": unref(skipBlanks),
-						onClick: _cache[11] || (_cache[11] = ($event) => skipBlanks.value = !unref(skipBlanks))
+						onClick: _cache[12] || (_cache[12] = ($event) => skipBlanks.value = !unref(skipBlanks))
 					}, {
 						default: withCtx(() => [createTextVNode("Skip blanks " + toDisplayString(unref(skipBlanks) ? "on" : "off"), 1)]),
 						_: 1
 					}, 8, ["aria-pressed"])) : createCommentVNode("", true)
-				]), createElementVNode("div", _hoisted_19, [createVNode(BaseButton_default, {
+				]), createElementVNode("div", _hoisted_20, [createVNode(BaseButton_default, {
 					variant: "ghost",
 					size: "sm",
 					onClick: unref(cancel)
 				}, {
-					default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode("Cancel", -1)])]),
+					default: withCtx(() => [..._cache[18] || (_cache[18] = [createTextVNode("Cancel", -1)])]),
 					_: 1
 				}, 8, ["onClick"]), createVNode(BaseButton_default, {
 					size: "sm",
@@ -22639,7 +22648,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [(openBlock(), createElementBlock("div", {
 					key: unref(source),
 					class: "mint-picker mint-picker__source-panel",
-					onKeydown: _cache[8] || (_cache[8] = (...args) => unref(keyboard) && unref(keyboard)(...args))
+					onKeydown: _cache[9] || (_cache[9] = (...args) => unref(keyboard) && unref(keyboard)(...args))
 				}, [unref(source) === "server" ? (openBlock(), createElementBlock("div", _hoisted_3, [
 					createElementVNode("nav", _hoisted_4, [!unref(mountView) ? (openBlock(), createElementBlock("button", {
 						key: 0,
@@ -22648,7 +22657,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 						"aria-current": unref(trail).length ? void 0 : "location",
 						onClick: _cache[2] || (_cache[2] = ($event) => unref(up)(""))
 					}, toDisplayString(unref(sourceNames)[unref(source)]), 9, _hoisted_5)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(trail), (crumb, index) => {
-						return openBlock(), createElementBlock(Fragment, { key: crumb.path }, [index > 0 || !unref(mountView) ? (openBlock(), createElementBlock("svg", _hoisted_6, [..._cache[14] || (_cache[14] = [createElementVNode("path", { d: "M6 4l4 4-4 4" }, null, -1)])])) : createCommentVNode("", true), createElementVNode("button", {
+						return openBlock(), createElementBlock(Fragment, { key: crumb.path }, [index > 0 || !unref(mountView) ? (openBlock(), createElementBlock("svg", _hoisted_6, [..._cache[15] || (_cache[15] = [createElementVNode("path", { d: "M6 4l4 4-4 4" }, null, -1)])])) : createCommentVNode("", true), createElementVNode("button", {
 							type: "button",
 							class: "mint-picker__crumb",
 							"aria-current": index === unref(trail).length - 1 ? "location" : void 0,
@@ -22656,43 +22665,66 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 						}, toDisplayString(crumb.label), 9, _hoisted_7)], 64);
 					}), 128))]),
 					accepts.value ? (openBlock(), createElementBlock("span", _hoisted_8, "Accepts " + toDisplayString(accepts.value), 1)) : createCommentVNode("", true),
+					createVNode(ActionMenu_default, {
+						label: "Sort",
+						items: sortItems.value,
+						onSelect: _cache[3] || (_cache[3] = ($event) => sort.value = $event.id)
+					}, {
+						trigger: withCtx(({ open: menuOpen, toggle, keydown }) => [createElementVNode("button", {
+							type: "button",
+							class: "mint-picker__sort",
+							"aria-haspopup": "menu",
+							"aria-expanded": menuOpen,
+							"aria-label": `Sort: ${SORT_LABELS[unref(sort)]}`,
+							onClick: toggle,
+							onKeydown: keydown
+						}, [createTextVNode(toDisplayString(SORT_LABELS[unref(sort)]) + " ", 1), _cache[16] || (_cache[16] = createElementVNode("svg", {
+							viewBox: "0 0 16 16",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "1.5",
+							"aria-hidden": "true"
+						}, [createElementVNode("path", { d: "M4 6l4 4 4-4" })], -1))], 40, _hoisted_9)]),
+						_: 1
+					}, 8, ["items"]),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-picker__scope",
 						"aria-pressed": unref(recursive),
-						onClick: _cache[3] || (_cache[3] = ($event) => recursive.value = !unref(recursive))
-					}, toDisplayString(unref(recursive) ? "Subfolders" : "This folder"), 9, _hoisted_9),
+						onClick: _cache[4] || (_cache[4] = ($event) => recursive.value = !unref(recursive))
+					}, toDisplayString(unref(recursive) ? "Subfolders" : "This folder"), 9, _hoisted_10),
 					createElementVNode("button", {
 						type: "button",
 						class: "mint-picker__scope mint-picker__refresh",
 						"aria-label": "Refresh location",
 						title: "Refresh location",
 						disabled: unref(loading),
-						onClick: _cache[4] || (_cache[4] = ($event) => unref(refresh)())
-					}, [..._cache[15] || (_cache[15] = [createElementVNode("svg", {
+						onClick: _cache[5] || (_cache[5] = ($event) => unref(refresh)())
+					}, [..._cache[17] || (_cache[17] = [createElementVNode("svg", {
 						viewBox: "0 0 24 24",
 						fill: "none",
 						stroke: "currentColor",
 						"stroke-width": "1.8",
 						"aria-hidden": "true"
-					}, [createElementVNode("path", { d: "M20 7v5h-5M4 17v-5h5M6 8a7 7 0 0 1 12-2l2 3M4 15l2 3a7 7 0 0 0 12-2" })], -1)])], 8, _hoisted_10)
-				])) : createCommentVNode("", true), !unref(allowedSources).length ? (openBlock(), createElementBlock("div", _hoisted_11, " No data sources are enabled. ")) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [unref(source) === "localFile" ? (openBlock(), createElementBlock("div", _hoisted_12, [createVNode(FileUploader_default, {
+					}, [createElementVNode("path", { d: "M20 7v5h-5M4 17v-5h5M6 8a7 7 0 0 1 12-2l2 3M4 15l2 3a7 7 0 0 0 12-2" })], -1)])], 8, _hoisted_11)
+				])) : createCommentVNode("", true), !unref(allowedSources).length ? (openBlock(), createElementBlock("div", _hoisted_12, " No data sources are enabled. ")) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [unref(source) === "localFile" ? (openBlock(), createElementBlock("div", _hoisted_13, [createVNode(FileUploader_default, {
 					size: "lg",
 					mode: __props.selectionMode === "folder" ? "folder" : __props.selectionMode === "single-file" ? "file" : "file+folder",
 					multiple: __props.selectionMode !== "single-file",
 					"show-files": false,
-					onUpload: _cache[5] || (_cache[5] = (...args) => {
+					onUpload: _cache[6] || (_cache[6] = (...args) => {
 						uploadError.value = "";
 						unref(chooseLocal)(...args);
 					}),
-					onError: _cache[6] || (_cache[6] = ($event) => uploadError.value = $event)
-				}, null, 8, ["mode", "multiple"]), uploadError.value || unref(error) || unref(resolutionError) ? (openBlock(), createElementBlock("p", _hoisted_13, toDisplayString(uploadError.value || unref(error) || unref(resolutionError)), 1)) : createCommentVNode("", true)])) : (openBlock(), createElementBlock("div", _hoisted_14, [createVNode(FilePickerListInternal_default, {
+					onError: _cache[7] || (_cache[7] = ($event) => uploadError.value = $event)
+				}, null, 8, ["mode", "multiple"]), uploadError.value || unref(error) || unref(resolutionError) ? (openBlock(), createElementBlock("p", _hoisted_14, toDisplayString(uploadError.value || unref(error) || unref(resolutionError)), 1)) : createCommentVNode("", true)])) : (openBlock(), createElementBlock("div", _hoisted_15, [createVNode(FilePickerListInternal_default, {
 					"empty-title": unref(path) ? "No readable files" : "No server locations configured",
 					view: __props.view,
 					rows: unref(rows),
 					loading: unref(loading),
 					error: unref(error),
 					query: unref(query),
+					truncated: unref(nav).truncated.value,
 					mode: __props.selectionMode,
 					selected: unref(selection).selected,
 					selectable: unref(selection).selectable,
@@ -22712,6 +22744,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 					"loading",
 					"error",
 					"query",
+					"truncated",
 					"mode",
 					"selected",
 					"selectable",
@@ -22732,7 +22765,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 					busy: unref(resolving),
 					error: unref(resolutionError),
 					reviewing: unref(reviewing),
-					onReview: _cache[7] || (_cache[7] = ($event) => reviewing.value = !unref(reviewing)),
+					onReview: _cache[8] || (_cache[8] = ($event) => reviewing.value = !unref(reviewing)),
 					onRetry: unref(selection).resolve
 				}, null, 8, [
 					"node",
@@ -22861,6 +22894,6 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	WellPlate: () => WellPlate_default
 });
 //#endregion
-export { PlateEditor_default as $, SampleLegend_default as A, AppToastContainer_default as At, StatusIndicator_default as B, __commonJSMin as Bt, ChemicalFormula_default as C, AppAvatarMenu_default as Ct, ReagentEditor_default as D, ActionMenu_default as Dt, SampleHierarchyTree_default as E, ThemeToggle_default as Et, SettingsModal_default as F, Calendar_default as Ft, ControlWorkspaceView_default as G, LayoutResizeHandle_default as H, AdductText_default as I, BasePill_default as It, SampleSelector_default as J, ComponentBindingRenderer_default as K, Breadcrumb_default as L, SegmentedControl_default as Lt, BioTemplatePackWorkspaceView_default as M, FormField_default as Mt, BioTemplateExperimentWorkspaceView_default as N, DataFrame_default as Nt, SmartGroupModal_default as O, IconButton_default as Ot, BioTemplateRenderer_default as P, LoadingSpinner_default as Pt, ReagentList_default as Q, Avatar_default as R, BaseTabs_default as Rt, sequenceSamplesRemaining as S, AppTopBar_default as St, ProtocolStepEditor_default as T, CollapsibleCard_default as Tt, AppContainer_default as U, Divider_default as V, DoseDesignWorkspaceView_default as W, SmartGroupManual_default as X, AutoGroupModal_default as Y, SmartGroupFieldRecipe_default as Z, estimateSequenceFinishDate as _, AppLayout_default as _t, ArtifactSaveDialog_default as a, GeneratedPluginView_default as at, formatSequenceRemaining as b, FormActions_default as bt, SectionCard_default as c, GeneratedPlotlyResult_default as ct, ExperimentCodeBadge_default as d, ChartContainer_default as dt, ConfirmDialog_default as et, ExperimentDataViewer_default as f, generatedJobDefaults as ft, SequenceProgressBar_default as g, MobileSupportGate_default as gt, InstrumentStateBadge_default as h, PluginWorkspaceView_default as ht, ExperimentPopover_default as i, DoseCalculator_default as it, BioTemplatePresetWorkspaceView_default as j, AlertBox_default as jt, GroupAssigner_default as k, RuntimeUpdateNotice_default as kt, ResourceCard_default as l, PlotlyChart_default as lt, AuditTrail_default as m, normalizeGeneratedJobInput as mt, FilePicker_default as n, sampleTypeMarker as nt, ArtifactSelectorModal_default as o, JobsStatusTray_default as ot, BatchProgressList_default as p, generatedJobFormSchema as pt, ScheduleCalendar_default as q, FitPanel_default as r, ExperimentTimeline_default as rt, ExperimentSelectorModal_default as s, GeneratedResultRenderer_default as st, components_exports as t, WellPlate_default as tt, TimeRangeInput_default as u, mintPlotlyTemplate as ut, estimateSequenceRemainingSeconds as v, AppSidebar_default as vt, ScientificNumber_default as w, PluginIcon_default as wt, sequenceProgressPercent as x, StepWizard_default as xt, formatSequenceEta as y, FormBuilder_default as yt, ProgressBar_default as z, SearchableSelect_default as zt };
+export { PlateEditor_default as $, SampleLegend_default as A, AppToastContainer_default as At, StatusIndicator_default as B, ChemicalFormula_default as C, AppAvatarMenu_default as Ct, ReagentEditor_default as D, ActionMenu_default as Dt, SampleHierarchyTree_default as E, ThemeToggle_default as Et, SettingsModal_default as F, Calendar_default as Ft, ControlWorkspaceView_default as G, LayoutResizeHandle_default as H, AdductText_default as I, BasePill_default as It, SampleSelector_default as J, ComponentBindingRenderer_default as K, Breadcrumb_default as L, SegmentedControl_default as Lt, BioTemplatePackWorkspaceView_default as M, FormField_default as Mt, BioTemplateExperimentWorkspaceView_default as N, DataFrame_default as Nt, SmartGroupModal_default as O, IconButton_default as Ot, BioTemplateRenderer_default as P, LoadingSpinner_default as Pt, ReagentList_default as Q, Avatar_default as R, BaseTabs_default as Rt, sequenceSamplesRemaining as S, AppTopBar_default as St, ProtocolStepEditor_default as T, CollapsibleCard_default as Tt, AppContainer_default as U, Divider_default as V, DoseDesignWorkspaceView_default as W, SmartGroupManual_default as X, AutoGroupModal_default as Y, SmartGroupFieldRecipe_default as Z, estimateSequenceFinishDate as _, AppLayout_default as _t, ArtifactSaveDialog_default as a, GeneratedPluginView_default as at, formatSequenceRemaining as b, FormActions_default as bt, SectionCard_default as c, GeneratedPlotlyResult_default as ct, ExperimentCodeBadge_default as d, ChartContainer_default as dt, ConfirmDialog_default as et, ExperimentDataViewer_default as f, generatedJobDefaults as ft, SequenceProgressBar_default as g, MobileSupportGate_default as gt, InstrumentStateBadge_default as h, PluginWorkspaceView_default as ht, ExperimentPopover_default as i, DoseCalculator_default as it, BioTemplatePresetWorkspaceView_default as j, AlertBox_default as jt, GroupAssigner_default as k, RuntimeUpdateNotice_default as kt, ResourceCard_default as l, PlotlyChart_default as lt, AuditTrail_default as m, normalizeGeneratedJobInput as mt, FilePicker_default as n, sampleTypeMarker as nt, ArtifactSelectorModal_default as o, JobsStatusTray_default as ot, BatchProgressList_default as p, generatedJobFormSchema as pt, ScheduleCalendar_default as q, FitPanel_default as r, ExperimentTimeline_default as rt, ExperimentSelectorModal_default as s, GeneratedResultRenderer_default as st, components_exports as t, WellPlate_default as tt, TimeRangeInput_default as u, mintPlotlyTemplate as ut, estimateSequenceRemainingSeconds as v, AppSidebar_default as vt, ScientificNumber_default as w, PluginIcon_default as wt, sequenceProgressPercent as x, StepWizard_default as xt, formatSequenceEta as y, FormBuilder_default as yt, ProgressBar_default as z, SearchableSelect_default as zt };
 
-//# sourceMappingURL=components-CvY105kJ.js.map
+//# sourceMappingURL=components-vHfxV2PB.js.map