@morscherlab/mint-sdk 1.4.0-beta.8 → 1.4.0

package/dist/{AppSidebar-BmiiPfz9.js → AppSidebar-CZZaxni0.js}

@@ -1,9 +1,10 @@
-import { i as BaseButton_default, r as useEventListener } from "./BaseModal-DfRIuVoj.js";
-import { f as useSettingsStore, n as integrationHost } from "./experiment-43OJtH7R.js";
-import { D as useDropdownState, O as FormField_default, _ as APP_EXPERIMENT_KEY, j as BaseCheckbox_default, t as isRecord } from "./records-BzTcxekG.js";
-import { _ 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, z as applySpecDefaults } from "./useListReorder-CcbEYxX-.js";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, 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 { a as BaseButton_default, i as useEventListener, t as useDropdownState } from "./useDropdownState-uFIz6Yv8.js";
+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-D4aQXyZu.js";
+import { F as applySpecDefaults, M as usePlatform, _ as getTypeDefault, a as StepWizard_default, c as normalizeControls, d as numericValue, g as getFieldRegistryEntry, l as normalizeOption, o as defaultValueForControl, p as orderedUnique, u as humanize } from "./useListReorder-DsuzwWGS.js";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toValue, unref, useId, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { Check, CircleAlert, CircleCheck, CircleHelp, CircleX, ListChecks, LoaderCircle, Moon, Play, Sun, X } from "lucide-vue-next";
+import { autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
 //#region src/composables/useTheme.ts
 /** Reads and toggles the active theme (light/dark/system) with reactivity to OS preference changes. */
 function useTheme() {
@@ -49,25 +50,25 @@ var ThemeToggle_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/CollapsibleCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = { class: "mint-collapsible-card__header-shell" };
-var _hoisted_2$8 = ["disabled", "aria-expanded"];
-var _hoisted_3$8 = { class: "mint-collapsible-card__title-section" };
-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_1$12 = { class: "mint-collapsible-card__header-shell" };
+var _hoisted_2$10 = ["disabled", "aria-expanded"];
+var _hoisted_3$10 = { class: "mint-collapsible-card__title-section" };
+var _hoisted_4$9 = ["d"];
+var _hoisted_5$9 = ["d"];
+var _hoisted_6$8 = { class: "mint-collapsible-card__titles" };
+var _hoisted_7$7 = { class: "mint-collapsible-card__title" };
+var _hoisted_8$7 = {
 	key: 0,
 	class: "mint-collapsible-card__subtitle"
 };
-var _hoisted_9$4 = { class: "mint-collapsible-card__actions" };
-var _hoisted_10$3 = [
+var _hoisted_9$7 = { class: "mint-collapsible-card__actions" };
+var _hoisted_10$6 = [
 	"disabled",
 	"aria-label",
 	"title",
 	"onClick"
 ];
-var _hoisted_11$3 = {
+var _hoisted_11$6 = {
 	key: 0,
 	class: "mint-collapsible-card__action-icon",
 	viewBox: "0 0 24 24",
@@ -78,13 +79,13 @@ var _hoisted_11$3 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_12$3 = ["d"];
-var _hoisted_13$3 = ["d"];
-var _hoisted_14$2 = {
+var _hoisted_12$5 = ["d"];
+var _hoisted_13$5 = ["d"];
+var _hoisted_14$3 = {
 	key: 1,
 	class: "mint-collapsible-card__action-text-icon"
 };
-var _hoisted_15$2 = [
+var _hoisted_15$3 = [
 	"disabled",
 	"aria-label",
 	"aria-expanded"
@@ -160,13 +161,13 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 			emit("action", action.id);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$10, [createElementVNode("button", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["mint-collapsible-card", __props.dense ? "mint-collapsible-card--dense" : ""]) }, [createElementVNode("div", _hoisted_1$12, [createElementVNode("button", {
 				type: "button",
 				class: normalizeClass(headerClasses.value),
 				disabled: __props.disabled,
 				"aria-expanded": isOpen.value,
 				onClick: toggle
-			}, [createElementVNode("div", _hoisted_3$8, [__props.icon ? (openBlock(), createElementBlock("div", {
+			}, [createElementVNode("div", _hoisted_3$10, [__props.icon ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "mint-collapsible-card__icon-badge",
 				style: normalizeStyle(iconBgStyle.value)
@@ -184,15 +185,15 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("path", {
 					key: i,
 					d
-				}, null, 8, _hoisted_4$7);
+				}, null, 8, _hoisted_4$9);
 			}), 128)) : (openBlock(), createElementBlock("path", {
 				key: 1,
 				d: __props.icon
-			}, null, 8, _hoisted_5$7))], 4)) : (openBlock(), createElementBlock("span", {
+			}, null, 8, _hoisted_5$9))], 4)) : (openBlock(), createElementBlock("span", {
 				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$8, [createElementVNode("h3", _hoisted_7$7, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8$7, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$10), createElementVNode("div", _hoisted_9$7, [
 				__props.badge !== void 0 ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(badgeClasses.value)
@@ -207,15 +208,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$6, [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$5);
 					}), 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$5))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$3, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$6);
 				}), 128)),
 				__props.showToggle ? (openBlock(), createElementBlock("div", {
 					key: 1,
@@ -244,7 +245,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 					"stroke-linejoin": "round",
 					viewBox: "0 0 24 24",
 					"aria-hidden": "true"
-				}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_15$2)
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_15$3)
 			])]), createVNode(Transition, { name: "collapse" }, {
 				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_16$2, [createElementVNode("div", _hoisted_17$2, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
 				_: 3
@@ -811,7 +812,7 @@ function usePluginWorkspace(options) {
 				sidebarToggleLabel: sidebar.toggleLabel ?? "Open workspace sidebar",
 				sidebarCloseLabel: sidebar.closeLabel ?? "Close workspace sidebar",
 				hasSidebarSurface: hasSidebarSurface.value,
-				title: props.spec?.title ?? "Workspace",
+				title: props.spec?.title,
 				subtitle: props.spec?.subtitle,
 				topBar: topBarSpec.value === false ? false : {
 					...topBarSpec.value,
@@ -848,13 +849,13 @@ function usePluginWorkspace(options) {
 }
 //#endregion
 //#region src/components/AppLayout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = {
+var _hoisted_1$11 = {
 	key: 0,
 	class: "mint-layout__topbar"
 };
-var _hoisted_2$7 = { class: "mint-layout__body" };
-var _hoisted_3$7 = ["aria-label", "aria-expanded"];
-var _hoisted_4$6 = {
+var _hoisted_2$9 = { class: "mint-layout__body" };
+var _hoisted_3$9 = ["aria-label", "aria-expanded"];
+var _hoisted_4$8 = {
 	key: 0,
 	class: "mint-layout__sidebar-toggle-icon",
 	viewBox: "0 0 24 24",
@@ -865,7 +866,7 @@ var _hoisted_4$6 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_5$6 = {
+var _hoisted_5$8 = {
 	key: 1,
 	class: "mint-layout__sidebar-toggle-icon",
 	viewBox: "0 0 24 24",
@@ -876,7 +877,7 @@ var _hoisted_5$6 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_6$5 = { class: "mint-layout__main" };
+var _hoisted_6$7 = { class: "mint-layout__main" };
 //#endregion
 //#region src/components/AppLayout.vue
 var AppLayout_default = /* @__PURE__ */ defineComponent({
@@ -954,7 +955,7 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 			sidebarOpenModel.value = false;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(layoutClasses.value) }, [_ctx.$slots.topbar ? (openBlock(), createElementBlock("div", _hoisted_1$9, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$7, [
+			return openBlock(), createElementBlock("div", { class: normalizeClass(layoutClasses.value) }, [_ctx.$slots.topbar ? (openBlock(), createElementBlock("div", _hoisted_1$11, [renderSlot(_ctx.$slots, "topbar")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$9, [
 				__props.responsiveSidebar && _ctx.$slots.sidebar ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -962,7 +963,7 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 					"aria-label": sidebarOpenModel.value ? __props.sidebarCloseLabel : __props.sidebarToggleLabel,
 					"aria-expanded": sidebarOpenModel.value,
 					onClick: toggleSidebar
-				}, [!sidebarOpenModel.value ? (openBlock(), createElementBlock("svg", _hoisted_4$6, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6h16M4 12h16M4 18h16" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5$6, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 18 18 6M6 6l12 12" }, null, -1)])]))], 8, _hoisted_3$7)) : createCommentVNode("", true),
+				}, [!sidebarOpenModel.value ? (openBlock(), createElementBlock("svg", _hoisted_4$8, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M4 6h16M4 12h16M4 18h16" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5$8, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 18 18 6M6 6l12 12" }, null, -1)])]))], 8, _hoisted_3$9)) : createCommentVNode("", true),
 				__props.responsiveSidebar && _ctx.$slots.sidebar && sidebarOpenModel.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "mint-layout__sidebar-backdrop",
@@ -973,7 +974,7 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 					class: "mint-layout__sidebar",
 					style: normalizeStyle(sidebarStyle.value)
 				}, [renderSlot(_ctx.$slots, "sidebar")], 4)) : createCommentVNode("", true),
-				createElementVNode("main", _hoisted_6$5, [renderSlot(_ctx.$slots, "default")])
+				createElementVNode("main", _hoisted_6$7, [renderSlot(_ctx.$slots, "default")])
 			])], 2);
 		};
 	}
@@ -1123,18 +1124,18 @@ function isFiniteNumber(value, min, max) {
 }
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = [
+var _hoisted_1$10 = [
 	"href",
 	"aria-disabled",
 	"tabindex"
 ];
-var _hoisted_2$6 = [
+var _hoisted_2$8 = [
 	"href",
 	"aria-disabled",
 	"tabindex",
 	"onClick"
 ];
-var _hoisted_3$6 = ["type", "disabled"];
+var _hoisted_3$8 = ["type", "disabled"];
 //#endregion
 //#region src/components/internal/ActionItemInternal.vue
 var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
@@ -1180,7 +1181,7 @@ var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
 				"aria-disabled": __props.disabled || void 0,
 				tabindex: __props.disabled ? -1 : void 0,
 				onClick: handleClick
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$8)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$10)) : __props.to ? (openBlock(), createBlock(_component_router_link, {
 				key: 1,
 				to: __props.to,
 				custom: ""
@@ -1190,33 +1191,33 @@ var ActionItemInternal_default = /* @__PURE__ */ defineComponent({
 					"aria-disabled": __props.disabled || void 0,
 					tabindex: __props.disabled ? -1 : void 0,
 					onClick: ($event) => handleRouterClick($event, navigate)
-				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$6)]),
+				}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$8)]),
 				_: 3
 			}, 8, ["to"])) : (openBlock(), createElementBlock("button", mergeProps({ key: 2 }, _ctx.$attrs, {
 				type: __props.type,
 				disabled: __props.disabled,
 				onClick: handleClick
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$6));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3$8));
 		};
 	}
 });
 //#endregion
 //#region src/components/PluginIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = ["viewBox"];
-var _hoisted_2$5 = { key: 0 };
-var _hoisted_3$5 = [
+var _hoisted_1$9 = ["viewBox"];
+var _hoisted_2$7 = { key: 0 };
+var _hoisted_3$7 = [
 	"id",
 	"x1",
 	"y1",
 	"x2",
 	"y2"
 ];
-var _hoisted_4$5 = [
+var _hoisted_4$7 = [
 	"offset",
 	"stop-color",
 	"stop-opacity"
 ];
-var _hoisted_5$5 = [
+var _hoisted_5$7 = [
 	"x",
 	"y",
 	"width",
@@ -1224,14 +1225,14 @@ var _hoisted_5$5 = [
 	"rx",
 	"fill"
 ];
-var _hoisted_6$4 = [
+var _hoisted_6$6 = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"opacity"
 ];
-var _hoisted_7$4 = {
+var _hoisted_7$6 = {
 	key: 1,
 	class: "mint-plugin-icon__svg",
 	viewBox: "0 0 24 24",
@@ -1242,8 +1243,8 @@ var _hoisted_7$4 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_8$3 = ["d"];
-var _hoisted_9$3 = ["src"];
+var _hoisted_8$6 = ["d"];
+var _hoisted_9$6 = ["src"];
 //#endregion
 //#region src/components/PluginIcon.vue
 var PluginIcon_default = /* @__PURE__ */ defineComponent({
@@ -1319,7 +1320,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 				viewBox: structuredIcon.value.viewBox,
 				"aria-hidden": "true"
 			}, [
-				structuredIcon.value.gradient ? (openBlock(), createElementBlock("defs", _hoisted_2$5, [createElementVNode("linearGradient", {
+				structuredIcon.value.gradient ? (openBlock(), createElementBlock("defs", _hoisted_2$7, [createElementVNode("linearGradient", {
 					id: gradientId.value,
 					x1: gradientCoords.value.x1,
 					y1: gradientCoords.value.y1,
@@ -1331,8 +1332,8 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 						offset: stop.offset,
 						"stop-color": stop.color,
 						"stop-opacity": stop.opacity
-					}, null, 8, _hoisted_4$5);
-				}), 128))], 8, _hoisted_3$5)])) : createCommentVNode("", true),
+					}, null, 8, _hoisted_4$7);
+				}), 128))], 8, _hoisted_3$7)])) : createCommentVNode("", true),
 				structuredIcon.value.background ? (openBlock(), createElementBlock("rect", {
 					key: 1,
 					x: structuredViewBox.value.x,
@@ -1341,7 +1342,7 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 					height: structuredViewBox.value.height,
 					rx: structuredIcon.value.background.radius,
 					fill: backgroundFill.value
-				}, null, 8, _hoisted_5$5)) : createCommentVNode("", true),
+				}, null, 8, _hoisted_5$7)) : createCommentVNode("", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(structuredIcon.value.paths, (path, index) => {
 					return openBlock(), createElementBlock("path", {
 						key: index,
@@ -1352,41 +1353,56 @@ var PluginIcon_default = /* @__PURE__ */ defineComponent({
 						opacity: path.opacity,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, null, 8, _hoisted_6$4);
+					}, null, 8, _hoisted_6$6);
 				}), 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$9)) : detected.value.format === "path" || detected.value.format === "fallback" ? (openBlock(), createElementBlock("svg", _hoisted_7$6, [createElementVNode("path", { d: iconValue.value }, null, 8, _hoisted_8$6)])) : (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$6))], 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$8 = {
+	ref: "root",
+	class: "mint-page-selector__crumb"
+};
+var _hoisted_2$6 = { class: "mint-page-selector__plugin" };
+var _hoisted_3$6 = ["aria-expanded"];
+var _hoisted_4$6 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_3$4 = { class: "mint-page-selector__label" };
-var _hoisted_4$4 = {
+var _hoisted_5$6 = { class: "mint-page-selector__label" };
+var _hoisted_6$5 = {
 	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$5 = ["aria-label"];
+var _hoisted_8$5 = {
+	class: "mint-page-selector__menu-title",
+	"aria-hidden": "true"
 };
-var _hoisted_6$3 = {
+var _hoisted_9$5 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_7$3 = { class: "mint-page-selector__item-label" };
+var _hoisted_10$5 = { class: "mint-page-selector__item-text" };
+var _hoisted_11$5 = { class: "mint-page-selector__item-label" };
+var _hoisted_12$4 = {
+	key: 0,
+	class: "mint-page-selector__item-hint"
+};
+var _hoisted_13$4 = {
+	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 +1411,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 +1479,20 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 			close();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref: "root",
+			return openBlock(), createElementBlock("div", _hoisted_1$8, [__props.pluginName ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_2$6, 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 +1503,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$6, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_5$6, toDisplayString(current.value?.label ?? __props.placeholder), 1),
+				createElementVNode("span", _hoisted_6$5, [(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 +1513,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$6), 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$5, 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,39 +1533,47 @@ 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$5, toDisplayString(page.label.charAt(0)), 1))])], 2),
+						createElementVNode("span", _hoisted_10$5, [createElementVNode("span", _hoisted_11$5, toDisplayString(page.label), 1), page.hint ? (openBlock(), createElementBlock("span", _hoisted_12$4, toDisplayString(page.hint), 1)) : createCommentVNode("", true)]),
+						index < 9 ? (openBlock(), createElementBlock("span", _hoisted_13$4, 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$5)) : createCommentVNode("", true)], 4)], 512);
 		};
 	}
 });
 //#endregion
 //#region src/components/internal/AppTopBarPillNavInternal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = {
+var _hoisted_1$7 = {
 	class: "mint-pill-nav",
 	"aria-label": "Primary"
 };
-var _hoisted_2$3 = [
+var _hoisted_2$5 = [
 	"disabled",
 	"aria-expanded",
 	"onClick"
 ];
-var _hoisted_3$3 = {
+var _hoisted_3$5 = {
 	key: 0,
 	class: "mint-pill-nav__icon",
 	viewBox: "0 0 24 24",
@@ -1505,15 +1584,15 @@ var _hoisted_3$3 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_4$3 = ["d"];
-var _hoisted_5$3 = ["d"];
-var _hoisted_6$2 = {
+var _hoisted_4$5 = ["d"];
+var _hoisted_5$5 = ["d"];
+var _hoisted_6$4 = {
 	key: 1,
 	class: "mint-pill-nav__dot",
 	role: "img",
 	"aria-label": "Needs attention"
 };
-var _hoisted_7$2 = {
+var _hoisted_7$4 = {
 	key: 0,
 	class: "mint-pill-nav__icon",
 	viewBox: "0 0 24 24",
@@ -1524,24 +1603,26 @@ var _hoisted_7$2 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_8$2 = ["d"];
-var _hoisted_9$2 = ["d"];
-var _hoisted_10$2 = {
+var _hoisted_8$4 = ["d"];
+var _hoisted_9$4 = ["d"];
+var _hoisted_10$4 = {
 	key: 1,
 	class: "mint-pill-nav__dot",
 	role: "img",
 	"aria-label": "Needs attention"
 };
-var _hoisted_11$2 = {
+var _hoisted_11$4 = {
 	key: 2,
 	class: "mint-popover mint-pill-nav__dropdown",
 	role: "menu"
 };
-var _hoisted_12$2 = { class: "mint-pill-nav__dropdown-label" };
-var _hoisted_13$2 = {
+var _hoisted_12$3 = { class: "mint-pill-nav__dropdown-label" };
+var _hoisted_13$3 = {
 	key: 0,
 	class: "mint-pill-nav__dropdown-description"
 };
+var MAX_VISIBLE_ITEMS = 4;
+var MORE_ITEM_ID = "__mint-pill-nav-more";
 //#endregion
 //#region src/components/internal/AppTopBarPillNavInternal.vue
 var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
@@ -1557,7 +1638,18 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const openItemId = ref(null);
 		const itemRefs = ref(/* @__PURE__ */ new Map());
-		const normalizedItems = computed(() => props.items.map(normalizePillNavItem));
+		/** The bar shows this many items; the rest fold into a More dropdown. */
+		const allItems = computed(() => props.items.map(normalizePillNavItem));
+		const normalizedItems = computed(() => {
+			if (allItems.value.length <= MAX_VISIBLE_ITEMS) return allItems.value;
+			const folded = allItems.value.slice(MAX_VISIBLE_ITEMS);
+			return [...allItems.value.slice(0, MAX_VISIBLE_ITEMS), {
+				id: MORE_ITEM_ID,
+				label: "More",
+				dot: folded.some((item) => item.dot),
+				children: folded.flatMap((item) => item.children?.length ? item.children : [item])
+			}];
+		});
 		function handleClick(item) {
 			if (item.disabled) return;
 			if (item.children?.length) {
@@ -1569,8 +1661,19 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 		}
 		function handleOptionClick(option, item) {
 			if (option.disabled) return;
-			if (!option.href && !option.to) emit("option-select", option, item);
 			openItemId.value = null;
+			if (option.href || option.to) return;
+			if (item.id !== MORE_ITEM_ID) {
+				emit("option-select", option, item);
+				return;
+			}
+			const folded = allItems.value.find((candidate) => candidate.id === option.id && !candidate.children?.length);
+			if (folded) {
+				emit("select", folded);
+				return;
+			}
+			const group = allItems.value.find((candidate) => candidate.children?.some((child) => child.id === option.id));
+			if (group) emit("option-select", option, group);
 		}
 		function normalizePillNavItem(item) {
 			const normalized = normalizeItemInput(item);
@@ -1597,7 +1700,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 		}
 		useEventListener(() => document, "click", handleClickOutside);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", _hoisted_1$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
+			return openBlock(), createElementBlock("nav", _hoisted_1$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedItems.value, (item) => {
 				return openBlock(), createElementBlock("div", {
 					key: item.id,
 					ref_for: true,
@@ -1616,17 +1719,17 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 					"aria-haspopup": "menu",
 					onClick: withModifiers(($event) => handleClick(item), ["stop"])
 				}, [
-					isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$3, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
+					isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_3$5, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
 						return openBlock(), createElementBlock("path", {
 							key: index,
 							d
-						}, null, 8, _hoisted_4$3);
+						}, null, 8, _hoisted_4$5);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: item.icon
-					}, null, 8, _hoisted_5$3))])) : createCommentVNode("", true),
+					}, null, 8, _hoisted_5$5))])) : createCommentVNode("", true),
 					createTextVNode(" " + toDisplayString(activeChild(item)?.label ?? item.label) + " ", 1),
-					item.dot ? (openBlock(), createElementBlock("span", _hoisted_6$2)) : createCommentVNode("", true),
+					item.dot ? (openBlock(), createElementBlock("span", _hoisted_6$4)) : createCommentVNode("", true),
 					(openBlock(), createElementBlock("svg", {
 						class: normalizeClass(["mint-pill-nav__chevron", { "mint-pill-nav__chevron--open": openItemId.value === item.id }]),
 						viewBox: "0 0 24 24",
@@ -1637,7 +1740,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 						"stroke-linejoin": "round",
 						"aria-hidden": "true"
 					}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))
-				], 10, _hoisted_2$3)) : (openBlock(), createBlock(ActionItemInternal_default, {
+				], 10, _hoisted_2$5)) : (openBlock(), createBlock(ActionItemInternal_default, {
 					key: 1,
 					href: item.href,
 					to: item.to,
@@ -1650,17 +1753,17 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 					onClick: ($event) => handleClick(item)
 				}, {
 					default: withCtx(() => [
-						isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_7$2, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
+						isSvgIcon(item.icon) ? (openBlock(), createElementBlock("svg", _hoisted_7$4, [Array.isArray(item.icon) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.icon, (d, index) => {
 							return openBlock(), createElementBlock("path", {
 								key: index,
 								d
-							}, null, 8, _hoisted_8$2);
+							}, null, 8, _hoisted_8$4);
 						}), 128)) : (openBlock(), createElementBlock("path", {
 							key: 1,
 							d: item.icon
-						}, null, 8, _hoisted_9$2))])) : createCommentVNode("", true),
+						}, null, 8, _hoisted_9$4))])) : createCommentVNode("", true),
 						createTextVNode(" " + toDisplayString(item.label) + " ", 1),
-						item.dot ? (openBlock(), createElementBlock("span", _hoisted_10$2)) : createCommentVNode("", true)
+						item.dot ? (openBlock(), createElementBlock("span", _hoisted_10$4)) : createCommentVNode("", true)
 					]),
 					_: 2
 				}, 1032, [
@@ -1669,7 +1772,7 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 					"disabled",
 					"class",
 					"onClick"
-				])), item.children?.length && openItemId.value === item.id ? (openBlock(), createElementBlock("div", _hoisted_11$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (option) => {
+				])), item.children?.length && openItemId.value === item.id ? (openBlock(), createElementBlock("div", _hoisted_11$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (option) => {
 					return openBlock(), createBlock(ActionItemInternal_default, {
 						key: option.id,
 						href: option.href,
@@ -1684,8 +1787,8 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 						onClick: ($event) => handleOptionClick(option, item)
 					}, {
 						default: withCtx(() => [
-							createElementVNode("span", _hoisted_12$2, toDisplayString(option.label), 1),
-							option.description ? (openBlock(), createElementBlock("span", _hoisted_13$2, toDisplayString(option.description), 1)) : createCommentVNode("", true),
+							createElementVNode("span", _hoisted_12$3, toDisplayString(option.label), 1),
+							option.description ? (openBlock(), createElementBlock("span", _hoisted_13$3, toDisplayString(option.description), 1)) : createCommentVNode("", true),
 							_cache[1] || (_cache[1] = createElementVNode("svg", {
 								class: "mint-menu-item__check",
 								viewBox: "0 0 16 16",
@@ -1711,6 +1814,780 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/internal/OnboardingLayerInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = ["aria-label", "onClick"];
+var _hoisted_2$4 = {
+	key: 0,
+	class: "mint-onboarding"
+};
+var _hoisted_3$4 = ["aria-labelledby"];
+var _hoisted_4$4 = ["aria-label"];
+var _hoisted_5$4 = {
+	key: 0,
+	class: "mint-onboarding__count"
+};
+var _hoisted_6$3 = { "aria-hidden": "true" };
+var _hoisted_7$3 = { class: "mint-onboarding__sr" };
+var _hoisted_8$3 = ["id"];
+var _hoisted_9$3 = { class: "mint-onboarding__body" };
+var _hoisted_10$3 = { class: "mint-onboarding__footer" };
+var _hoisted_11$3 = {
+	key: 0,
+	class: "mint-onboarding__hint"
+};
+var HOLE_PAD = 4;
+//#endregion
+//#region src/components/internal/OnboardingLayerInternal.vue
+var OnboardingLayerInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "OnboardingLayerInternal",
+	props: { state: {} },
+	setup(__props) {
+		/**
+		* The tour layer: a scrim with a hole over the anchor, the step card, and the
+		* what's-new dots. AppTopBar renders it when the app provides onboarding.
+		*/
+		const props = __props;
+		const active = computed(() => props.state.active.value);
+		const card = ref(null);
+		const hole = ref(null);
+		const cardPosition = ref({
+			x: 0,
+			y: 0
+		});
+		const titleId = useId();
+		let stopAutoUpdate;
+		async function position() {
+			const current = active.value;
+			if (!current || !card.value) return;
+			hole.value = current.element.getBoundingClientRect();
+			const { x, y } = await computePosition(current.element, card.value, {
+				strategy: "fixed",
+				placement: current.step.placement ?? "bottom",
+				middleware: [
+					offset(12),
+					flip(),
+					shift({ padding: 12 })
+				]
+			});
+			if (active.value === current) cardPosition.value = {
+				x,
+				y
+			};
+		}
+		let returnFocus = null;
+		watch(active, async (current, previous) => {
+			stopAutoUpdate?.();
+			stopAutoUpdate = void 0;
+			hole.value = null;
+			if (current && !previous) returnFocus = document.activeElement;
+			if (!current) {
+				if (returnFocus?.isConnected) returnFocus.focus();
+				returnFocus = null;
+				return;
+			}
+			await nextTick();
+			if (!card.value || active.value !== current) return;
+			current.element.scrollIntoView({
+				block: "nearest",
+				inline: "nearest"
+			});
+			stopAutoUpdate = autoUpdate(current.element, card.value, () => void position());
+			if (current.step.advanceOn === "click") current.element.focus();
+			else card.value.focus();
+		}, { immediate: true });
+		onBeforeUnmount(() => stopAutoUpdate?.());
+		useEventListener(document, "keydown", (event) => {
+			const current = active.value;
+			if (!current || !card.value) return;
+			const focused = document.activeElement;
+			if (focused && focused !== document.body && !card.value.contains(focused) && focused !== current.element) return;
+			const onCard = focused === card.value;
+			if (event.key === "Escape") {
+				event.stopPropagation();
+				props.state.dismiss();
+			} else if (event.key === "Tab") {
+				const buttons = [...card.value.querySelectorAll("button")];
+				const stops = current.step.advanceOn === "click" ? [current.element, ...buttons] : buttons;
+				const at = stops.indexOf(document.activeElement);
+				const target = at === -1 ? event.shiftKey ? stops.length - 1 : 0 : (at + (event.shiftKey ? -1 : 1) + stops.length) % stops.length;
+				event.preventDefault();
+				stops[target].focus();
+			} else if (event.key === "Enter" && onCard && current.step.advanceOn !== "click") {
+				event.preventDefault();
+				props.state.next();
+			}
+		}, { capture: true });
+		const holeStyle = computed(() => hole.value && {
+			left: `${hole.value.left - HOLE_PAD}px`,
+			top: `${hole.value.top - HOLE_PAD}px`,
+			width: `${hole.value.width + 8}px`,
+			height: `${hole.value.height + 8}px`
+		});
+		const blockerStyle = computed(() => {
+			const rect = hole.value;
+			if (!rect || active.value?.step.advanceOn !== "click") return void 0;
+			const [x, y, w, h] = [
+				rect.left - HOLE_PAD,
+				rect.top - HOLE_PAD,
+				rect.width + 8,
+				rect.height + 8
+			];
+			return { clipPath: `path(evenodd, 'M0 0H${window.innerWidth}V${window.innerHeight}H0Z M${x} ${y}h${w}v${h}h${-w}Z')` };
+		});
+		const isLast = computed(() => !!active.value && active.value.index === active.value.count - 1);
+		const nextLabel = computed(() => active.value?.news ? "Got it" : isLast.value ? "Done" : "Next");
+		const dots = ref([]);
+		let frame = 0;
+		function placeDots() {
+			cancelAnimationFrame(frame);
+			frame = requestAnimationFrame(() => {
+				dots.value = active.value ? [] : props.state.news.value.flatMap((item) => {
+					if (!item.unseen) return [];
+					const element = document.querySelector(`[data-onboarding="${CSS.escape(item.anchor)}"]`);
+					if (!element) return [];
+					const rect = element.getBoundingClientRect();
+					return rect.width ? [{
+						id: item.id,
+						title: item.title,
+						x: rect.right,
+						y: rect.top
+					}] : [];
+				});
+			});
+		}
+		const observer = new MutationObserver(placeDots);
+		watch(() => props.state.unseenNews.value > 0, (watching) => {
+			observer.disconnect();
+			if (watching) observer.observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+			placeDots();
+		}, { immediate: true });
+		watch(active, placeDots);
+		useEventListener(window, "resize", placeDots);
+		useEventListener(window, "scroll", placeDots, {
+			capture: true,
+			passive: true
+		});
+		onBeforeUnmount(() => {
+			observer.disconnect();
+			cancelAnimationFrame(frame);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [(openBlock(true), createElementBlock(Fragment, null, renderList(dots.value, (dot) => {
+				return openBlock(), createElementBlock("button", {
+					key: dot.id,
+					type: "button",
+					class: "mint-onboarding__dot",
+					style: normalizeStyle({
+						left: `${dot.x}px`,
+						top: `${dot.y}px`
+					}),
+					"aria-label": `New: ${dot.title}`,
+					onClick: ($event) => __props.state.showNews(dot.id)
+				}, null, 12, _hoisted_1$6);
+			}), 128)), active.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+				createElementVNode("div", {
+					class: "mint-onboarding__blocker",
+					style: normalizeStyle(blockerStyle.value)
+				}, null, 4),
+				holeStyle.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "mint-onboarding__hole",
+					style: normalizeStyle(holeStyle.value)
+				}, null, 4)) : createCommentVNode("", true),
+				createElementVNode("div", {
+					ref_key: "card",
+					ref: card,
+					class: "mint-onboarding__card",
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": unref(titleId),
+					tabindex: "-1",
+					style: normalizeStyle({
+						left: `${cardPosition.value.x}px`,
+						top: `${cardPosition.value.y}px`
+					})
+				}, [
+					createElementVNode("button", {
+						type: "button",
+						class: "mint-onboarding__close",
+						"aria-label": active.value.news ? "Close" : "Close tour",
+						onClick: _cache[0] || (_cache[0] = ($event) => __props.state.dismiss())
+					}, [createVNode(unref(X), {
+						size: 14,
+						"aria-hidden": "true"
+					})], 8, _hoisted_4$4),
+					active.value.count > 1 ? (openBlock(), createElementBlock("span", _hoisted_5$4, [createElementVNode("span", _hoisted_6$3, toDisplayString(active.value.index + 1) + " / " + toDisplayString(active.value.count), 1), createElementVNode("span", _hoisted_7$3, "Step " + toDisplayString(active.value.index + 1) + " of " + toDisplayString(active.value.count), 1)])) : createCommentVNode("", true),
+					createElementVNode("p", {
+						id: unref(titleId),
+						class: "mint-onboarding__title"
+					}, toDisplayString(active.value.step.title), 9, _hoisted_8$3),
+					createElementVNode("p", _hoisted_9$3, toDisplayString(active.value.step.body), 1),
+					createElementVNode("div", _hoisted_10$3, [
+						active.value.step.advanceOn === "click" ? (openBlock(), createElementBlock("span", _hoisted_11$3, "Click the highlighted control.")) : createCommentVNode("", true),
+						active.value.index > 0 ? (openBlock(), createBlock(BaseButton_default, {
+							key: 1,
+							variant: "ghost",
+							size: "sm",
+							onClick: _cache[1] || (_cache[1] = ($event) => __props.state.back())
+						}, {
+							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Back", -1)])]),
+							_: 1
+						})) : createCommentVNode("", true),
+						active.value.step.advanceOn !== "click" ? (openBlock(), createBlock(BaseButton_default, {
+							key: 2,
+							size: "sm",
+							onClick: _cache[2] || (_cache[2] = ($event) => __props.state.next())
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(nextLabel.value), 1)]),
+							_: 1
+						})) : createCommentVNode("", true)
+					])
+				], 12, _hoisted_3$4)
+			])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/AppTopBarOnboardingInternal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = ["aria-expanded"];
+var _hoisted_2$3 = { class: "mint-onboarding-help__count" };
+var _hoisted_3$3 = {
+	class: "mint-onboarding-help__bar",
+	"aria-hidden": "true"
+};
+var _hoisted_4$3 = ["aria-label", "aria-expanded"];
+var _hoisted_5$3 = {
+	key: 0,
+	class: "mint-onboarding-help__badge",
+	"aria-hidden": "true"
+};
+var _hoisted_6$2 = { class: "mint-onboarding-help__header" };
+var _hoisted_7$2 = { class: "mint-onboarding-help__count" };
+var _hoisted_8$2 = {
+	class: "mint-onboarding-help__progress",
+	"aria-hidden": "true"
+};
+var _hoisted_9$2 = { class: "mint-onboarding-help__todos" };
+var _hoisted_10$2 = ["aria-label"];
+var _hoisted_11$2 = { class: "mint-onboarding-help__todo-title" };
+var _hoisted_12$2 = ["onClick"];
+var _hoisted_13$2 = ["onClick"];
+var _hoisted_14$2 = ["onClick"];
+var _hoisted_15$2 = {
+	key: 0,
+	class: "mint-onboarding-help__new"
+};
+//#endregion
+//#region src/components/internal/AppTopBarOnboardingInternal.vue
+var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "AppTopBarOnboardingInternal",
+	props: { state: {} },
+	setup(__props) {
+		/**
+		* The top-bar onboarding controls: the "Getting started n/m" chip while the
+		* checklist is open, and the Help button with the checklist, tours and news.
+		*/
+		const props = __props;
+		const root = ref(null);
+		const helpButton = ref(null);
+		const panel = ref(null);
+		const panelPosition = ref({
+			x: 0,
+			y: 0
+		});
+		const open = ref(false);
+		const hasContent = computed(() => props.state.tasks.value.length > 0 || props.state.tours.value.length > 0 || props.state.news.value.length > 0);
+		const progress = computed(() => {
+			const total = props.state.tasks.value.length;
+			return total ? Math.round(props.state.tasksDone.value / total * 100) : 0;
+		});
+		function toggle() {
+			open.value = !open.value;
+			if (open.value) props.state.refresh();
+		}
+		let stopAutoUpdate;
+		watch(open, async (isOpen) => {
+			stopAutoUpdate?.();
+			stopAutoUpdate = void 0;
+			if (!isOpen) return;
+			await nextTick();
+			const button = helpButton.value;
+			const floating = panel.value;
+			if (!button || !floating || !open.value) return;
+			stopAutoUpdate = autoUpdate(button, floating, async () => {
+				const { x, y } = await computePosition(button, floating, {
+					strategy: "fixed",
+					placement: "bottom-end",
+					middleware: [offset(8), shift({ padding: 8 })]
+				});
+				panelPosition.value = {
+					x,
+					y
+				};
+			});
+		});
+		onBeforeUnmount(() => stopAutoUpdate?.());
+		function run(action) {
+			open.value = false;
+			action();
+		}
+		useEventListener(document, "pointerdown", (event) => {
+			const target = event.target;
+			if (open.value && !root.value?.contains(target) && !panel.value?.contains(target)) open.value = false;
+		});
+		useEventListener(document, "keydown", (event) => {
+			if (open.value && event.key === "Escape") open.value = false;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [hasContent.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "root",
+				ref: root,
+				class: "mint-onboarding-help"
+			}, [
+				__props.state.checklistVisible.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(["mint-onboarding-help__chip", { "mint-onboarding-help__chip--open": open.value }]),
+					"data-onboarding": "topbar-checklist",
+					"aria-expanded": open.value,
+					onClick: toggle
+				}, [
+					_cache[1] || (_cache[1] = createTextVNode(" Getting started ", -1)),
+					createElementVNode("span", _hoisted_2$3, toDisplayString(__props.state.tasksDone.value) + "/" + toDisplayString(__props.state.tasks.value.length), 1),
+					createElementVNode("span", _hoisted_3$3, [createElementVNode("span", { style: normalizeStyle({ width: `${progress.value}%` }) }, null, 4)])
+				], 10, _hoisted_1$5)) : createCommentVNode("", true),
+				createElementVNode("button", {
+					ref_key: "helpButton",
+					ref: helpButton,
+					type: "button",
+					class: normalizeClass(["mint-topbar__settings-btn", { "mint-topbar__settings-btn--open": open.value }]),
+					"data-onboarding": "topbar-help",
+					"aria-label": __props.state.unseenNews.value ? `Help, ${__props.state.unseenNews.value} new` : "Help",
+					"aria-expanded": open.value,
+					onClick: toggle
+				}, [createVNode(unref(CircleHelp), {
+					class: "mint-topbar__settings-icon",
+					"aria-hidden": "true"
+				}), __props.state.unseenNews.value ? (openBlock(), createElementBlock("span", _hoisted_5$3, toDisplayString(__props.state.unseenNews.value), 1)) : createCommentVNode("", true)], 10, _hoisted_4$3),
+				(openBlock(), createBlock(Teleport, { to: "body" }, [open.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "panel",
+					ref: panel,
+					class: "mint-popover mint-onboarding-help__panel",
+					role: "dialog",
+					"aria-label": "Help",
+					style: normalizeStyle({
+						left: `${panelPosition.value.x}px`,
+						top: `${panelPosition.value.y}px`
+					})
+				}, [
+					__props.state.tasks.value.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						createElementVNode("div", _hoisted_6$2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "mint-onboarding-help__heading" }, "Getting started", -1)), createElementVNode("span", _hoisted_7$2, toDisplayString(__props.state.tasksDone.value) + "/" + toDisplayString(__props.state.tasks.value.length), 1)]),
+						createElementVNode("div", _hoisted_8$2, [createElementVNode("span", { style: normalizeStyle({ width: `${progress.value}%` }) }, null, 4)]),
+						createElementVNode("ul", _hoisted_9$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.state.tasks.value, (task) => {
+							return openBlock(), createElementBlock("li", {
+								key: task.id,
+								class: normalizeClass(["mint-onboarding-help__todo", { "mint-onboarding-help__todo--done": task.done }])
+							}, [
+								createElementVNode("span", {
+									class: "mint-onboarding-help__check",
+									role: "img",
+									"aria-label": task.done ? "Done" : "Not done"
+								}, [task.done ? (openBlock(), createBlock(unref(Check), {
+									key: 0,
+									size: 10,
+									"stroke-width": 3,
+									"aria-hidden": "true"
+								})) : createCommentVNode("", true)], 8, _hoisted_10$2),
+								createElementVNode("span", _hoisted_11$2, toDisplayString(task.title), 1),
+								task.action && !task.done ? (openBlock(), createElementBlock("button", {
+									key: 0,
+									type: "button",
+									class: "mint-onboarding-help__link",
+									onClick: ($event) => run(task.action.run)
+								}, toDisplayString(task.action.label), 9, _hoisted_12$2)) : createCommentVNode("", true)
+							], 2);
+						}), 128))]),
+						__props.state.tasksDone.value < __props.state.tasks.value.length ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "mint-onboarding-help__link mint-onboarding-help__hide",
+							onClick: _cache[0] || (_cache[0] = ($event) => __props.state.setChecklistHidden(!__props.state.checklistHidden.value))
+						}, toDisplayString(__props.state.checklistHidden.value ? "Show checklist in the top bar" : "Hide checklist from the top bar"), 1)) : createCommentVNode("", true)
+					], 64)) : createCommentVNode("", true),
+					__props.state.tours.value.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "mint-onboarding-help__section" }, "Tours", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.state.tours.value, (tour) => {
+						return openBlock(), createElementBlock("button", {
+							key: tour.id,
+							type: "button",
+							class: "mint-menu-item",
+							onClick: ($event) => run(() => __props.state.startTour(tour.id))
+						}, [createVNode(unref(Play), {
+							class: "mint-onboarding-help__icon",
+							"aria-hidden": "true"
+						}), createTextVNode(" " + toDisplayString(tour.title), 1)], 8, _hoisted_13$2);
+					}), 128))], 64)) : createCommentVNode("", true),
+					__props.state.news.value.length ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "mint-onboarding-help__section" }, "What's new", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.state.news.value, (item) => {
+						return openBlock(), createElementBlock("button", {
+							key: item.id,
+							type: "button",
+							class: "mint-menu-item",
+							onClick: ($event) => run(() => __props.state.showNews(item.id))
+						}, [createTextVNode(toDisplayString(item.title) + " ", 1), item.unseen ? (openBlock(), createElementBlock("span", _hoisted_15$2, "New")) : createCommentVNode("", true)], 8, _hoisted_14$2);
+					}), 128))], 64)) : createCommentVNode("", true)
+				], 4)) : createCommentVNode("", true)]))
+			], 512)) : createCommentVNode("", true), createVNode(OnboardingLayerInternal_default, { state: __props.state }, null, 8, ["state"])], 64);
+		};
+	}
+});
+//#endregion
+//#region src/composables/useOnboarding.ts
+var ONBOARDING_KEY = Symbol("mint-onboarding");
+/** Wait this long for the missing anchor of a run's first step, or of the step after a click step; then skip it. */
+var ANCHOR_WAIT_MS = 2e3;
+var HIDE_CHECKLIST = "hide:checklist";
+var stepKey = (tour, step) => `step:${tour.id}/${step.id}`;
+var anchorSelector = (anchor) => `[data-onboarding="${CSS.escape(anchor)}"]`;
+/** Types a definition, so it can live in its own file. */
+function defineOnboarding(definition) {
+	return definition;
+}
+function readSeen(key) {
+	try {
+		const raw = globalThis.localStorage?.getItem(key);
+		const parsed = raw ? JSON.parse(raw) : null;
+		return Array.isArray(parsed) ? parsed.filter((item) => typeof item === "string") : null;
+	} catch {
+		return null;
+	}
+}
+function writeSeen(key, seen) {
+	try {
+		globalThis.localStorage?.setItem(key, JSON.stringify([...seen]));
+	} catch {}
+}
+/** Resolves with the element once it is in the document, or null after `timeout` or when `signal` aborts. */
+function waitForElement(selector, timeout, signal) {
+	const found = document.querySelector(selector);
+	if (found) return Promise.resolve(found);
+	return new Promise((resolve) => {
+		const observer = new MutationObserver(() => {
+			const element = document.querySelector(selector);
+			if (element) finish(element);
+		});
+		const timer = setTimeout(() => finish(null), timeout);
+		const onAbort = () => finish(null);
+		function finish(element) {
+			observer.disconnect();
+			clearTimeout(timer);
+			signal.removeEventListener("abort", onAbort);
+			resolve(element);
+		}
+		signal.addEventListener("abort", onAbort);
+		observer.observe(document.body, {
+			childList: true,
+			subtree: true,
+			attributes: true,
+			attributeFilter: ["data-onboarding"]
+		});
+	});
+}
+var MODAL_SELECTOR = "[aria-modal=\"true\"]:not(.mint-onboarding__card)";
+/** Resolves true once no modal is open, or false when `signal` aborts first. */
+function waitForNoModal(signal) {
+	if (!document.querySelector(MODAL_SELECTOR)) return Promise.resolve(true);
+	return new Promise((resolve) => {
+		const observer = new MutationObserver(() => {
+			if (!document.querySelector(MODAL_SELECTOR)) finish(true);
+		});
+		const onAbort = () => finish(false);
+		function finish(closed) {
+			observer.disconnect();
+			signal.removeEventListener("abort", onAbort);
+			resolve(closed);
+		}
+		signal.addEventListener("abort", onAbort);
+		observer.observe(document.body, {
+			childList: true,
+			subtree: true,
+			attributes: true,
+			attributeFilter: ["aria-modal"]
+		});
+	});
+}
+/**
+* Creates the app's onboarding coordinator and provides it to `AppTopBar`, which then
+* shows the Help button, the checklist chip and the tour layer. Call it once, in the
+* root component. It shows one item at a time and waits for open modals.
+*
+* ```ts
+* provideOnboarding(onboarding, { appId: 'leaf' })
+* ```
+*/
+function provideOnboarding(definition, options) {
+	const { user, isAdmin } = usePlatform();
+	const userId = computed(() => {
+		const fallback = isAdmin.value ? "local" : null;
+		const value = options.userId === void 0 ? user.value?.id ?? fallback : toValue(options.userId);
+		return value == null ? null : String(value);
+	});
+	const route = computed(() => toValue(options.route) ?? void 0);
+	const storageKey = computed(() => userId.value === null ? null : `mint.onboarding.${options.appId}.${userId.value}`);
+	const enabled = computed(() => storageKey.value !== null);
+	const seen = ref(/* @__PURE__ */ new Set());
+	const tick = ref(0);
+	const active = shallowRef(null);
+	let run = null;
+	let runId = 0;
+	let stepWait;
+	let detachClick;
+	/** Applies `update` to the stored state merged with this tab's, so tabs do not drop each other's keys. */
+	function persist(update) {
+		const key = storageKey.value;
+		if (!key) return;
+		const merged = /* @__PURE__ */ new Set([...readSeen(key) ?? [], ...seen.value]);
+		update(merged);
+		seen.value = merged;
+		writeSeen(key, merged);
+	}
+	function markSeen(...keys) {
+		if (keys.every((key) => seen.value.has(key))) return;
+		persist((set) => keys.forEach((key) => set.add(key)));
+	}
+	function onStorage(event) {
+		if (event.key && event.key === storageKey.value) seen.value = new Set(readSeen(event.key) ?? []);
+	}
+	window.addEventListener("storage", onStorage);
+	watch(storageKey, (key) => {
+		stop();
+		if (!key) {
+			seen.value = /* @__PURE__ */ new Set();
+			return;
+		}
+		const stored = readSeen(key);
+		seen.value = new Set(stored ?? []);
+		if (stored === null) {
+			for (const item of definition.whatsNew ?? []) seen.value.add(`news:${item.id}`);
+			writeSeen(key, seen.value);
+		}
+	}, { immediate: true });
+	const tours = computed(() => (definition.tours ?? []).filter((tour) => !tour.route || tour.route === route.value));
+	const tasks = computed(() => {
+		tick.value;
+		return (definition.checklist ?? []).filter((task) => task.available?.() ?? true).map((task) => ({
+			...task,
+			done: seen.value.has(`task:${task.id}`) || !!task.done?.()
+		}));
+	});
+	watch(tasks, (list) => markSeen(...list.filter((task) => task.done).map((task) => `task:${task.id}`)), { immediate: true });
+	const tasksDone = computed(() => tasks.value.filter((task) => task.done).length);
+	const checklistHidden = computed(() => seen.value.has(HIDE_CHECKLIST));
+	const checklistVisible = computed(() => enabled.value && tasks.value.length > 0 && tasksDone.value < tasks.value.length && !checklistHidden.value);
+	const news = computed(() => (definition.whatsNew ?? []).map((item) => ({
+		...item,
+		unseen: !seen.value.has(`news:${item.id}`)
+	})));
+	const unseenNews = computed(() => enabled.value ? news.value.filter((item) => item.unseen).length : 0);
+	function stop() {
+		runId += 1;
+		stepWait?.abort();
+		run = null;
+		detachClick?.();
+		detachClick = void 0;
+		active.value = null;
+	}
+	/**
+	* Shows the first step at or after `from` whose anchor is there. Only the first step of
+	* the run and the step after a click step wait for theirs (the page or a menu can still
+	* be opening); after Next a missing anchor is skipped at once. Skipped steps stay unseen.
+	*/
+	/**
+	* The later steps the page can still show: the anchor is on the page now, or
+	* a click step that can show opens it. The count grows if an anchor renders later.
+	*/
+	function laterSteps(steps, from) {
+		let count = 0;
+		let previous = true;
+		for (let at = from + 1; at < steps.length; at += 1) {
+			previous = previous && steps[at - 1].advanceOn === "click" || !!document.querySelector(anchorSelector(steps[at].anchor));
+			if (previous) count += 1;
+		}
+		return count;
+	}
+	async function showFrom(from) {
+		if (!run) return;
+		const id = ++runId;
+		stepWait?.abort();
+		const wait = new AbortController();
+		stepWait = wait;
+		detachClick?.();
+		detachClick = void 0;
+		const waitFirst = from === 0 || run.steps[from - 1].advanceOn === "click";
+		for (let index = from; index < run.steps.length; index += 1) {
+			const step = run.steps[index];
+			const timeout = index === from && waitFirst ? ANCHOR_WAIT_MS : 0;
+			const element = await waitForElement(anchorSelector(step.anchor), timeout, wait.signal);
+			if (id !== runId) return;
+			if (!element) {
+				console.debug(`[mint-onboarding] No element with data-onboarding="${step.anchor}"; step "${step.id}" skipped.`);
+				continue;
+			}
+			run.index = index;
+			markSeen(run.tour ? stepKey(run.tour, step) : `news:${step.id}`);
+			if (step.advanceOn === "click") {
+				const onClick = () => next();
+				element.addEventListener("click", onClick);
+				detachClick = () => element.removeEventListener("click", onClick);
+			}
+			run.shown.add(index);
+			const steps = run.steps;
+			const position = [...run.shown].filter((at) => at < index && !!document.querySelector(anchorSelector(steps[at].anchor))).length;
+			active.value = {
+				step,
+				element,
+				index: position,
+				count: position + 1 + laterSteps(run.steps, index),
+				news: !run.tour
+			};
+			return;
+		}
+		const finished = !!run.tour;
+		stop();
+		if (finished && options.autoStart !== false) autoStart();
+	}
+	function begin(tour, steps) {
+		if (!enabled.value || steps.length === 0) return;
+		stop();
+		run = {
+			tour,
+			steps,
+			index: 0,
+			shown: /* @__PURE__ */ new Set()
+		};
+		showFrom(0);
+	}
+	function startTour(id) {
+		const tour = tours.value.find((item) => item.id === id);
+		if (!tour) return;
+		autoStartAbort?.abort();
+		begin(tour, availableSteps(tour));
+	}
+	function showNews(id) {
+		const item = definition.whatsNew?.find((entry) => entry.id === id);
+		if (!item) return;
+		autoStartAbort?.abort();
+		begin(null, [item]);
+	}
+	function next() {
+		if (run) showFrom(run.index + 1);
+	}
+	function back() {
+		if (!run) return;
+		for (let index = run.index - 1; index >= 0; index -= 1) if (document.querySelector(anchorSelector(run.steps[index].anchor))) {
+			showFrom(index);
+			return;
+		}
+	}
+	function dismiss() {
+		autoStartAbort?.abort();
+		const tour = run?.tour;
+		if (tour) markSeen(...tour.steps.map((step) => stepKey(tour, step)));
+		stop();
+	}
+	function complete(taskId) {
+		markSeen(`task:${taskId}`);
+	}
+	function setChecklistHidden(hidden) {
+		if (!storageKey.value) return;
+		if (hidden) markSeen(HIDE_CHECKLIST);
+		else persist((set) => set.delete(HIDE_CHECKLIST));
+	}
+	function refresh() {
+		tick.value += 1;
+	}
+	const availableSteps = (tour) => tour.steps.filter((step) => step.available?.() ?? true);
+	const tried = /* @__PURE__ */ new Set();
+	let autoStartAbort;
+	async function autoStart() {
+		autoStartAbort?.abort();
+		const controller = new AbortController();
+		autoStartAbort = controller;
+		if (!await waitForNoModal(controller.signal) || run || !enabled.value) return;
+		for (const tour of tours.value) {
+			if (tried.has(tour.id)) continue;
+			const unseen = availableSteps(tour).filter((step) => !seen.value.has(stepKey(tour, step)));
+			if (unseen.length) {
+				tried.add(tour.id);
+				begin(tour, unseen);
+				return;
+			}
+		}
+	}
+	watch([route, storageKey], () => {
+		stop();
+		tried.clear();
+		refresh();
+		if (options.autoStart !== false) autoStart();
+	}, { immediate: true });
+	onScopeDispose(() => {
+		autoStartAbort?.abort();
+		window.removeEventListener("storage", onStorage);
+		stop();
+	});
+	const state = {
+		definition,
+		enabled,
+		active,
+		tours,
+		tasks,
+		tasksDone,
+		checklistVisible,
+		checklistHidden,
+		news,
+		unseenNews,
+		startTour,
+		showNews,
+		next,
+		back,
+		dismiss,
+		complete,
+		setChecklistHidden,
+		refresh
+	};
+	provide(ONBOARDING_KEY, state);
+	return state;
+}
+/** The app's onboarding coordinator, e.g. to call `complete(taskId)`. Null when the app provides none. */
+function useOnboarding() {
+	return inject(ONBOARDING_KEY, null);
+}
+//#endregion
+//#region src/composables/pluginIdentity.ts
+var identity = reactive({});
+/** The seeded identity AppTopBar shows in standalone mode. Internal: not exported from the package. */
+var pluginIdentity = readonly(identity);
+/**
+* Seed the standalone AppTopBar with the plugin name, subtitle and icon. In integrated
+* mode the platform supplies them. Explicit `title`/`subtitle` props and the `#icon` slot still win.
+*
+* @example
+* ```typescript
+* import { providePluginIdentity } from '@morscherlab/mint-sdk'
+* import { contract } from './generated/mint-plugin'
+*
+* providePluginIdentity(contract)
+* ```
+*/
+function providePluginIdentity(contract) {
+	const { plugin } = contract;
+	identity.name = plugin.displayName || plugin.name || void 0;
+	identity.subtitle = plugin.subtitle || plugin.description || void 0;
+	identity.icon = plugin.icon || void 0;
+}
+//#endregion
 //#region src/components/AppTopBar.toastOffset.ts
 /**
 * Publishes the top-most mounted AppTopBar's bottom edge as `--mint-toast-offset-top`
@@ -1757,56 +2634,87 @@ function trackTopBarForToasts(el) {
 //#endregion
 //#region src/components/AppTopBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$4 = { class: "mint-topbar__container" };
-var _hoisted_2$2 = { class: "mint-topbar__brand" };
-var _hoisted_3$2 = ["href"];
-var _hoisted_4$2 = {
+var _hoisted_2$2 = { class: "mint-topbar__start" };
+var _hoisted_3$2 = { class: "mint-topbar__brand" };
+var _hoisted_4$2 = ["href"];
+var _hoisted_5$2 = {
 	key: 0,
 	class: "mint-topbar__identity"
 };
-var _hoisted_5$2 = {
+var _hoisted_6$1 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_6$1 = {
+var _hoisted_7$1 = {
 	key: 0,
 	class: "mint-topbar__identity"
 };
-var _hoisted_7$1 = {
+var _hoisted_8$1 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_8$1 = {
+var _hoisted_9$1 = {
 	key: 0,
 	class: "mint-topbar__identity"
 };
-var _hoisted_9$1 = {
+var _hoisted_10$1 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_10$1 = {
+var _hoisted_11$1 = {
 	key: 0,
 	class: "mint-topbar__plugin-identity"
 };
-var _hoisted_11$1 = { class: "mint-topbar__plugin-name" };
-var _hoisted_12$1 = {
+var _hoisted_12$1 = { class: "mint-topbar__plugin-name" };
+var _hoisted_13$1 = {
+	key: 0,
+	class: "mint-topbar__plugin-subtitle"
+};
+var _hoisted_14$1 = {
 	key: 3,
 	class: "mint-topbar-title-group"
 };
-var _hoisted_13$1 = { class: "mint-topbar-title" };
-var _hoisted_14$1 = { class: "mint-topbar-subtitle" };
-var _hoisted_15$1 = {
+var _hoisted_15$1 = { class: "mint-topbar-title" };
+var _hoisted_16$1 = { class: "mint-topbar-subtitle" };
+var _hoisted_17$1 = {
 	key: 4,
 	class: "mint-topbar__title-only"
 };
-var _hoisted_16$1 = {
-	key: 5,
-	class: "mint-topbar__center"
-};
-var _hoisted_17$1 = { class: "mint-topbar__right" };
 var _hoisted_18$1 = {
+	key: 0,
+	class: "mint-topbar__center",
+	"data-onboarding": "topbar-pills"
+};
+var _hoisted_19$1 = { class: "mint-topbar__right" };
+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",
+	"aria-expanded",
+	"aria-controls"
+];
+var _hoisted_23$1 = {
+	key: 0,
+	class: "mint-topbar__job-bar",
+	"aria-hidden": "true"
+};
+var _hoisted_24$1 = [
+	"aria-label",
+	"aria-expanded",
+	"aria-controls"
+];
+var _hoisted_25$1 = {
+	key: 0,
+	class: "mint-topbar__job-count",
+	"aria-hidden": "true"
+};
 //#endregion
 //#region src/components/AppTopBar.vue
 var AppTopBar_default = /* @__PURE__ */ defineComponent({
@@ -1817,17 +2725,29 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		spec: { default: () => ({}) },
 		pill: {},
 		pageSelector: {},
-		currentPageSelectorId: {}
+		currentPageSelectorId: {},
+		job: {},
+		jobsDone: {},
+		jobsOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		jobsPanelId: {}
 	},
 	emits: [
 		"page-selector-select",
 		"update:pill",
 		"pill-select",
 		"pill-option-select",
-		"settings-values-change"
+		"settings-values-change",
+		"job-click"
 	],
 	setup(__props, { emit: __emit }) {
-		/** Full application top bar with brand logo, static plugin identity, page selector, centered pill nav, experiment popover, and an account slot. */
+		/**
+		* Full application top bar with brand logo, static plugin identity, page selector, centered pill nav, experiment popover, and an account slot.
+		*
+		* The `#icon` slot applies in standalone mode only; integrated branding comes from `Metadata.icon`.
+		*/
 		const props = __props;
 		const config = computed(() => applySpecDefaults({
 			variant: "card",
@@ -1839,9 +2759,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-CSLE31yg.js").then((n) => n.n));
-		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-C4sGw-is.js").then((n) => n.n));
-		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-D-9z7cNx.js").then((n) => n.n));
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-D2MOOtuO.js").then((n) => n.n));
+		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-DujiuQIO.js").then((n) => n.n));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-B4j4eUOJ.js").then((n) => n.n));
 		const emit = __emit;
 		const settingsOpen = ref(false);
 		const headerEl = ref(null);
@@ -1853,14 +2773,44 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		const { integrated: isIntegrated, plugin } = usePlatform();
 		const isStandalone = computed(() => !isIntegrated.value);
 		const appExperiment = inject(APP_EXPERIMENT_KEY, null);
+		const onboarding = useOnboarding();
 		const canBindExperiment = computed(() => plugin.value?.plugin_type !== "static");
-		const pluginIcon = computed(() => {
-			const currentPlugin = plugin.value;
-			return currentPlugin?.icon ? {
-				icon: currentPlugin.icon,
-				color: currentPlugin.color
-			} : null;
-		});
+		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);
+		const titleText = computed(() => props.title || (seeded.value ? pluginIdentity.name : void 0));
+		const subtitleText = computed(() => props.subtitle || (seeded.value ? pluginIdentity.subtitle : void 0));
 		const hasPlatformPageSelector = computed(() => props.pageSelector === void 0 && (plugin.value?.nav_items?.length ?? 0) > 1);
 		const hasPropPageSelector = computed(() => (props.pageSelector?.length ?? 0) > 1);
 		const hasPageSelector = computed(() => hasPropPageSelector.value || hasPlatformPageSelector.value);
@@ -1871,9 +2821,12 @@ 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 && !!props.title && !!props.subtitle);
-		const hasTitleOnly = computed(() => !hasPageSelector.value && !identityName.value && !hasTitleGroup.value && !!props.title);
+		const hasTitleGroup = computed(() => !hasPageSelector.value && !identityName.value && !!titleText.value && !!subtitleText.value);
+		const hasTitleOnly = computed(() => !hasPageSelector.value && !identityName.value && !hasTitleGroup.value && !!titleText.value);
 		const normalizedPageSelector = computed(() => props.pageSelector?.map(normalizeItemInput) ?? []);
 		const normalizedPillNav = computed(() => config.value.pills ?? []);
 		function handlePillSelect(item) {
@@ -1889,108 +2842,165 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					ref: headerEl,
 					class: normalizeClass(["mint-topbar", `mint-topbar--${config.value.variant}`])
 				}, [createElementVNode("div", _hoisted_1$4, [
-					createElementVNode("div", _hoisted_2$2, [config.value.homePath && (config.value.homePath.startsWith("http") || config.value.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
-						key: 0,
-						href: config.value.homePath,
-						class: "mint-topbar-home-link"
-					}, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_4$2, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
-						key: 0,
-						class: "mint-topbar__plugin-icon",
-						icon: unref(plugin)?.icon,
-						color: unref(plugin)?.color,
-						size: "topbar",
-						variant: "solid"
-					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
-						key: 0,
-						class: "mint-topbar__plugin-icon",
-						icon: pluginIcon.value.icon,
-						color: pluginIcon.value.color,
-						size: "topbar",
-						variant: "solid"
-					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_5$2, [..._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_3$2)) : config.value.homePath ? (openBlock(), createBlock(_component_router_link, {
-						key: 1,
-						to: config.value.homePath,
-						class: "mint-topbar-home-link"
-					}, {
-						default: withCtx(() => [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_6$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+					createElementVNode("div", _hoisted_2$2, [
+						createElementVNode("div", _hoisted_3$2, [config.value.homePath && (config.value.homePath.startsWith("http") || config.value.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
+							key: 0,
+							href: config.value.homePath,
+							class: "mint-topbar-home-link"
+						}, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_5$2, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
 							key: 0,
 							class: "mint-topbar__plugin-icon",
 							icon: unref(plugin)?.icon,
-							color: unref(plugin)?.color,
 							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
 							key: 0,
 							class: "mint-topbar__plugin-icon",
-							icon: pluginIcon.value.icon,
-							color: pluginIcon.value.color,
+							icon: pluginIcon.value,
 							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_7$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)]),
-						_: 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_8$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
-						key: 0,
-						class: "mint-topbar__plugin-icon",
-						icon: unref(plugin)?.icon,
-						color: unref(plugin)?.color,
-						size: "topbar",
-						variant: "solid"
-					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
-						key: 0,
-						class: "mint-topbar__plugin-icon",
-						icon: pluginIcon.value.icon,
-						color: pluginIcon.value.color,
-						size: "topbar",
-						variant: "solid"
-					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_9$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))]),
-					identityName.value ? (openBlock(), createElementBlock("span", _hoisted_10$1, [createElementVNode("span", _hoisted_11$1, toDisplayString(identityName.value), 1)])) : createCommentVNode("", true),
-					hasPlatformPageSelector.value ? (openBlock(), createElementBlock("span", {
-						key: 1,
-						ref_key: "platformPageSelectorEl",
-						ref: platformPageSelectorEl,
-						class: "mint-topbar__platform-page-selector"
-					}, null, 512)) : hasPropPageSelector.value ? (openBlock(), createBlock(AppTopBarPageSelectorInternal_default, {
-						key: 2,
-						pages: normalizedPageSelector.value,
-						"current-page-id": __props.currentPageSelectorId,
-						onSelect: _cache[0] || (_cache[0] = ($event) => emit("page-selector-select", $event))
-					}, createSlots({ _: 2 }, [_ctx.$slots["page-selector-icon"] ? {
-						name: "icon",
-						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-icon", normalizeProps(guardReactiveProps(slotProps)))]),
-						key: "0"
-					} : void 0, _ctx.$slots["page-selector-item-icon"] ? {
-						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),
-					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [createElementVNode("span", _hoisted_13$1, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_14$1, toDisplayString(__props.subtitle), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_15$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-					renderSlot(_ctx.$slots, "nav"),
-					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_16$1, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
+						}, 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"
+						}, {
+							default: withCtx(() => [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_7$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+								key: 0,
+								class: "mint-topbar__plugin-icon",
+								icon: unref(plugin)?.icon,
+								size: "topbar",
+								variant: "solid"
+							}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+								key: 0,
+								class: "mint-topbar__plugin-icon",
+								icon: pluginIcon.value,
+								size: "topbar",
+								variant: "solid"
+							}, 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,
+							class: "mint-topbar__plugin-icon",
+							icon: unref(plugin)?.icon,
+							size: "topbar",
+							variant: "solid"
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+							key: 0,
+							class: "mint-topbar__plugin-icon",
+							icon: pluginIcon.value,
+							size: "topbar",
+							variant: "solid"
+						}, 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,
+							ref_key: "platformPageSelectorEl",
+							ref: platformPageSelectorEl,
+							class: "mint-topbar__platform-page-selector",
+							"data-onboarding": "topbar-page-selector"
+						}, null, 512)) : hasPropPageSelector.value ? (openBlock(), createBlock(AppTopBarPageSelectorInternal_default, {
+							key: 2,
+							"data-onboarding": "topbar-page-selector",
+							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",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-icon", normalizeProps(guardReactiveProps(slotProps)))]),
+							key: "0"
+						} : void 0, _ctx.$slots["page-selector-item-icon"] ? {
+							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",
+							"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")
+					]),
+					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_18$1, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
 						key: 0,
 						items: normalizedPillNav.value,
 						"current-item-id": __props.pill,
 						onSelect: handlePillSelect,
 						onOptionSelect: _cache[1] || (_cache[1] = (option, item) => emit("pill-option-select", option, item))
 					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_17$1, [
-						config.value.standaloneLabel !== false && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_18$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),
+					createElementVNode("div", _hoisted_19$1, [
+						config.value.standaloneLabel !== false && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_20$1, toDisplayString(config.value.standaloneLabel), 1)) : 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 }]),
+							"data-onboarding": "topbar-run"
+						}, [
+							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,
+									"aria-expanded": __props.jobsOpen,
+									"aria-controls": __props.jobsPanelId,
+									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",
+									"aria-label": __props.jobsDone ? `Jobs, ${__props.jobsDone} completed` : void 0,
+									"aria-expanded": __props.jobsOpen,
+									"aria-controls": __props.jobsPanelId,
+									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)),
+									__props.jobsDone ? (openBlock(), createElementBlock("span", _hoisted_25$1, toDisplayString(__props.jobsDone), 1)) : createCommentVNode("", true)
+								], 8, _hoisted_24$1)) : createCommentVNode("", true)]),
+								_: 1
+							})
+						], 2)) : createCommentVNode("", true),
 						renderSlot(_ctx.$slots, "actions"),
-						config.value.themeToggle ? (openBlock(), createBlock(ThemeToggle_default, {
+						unref(onboarding)?.enabled.value ? (openBlock(), createBlock(AppTopBarOnboardingInternal_default, {
 							key: 2,
+							state: unref(onboarding)
+						}, null, 8, ["state"])) : createCommentVNode("", true),
+						config.value.themeToggle ? (openBlock(), createBlock(ThemeToggle_default, {
+							key: 3,
 							size: "sm"
 						})) : createCommentVNode("", true),
 						showSettings.value ? (openBlock(), createElementBlock("button", {
-							key: 3,
+							key: 4,
 							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", {
+							"data-onboarding": "topbar-settings",
+							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",
@@ -2009,7 +3019,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,
@@ -2019,7 +3029,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
@@ -2040,7 +3050,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);
 		};
 	}
@@ -3509,6 +4519,6 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { CollapsibleCard_default as A, controlValuesToComponentBindings as C, controlsToFormSchema as D, controlsTo as E, useTheme as M, controlsToSettingsSchema as O, controlBindings as S, controlValuesToComponentProps as T, usePluginWorkspace as _, pickExistingRecordKeys as a, getControlDefaults as b, valuesEqual as c, useForm as d, AppTopBar_default as f, AppLayout_default as g, normalizeLabelItemInput as h, formSchemaFieldNames as i, ThemeToggle_default as j, getDefaultControlView as k, useFormBuilder as l, normalizeItemInput as m, FormSchemaInternal_default as n, pickRecordKeys as o, PluginIcon_default as p, FormFieldRendererInternal_default as r, recordValuesEqualForKeys as s, AppSidebar_default as t, evaluateCondition as u, defineControlComponentBindings as v, controlValuesToComponentBindingsById as w, useControlSchema as x, defineControls as y };
+export { controlValuesToComponentBindingsById as A, usePluginWorkspace as C, useControlSchema as D, getControlDefaults as E, getDefaultControlView as F, CollapsibleCard_default as I, ThemeToggle_default as L, controlsTo as M, controlsToFormSchema as N, controlBindings as O, controlsToSettingsSchema as P, useTheme as R, AppLayout_default as S, defineControls as T, provideOnboarding as _, pickExistingRecordKeys as a, normalizeItemInput as b, valuesEqual as c, useForm as d, AppTopBar_default as f, defineOnboarding as g, ONBOARDING_KEY as h, formSchemaFieldNames as i, controlValuesToComponentProps as j, controlValuesToComponentBindings as k, useFormBuilder as l, ANCHOR_WAIT_MS 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, useOnboarding as v, defineControlComponentBindings as w, normalizeLabelItemInput as x, PluginIcon_default as y };
 
-//# sourceMappingURL=AppSidebar-BmiiPfz9.js.map
+//# sourceMappingURL=AppSidebar-CZZaxni0.js.map