@morscherlab/mint-sdk 1.4.0-beta.15 → 1.4.0-beta.17

package/dist/{AppSidebar-Bi8g9mRt.js → AppSidebar-CB0-RQ4m.js}

@@ -2,8 +2,9 @@ import { a as BaseButton_default, i as useEventListener, t as useDropdownState }
 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-B4yl2oIu.js";
 import { F as applySpecDefaults, _ as getFieldRegistryEntry, a as StepWizard_default, d as humanize, f as numericValue, l as normalizeControls, m as orderedUnique, o as usePlatform, s as defaultValueForControl, u as normalizeOption, v as getTypeDefault } from "./useListReorder-C_8RYeVP.js";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toValue, unref, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-import { CircleAlert, CircleCheck, CircleX, ListChecks, LoaderCircle, Moon, Sun } from "lucide-vue-next";
+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$5 = {
+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$5 = { class: "mint-collapsible-card__actions" };
-var _hoisted_10$4 = [
+var _hoisted_9$7 = { class: "mint-collapsible-card__actions" };
+var _hoisted_10$6 = [
 	"disabled",
 	"aria-label",
 	"title",
 	"onClick"
 ];
-var _hoisted_11$4 = {
+var _hoisted_11$6 = {
 	key: 0,
 	class: "mint-collapsible-card__action-icon",
 	viewBox: "0 0 24 24",
@@ -78,13 +79,13 @@ var _hoisted_11$4 = {
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
 };
-var _hoisted_12$4 = ["d"];
-var _hoisted_13$4 = ["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$5, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)])])], 10, _hoisted_2$8), createElementVNode("div", _hoisted_9$5, [
+			}, 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$4, [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$4);
+						}, null, 8, _hoisted_12$5);
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: action.icon
-					}, null, 8, _hoisted_13$4))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$2, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$4);
+					}, 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
@@ -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$4 = ["d"];
-var _hoisted_9$4 = ["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,52 +1353,52 @@ 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$4)])) : (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$4))], 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 = {
+var _hoisted_1$8 = {
 	ref: "root",
 	class: "mint-page-selector__crumb"
 };
-var _hoisted_2$4 = { class: "mint-page-selector__plugin" };
-var _hoisted_3$4 = ["aria-expanded"];
-var _hoisted_4$4 = {
+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_5$4 = { class: "mint-page-selector__label" };
-var _hoisted_6$3 = {
+var _hoisted_5$6 = { class: "mint-page-selector__label" };
+var _hoisted_6$5 = {
 	class: "mint-page-selector__chevron-wrap",
 	"aria-hidden": "true"
 };
-var _hoisted_7$3 = ["aria-label"];
-var _hoisted_8$3 = {
+var _hoisted_7$5 = ["aria-label"];
+var _hoisted_8$5 = {
 	class: "mint-page-selector__menu-title",
 	"aria-hidden": "true"
 };
-var _hoisted_9$3 = {
+var _hoisted_9$5 = {
 	key: 1,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_10$3 = { class: "mint-page-selector__item-text" };
-var _hoisted_11$3 = { class: "mint-page-selector__item-label" };
-var _hoisted_12$3 = {
+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$3 = {
+var _hoisted_13$4 = {
 	key: 0,
 	class: "mint-page-selector__item-key",
 	"aria-hidden": "true"
@@ -1478,7 +1479,7 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 			close();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$6, [__props.pluginName ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_2$4, toDisplayString(__props.pluginName), 1), _cache[1] || (_cache[1] = createElementVNode("span", {
+			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", {
@@ -1502,9 +1503,9 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					icon: current.value.icon,
 					size: "sm",
 					variant: "solid"
-				}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_5$4, toDisplayString(current.value?.label ?? __props.placeholder), 1),
-				createElementVNode("span", _hoisted_6$3, [(openBlock(), createElementBlock("svg", {
+				}, 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",
@@ -1513,14 +1514,14 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))])
-			], 42, _hoisted_3$4), unref(isOpen) ? (openBlock(), createElementBlock("div", {
+			], 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$3, toDisplayString(menuTitle.value), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedPages.value, (page, index) => {
+			}, [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,
@@ -1543,9 +1544,9 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 							icon: page.icon,
 							size: "sm",
 							variant: "solid"
-						}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_9$3, toDisplayString(page.label.charAt(0)), 1))])], 2),
-						createElementVNode("span", _hoisted_10$3, [createElementVNode("span", _hoisted_11$3, toDisplayString(page.label), 1), page.hint ? (openBlock(), createElementBlock("span", _hoisted_12$3, toDisplayString(page.hint), 1)) : createCommentVNode("", true)]),
-						index < 9 ? (openBlock(), createElementBlock("span", _hoisted_13$3, toDisplayString(index + 1), 1)) : createCommentVNode("", true)
+						}, 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, [
@@ -1557,22 +1558,22 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					"aria-keyshortcuts",
 					"onClick"
 				]);
-			}), 128))], 40, _hoisted_7$3)) : createCommentVNode("", true)], 4)], 512);
+			}), 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",
@@ -1583,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",
@@ -1602,21 +1603,21 @@ 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"
 };
@@ -1699,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,
@@ -1718,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",
@@ -1739,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,
@@ -1752,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, [
@@ -1771,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,
@@ -1786,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",
@@ -1813,6 +1814,757 @@ 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. */
@@ -1930,7 +2682,8 @@ var _hoisted_17$1 = {
 };
 var _hoisted_18$1 = {
 	key: 0,
-	class: "mint-topbar__center"
+	class: "mint-topbar__center",
+	"data-onboarding": "topbar-pills"
 };
 var _hoisted_19$1 = { class: "mint-topbar__right" };
 var _hoisted_20$1 = {
@@ -1985,7 +2738,7 @@ 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-jra_2u0o.js").then((n) => n.n));
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-CoZK3EDN.js").then((n) => n.n));
 		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-ChKCrklH.js").then((n) => n.n));
 		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-BqifjNaN.js").then((n) => n.n));
 		const emit = __emit;
@@ -1999,6 +2752,7 @@ 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 showExperiment = computed(() => !!appExperiment && !isStandalone.value && canBindExperiment.value);
 		const runSlotJoined = ref(!!props.job);
@@ -2121,9 +2875,11 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							key: 1,
 							ref_key: "platformPageSelectorEl",
 							ref: platformPageSelectorEl,
-							class: "mint-topbar__platform-page-selector"
+							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,
@@ -2155,7 +2911,8 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						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 }])
+							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,
@@ -2198,15 +2955,20 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							})
 						], 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",
+							"data-onboarding": "topbar-settings",
 							onClick: _cache[7] || (_cache[7] = ($event) => settingsOpen.value = true)
 						}, [..._cache[15] || (_cache[15] = [createElementVNode("svg", {
 							class: "mint-topbar__settings-icon",
@@ -3727,6 +4489,6 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { getDefaultControlView as A, controlBindings as C, controlsTo as D, controlValuesToComponentProps as E, ThemeToggle_default as M, useTheme as N, controlsToFormSchema as O, useControlSchema as S, controlValuesToComponentBindingsById as T, AppLayout_default as _, pickExistingRecordKeys as a, defineControls as b, valuesEqual as c, useForm as d, AppTopBar_default as f, normalizeLabelItemInput as g, normalizeItemInput as h, formSchemaFieldNames as i, CollapsibleCard_default as j, controlsToSettingsSchema as k, useFormBuilder as l, PluginIcon_default as m, FormSchemaInternal_default as n, pickRecordKeys as o, providePluginIdentity as p, FormFieldRendererInternal_default as r, recordValuesEqualForKeys as s, AppSidebar_default as t, evaluateCondition as u, usePluginWorkspace as v, controlValuesToComponentBindings as w, getControlDefaults as x, defineControlComponentBindings as y };
+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-Bi8g9mRt.js.map
+//# sourceMappingURL=AppSidebar-CB0-RQ4m.js.map