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

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

@@ -8,7 +8,7 @@ import { a as useApi, o as useAuthStore, t as useExperimentStore } from "./exper
 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;
@@ -1099,11 +1099,11 @@ 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"
 };
@@ -1567,12 +1567,12 @@ 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, [
 					createElementVNode("button", {
@@ -2077,7 +2077,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 +2220,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);
 		};
 	}
@@ -3512,8 +3523,8 @@ var _hoisted_18$21 = {
 	key: 5,
 	class: "mint-topbar__center"
 };
-var _hoisted_19$20 = { class: "mint-topbar__right" };
-var _hoisted_20$19 = {
+var _hoisted_19$21 = { class: "mint-topbar__right" };
+var _hoisted_20$20 = {
 	key: 0,
 	class: "mint-topbar__standalone-badge"
 };
@@ -3717,8 +3728,8 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						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_19$21, [
+						__props.showStandaloneLabel && isStandalone.value && !unref(appExperiment) ? (openBlock(), createElementBlock("span", _hoisted_20$20, 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()),
@@ -4619,13 +4630,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",
@@ -4973,7 +4984,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 +4992,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,
@@ -6068,7 +6079,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.min-DDhZCNEM.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
 			return "default" in module ? module.default : module;
 		}
 		function bindEvents(element) {
@@ -6476,8 +6487,8 @@ 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"
@@ -6724,7 +6735,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"
@@ -7066,8 +7077,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"
 };
@@ -7334,7 +7345,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, {
@@ -7432,11 +7443,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 +7755,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, {
@@ -8815,8 +8826,8 @@ var _hoisted_18$16 = {
 	key: 3,
 	class: "mint-well-plate__corner-glyph"
 };
-var _hoisted_19$15 = ["title"];
-var _hoisted_20$14 = {
+var _hoisted_19$16 = ["title"];
+var _hoisted_20$15 = {
 	key: 0,
 	class: "mint-well-plate__legend"
 };
@@ -9167,13 +9178,13 @@ var WellPlate_default = /* @__PURE__ */ defineComponent({
 											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)
+										}, toDisplayString(getWellBadge(well)?.text), 15, _hoisted_19$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, [
+					props.heatmap?.enabled && props.heatmap.showLegend ? (openBlock(), createElementBlock("div", _hoisted_20$15, [
 						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) => {
 							return openBlock(), createElementBlock("div", {
@@ -9391,11 +9402,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 +9985,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 +10350,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 +10650,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 +10843,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 +11267,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 +11278,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 +11456,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 +11788,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 +13006,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 +13369,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 +13670,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 +14026,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 +14034,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,
@@ -15331,8 +15342,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"
@@ -15786,7 +15797,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 +15810,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 +16612,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 +16826,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 +16967,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 +17216,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 +18816,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 +18998,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 +19112,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 +19311,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 +19594,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 +19689,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 +19697,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",
@@ -20656,8 +20667,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 +20875,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 +21005,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 +21130,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 +21189,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 +21219,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 +21229,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 +21243,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 +21271,7 @@ var FilePickerListInternal_default = /* @__PURE__ */ defineComponent({
 		loading: { type: Boolean },
 		error: {},
 		query: {},
+		truncated: { type: Boolean },
 		mode: {},
 		selected: { type: Function },
 		selectable: { type: Function },
@@ -21382,106 +21399,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 +21615,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 +21644,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 +21765,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 +21820,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 +21851,7 @@ function usePickerNavigation(adapter, request, systemFilter = () => true) {
 		expansionErrors,
 		loading,
 		error,
+		truncated,
 		rows,
 		isAllowed,
 		clear,
@@ -22111,12 +22157,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 +22246,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 +22408,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 +22457,7 @@ function useFilePicker(props, emit, searchArea) {
 		source,
 		query,
 		recursive,
+		sort,
 		skipBlanks,
 		reviewing,
 		nav,
@@ -22470,32 +22520,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 +22566,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 		initialSelection: { default: null },
 		title: { default: "Choose data" },
 		view: { default: "list" },
+		defaultSort: { default: "newest" },
 		systemFilter: {}
 	},
 	emits: [
@@ -22530,7 +22587,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 +22597,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 +22650,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 +22661,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 +22707,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 +22716,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 +22724,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 +22803,7 @@ var FilePicker_default = /* @__PURE__ */ defineComponent({
 					"loading",
 					"error",
 					"query",
+					"truncated",
 					"mode",
 					"selected",
 					"selectable",
@@ -22732,7 +22824,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",
@@ -22863,4 +22955,4 @@ var components_exports = /* @__PURE__ */ __exportAll({
 //#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 };
 
-//# sourceMappingURL=components-CvY105kJ.js.map
+//# sourceMappingURL=components-CF0XMy8W.js.map