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

package/dist/{records-BzTcxekG.js → records-CR_pYzIP.js}

@@ -1,6 +1,7 @@
-import { a as __exportAll, i as BaseButton_default, r as useEventListener } from "./BaseModal-DfRIuVoj.js";
-import { t as useExperimentStore } from "./experiment-43OJtH7R.js";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onScopeDispose, openBlock, provide, reactive, ref, renderList, renderSlot, toDisplayString, toValue, unref, useAttrs, useId, useSlots, useTemplateRef, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { a as BaseButton_default, i as useEventListener, o as __exportAll, t as useDropdownState } from "./useDropdownState-Bb2N4m40.js";
+import { t as useExperimentStore } from "./experiment-DyO54FQB.js";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onScopeDispose, openBlock, provide, ref, renderList, renderSlot, toDisplayString, toValue, unref, useAttrs, useId, useSlots, useTemplateRef, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { Check, ChevronDown, ChevronsUpDown, X } from "lucide-vue-next";
 import { computePosition, flip, offset, shift } from "@floating-ui/dom";
 //#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$12 = [
@@ -327,25 +328,42 @@ function uniqueValues(values) {
 }
 //#endregion
 //#region src/components/internal/SelectMultipleInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = {
+var _hoisted_1$11 = [
+	"tabindex",
+	"aria-expanded",
+	"aria-disabled",
+	"aria-invalid",
+	"aria-labelledby",
+	"aria-describedby"
+];
+var _hoisted_2$11 = { class: "mint-multi-select__chips" };
+var _hoisted_3$11 = ["aria-label", "onClick"];
+var _hoisted_4$8 = {
 	key: 0,
 	class: "mint-multi-select__placeholder"
 };
-var _hoisted_2$11 = ["aria-invalid"];
-var _hoisted_3$11 = [
-	"aria-checked",
-	"disabled",
-	"onClick",
-	"onKeydown"
-];
-var _hoisted_4$8 = { class: "mint-multi-select__chip-label" };
 var _hoisted_5$8 = {
-	key: 1,
-	class: "mint-multi-select__summary"
+	key: 0,
+	class: "mint-popover mint-searchable-select__panel"
+};
+var _hoisted_6$8 = { class: "mint-searchable-select__search-wrap" };
+var _hoisted_7$7 = ["aria-expanded", "aria-activedescendant"];
+var _hoisted_8$3 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onMouseenter",
+	"onClick"
+];
+var _hoisted_9$3 = { class: "mint-menu-item__label" };
+var _hoisted_10$3 = {
+	key: 0,
+	class: "mint-searchable-select__empty"
 };
 //#endregion
 //#region src/components/internal/SelectMultipleInternal.vue
 var SelectMultipleInternal_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
 	__name: "SelectMultipleInternal",
 	props: {
 		modelValue: {},
@@ -360,79 +378,203 @@ var SelectMultipleInternal_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		max: { default: void 0 },
-		size: { default: "md" }
+		size: { default: "md" },
+		ariaLabelledby: { default: void 0 },
+		ariaDescribedby: { default: void 0 }
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
-		/** BaseSelect with `multiple`: a checkbox chip list with an optional selection cap (`max`). */
+		/** BaseSelect with `multiple`: a field of removable chips that opens a filterable checkbox listbox, capped by `max`. */
 		const props = __props;
+		const attrs = useAttrs();
+		const fieldAttrs = computed(() => {
+			const { class: _class, style: _style, ...rest } = attrs;
+			return rest;
+		});
 		const emit = __emit;
+		const listboxId = `mint-multi-select-${useId().replace(/:/g, "")}`;
+		const root = ref(null);
+		const field = ref(null);
+		const search = ref(null);
+		const open = ref(false);
+		const query = ref("");
+		const activeIndex = ref(-1);
 		const normalizedOptions = computed(() => props.options.map(normalizeOptionInput));
-		const optionSelection = useListSelection({
+		const selection = useListSelection({
 			selected: () => props.modelValue,
 			items: normalizedOptions,
 			getValue: (option) => option.value,
 			disabled: () => props.disabled,
 			max: () => props.max
 		});
-		const canSelectMore = optionSelection.canAddMore;
-		function isSelected(value) {
-			return optionSelection.isSelected(value);
+		const chips = computed(() => props.modelValue.map((value) => ({
+			value,
+			label: normalizedOptions.value.find((option) => option.value === value)?.label ?? String(value)
+		})));
+		const visibleOptions = computed(() => {
+			const needle = query.value.trim().toLocaleLowerCase();
+			if (!needle) return normalizedOptions.value;
+			return normalizedOptions.value.filter((option) => option.label.toLocaleLowerCase().includes(needle));
+		});
+		const activeDescendant = computed(() => activeIndex.value >= 0 ? `${listboxId}-option-${activeIndex.value}` : void 0);
+		function isUnavailable(option) {
+			return !!option.disabled || !selection.isSelected(option.value) && !selection.canAddMore.value;
 		}
-		function toggleOption(option) {
-			if (props.disabled || option.disabled) return;
-			if (isSelected(option.value) || canSelectMore.value) emit("update:modelValue", optionSelection.toggleValue(option.value));
+		async function openPanel() {
+			if (props.disabled || open.value) return;
+			query.value = "";
+			open.value = true;
+			activeIndex.value = visibleOptions.value.length > 0 ? 0 : -1;
+			await nextTick();
+			search.value?.focus();
 		}
-		function handleKeydown(event, option) {
-			if (event.key === "Enter" || event.key === " ") {
-				event.preventDefault();
-				toggleOption(option);
+		async function closePanel(restoreFocus = false) {
+			open.value = false;
+			query.value = "";
+			activeIndex.value = -1;
+			if (restoreFocus) {
+				await nextTick();
+				field.value?.focus();
 			}
 		}
-		const selectedLabels = computed(() => {
-			return props.modelValue.map((v) => normalizedOptions.value.find((o) => o.value === v)?.label).filter(Boolean);
+		function moveActive(direction) {
+			const count = visibleOptions.value.length;
+			if (count === 0) return;
+			const start = activeIndex.value < 0 ? direction === 1 ? -1 : count : activeIndex.value;
+			activeIndex.value = (start + direction + count) % count;
+			nextTick(() => document.getElementById(activeDescendant.value ?? "")?.scrollIntoView({ block: "nearest" }));
+		}
+		function toggle(option) {
+			if (props.disabled || isUnavailable(option)) return;
+			emit("update:modelValue", selection.toggleValue(option.value));
+		}
+		function remove(value) {
+			if (props.disabled) return;
+			emit("update:modelValue", props.modelValue.filter((selected) => selected !== value));
+		}
+		function handleFieldKeydown(event) {
+			if (event.key !== "Enter" && event.key !== " " && event.key !== "ArrowDown") return;
+			event.preventDefault();
+			openPanel();
+		}
+		function handleSearchKeydown(event) {
+			if (event.key === "ArrowDown") moveActive(1);
+			else if (event.key === "ArrowUp") moveActive(-1);
+			else if (event.key === "Enter") {
+				const option = visibleOptions.value[activeIndex.value];
+				if (option) toggle(option);
+			} else if (event.key === "Escape") closePanel(true);
+			else if (event.key === "Backspace" && query.value === "" && props.modelValue.length > 0) remove(props.modelValue[props.modelValue.length - 1]);
+			else return;
+			event.preventDefault();
+		}
+		watch(visibleOptions, (options) => {
+			activeIndex.value = options.length > 0 ? 0 : -1;
+		});
+		watch(() => props.disabled, (disabled) => {
+			if (disabled) closePanel();
+		});
+		useEventListener(() => document, "pointerdown", (event) => {
+			if (open.value && !root.value?.contains(event.target)) closePanel();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([
-				"mint-multi-select",
-				`mint-multi-select--${__props.size}`,
-				__props.disabled ? "mint-multi-select--disabled" : "",
-				__props.invalid ? "mint-multi-select--error" : ""
-			]) }, [
-				__props.modelValue.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$11, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
-				createElementVNode("div", {
-					class: "mint-multi-select__options",
-					role: "group",
-					"aria-invalid": __props.invalid || void 0
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-					return openBlock(), createElementBlock("button", {
-						key: String(option.value),
-						type: "button",
-						role: "checkbox",
-						"aria-checked": isSelected(option.value),
-						disabled: __props.disabled || option.disabled || !isSelected(option.value) && !unref(canSelectMore),
-						class: normalizeClass([
-							"mint-multi-select__chip",
-							`mint-multi-select__chip--${__props.size}`,
-							isSelected(option.value) ? "mint-multi-select__chip--active" : "",
-							option.disabled ? "mint-multi-select__chip--disabled" : "",
-							!isSelected(option.value) && !unref(canSelectMore) ? "mint-multi-select__chip--disabled" : ""
-						]),
-						onClick: ($event) => toggleOption(option),
-						onKeydown: ($event) => handleKeydown($event, option)
-					}, [_cache[0] || (_cache[0] = createElementVNode("svg", {
-						class: "mint-multi-select__chip-check",
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						"stroke-width": "2.5",
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round",
-						"aria-hidden": "true"
-					}, [createElementVNode("path", { d: "M20 6 9 17l-5-5" })], -1)), createElementVNode("span", _hoisted_4$8, toDisplayString(option.label), 1)], 42, _hoisted_3$11);
-				}), 128))], 8, _hoisted_2$11),
-				__props.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$8, toDisplayString(selectedLabels.value.join(", ")), 1)) : createCommentVNode("", true)
-			], 2);
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				class: normalizeClass([
+					"mint-multi-select",
+					`mint-multi-select--${__props.size}`,
+					_ctx.$attrs.class
+				]),
+				style: normalizeStyle(_ctx.$attrs.style),
+				onFocusout: _cache[3] || (_cache[3] = ($event) => !root.value?.contains($event.relatedTarget) && closePanel())
+			}, [createElementVNode("div", mergeProps(fieldAttrs.value, {
+				ref_key: "field",
+				ref: field,
+				role: "combobox",
+				tabindex: __props.disabled ? void 0 : 0,
+				class: ["mint-multi-select__field", {
+					"mint-multi-select__field--open": open.value,
+					"mint-multi-select__field--error": __props.invalid,
+					"mint-multi-select__field--disabled": __props.disabled
+				}],
+				"aria-haspopup": "listbox",
+				"aria-expanded": open.value,
+				"aria-controls": listboxId,
+				"aria-disabled": __props.disabled || void 0,
+				"aria-invalid": __props.invalid || void 0,
+				"aria-labelledby": __props.ariaLabelledby || void 0,
+				"aria-describedby": __props.ariaDescribedby || void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => open.value ? closePanel() : openPanel()),
+				onKeydown: withModifiers(handleFieldKeydown, ["self"])
+			}), [createElementVNode("div", _hoisted_2$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(chips.value, (chip) => {
+				return openBlock(), createElementBlock("span", {
+					key: String(chip.value),
+					class: "mint-multi-select__chip"
+				}, [createTextVNode(toDisplayString(chip.label) + " ", 1), !__props.disabled ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					tabindex: "-1",
+					class: "mint-multi-select__chip-remove",
+					"aria-label": `Remove ${chip.label}`,
+					onClick: withModifiers(($event) => remove(chip.value), ["stop"])
+				}, [createVNode(unref(X), {
+					size: 11,
+					"stroke-width": 2.25,
+					"aria-hidden": "true"
+				})], 8, _hoisted_3$11)) : createCommentVNode("", true)]);
+			}), 128)), chips.value.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true)]), createVNode(unref(ChevronDown), {
+				class: "mint-multi-select__icon",
+				size: 14,
+				"aria-hidden": "true"
+			})], 16, _hoisted_1$11), open.value ? (openBlock(), createElementBlock("div", _hoisted_5$8, [createElementVNode("div", _hoisted_6$8, [_cache[4] || (_cache[4] = createElementVNode("svg", {
+				viewBox: "0 0 20 20",
+				fill: "none",
+				stroke: "currentColor",
+				"aria-hidden": "true"
+			}, [createElementVNode("circle", {
+				cx: "8.5",
+				cy: "8.5",
+				r: "5.5"
+			}), createElementVNode("path", { d: "m13 13 4 4" })], -1)), withDirectives(createElementVNode("input", {
+				ref_key: "search",
+				ref: search,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+				role: "combobox",
+				type: "search",
+				class: "mint-searchable-select__search",
+				placeholder: "Filter…",
+				"aria-label": "Filter options",
+				"aria-expanded": open.value,
+				"aria-controls": listboxId,
+				"aria-activedescendant": activeDescendant.value,
+				"aria-autocomplete": "list",
+				onKeydown: handleSearchKeydown
+			}, null, 40, _hoisted_7$7), [[vModelText, query.value]])]), createElementVNode("ul", {
+				id: listboxId,
+				class: "mint-searchable-select__list",
+				role: "listbox",
+				"aria-multiselectable": "true"
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleOptions.value, (option, index) => {
+				return openBlock(), createElementBlock("li", {
+					id: `${listboxId}-option-${index}`,
+					key: String(option.value),
+					role: "option",
+					class: normalizeClass(["mint-menu-item mint-multi-select__option", { "mint-menu-item--active": activeIndex.value === index }]),
+					"aria-selected": unref(selection).isSelected(option.value),
+					"aria-disabled": isUnavailable(option) || void 0,
+					onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
+					onMouseenter: ($event) => !isUnavailable(option) && (activeIndex.value = index),
+					onClick: ($event) => toggle(option)
+				}, [createElementVNode("span", {
+					class: normalizeClass(["mint-multi-select__check", { "mint-multi-select__check--on": unref(selection).isSelected(option.value) }]),
+					"aria-hidden": "true"
+				}, [unref(selection).isSelected(option.value) ? (openBlock(), createBlock(unref(Check), {
+					key: 0,
+					size: 10,
+					"stroke-width": 3.5
+				})) : createCommentVNode("", true)], 2), createElementVNode("span", _hoisted_9$3, toDisplayString(option.label), 1)], 42, _hoisted_8$3);
+			}), 128)), visibleOptions.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_10$3, "No matching options")) : createCommentVNode("", true)])])) : createCommentVNode("", true)], 38);
 		};
 	}
 });
@@ -629,18 +771,11 @@ var SelectSearchableInternal_default = /* @__PURE__ */ defineComponent({
 				"aria-haspopup": "listbox",
 				onClick: _cache[0] || (_cache[0] = ($event) => open.value ? closePanel() : openPanel()),
 				onKeydown: handleTriggerKeydown
-			}), [createElementVNode("span", { class: normalizeClass(["mint-searchable-select__value", { "mint-searchable-select__value--placeholder": !selectedOption.value }]) }, toDisplayString(selectedOption.value?.label ?? __props.placeholder), 3), _cache[4] || (_cache[4] = createElementVNode("svg", {
-				viewBox: "0 0 20 20",
-				fill: "none",
-				stroke: "currentColor",
+			}), [createElementVNode("span", { class: normalizeClass(["mint-searchable-select__value", { "mint-searchable-select__value--placeholder": !selectedOption.value }]) }, toDisplayString(selectedOption.value?.label ?? __props.placeholder), 3), createVNode(unref(ChevronsUpDown), {
+				size: 14,
 				"aria-hidden": "true"
-			}, [createElementVNode("path", {
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round",
-				"stroke-width": "1.75",
-				d: "m6 8 4 4 4-4"
-			})], -1))], 16, _hoisted_1$10), open.value ? (openBlock(), createElementBlock("div", _hoisted_2$10, [
-				createElementVNode("div", _hoisted_3$10, [_cache[5] || (_cache[5] = createElementVNode("svg", {
+			})], 16, _hoisted_1$10), open.value ? (openBlock(), createElementBlock("div", _hoisted_2$10, [
+				createElementVNode("div", _hoisted_3$10, [_cache[4] || (_cache[4] = createElementVNode("svg", {
 					viewBox: "0 0 20 20",
 					fill: "none",
 					stroke: "currentColor",
@@ -690,7 +825,7 @@ var SelectSearchableInternal_default = /* @__PURE__ */ defineComponent({
 					}, () => [
 						createElementVNode("span", _hoisted_6$7, [createElementVNode("span", _hoisted_7$6, toDisplayString(option.label), 1), (option.disabled ? option.disabledReason || option.description : option.description) ? (openBlock(), createElementBlock("span", _hoisted_8$2, toDisplayString(option.disabled ? option.disabledReason || option.description : option.description), 1)) : createCommentVNode("", true)]),
 						option.meta ? (openBlock(), createElementBlock("span", _hoisted_9$2, toDisplayString(option.meta), 1)) : createCommentVNode("", true),
-						_cache[6] || (_cache[6] = createElementVNode("svg", {
+						_cache[5] || (_cache[5] = createElementVNode("svg", {
 							class: "mint-menu-item__check mint-searchable-select__check",
 							viewBox: "0 0 20 20",
 							fill: "none",
@@ -758,7 +893,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 		/**
 		* Select one or several options.
 		* Default: a native `<select>`. `searchable`: a listbox with a search field and the `#option` / `#footer` slots.
-		* `multiple`: a checkbox chip list bound to an array, capped by `max`.
+		* `multiple`: a field of removable chips with a filterable checkbox listbox, bound to an array and capped by `max`.
 		*
 		* @example
 		* ```vue
@@ -804,6 +939,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 				invalid: __props.invalid,
 				max: __props.max,
 				size: __props.size,
+				"aria-labelledby": __props.ariaLabelledby,
 				"aria-describedby": __props.ariaDescribedby,
 				"onUpdate:modelValue": update
 			}), null, 16, [
@@ -814,6 +950,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 				"invalid",
 				"max",
 				"size",
+				"aria-labelledby",
 				"aria-describedby"
 			])) : __props.searchable ? (openBlock(), createBlock(SelectSearchableInternal_default, mergeProps({ key: 1 }, unref(attrs), {
 				"model-value": singleValue.value,
@@ -1430,6 +1567,7 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 				]),
 				__props.actionLabel ? (openBlock(), createElementBlock("div", _hoisted_7$4, [createVNode(BaseButton_default, {
 					variant: "secondary",
+					size: "sm",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("action"))
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.actionLabel), 1)]),
@@ -1504,62 +1642,150 @@ var FormField_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/composables/useDropdownState.ts
-/**
-* Shared disclosure state for dropdown-style SDK components: open/close state,
-* outside-click and Escape closing, optional scroll/resize closing, and focus
-* return to the trigger. `close(returnFocus)` mirrors `useMenuKeyboard`'s
-* contract, so the two compose directly.
-*/
-function useDropdownState(options = {}) {
-	const isOpen = ref(false);
-	const rootRef = options.rootRef ?? ref(null);
-	const triggerRef = options.triggerRef ?? ref(null);
-	const closeOnOutsideClick = options.closeOnOutsideClick ?? true;
-	const closeOnEscape = options.closeOnEscape ?? true;
-	const closeOnScroll = options.closeOnScroll ?? false;
-	function open() {
-		if (isOpen.value) return;
-		isOpen.value = true;
-		options.onOpen?.();
-	}
-	function close(returnFocus = false) {
-		if (!isOpen.value) return;
-		isOpen.value = false;
-		options.onClose?.();
-		if (returnFocus) nextTick(() => triggerRef.value?.focus());
-	}
-	function toggle() {
-		if (isOpen.value) close();
-		else open();
-	}
-	function handleClickOutside(event) {
-		if (!closeOnOutsideClick || !isOpen.value || !rootRef.value) return;
-		const target = event.target;
-		if (target instanceof Node && !rootRef.value.contains(target) && !options.insideRefs?.some((ref) => ref.value?.contains(target))) close();
-	}
-	function handleKeydown(event) {
-		if (closeOnEscape && event.key === "Escape") close(true);
+//#region src/utils/time.ts
+var time_exports = /* @__PURE__ */ __exportAll({
+	addMinutes: () => addMinutes,
+	compareTime: () => compareTime,
+	durationMinutes: () => durationMinutes,
+	findAvailableSlots: () => findAvailableSlots,
+	findNearestTimeSlotIndex: () => findNearestTimeSlotIndex,
+	formatDuration: () => formatDuration,
+	formatRelativeTime: () => formatRelativeTime,
+	formatTime: () => formatTime,
+	formatTimeSlot: () => formatTimeSlot,
+	fromMinutes: () => fromMinutes,
+	generateTimeSlots: () => generateTimeSlots,
+	isTimeInRange: () => isTimeInRange,
+	parseTime: () => parseTime,
+	rangesOverlap: () => rangesOverlap,
+	snapToSlot: () => snapToSlot,
+	toMinutes: () => toMinutes
+});
+function parseTime(time) {
+	const [h, m] = time.split(":").map(Number);
+	return {
+		hour: h,
+		minute: m
+	};
+}
+function formatTime(hour, minute, format = "24h") {
+	if (format === "24h") return `${String(hour).padStart(2, "0")}:${String(minute).padStart(2, "0")}`;
+	const period = hour >= 12 ? "PM" : "AM";
+	return `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:${String(minute).padStart(2, "0")} ${period}`;
+}
+function formatTimeSlot(time, format = "24h") {
+	const { hour, minute } = parseTime(time);
+	return formatTime(hour, minute, format);
+}
+function generateTimeSlots(start, end, stepMinutes) {
+	const slots = [];
+	const s = parseTime(start);
+	const e = parseTime(end);
+	const startMin = s.hour * 60 + s.minute;
+	const endMin = e.hour * 60 + e.minute;
+	for (let m = startMin; m <= endMin; m += stepMinutes) {
+		const hour = Math.floor(m / 60);
+		const minute = m % 60;
+		if (hour >= 24) break;
+		slots.push(formatTime(hour, minute));
 	}
-	function handleViewportChange() {
-		if (isOpen.value) close();
+	return slots;
+}
+function rangesOverlap(a, b) {
+	const aStart = toMinutes(a.start);
+	const aEnd = toMinutes(a.end);
+	const bStart = toMinutes(b.start);
+	return aStart < toMinutes(b.end) && bStart < aEnd;
+}
+function durationMinutes(start, end) {
+	return toMinutes(end) - toMinutes(start);
+}
+function formatDuration(minutes) {
+	if (minutes < 0) return "-" + formatDuration(-minutes);
+	const h = Math.floor(minutes / 60);
+	const m = minutes % 60;
+	if (h === 0) return `${m}m`;
+	if (m === 0) return `${h}h`;
+	return `${h}h ${m}m`;
+}
+function isTimeInRange(time, start, end) {
+	const t = toMinutes(time);
+	return t >= toMinutes(start) && t <= toMinutes(end);
+}
+function findAvailableSlots(dayStart, dayEnd, occupied, minDuration) {
+	const sorted = [...occupied].sort((a, b) => toMinutes(a.start) - toMinutes(b.start));
+	const available = [];
+	let cursor = toMinutes(dayStart);
+	const end = toMinutes(dayEnd);
+	for (const slot of sorted) {
+		const slotStart = toMinutes(slot.start);
+		const slotEnd = toMinutes(slot.end);
+		if (slotStart > cursor && slotStart - cursor >= minDuration) available.push({
+			start: fromMinutes(cursor),
+			end: fromMinutes(slotStart)
+		});
+		cursor = Math.max(cursor, slotEnd);
 	}
-	if (closeOnOutsideClick) useEventListener(() => document, "click", handleClickOutside);
-	if (closeOnEscape) useEventListener(() => document, "keydown", handleKeydown);
-	if (closeOnScroll) {
-		useEventListener(() => window, "scroll", handleViewportChange, true);
-		useEventListener(() => window, "resize", handleViewportChange);
+	if (end > cursor && end - cursor >= minDuration) available.push({
+		start: fromMinutes(cursor),
+		end: fromMinutes(end)
+	});
+	return available;
+}
+function snapToSlot(time, stepMinutes) {
+	const total = toMinutes(time);
+	return fromMinutes(Math.round(total / stepMinutes) * stepMinutes);
+}
+function addMinutes(time, minutes) {
+	const total = toMinutes(time) + minutes;
+	return fromMinutes(Math.max(0, Math.min(total, 1439)));
+}
+function compareTime(a, b) {
+	const ma = toMinutes(a);
+	const mb = toMinutes(b);
+	if (ma < mb) return -1;
+	if (ma > mb) return 1;
+	return 0;
+}
+function findNearestTimeSlotIndex(time, slots) {
+	if (slots.length === 0) return -1;
+	const target = toMinutes(time);
+	let bestIndex = 0;
+	let bestDiff = Infinity;
+	for (let index = 0; index < slots.length; index++) {
+		const diff = Math.abs(toMinutes(slots[index]) - target);
+		if (diff < bestDiff) {
+			bestDiff = diff;
+			bestIndex = index;
+		}
 	}
-	return {
-		isOpen,
-		rootRef,
-		triggerRef,
-		open,
-		close,
-		toggle,
-		handleClickOutside,
-		handleKeydown
-	};
+	return bestIndex;
+}
+var relativeTimeFormat = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+/**
+* "in 5 minutes" / "2 hours ago" up to a week, then a locale date.
+* With `weeks`, times up to five weeks away read as a week count first.
+*/
+function formatRelativeTime(value, { weeks = false } = {}) {
+	const date = value instanceof Date ? value : new Date(value);
+	const diffSec = Math.round((date.getTime() - Date.now()) / 1e3);
+	const diffMin = Math.round(diffSec / 60);
+	const diffHr = Math.round(diffMin / 60);
+	const diffDay = Math.round(diffHr / 24);
+	const diffWeek = Math.round(diffDay / 7);
+	if (Math.abs(diffSec) < 60) return relativeTimeFormat.format(diffSec, "second");
+	if (Math.abs(diffMin) < 60) return relativeTimeFormat.format(diffMin, "minute");
+	if (Math.abs(diffHr) < 24) return relativeTimeFormat.format(diffHr, "hour");
+	if (Math.abs(diffDay) < 7) return relativeTimeFormat.format(diffDay, "day");
+	if (weeks && Math.abs(diffWeek) < 5) return relativeTimeFormat.format(diffWeek, "week");
+	return date.toLocaleDateString();
+}
+function toMinutes(time) {
+	const { hour, minute } = parseTime(time);
+	return hour * 60 + minute;
+}
+function fromMinutes(total) {
+	return formatTime(Math.floor(total / 60) % 24, total % 60);
 }
 //#endregion
 //#region src/composables/useMenuKeyboard.ts
@@ -1669,9 +1895,9 @@ var _hoisted_9$1 = {
 var _hoisted_10$1 = { class: "mint-file-uploader__folder-info" };
 var _hoisted_11$1 = { class: "mint-file-uploader__folder-details" };
 var _hoisted_12$1 = { class: "mint-file-uploader__folder-name" };
-var _hoisted_13$1 = { class: "mint-file-uploader__folder-count" };
-var _hoisted_14$1 = { class: "mint-file-uploader__file-info" };
-var _hoisted_15$1 = { class: "mint-file-uploader__file-meta" };
+var _hoisted_13 = { class: "mint-file-uploader__folder-count" };
+var _hoisted_14 = { class: "mint-file-uploader__file-info" };
+var _hoisted_15 = { class: "mint-file-uploader__file-meta" };
 var _hoisted_16 = { class: "mint-file-uploader__file-name" };
 var _hoisted_17 = { class: "mint-file-uploader__file-size" };
 var _hoisted_18 = ["aria-label", "onClick"];
@@ -2011,7 +2237,7 @@ var FileUploader_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					viewBox: "0 0 24 24"
-				}, [createElementVNode("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" })])], -1)), createElementVNode("div", _hoisted_11$1, [createElementVNode("span", _hoisted_12$1, toDisplayString(folderName.value), 1), createElementVNode("span", _hoisted_13$1, toDisplayString(selectedFiles.value.length) + " file" + toDisplayString(selectedFiles.value.length !== 1 ? "s" : ""), 1)])]), createElementVNode("button", {
+				}, [createElementVNode("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" })])], -1)), createElementVNode("div", _hoisted_11$1, [createElementVNode("span", _hoisted_12$1, toDisplayString(folderName.value), 1), createElementVNode("span", _hoisted_13, toDisplayString(selectedFiles.value.length) + " file" + toDisplayString(selectedFiles.value.length !== 1 ? "s" : ""), 1)])]), createElementVNode("button", {
 					type: "button",
 					"aria-label": "Clear folder",
 					class: "mint-file-uploader__remove-btn",
@@ -2035,10 +2261,10 @@ var FileUploader_default = /* @__PURE__ */ defineComponent({
 						return openBlock(), createElementBlock("li", {
 							key: `${file.name}-${file.size}-${index}`,
 							class: "mint-file-uploader__file"
-						}, [createElementVNode("div", _hoisted_14$1, [createElementVNode("span", {
+						}, [createElementVNode("div", _hoisted_14, [createElementVNode("span", {
 							class: "mint-file-uploader__file-badge",
 							style: normalizeStyle({ "--badge-color": getFileType(file.name).color })
-						}, toDisplayString(getFileType(file.name).label), 5), createElementVNode("div", _hoisted_15$1, [createElementVNode("span", _hoisted_16, toDisplayString(file.name), 1), createElementVNode("span", _hoisted_17, toDisplayString(formatFileSize(file.size)), 1)])]), createElementVNode("button", {
+						}, toDisplayString(getFileType(file.name).label), 5), createElementVNode("div", _hoisted_15, [createElementVNode("span", _hoisted_16, toDisplayString(file.name), 1), createElementVNode("span", _hoisted_17, toDisplayString(formatFileSize(file.size)), 1)])]), createElementVNode("button", {
 							type: "button",
 							"aria-label": `Remove ${file.name}`,
 							class: "mint-file-uploader__remove-btn",
@@ -2169,10 +2395,19 @@ function useAppExperiment(options = {}) {
 	const showDetach = computed(() => experimentId.value !== null);
 	const saveDisabled = computed(() => toValue(options.saveDisabled) ?? false);
 	const saveDisabledMessage = computed(() => toValue(options.saveDisabledMessage));
+	const dirty = computed(() => toValue(options.dirty) ?? false);
+	const experimentOwner = computed(() => {
+		const owner = store.current?.created_by_user;
+		return owner ? [owner.first_name, owner.last_name].filter(Boolean).join(" ") || owner.username : void 0;
+	});
 	const popover = computed(() => ({
 		experimentName: experimentName.value,
 		experimentCode: experimentCode.value,
 		experimentStatus: experimentStatus.value,
+		experimentId: experimentId.value,
+		experimentProject: store.current?.project_name || store.current?.project || void 0,
+		experimentOwner: experimentOwner.value,
+		experimentUpdatedAt: store.current?.updated_at,
 		isResolving: isResolving.value,
 		error: error.value ?? void 0,
 		showSave: showSave.value,
@@ -2180,7 +2415,8 @@ function useAppExperiment(options = {}) {
 		saveDisabled: saveDisabled.value,
 		saveDisabledMessage: saveDisabledMessage.value,
 		saveLoading: saveLoading.value,
-		saveSuccessMessage: saveSuccessMessage.value
+		saveSuccessMessage: saveSuccessMessage.value,
+		dirty: dirty.value
 	}));
 	const selectorModal = computed(() => ({
 		open: showModal.value,
@@ -2200,6 +2436,7 @@ function useAppExperiment(options = {}) {
 		saveLoading.value = true;
 		try {
 			const message = await options.onSave();
+			await store.refresh();
 			if (message) {
 				saveSuccessMessage.value = message;
 				if (successTimer) clearTimeout(successTimer);
@@ -2256,6 +2493,66 @@ function useAppExperiment(options = {}) {
 	};
 }
 //#endregion
+//#region src/jobs.ts
+var ACTIVE_JOB_STATUSES = /* @__PURE__ */ new Set([
+	"awaiting_input",
+	"queued",
+	"running"
+]);
+var TERMINAL_JOB_STATUSES = /* @__PURE__ */ new Set([
+	"completed",
+	"failed",
+	"cancelled"
+]);
+/** Resolve action support while retaining one-cycle legacy status inference. */
+function resolveJobCapabilities(job) {
+	const legacyCanCancel = job.status === "queued" || job.status === "running";
+	const legacyCanDelete = TERMINAL_JOB_STATUSES.has(job.status);
+	return {
+		can_cancel: typeof job.can_cancel === "boolean" ? job.can_cancel : legacyCanCancel,
+		can_delete: typeof job.can_delete === "boolean" ? job.can_delete : legacyCanDelete
+	};
+}
+/** Clamp invalid or out-of-range progress values for safe display. */
+function normalizeJobPercent(value) {
+	if (!Number.isFinite(value)) return 0;
+	return Math.min(100, Math.max(0, value));
+}
+/** Create a detached canonical state without changing the transport input. */
+function normalizeJobState(job) {
+	const capabilities = resolveJobCapabilities(job);
+	return {
+		...job,
+		definition_id: job.definition_id ?? (typeof job.metadata.definition_id === "string" ? job.metadata.definition_id : null),
+		result_status: job.result_status ?? (job.status === "completed" && job.metadata.has_result === true ? "available" : "none"),
+		result_expires_at: job.result_expires_at ?? null,
+		progress: {
+			...job.progress,
+			percent: normalizeJobPercent(job.progress.percent)
+		},
+		warnings: [...job.warnings],
+		folders: [...job.folders],
+		metadata: { ...job.metadata },
+		...capabilities
+	};
+}
+function isActiveJobStatus(status) {
+	return ACTIVE_JOB_STATUSES.has(status);
+}
+function isTerminalJobStatus(status) {
+	return TERMINAL_JOB_STATUSES.has(status);
+}
+function jobStatusLabel(status) {
+	return {
+		awaiting_input: "Waiting for input",
+		queued: "Queued",
+		running: "Running",
+		completed: "Completed",
+		failed: "Failed",
+		cancelled: "Cancelled"
+	}[status];
+}
+//#endregion
 //#region src/utils/pluginSecrets.ts
 var pluginSecrets_exports = /* @__PURE__ */ __exportAll({
 	FORMAT_KEY: () => FORMAT_KEY,
@@ -2722,66 +3019,6 @@ var TagsInput_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/jobs.ts
-var ACTIVE_JOB_STATUSES = /* @__PURE__ */ new Set([
-	"awaiting_input",
-	"queued",
-	"running"
-]);
-var TERMINAL_JOB_STATUSES = /* @__PURE__ */ new Set([
-	"completed",
-	"failed",
-	"cancelled"
-]);
-/** Resolve action support while retaining one-cycle legacy status inference. */
-function resolveJobCapabilities(job) {
-	const legacyCanCancel = job.status === "queued" || job.status === "running";
-	const legacyCanDelete = TERMINAL_JOB_STATUSES.has(job.status);
-	return {
-		can_cancel: typeof job.can_cancel === "boolean" ? job.can_cancel : legacyCanCancel,
-		can_delete: typeof job.can_delete === "boolean" ? job.can_delete : legacyCanDelete
-	};
-}
-/** Clamp invalid or out-of-range progress values for safe display. */
-function normalizeJobPercent(value) {
-	if (!Number.isFinite(value)) return 0;
-	return Math.min(100, Math.max(0, value));
-}
-/** Create a detached canonical state without changing the transport input. */
-function normalizeJobState(job) {
-	const capabilities = resolveJobCapabilities(job);
-	return {
-		...job,
-		definition_id: job.definition_id ?? (typeof job.metadata.definition_id === "string" ? job.metadata.definition_id : null),
-		result_status: job.result_status ?? (job.status === "completed" && job.metadata.has_result === true ? "available" : "none"),
-		result_expires_at: job.result_expires_at ?? null,
-		progress: {
-			...job.progress,
-			percent: normalizeJobPercent(job.progress.percent)
-		},
-		warnings: [...job.warnings],
-		folders: [...job.folders],
-		metadata: { ...job.metadata },
-		...capabilities
-	};
-}
-function isActiveJobStatus(status) {
-	return ACTIVE_JOB_STATUSES.has(status);
-}
-function isTerminalJobStatus(status) {
-	return TERMINAL_JOB_STATUSES.has(status);
-}
-function jobStatusLabel(status) {
-	return {
-		awaiting_input: "Waiting for input",
-		queued: "Queued",
-		running: "Running",
-		completed: "Completed",
-		failed: "Failed",
-		cancelled: "Cancelled"
-	}[status];
-}
-//#endregion
 //#region src/composables/platformContextHelpers.ts
 function getInjectedPlatformContext() {
 	if (typeof window === "undefined") return void 0;
@@ -2846,31 +3083,28 @@ var _hoisted_3 = {
 	role: "alert"
 };
 var _hoisted_4 = ["aria-label"];
-var _hoisted_5 = ["aria-expanded", "onClick"];
-var _hoisted_6 = { class: "mint-resource-picker__group-label" };
-var _hoisted_7 = { class: "mint-resource-picker__group-count" };
-var _hoisted_8 = [
+var _hoisted_5 = [
 	"id",
 	"aria-selected",
 	"onClick",
 	"onMouseenter"
 ];
-var _hoisted_9 = { class: "mint-resource-picker__text" };
-var _hoisted_10 = { class: "mint-resource-picker__title" };
-var _hoisted_11 = {
+var _hoisted_6 = { class: "mint-resource-picker__text" };
+var _hoisted_7 = { class: "mint-resource-picker__title" };
+var _hoisted_8 = {
 	key: 0,
 	class: "mint-resource-picker__meta"
 };
-var _hoisted_12 = {
+var _hoisted_9 = {
 	key: 0,
 	class: "mint-resource-picker__code mint-exp-code mint-exp-code--sm"
 };
-var _hoisted_13 = { key: 1 };
-var _hoisted_14 = {
+var _hoisted_10 = { key: 1 };
+var _hoisted_11 = {
 	key: 0,
 	class: "mint-resource-picker__aside"
 };
-var _hoisted_15 = {
+var _hoisted_12 = {
 	key: 1,
 	class: "mint-resource-picker__date"
 };
@@ -2880,7 +3114,6 @@ var ResourcePickerListInternal_default = /* @__PURE__ */ defineComponent({
 	__name: "ResourcePickerListInternal",
 	props: {
 		items: {},
-		groups: { default: null },
 		itemKey: {},
 		describe: {},
 		selectedKey: { default: null },
@@ -2893,12 +3126,13 @@ var ResourcePickerListInternal_default = /* @__PURE__ */ defineComponent({
 		},
 		error: { default: null },
 		emptyTitle: { default: "Nothing found" },
-		emptyDescription: { default: "Try adjusting your search or filters." }
+		emptyDescription: { default: "Try adjusting your search or filters." },
+		autofocusSearch: { type: Boolean }
 	},
 	emits: ["select", "update:search"],
 	setup(__props, { emit: __emit }) {
 		/**
-		* Searchable, optionally grouped single-select list shared by the experiment and
+		* Searchable single-select list shared by the experiment and
 		* artifact selector modals: two-line rows (title, then code + meta) with status and date
 		* in a right-hand column, a filled selected row, skeleton,
 		* error and empty states, and the combobox keyboard model (↑ ↓ Enter).
@@ -2906,35 +3140,24 @@ var ResourcePickerListInternal_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const listId = `mint-resource-picker-${useId().replace(/:/g, "")}`;
-		const collapsed = reactive(/* @__PURE__ */ new Set());
 		const activeIndex = ref(-1);
 		const listRef = ref(null);
-		const visibleGroups = computed(() => props.groups?.map((group) => ({
-			...group,
-			rows: collapsed.has(group.label) ? [] : group.items
-		})));
-		/** Keyboard order: the rows on screen, top to bottom. */
-		const flat = computed(() => visibleGroups.value ? visibleGroups.value.flatMap((group) => group.rows) : props.items);
-		const indexByKey = computed(() => new Map(flat.value.map((item, i) => [props.itemKey(item), i])));
+		const indexByKey = computed(() => new Map(props.items.map((item, i) => [props.itemKey(item), i])));
 		const showList = computed(() => !props.loading && !props.error && props.items.length > 0);
 		function optionId(item) {
 			return `${listId}-${props.itemKey(item)}`;
 		}
 		const activeDescendant = computed(() => {
-			const item = flat.value[activeIndex.value];
+			const item = props.items[activeIndex.value];
 			return item === void 0 ? void 0 : optionId(item);
 		});
 		function indexOf(item) {
 			return indexByKey.value.get(props.itemKey(item)) ?? -1;
 		}
-		function toggleGroup(label) {
-			if (collapsed.has(label)) collapsed.delete(label);
-			else collapsed.add(label);
-		}
 		function keydown(event) {
 			const target = event.target;
 			if (target !== event.currentTarget && !target?.closest(".mint-resource-picker__search")) return;
-			const rows = flat.value;
+			const rows = props.items;
 			if (!rows.length) return;
 			if (event.key === "ArrowDown" || event.key === "ArrowUp") {
 				event.preventDefault();
@@ -2945,116 +3168,91 @@ var ResourcePickerListInternal_default = /* @__PURE__ */ defineComponent({
 				emit("select", rows[activeIndex.value]);
 			}
 		}
-		watch(() => [props.items, props.groups], () => {
+		watch(() => props.items, () => {
 			activeIndex.value = -1;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: "mint-resource-picker",
 				onKeydown: keydown
-			}, [
-				createElementVNode("div", _hoisted_1, [createVNode(BaseInput_default, {
-					class: "mint-resource-picker__search",
-					"model-value": __props.search,
-					placeholder: __props.placeholder,
-					size: "sm",
-					type: "search",
-					role: "combobox",
-					"aria-label": `Search ${__props.label.toLowerCase()}`,
-					"aria-expanded": showList.value,
-					"aria-controls": listId,
-					"aria-activedescendant": activeDescendant.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:search", String($event ?? "")))
-				}, {
-					prefix: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
-						viewBox: "0 0 16 16",
-						fill: "none",
-						stroke: "currentColor",
-						"stroke-width": "1.5",
-						"aria-hidden": "true"
-					}, [createElementVNode("path", { d: "M7 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zM10.5 10.5L14 14" })], -1)])]),
-					_: 1
-				}, 8, [
-					"model-value",
-					"placeholder",
-					"aria-label",
-					"aria-expanded",
-					"aria-activedescendant"
-				]), renderSlot(_ctx.$slots, "filters")]),
-				renderSlot(_ctx.$slots, "advanced"),
-				__props.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
-					return createElementVNode("div", {
-						key: n,
-						class: "mint-resource-picker__skeleton-row"
-					}, [createVNode(Skeleton_default, {
-						width: `${40 + n * 10}%`,
-						height: "0.75rem"
-					}, null, 8, ["width"]), createVNode(Skeleton_default, {
-						width: "30%",
-						height: "0.625rem"
-					})]);
-				}), 64))])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.error), 1)) : !__props.items.length ? (openBlock(), createBlock(EmptyState_default, {
-					key: 2,
-					title: __props.emptyTitle,
-					description: __props.emptyDescription,
-					size: "sm"
-				}, null, 8, ["title", "description"])) : (openBlock(), createElementBlock("div", {
-					key: 3,
-					id: listId,
-					ref_key: "listRef",
-					ref: listRef,
-					class: "mint-resource-picker__frame mint-resource-picker__list",
-					role: "listbox",
-					"aria-label": __props.label
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleGroups.value ?? [{
-					label: "",
-					items: __props.items,
-					rows: __props.items
-				}], (group) => {
-					return openBlock(), createElementBlock(Fragment, { key: group.label }, [visibleGroups.value ? (openBlock(), createElementBlock("button", {
+			}, [createElementVNode("div", _hoisted_1, [createVNode(BaseInput_default, {
+				class: "mint-resource-picker__search",
+				"model-value": __props.search,
+				placeholder: __props.placeholder,
+				size: "sm",
+				type: "search",
+				autofocus: __props.autofocusSearch,
+				role: "combobox",
+				"aria-label": `Search ${__props.label.toLowerCase()}`,
+				"aria-expanded": showList.value,
+				"aria-controls": listId,
+				"aria-activedescendant": activeDescendant.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:search", String($event ?? "")))
+			}, {
+				prefix: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "1.5",
+					"aria-hidden": "true"
+				}, [createElementVNode("path", { d: "M7 11.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9zM10.5 10.5L14 14" })], -1)])]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"placeholder",
+				"autofocus",
+				"aria-label",
+				"aria-expanded",
+				"aria-activedescendant"
+			]), renderSlot(_ctx.$slots, "filters")]), __props.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
+				return createElementVNode("div", {
+					key: n,
+					class: "mint-resource-picker__skeleton-row"
+				}, [createVNode(Skeleton_default, {
+					width: `${40 + n * 10}%`,
+					height: "0.75rem"
+				}, null, 8, ["width"]), createVNode(Skeleton_default, {
+					width: "30%",
+					height: "0.625rem"
+				})]);
+			}), 64))])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.error), 1)) : !__props.items.length ? (openBlock(), createBlock(EmptyState_default, {
+				key: 2,
+				title: __props.emptyTitle,
+				description: __props.emptyDescription,
+				size: "sm"
+			}, null, 8, ["title", "description"])) : (openBlock(), createElementBlock("div", {
+				key: 3,
+				id: listId,
+				ref_key: "listRef",
+				ref: listRef,
+				class: "mint-resource-picker__frame mint-resource-picker__list",
+				role: "listbox",
+				"aria-label": __props.label
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createElementBlock("div", {
+					id: optionId(item),
+					key: __props.itemKey(item),
+					role: "option",
+					"aria-selected": __props.itemKey(item) === __props.selectedKey,
+					class: normalizeClass(["mint-resource-picker__row", {
+						"mint-resource-picker__row--selected": __props.itemKey(item) === __props.selectedKey,
+						"mint-resource-picker__row--active": indexOf(item) === activeIndex.value
+					}]),
+					onClick: ($event) => emit("select", item),
+					onMouseenter: ($event) => activeIndex.value = indexOf(item)
+				}, [
+					createElementVNode("span", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(__props.describe(item).title), 1), __props.describe(item).code || __props.describe(item).meta?.length ? (openBlock(), createElementBlock("span", _hoisted_8, [__props.describe(item).code ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(__props.describe(item).code), 1)) : createCommentVNode("", true), __props.describe(item).meta?.length ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(__props.describe(item).meta.join(" · ")), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
+					__props.describe(item).status || __props.describe(item).date ? (openBlock(), createElementBlock("span", _hoisted_11, [__props.describe(item).status ? (openBlock(), createElementBlock("span", {
 						key: 0,
-						type: "button",
-						class: "mint-resource-picker__group",
-						"aria-expanded": !collapsed.has(group.label),
-						onClick: ($event) => toggleGroup(group.label)
-					}, [
-						_cache[3] || (_cache[3] = createElementVNode("svg", {
-							class: "mint-resource-picker__chevron",
-							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)),
-						createElementVNode("span", _hoisted_6, toDisplayString(group.label), 1),
-						createElementVNode("span", _hoisted_7, toDisplayString(group.items.length), 1)
-					], 8, _hoisted_5)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.rows, (item) => {
-						return openBlock(), createElementBlock("div", {
-							id: optionId(item),
-							key: __props.itemKey(item),
-							role: "option",
-							"aria-selected": __props.itemKey(item) === __props.selectedKey,
-							class: normalizeClass(["mint-resource-picker__row", {
-								"mint-resource-picker__row--selected": __props.itemKey(item) === __props.selectedKey,
-								"mint-resource-picker__row--active": indexOf(item) === activeIndex.value
-							}]),
-							onClick: ($event) => emit("select", item),
-							onMouseenter: ($event) => activeIndex.value = indexOf(item)
-						}, [
-							createElementVNode("span", _hoisted_9, [createElementVNode("span", _hoisted_10, toDisplayString(__props.describe(item).title), 1), __props.describe(item).code || __props.describe(item).meta?.length ? (openBlock(), createElementBlock("span", _hoisted_11, [__props.describe(item).code ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.describe(item).code), 1)) : createCommentVNode("", true), __props.describe(item).meta?.length ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(__props.describe(item).meta.join(" · ")), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
-							__props.describe(item).status || __props.describe(item).date ? (openBlock(), createElementBlock("span", _hoisted_14, [__props.describe(item).status ? (openBlock(), createElementBlock("span", {
-								key: 0,
-								class: normalizeClass(["mint-resource-picker__status", `mint-resource-picker__status--${__props.describe(item).status.tone}`])
-							}, toDisplayString(__props.describe(item).status.label), 3)) : createCommentVNode("", true), __props.describe(item).date ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(__props.describe(item).date), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
-							_ctx.$slots.actions ? (openBlock(), createElementBlock("span", {
-								key: 1,
-								class: "mint-resource-picker__actions",
-								onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-							}, [renderSlot(_ctx.$slots, "actions", { item })])) : createCommentVNode("", true)
-						], 42, _hoisted_8);
-					}), 128))], 64);
-				}), 128))], 8, _hoisted_4))
-			], 32);
+						class: normalizeClass(["mint-resource-picker__status", `mint-resource-picker__status--${__props.describe(item).status.tone}`])
+					}, toDisplayString(__props.describe(item).status.label), 3)) : createCommentVNode("", true), __props.describe(item).date ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.describe(item).date), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					_ctx.$slots.actions ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: "mint-resource-picker__actions",
+						onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+					}, [renderSlot(_ctx.$slots, "actions", { item })])) : createCommentVNode("", true)
+				], 42, _hoisted_5);
+			}), 128))], 8, _hoisted_4))], 32);
 		};
 	}
 });
@@ -3065,6 +3263,6 @@ function isRecord(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
-export { useRovingFocus as A, formatExperimentDate as C, useDropdownState as D, useMenuKeyboard as E, useSelectionLimit as F, normalizeOptionInput as I, BaseInput_default as L, Tooltip_default as M, BaseSelect_default as N, FormField_default as O, useListSelection as P, experimentIdFromRoute as S, FileUploader_default as T, APP_EXPERIMENT_KEY as _, parseExperimentId as a, SORT_OPTIONS as b, isTerminalJobStatus as c, normalizeJobState as d, resolveJobCapabilities as f, pluginSecrets_exports as g, FORMAT_KEY as h, getInjectedPlatformContext as i, BaseCheckbox_default as j, EmptyState_default as k, jobStatusLabel as l, SecretInput_default as m, ResourcePickerListInternal_default as n, resolveCurrentPluginId as o, TagsInput_default as p, Skeleton_default as r, isActiveJobStatus as s, isRecord as t, normalizeJobPercent as u, useAppExperiment as v, resolveExperimentCode as w, datePresetToISO as x, DATE_PRESET_OPTIONS as y };
+export { formatRelativeTime as A, Tooltip_default as B, formatExperimentDate as C, compareTime as D, useMenuKeyboard as E, toMinutes as F, BaseInput_default as G, useListSelection as H, FormField_default as I, EmptyState_default as L, formatTimeSlot as M, generateTimeSlots as N, durationMinutes as O, time_exports as P, useRovingFocus as R, experimentIdFromRoute as S, FileUploader_default as T, useSelectionLimit as U, BaseSelect_default as V, normalizeOptionInput as W, APP_EXPERIMENT_KEY as _, parseExperimentId as a, SORT_OPTIONS as b, SecretInput_default as c, isActiveJobStatus as d, isTerminalJobStatus as f, resolveJobCapabilities as g, normalizeJobState as h, getInjectedPlatformContext as i, formatTime as j, findNearestTimeSlotIndex as k, FORMAT_KEY as l, normalizeJobPercent as m, ResourcePickerListInternal_default as n, resolveCurrentPluginId as o, jobStatusLabel as p, Skeleton_default as r, TagsInput_default as s, isRecord as t, pluginSecrets_exports as u, useAppExperiment as v, resolveExperimentCode as w, datePresetToISO as x, DATE_PRESET_OPTIONS as y, BaseCheckbox_default as z };
 
-//# sourceMappingURL=records-BzTcxekG.js.map
+//# sourceMappingURL=records-CR_pYzIP.js.map