@morscherlab/mint-sdk 1.4.0-beta.11 → 1.4.0-beta.13

package/dist/{AppSidebar-mvm--GxN.js → AppSidebar-CIXJBzDv.js}

@@ -1,9 +1,9 @@
 import { a as BaseButton_default, i as useEventListener, t as useDropdownState } from "./useDropdownState-8yWMu-7_.js";
-import { f as useSettingsStore, n as integrationHost } from "./experiment-43OJtH7R.js";
-import { I as FormField_default, _ as APP_EXPERIMENT_KEY, t as isRecord, z as BaseCheckbox_default } from "./records-B6gpM_3e.js";
-import { F as applySpecDefaults, _ as getFieldRegistryEntry, a as StepWizard_default, d as humanize, f as numericValue, l as normalizeControls, m as orderedUnique, o as usePlatform, s as defaultValueForControl, u as normalizeOption, v as getTypeDefault } from "./useListReorder-BitdUhxn.js";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toValue, unref, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-import { Moon, Sun } from "lucide-vue-next";
+import { n as integrationHost, u as useSettingsStore } from "./experiment-DyO54FQB.js";
+import { E as useMenuKeyboard, I as FormField_default, _ as APP_EXPERIMENT_KEY, t as isRecord, z as BaseCheckbox_default } from "./records-DnK_1Q_S.js";
+import { F as applySpecDefaults, _ as getFieldRegistryEntry, a as StepWizard_default, d as humanize, f as numericValue, l as normalizeControls, m as orderedUnique, o as usePlatform, s as defaultValueForControl, u as normalizeOption, v as getTypeDefault } from "./useListReorder-DPynGrCj.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toValue, unref, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { CircleAlert, CircleCheck, CircleX, ListChecks, LoaderCircle, Moon, Sun } from "lucide-vue-next";
 //#region src/composables/useTheme.ts
 /** Reads and toggles the active theme (light/dark/system) with reactivity to OS preference changes. */
 function useTheme() {
@@ -56,18 +56,18 @@ var _hoisted_4$7 = ["d"];
 var _hoisted_5$7 = ["d"];
 var _hoisted_6$6 = { class: "mint-collapsible-card__titles" };
 var _hoisted_7$5 = { class: "mint-collapsible-card__title" };
-var _hoisted_8$4 = {
+var _hoisted_8$5 = {
 	key: 0,
 	class: "mint-collapsible-card__subtitle"
 };
-var _hoisted_9$4 = { class: "mint-collapsible-card__actions" };
-var _hoisted_10$3 = [
+var _hoisted_9$5 = { class: "mint-collapsible-card__actions" };
+var _hoisted_10$4 = [
 	"disabled",
 	"aria-label",
 	"title",
 	"onClick"
 ];
-var _hoisted_11$3 = {
+var _hoisted_11$4 = {
 	key: 0,
 	class: "mint-collapsible-card__action-icon",
 	viewBox: "0 0 24 24",
@@ -78,8 +78,8 @@ var _hoisted_11$3 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_12$3 = ["d"];
-var _hoisted_13$3 = ["d"];
+var _hoisted_12$4 = ["d"];
+var _hoisted_13$4 = ["d"];
 var _hoisted_14$2 = {
 	key: 1,
 	class: "mint-collapsible-card__action-text-icon"
@@ -192,7 +192,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				key: 1,
 				class: "mint-collapsible-card__icon-text",
 				style: normalizeStyle(iconColorStyle.value)
-			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$6, [createElementVNode("h3", _hoisted_7$5, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$4, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$8), createElementVNode("div", _hoisted_9$4, [
+			}, toDisplayString(__props.icon), 5))], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6$6, [createElementVNode("h3", _hoisted_7$5, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$5, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$8), createElementVNode("div", _hoisted_9$5, [
 				__props.badge !== void 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(badgeClasses.value)
@@ -207,15 +207,15 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 						"aria-label": action.label,
 						title: action.label,
 						onClick: ($event) => handleActionClick(action)
-					}, [action.icon && isSvgIconValue(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_11$3, [Array.isArray(action.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(action.icon, (d, i) => {
+					}, [action.icon && isSvgIconValue(action.icon) ? (openBlock(), createElementBlock("svg", _hoisted_11$4, [Array.isArray(action.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(action.icon, (d, i) => {
 						return openBlock(), createElementBlock("path", {
 							key: i,
 							d
-						}, null, 8, _hoisted_12$3);
+						}, null, 8, _hoisted_12$4);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: action.icon
-					}, null, 8, _hoisted_13$3))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$2, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$3);
+					}, null, 8, _hoisted_13$4))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$2, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$4);
 				}), 128)),
 				__props.showToggle ? (openBlock(), createElementBlock("div", {
 					key: 1,
@@ -1242,8 +1242,8 @@ var _hoisted_7$4 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_8$3 = ["d"];
-var _hoisted_9$3 = ["src"];
+var _hoisted_8$4 = ["d"];
+var _hoisted_9$4 = ["src"];
 //#endregion
 //#region src/components/PluginIcon.vue
 var PluginIcon_default = /* @__PURE__ */ defineComponent({
@@ -1354,39 +1354,54 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round"
 					}, null, 8, _hoisted_6$4);
 				}), 128))
-			], 8, _hoisted_1$7)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$4, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$3)])) : (openBlock(), createElementBlock("img", {
+			], 8, _hoisted_1$7)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$4, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$4)])) : (openBlock(), createElementBlock("img", {
 				key: 2,
 				class: "mint-plugin-icon__img",
 				src: iconValue.value,
 				alt: "",
 				referrerpolicy: "no-referrer",
 				loading: "lazy"
-			}, null, 8, _hoisted_9$3))], 6);
+			}, null, 8, _hoisted_9$4))], 6);
 		};
 	}
 });
 //#endregion
 //#region src/components/internal/AppTopBarPageSelectorInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = ["aria-expanded"];
-var _hoisted_2$4 = {
+var _hoisted_1$6 = {
+	ref: "root",
+	class: "mint-page-selector__crumb"
+};
+var _hoisted_2$4 = { class: "mint-page-selector__plugin" };
+var _hoisted_3$4 = ["aria-expanded"];
+var _hoisted_4$4 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_3$4 = { class: "mint-page-selector__label" };
-var _hoisted_4$4 = {
+var _hoisted_5$4 = { class: "mint-page-selector__label" };
+var _hoisted_6$3 = {
 	class: "mint-page-selector__chevron-wrap",
 	"aria-hidden": "true"
 };
-var _hoisted_5$4 = {
-	key: 0,
-	class: "mint-page-selector__menu",
-	role: "menu"
+var _hoisted_7$3 = ["aria-label"];
+var _hoisted_8$3 = {
+	class: "mint-page-selector__menu-title",
+	"aria-hidden": "true"
 };
-var _hoisted_6$3 = {
+var _hoisted_9$3 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_7$3 = { class: "mint-page-selector__item-label" };
+var _hoisted_10$3 = { class: "mint-page-selector__item-text" };
+var _hoisted_11$3 = { class: "mint-page-selector__item-label" };
+var _hoisted_12$3 = {
+	key: 0,
+	class: "mint-page-selector__item-hint"
+};
+var _hoisted_13$3 = {
+	key: 0,
+	class: "mint-page-selector__item-key",
+	"aria-hidden": "true"
+};
 //#endregion
 //#region src/components/internal/AppTopBarPageSelectorInternal.vue
 var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
@@ -1395,19 +1410,64 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 		pages: {},
 		currentPageId: {},
 		placeholder: { default: "Go to…" },
-		minWidth: { default: "11.25rem" }
+		minWidth: {},
+		pluginName: {}
 	},
 	emits: ["select"],
 	setup(__props, { emit: __emit }) {
-		/** Dropdown trigger that switches between named pages, closing on outside click or Escape. */
+		/** "Plugin / page" switcher: the plugin name, then a trigger that opens the page menu (hints, number keys 1-9). */
 		const props = __props;
 		const emit = __emit;
-		const { isOpen, close, toggle } = useDropdownState({
+		const triggerEl = useTemplateRef("trigger");
+		const menuEl = useTemplateRef("menu");
+		const { isOpen, open, close, toggle } = useDropdownState({
 			rootRef: useTemplateRef("root"),
-			triggerRef: useTemplateRef("trigger")
+			triggerRef: triggerEl
 		});
 		const normalizedPages = computed(() => props.pages.map(normalizeItemInput));
+		const menuTitle = computed(() => props.pluginName ? `${props.pluginName} pages` : "Pages");
 		const current = computed(() => normalizedPages.value.find((p) => p.id === props.currentPageId) ?? normalizedPages.value[0]);
+		const rows = () => Array.from(menuEl.value?.querySelectorAll("[role=\"menuitem\"]") ?? []);
+		const isEnabled = (row) => !row.hasAttribute("disabled") && row.getAttribute("aria-disabled") !== "true";
+		const enabledRows = () => rows().filter(isEnabled);
+		const { handlePanelKeydown } = useMenuKeyboard({
+			items: enabledRows,
+			isOpen: () => isOpen.value,
+			open,
+			close
+		});
+		function handleTriggerKeydown(event) {
+			if (isOpen.value || ![
+				"ArrowDown",
+				"Enter",
+				" "
+			].includes(event.key)) return;
+			event.preventDefault();
+			open();
+			nextTick(() => {
+				const items = enabledRows();
+				(items.find((row) => row.getAttribute("aria-current") === "page") ?? items[0])?.focus();
+			});
+		}
+		function activate(row) {
+			row.click();
+			if (!isOpen.value) triggerEl.value?.focus();
+		}
+		function handleMenuKeydown(event) {
+			if (/^[1-9]$/.test(event.key)) {
+				event.preventDefault();
+				const row = rows()[Number(event.key) - 1];
+				if (row && isEnabled(row)) activate(row);
+				return;
+			}
+			const focused = document.activeElement;
+			if ((event.key === "Enter" || event.key === " ") && focused && enabledRows().includes(focused)) {
+				event.preventDefault();
+				activate(focused);
+				return;
+			}
+			handlePanelKeydown(event);
+		}
 		function handleSelect(page) {
 			if (page.disabled) return;
 			if (page.href || page.to) {
@@ -1418,17 +1478,20 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 			close();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref: "root",
+			return openBlock(), createElementBlock("div", _hoisted_1$6, [__props.pluginName ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_2$4, toDisplayString(__props.pluginName), 1), _cache[1] || (_cache[1] = createElementVNode("span", {
+				class: "mint-page-selector__slash",
+				"aria-hidden": "true"
+			}, "/", -1))], 64)) : createCommentVNode("", true), createElementVNode("div", {
 				class: "mint-page-selector",
-				style: normalizeStyle({ minWidth: __props.minWidth })
+				style: normalizeStyle(__props.minWidth ? { minWidth: __props.minWidth } : void 0)
 			}, [createElementVNode("button", {
 				ref: "trigger",
 				type: "button",
 				class: normalizeClass(["mint-page-selector__trigger", { "mint-page-selector__trigger--open": unref(isOpen) }]),
 				"aria-expanded": unref(isOpen),
 				"aria-haspopup": "menu",
-				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"]))
+				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(toggle) && unref(toggle)(...args), ["stop"])),
+				onKeydown: handleTriggerKeydown
 			}, [
 				current.value ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -1439,9 +1502,9 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					icon: current.value.icon,
 					size: "sm",
 					variant: "solid"
-				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$4, toDisplayString(current.value?.label ?? __props.placeholder), 1),
-				createElementVNode("span", _hoisted_4$4, [(openBlock(), createElementBlock("svg", {
+				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_5$4, toDisplayString(current.value?.label ?? __props.placeholder), 1),
+				createElementVNode("span", _hoisted_6$3, [(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-page-selector__chevron", { "mint-page-selector__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1449,8 +1512,15 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					"stroke-width": "2",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])
-			], 10, _hoisted_1$6), unref(isOpen) ? (openBlock(), createElementBlock("div", _hoisted_5$4, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "mint-page-selector__menu-title" }, "Go to", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page) => {
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])
+			], 42, _hoisted_3$4), unref(isOpen) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref: "menu",
+				class: "mint-page-selector__menu",
+				role: "menu",
+				"aria-label": menuTitle.value,
+				onKeydown: handleMenuKeydown
+			}, [createElementVNode("div", _hoisted_8$3, toDisplayString(menuTitle.value), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page, index) => {
 				return openBlock(), createBlock(ActionItemInternal_default, {
 					key: page.id,
 					href: page.href,
@@ -1462,24 +1532,32 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 						{ "mint-page-selector__item--disabled": page.disabled }
 					]),
 					role: "menuitem",
+					"aria-current": page.id === current.value?.id ? "page" : void 0,
+					"aria-keyshortcuts": index < 9 ? String(index + 1) : void 0,
 					onClick: ($event) => handleSelect(page)
 				}, {
-					default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["mint-page-selector__item-icon", { "mint-page-selector__item-icon--metadata": unref(isPluginIconFormat)(page.icon) }]) }, [renderSlot(_ctx.$slots, "item-icon", { page }, () => [unref(isPluginIconFormat)(page.icon) ? (openBlock(), createBlock(PluginIcon_default, {
-						key: 0,
-						class: "mint-page-selector__metadata-icon",
-						icon: page.icon,
-						size: "sm",
-						variant: "solid"
-					}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_6$3, toDisplayString(page.label.charAt(0)), 1))])], 2), createElementVNode("span", _hoisted_7$3, toDisplayString(page.label), 1)]),
+					default: withCtx(() => [
+						createElementVNode("span", { class: normalizeClass(["mint-page-selector__item-icon", { "mint-page-selector__item-icon--metadata": unref(isPluginIconFormat)(page.icon) }]) }, [renderSlot(_ctx.$slots, "item-icon", { page }, () => [unref(isPluginIconFormat)(page.icon) ? (openBlock(), createBlock(PluginIcon_default, {
+							key: 0,
+							class: "mint-page-selector__metadata-icon",
+							icon: page.icon,
+							size: "sm",
+							variant: "solid"
+						}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_9$3, toDisplayString(page.label.charAt(0)), 1))])], 2),
+						createElementVNode("span", _hoisted_10$3, [createElementVNode("span", _hoisted_11$3, toDisplayString(page.label), 1), page.hint ? (openBlock(), createElementBlock("span", _hoisted_12$3, toDisplayString(page.hint), 1)) : createCommentVNode("", true)]),
+						index < 9 ? (openBlock(), createElementBlock("span", _hoisted_13$3, toDisplayString(index + 1), 1)) : createCommentVNode("", true)
+					]),
 					_: 2
 				}, 1032, [
 					"href",
 					"to",
 					"disabled",
 					"class",
+					"aria-current",
+					"aria-keyshortcuts",
 					"onClick"
 				]);
-			}), 128))])) : createCommentVNode("", true)], 4);
+			}), 128))], 40, _hoisted_7$3)) : createCommentVNode("", true)], 4)], 512);
 		};
 	}
 });
@@ -1859,6 +1937,16 @@ var _hoisted_20$1 = {
 	key: 0,
 	class: "mint-topbar__standalone-badge"
 };
+var _hoisted_21$1 = {
+	class: "mint-topbar__job-status",
+	"aria-live": "polite"
+};
+var _hoisted_22$1 = ["title", "aria-label"];
+var _hoisted_23$1 = {
+	key: 0,
+	class: "mint-topbar__job-bar",
+	"aria-hidden": "true"
+};
 //#endregion
 //#region src/components/AppTopBar.vue
 var AppTopBar_default = /* @__PURE__ */ defineComponent({
@@ -1869,14 +1957,16 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		spec: { default: () => ({}) },
 		pill: {},
 		pageSelector: {},
-		currentPageSelectorId: {}
+		currentPageSelectorId: {},
+		job: {}
 	},
 	emits: [
 		"page-selector-select",
 		"update:pill",
 		"pill-select",
 		"pill-option-select",
-		"settings-values-change"
+		"settings-values-change",
+		"job-click"
 	],
 	setup(__props, { emit: __emit }) {
 		/**
@@ -1895,9 +1985,9 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		}, props.spec));
 		const settingsConfig = computed(() => toValue(config.value.settings) || void 0);
 		const showSettings = computed(() => settingsConfig.value !== void 0);
-		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-DO3IZ7qz.js").then((n) => n.n));
-		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-5T1fAq2L.js").then((n) => n.n));
-		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-65peG4Up.js").then((n) => n.n));
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-CdhFMi8j.js").then((n) => n.n));
+		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-CbD7BR_s.js").then((n) => n.n));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-BbFtr1Fr.js").then((n) => n.n));
 		const emit = __emit;
 		const settingsOpen = ref(false);
 		const headerEl = ref(null);
@@ -1910,6 +2000,37 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		const isStandalone = computed(() => !isIntegrated.value);
 		const appExperiment = inject(APP_EXPERIMENT_KEY, null);
 		const canBindExperiment = computed(() => plugin.value?.plugin_type !== "static");
+		const showExperiment = computed(() => !!appExperiment && !isStandalone.value && canBindExperiment.value);
+		const runSlotJoined = ref(!!props.job);
+		const JOB_STATUS_TEXT = {
+			queued: "Job queued",
+			running: "Job running",
+			awaiting_input: "Job needs input",
+			completed: "Job completed",
+			failed: "Job failed",
+			cancelled: "Job cancelled"
+		};
+		const jobPercent = computed(() => props.job?.percent == null ? null : Math.min(100, Math.max(0, Math.round(props.job.percent))));
+		const jobName = computed(() => props.job ? jobPercent.value != null ? `${props.job.label} ${jobPercent.value}%` : props.job.label : void 0);
+		function syncRunSlotJoined() {
+			runSlotJoined.value = !!props.job;
+		}
+		const JOB_TONES = {
+			queued: "primary",
+			running: "primary",
+			awaiting_input: "warning",
+			completed: "success",
+			failed: "error",
+			cancelled: "neutral"
+		};
+		const JOB_ICONS = {
+			queued: LoaderCircle,
+			running: LoaderCircle,
+			awaiting_input: CircleAlert,
+			completed: CircleCheck,
+			failed: CircleX,
+			cancelled: CircleX
+		};
 		const slots = useSlots();
 		const pluginIcon = computed(() => plugin.value?.icon || (slots.logo ? void 0 : pluginIdentity.icon));
 		const seeded = computed(() => isStandalone.value && !props.title && !props.subtitle);
@@ -1925,6 +2046,8 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		}, { flush: "sync" });
 		/** Integrated plugins show their name as a static identity in place of the title; the page selector replaces it. */
 		const identityName = computed(() => isIntegrated.value && !hasPageSelector.value ? plugin.value?.display_name || plugin.value?.name : void 0);
+		/** The page selector crumb reads "<plugin> / <page>". */
+		const pageSelectorPluginName = computed(() => isIntegrated.value ? plugin.value?.display_name || plugin.value?.name : props.title || pluginIdentity.name);
 		const identitySubtitle = computed(() => plugin.value?.subtitle || plugin.value?.description);
 		const hasPillNav = computed(() => !!config.value.pills?.length);
 		const hasTitleGroup = computed(() => !hasPageSelector.value && !identityName.value && !!titleText.value && !!subtitleText.value);
@@ -1961,7 +2084,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							icon: pluginIcon.value,
 							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_6$1, [..._cache[9] || (_cache[9] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 8, _hoisted_4$2)) : config.value.homePath ? (openBlock(), createBlock(_component_router_link, {
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_6$1, [..._cache[11] || (_cache[11] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 8, _hoisted_4$2)) : config.value.homePath ? (openBlock(), createBlock(_component_router_link, {
 							key: 1,
 							to: config.value.homePath,
 							class: "mint-topbar-home-link"
@@ -1978,7 +2101,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 								icon: pluginIcon.value,
 								size: "topbar",
 								variant: "solid"
-							}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_8$1, [..._cache[10] || (_cache[10] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)]),
+							}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_8$1, [..._cache[12] || (_cache[12] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)]),
 							_: 3
 						}, 8, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_9$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
 							key: 0,
@@ -1992,7 +2115,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							icon: pluginIcon.value,
 							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_10$1, [..._cache[11] || (_cache[11] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 64))]),
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_10$1, [..._cache[13] || (_cache[13] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 64))]),
 						identityName.value ? (openBlock(), createElementBlock("span", _hoisted_11$1, [createElementVNode("span", _hoisted_12$1, toDisplayString(identityName.value), 1), identitySubtitle.value ? (openBlock(), createElementBlock("span", _hoisted_13$1, toDisplayString(identitySubtitle.value), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
 						hasPlatformPageSelector.value ? (openBlock(), createElementBlock("span", {
 							key: 1,
@@ -2003,6 +2126,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							key: 2,
 							pages: normalizedPageSelector.value,
 							"current-page-id": __props.currentPageSelectorId,
+							"plugin-name": pageSelectorPluginName.value,
 							onSelect: _cache[0] || (_cache[0] = ($event) => emit("page-selector-select", $event))
 						}, createSlots({ _: 2 }, [_ctx.$slots["page-selector-icon"] ? {
 							name: "icon",
@@ -2012,7 +2136,11 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							name: "item-icon",
 							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-item-icon", normalizeProps(guardReactiveProps(slotProps)))]),
 							key: "1"
-						} : void 0]), 1032, ["pages", "current-page-id"])) : createCommentVNode("", true),
+						} : void 0]), 1032, [
+							"pages",
+							"current-page-id",
+							"plugin-name"
+						])) : createCommentVNode("", true),
 						hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_14$1, [createElementVNode("span", _hoisted_15$1, toDisplayString(titleText.value), 1), createElementVNode("span", _hoisted_16$1, toDisplayString(subtitleText.value), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_17$1, toDisplayString(titleText.value), 1)) : createCommentVNode("", true),
 						renderSlot(_ctx.$slots, "nav")
 					]),
@@ -2025,11 +2153,50 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_19$1, [
 						config.value.standaloneLabel !== false && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_20$1, toDisplayString(config.value.standaloneLabel), 1)) : createCommentVNode("", true),
-						unref(appExperiment) && !isStandalone.value && canBindExperiment.value ? (openBlock(), createBlock(unref(ExperimentPopover), mergeProps({ key: 1 }, unref(appExperiment).popover.value, {
-							onSelect: _cache[2] || (_cache[2] = ($event) => unref(appExperiment).openModal()),
-							onSave: _cache[3] || (_cache[3] = ($event) => unref(appExperiment).handleSave()),
-							onDetach: _cache[4] || (_cache[4] = ($event) => unref(appExperiment).handleDetach())
-						}), null, 16)) : createCommentVNode("", true),
+						showExperiment.value || __props.job !== void 0 || runSlotJoined.value ? (openBlock(), createElementBlock("div", {
+							key: 1,
+							class: normalizeClass(["mint-topbar__run-slot", { "mint-topbar__run-slot--joined": runSlotJoined.value }])
+						}, [
+							showExperiment.value && unref(appExperiment) ? (openBlock(), createBlock(unref(ExperimentPopover), mergeProps({ key: 0 }, __props.job ? {
+								...unref(appExperiment).popover.value,
+								showSave: false
+							} : unref(appExperiment).popover.value, {
+								onSelect: _cache[2] || (_cache[2] = ($event) => unref(appExperiment).openModal()),
+								onSave: _cache[3] || (_cache[3] = ($event) => unref(appExperiment).handleSave()),
+								onDetach: _cache[4] || (_cache[4] = ($event) => unref(appExperiment).handleDetach())
+							}), null, 16)) : createCommentVNode("", true),
+							createElementVNode("span", _hoisted_21$1, toDisplayString(__props.job ? JOB_STATUS_TEXT[__props.job.status] : ""), 1),
+							createVNode(Transition, {
+								name: "mint-topbar-job",
+								mode: "out-in",
+								appear: "",
+								onBeforeEnter: syncRunSlotJoined,
+								onAfterLeave: syncRunSlotJoined
+							}, {
+								default: withCtx(() => [__props.job ? (openBlock(), createElementBlock("button", {
+									key: "run",
+									type: "button",
+									class: normalizeClass(["mint-topbar__job", `mint-topbar__job--${JOB_TONES[__props.job.status]}`]),
+									title: jobName.value,
+									"aria-label": jobName.value,
+									onClick: _cache[5] || (_cache[5] = ($event) => emit("job-click"))
+								}, [(openBlock(), createBlock(resolveDynamicComponent(JOB_ICONS[__props.job.status]), {
+									class: normalizeClass(["mint-topbar__job-icon", { "mint-topbar__job-icon--spin": __props.job.status === "running" || __props.job.status === "queued" }]),
+									size: 14,
+									"aria-hidden": "true"
+								}, null, 8, ["class"])), jobPercent.value != null ? (openBlock(), createElementBlock("span", _hoisted_23$1, [createElementVNode("span", { style: normalizeStyle({ width: `${jobPercent.value}%` }) }, null, 4)])) : createCommentVNode("", true)], 10, _hoisted_22$1)) : __props.job === null ? (openBlock(), createElementBlock("button", {
+									key: "idle",
+									type: "button",
+									class: "mint-topbar__job mint-topbar__job--idle",
+									onClick: _cache[6] || (_cache[6] = ($event) => emit("job-click"))
+								}, [createVNode(unref(ListChecks), {
+									class: "mint-topbar__job-icon",
+									size: 14,
+									"aria-hidden": "true"
+								}), _cache[14] || (_cache[14] = createElementVNode("span", { class: "mint-topbar__job-label" }, "Jobs", -1))])) : createCommentVNode("", true)]),
+								_: 1
+							})
+						], 2)) : createCommentVNode("", true),
 						renderSlot(_ctx.$slots, "actions"),
 						config.value.themeToggle ? (openBlock(), createBlock(ThemeToggle_default, {
 							key: 2,
@@ -2040,8 +2207,8 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							type: "button",
 							class: "mint-topbar__settings-btn",
 							"aria-label": "Open settings",
-							onClick: _cache[5] || (_cache[5] = ($event) => settingsOpen.value = true)
-						}, [..._cache[12] || (_cache[12] = [createElementVNode("svg", {
+							onClick: _cache[7] || (_cache[7] = ($event) => settingsOpen.value = true)
+						}, [..._cache[15] || (_cache[15] = [createElementVNode("svg", {
 							class: "mint-topbar__settings-icon",
 							viewBox: "0 0 24 24",
 							fill: "none",
@@ -2060,7 +2227,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 				showSettings.value && settingsOpen.value ? (openBlock(), createBlock(unref(SettingsModal), {
 					key: 0,
 					open: settingsOpen.value,
-					"onUpdate:open": _cache[6] || (_cache[6] = ($event) => settingsOpen.value = $event),
+					"onUpdate:open": _cache[8] || (_cache[8] = ($event) => settingsOpen.value = $event),
 					title: settingsConfig.value?.title,
 					tabs: normalizedSettingsTabs.value,
 					"show-appearance": settingsConfig.value?.showAppearance ?? true,
@@ -2070,7 +2237,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					spec: settingsConfig.value?.spec,
 					values: settingsConfig.value?.values,
 					"user-type": settingsConfig.value?.userType,
-					"onUpdate:values": _cache[7] || (_cache[7] = ($event) => emit("settings-values-change", $event))
+					"onUpdate:values": _cache[9] || (_cache[9] = ($event) => emit("settings-values-change", $event))
 				}, createSlots({
 					appearance: withCtx(() => [renderSlot(_ctx.$slots, "settings-appearance")]),
 					_: 2
@@ -2091,7 +2258,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					"values",
 					"user-type"
 				])) : createCommentVNode("", true),
-				unref(appExperiment) && !isStandalone.value && canBindExperiment.value && unref(appExperiment).selectorModal.value.open ? (openBlock(), createBlock(unref(ExperimentSelectorModal), mergeProps({ key: 1 }, unref(appExperiment).selectorModal.value, { "onUpdate:open": _cache[8] || (_cache[8] = ($event) => $event ? unref(appExperiment).openModal() : unref(appExperiment).closeModal()) }), null, 16)) : createCommentVNode("", true)
+				unref(appExperiment) && !isStandalone.value && canBindExperiment.value && unref(appExperiment).selectorModal.value.open ? (openBlock(), createBlock(unref(ExperimentSelectorModal), mergeProps({ key: 1 }, unref(appExperiment).selectorModal.value, { "onUpdate:open": _cache[10] || (_cache[10] = ($event) => $event ? unref(appExperiment).openModal() : unref(appExperiment).closeModal()) }), null, 16)) : createCommentVNode("", true)
 			], 64);
 		};
 	}
@@ -3562,4 +3729,4 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { getDefaultControlView as A, controlBindings as C, controlsTo as D, controlValuesToComponentProps as E, ThemeToggle_default as M, useTheme as N, controlsToFormSchema as O, useControlSchema as S, controlValuesToComponentBindingsById as T, AppLayout_default as _, pickExistingRecordKeys as a, defineControls as b, valuesEqual as c, useForm as d, AppTopBar_default as f, normalizeLabelItemInput as g, normalizeItemInput as h, formSchemaFieldNames as i, CollapsibleCard_default as j, controlsToSettingsSchema as k, useFormBuilder as l, PluginIcon_default as m, FormSchemaInternal_default as n, pickRecordKeys as o, providePluginIdentity as p, FormFieldRendererInternal_default as r, recordValuesEqualForKeys as s, AppSidebar_default as t, evaluateCondition as u, usePluginWorkspace as v, controlValuesToComponentBindings as w, getControlDefaults as x, defineControlComponentBindings as y };
 
-//# sourceMappingURL=AppSidebar-mvm--GxN.js.map
+//# sourceMappingURL=AppSidebar-CIXJBzDv.js.map