@morscherlab/mint-sdk 1.5.0-beta.1 → 1.5.0-beta.11

package/dist/{AppSidebar-BDrd7Kwn.js → AppSidebar-C-Vq5x4I.js}

@@ -1,9 +1,9 @@
-import { a as BaseButton_default, i as useEventListener, t as useDropdownState } from "./useDropdownState-uFIz6Yv8.js";
+import { a as BaseButton_default, i as useEventListener, t as useDropdownState } from "./useDropdownState-CcBzUYZ6.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-CWRztE5M.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-QqJc1dpX.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 { B as BaseCheckbox_default, D as useMenuKeyboard, L as FormField_default, T as ActionMenu_default, _ as APP_EXPERIMENT_KEY, t as isRecord } from "./records-GtiVMlTQ.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-Bp4EAI2w.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, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
+import { Check, CircleAlert, CircleCheck, CircleHelp, CircleX, Ellipsis, ListChecks, LoaderCircle, Menu, 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. */
@@ -81,16 +81,16 @@ var _hoisted_11$6 = {
 };
 var _hoisted_12$5 = ["d"];
 var _hoisted_13$5 = ["d"];
-var _hoisted_14$3 = {
+var _hoisted_14$4 = {
 	key: 1,
 	class: "mint-collapsible-card__action-text-icon"
 };
-var _hoisted_15$3 = [
+var _hoisted_15$4 = [
 	"disabled",
 	"aria-label",
 	"aria-expanded"
 ];
-var _hoisted_16$2 = { class: "mint-collapsible-card__body" };
+var _hoisted_16$3 = { class: "mint-collapsible-card__body" };
 var _hoisted_17$2 = { class: "mint-collapsible-card__content" };
 //#endregion
 //#region src/components/CollapsibleCard.vue
@@ -100,7 +100,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 		title: {},
 		subtitle: {},
 		badge: { default: void 0 },
-		badgeTone: { default: "cta" },
+		badgeTone: { default: "primary" },
 		defaultOpen: {
 			type: Boolean,
 			default: false
@@ -216,7 +216,7 @@ var CollapsibleCard_default = /* @__PURE__ */ defineComponent({
 					}), 128)) : (openBlock(), createElementBlock("path", {
 						key: 1,
 						d: action.icon
-					}, null, 8, _hoisted_13$5))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$3, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$6);
+					}, null, 8, _hoisted_13$5))])) : action.icon ? (openBlock(), createElementBlock("span", _hoisted_14$4, toDisplayString(action.icon), 1)) : createCommentVNode("", true)], 14, _hoisted_10$6);
 				}), 128)),
 				__props.showToggle ? (openBlock(), createElementBlock("div", {
 					key: 1,
@@ -245,9 +245,9 @@ 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$3)
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)])], 2))], 8, _hoisted_15$4)
 			])]), 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]])]),
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_16$3, [createElementVNode("div", _hoisted_17$2, [renderSlot(_ctx.$slots, "default")])], 512), [[vShow, isOpen.value]])]),
 				_: 3
 			})], 2);
 		};
@@ -763,7 +763,6 @@ function usePluginWorkspace(options) {
 	const { props, slots, emit } = options;
 	const sidebarSpec = computed(() => props.spec?.sidebar ?? {});
 	const topBarSpec = computed(() => props.spec?.topBar === false ? false : applySpecDefaults({
-		themeToggle: true,
 		settings: {},
 		standaloneLabel: false
 	}, props.spec?.topBar));
@@ -787,6 +786,12 @@ function usePluginWorkspace(options) {
 	});
 	const topBarSlotNames = computed(() => getPluginWorkspaceTopBarSlotNames(slots));
 	const sidebarSlotNames = computed(() => getPluginWorkspaceSidebarSlotNames(slots));
+	const internalCollapsed = ref(false);
+	const sidebarCollapsed = computed(() => props.sidebarCollapsed ?? internalCollapsed.value);
+	function handleSidebarCollapsedUpdate(value) {
+		internalCollapsed.value = value;
+		emit("update:sidebarCollapsed", value);
+	}
 	const hasSidebarSurface = computed(() => hasPluginWorkspaceSidebarSurface({
 		sidebar: sidebarSpec.value,
 		hasSidebarSlot: Boolean(slots.sidebar),
@@ -806,7 +811,7 @@ function usePluginWorkspace(options) {
 			const sidebar = sidebarSpec.value === false ? {} : sidebarSpec.value;
 			return {
 				sidebarPosition: sidebar.position ?? "left",
-				sidebarWidth: sidebar.width,
+				sidebarWidth: sidebarCollapsed.value ? sidebar.collapsedWidth ?? "3rem" : sidebar.width,
 				floating: props.spec?.floating ?? true,
 				responsiveSidebar: sidebar.responsive ?? true,
 				sidebarToggleLabel: sidebar.toggleLabel ?? "Open workspace sidebar",
@@ -834,7 +839,7 @@ function usePluginWorkspace(options) {
 				},
 				activeView: navigationState.resolvedActiveView.value,
 				values: controlsState.internalControlValues,
-				collapsed: props.sidebarCollapsed,
+				collapsed: sidebarCollapsed.value,
 				formLoading: props.formLoading ?? false,
 				formDisabled: props.formDisabled ?? false,
 				formReadonly: props.formReadonly ?? false,
@@ -844,10 +849,23 @@ function usePluginWorkspace(options) {
 		controls,
 		hasSidebarSurface,
 		handleControlValuesUpdate: controlsState.handleControlValuesUpdate,
-		handlePillSelect: navigationState.handlePillSelect
+		handlePillSelect: navigationState.handlePillSelect,
+		handleSidebarCollapsedUpdate
 	};
 }
 //#endregion
+//#region src/utils/deprecation.ts
+var warned = /* @__PURE__ */ new Set();
+/** Warn once per page load that a deprecated SDK option or slot is in use. */
+function warnDeprecatedOnce(key, message) {
+	if (warned.has(key)) return;
+	warned.add(key);
+	console.warn(`[mint-sdk] ${message}`);
+}
+//#endregion
+//#region src/composables/appLayoutSidebar.ts
+var APP_LAYOUT_SIDEBAR_KEY = Symbol("mint-app-layout-sidebar");
+//#endregion
 //#region src/components/AppLayout.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$11 = {
 	key: 0,
@@ -930,6 +948,7 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 		*/
 		const props = __props;
 		const emit = __emit;
+		const slots = useSlots();
 		const internalSidebarOpen = ref(props.defaultSidebarOpen);
 		const sidebarOpenModel = computed({
 			get: () => props.sidebarOpen ?? internalSidebarOpen.value,
@@ -951,6 +970,12 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 		function toggleSidebar() {
 			sidebarOpenModel.value = !sidebarOpenModel.value;
 		}
+		if (props.responsiveSidebar && slots.sidebar) provide(APP_LAYOUT_SIDEBAR_KEY, {
+			open: computed(() => sidebarOpenModel.value),
+			toggle: toggleSidebar,
+			openLabel: computed(() => props.sidebarToggleLabel),
+			closeLabel: computed(() => props.sidebarCloseLabel)
+		});
 		function closeSidebar() {
 			sidebarOpenModel.value = false;
 		}
@@ -980,6 +1005,51 @@ var AppLayout_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/utils/lucideIcon.ts
+/** A Lucide icon name in kebab case, such as `activity` or `flask-conical`. */
+var LUCIDE_NAME = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/;
+function isLucideIconName(value) {
+	return !!value && LUCIDE_NAME.test(value);
+}
+function pascalCase(name) {
+	return name.replace(/(^|-)([a-z0-9])/g, (_, __, char) => char.toUpperCase());
+}
+var iconSet;
+/** The Lucide component for `name`, or undefined when Lucide has no such icon. */
+async function loadLucideIcon(name) {
+	iconSet ??= import("lucide-vue-next/dist/esm/icons/index.js");
+	return (await iconSet)[pascalCase(name)];
+}
+//#endregion
+//#region src/components/internal/LucideIconInternal.vue
+var LucideIconInternal_default = /* @__PURE__ */ defineComponent({
+	__name: "LucideIconInternal",
+	props: {
+		name: {},
+		size: {}
+	},
+	setup(__props) {
+		/** Internal: renders a Lucide icon by name; shows `fallback` until it loads or when the name is unknown. */
+		const props = __props;
+		const icon = shallowRef();
+		watchEffect(async (onCleanup) => {
+			let stale = false;
+			onCleanup(() => {
+				stale = true;
+			});
+			const loaded = await loadLucideIcon(props.name);
+			if (!stale) icon.value = loaded;
+		});
+		return (_ctx, _cache) => {
+			return icon.value ? (openBlock(), createBlock(resolveDynamicComponent(icon.value), {
+				key: 0,
+				size: __props.size ?? 14,
+				"aria-hidden": "true"
+			}, null, 8, ["size"])) : renderSlot(_ctx.$slots, "fallback", {}, void 0, void 0, 1);
+		};
+	}
+});
+//#endregion
 //#region src/utils/items.ts
 function normalizeItemInput(item) {
 	if (typeof item === "object") return item;
@@ -1374,31 +1444,33 @@ var _hoisted_1$8 = {
 };
 var _hoisted_2$6 = { class: "mint-page-selector__plugin" };
 var _hoisted_3$6 = ["aria-expanded"];
-var _hoisted_4$6 = {
-	key: 1,
+var _hoisted_4$6 = { class: "mint-page-selector__icon-fallback" };
+var _hoisted_5$6 = {
+	key: 2,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_5$6 = { class: "mint-page-selector__label" };
-var _hoisted_6$5 = {
+var _hoisted_6$5 = { class: "mint-page-selector__label" };
+var _hoisted_7$5 = {
 	class: "mint-page-selector__chevron-wrap",
 	"aria-hidden": "true"
 };
-var _hoisted_7$5 = ["aria-label"];
-var _hoisted_8$5 = {
+var _hoisted_8$5 = ["aria-label"];
+var _hoisted_9$5 = {
 	class: "mint-page-selector__menu-title",
 	"aria-hidden": "true"
 };
-var _hoisted_9$5 = {
-	key: 1,
+var _hoisted_10$5 = { class: "mint-page-selector__icon-fallback" };
+var _hoisted_11$5 = {
+	key: 2,
 	class: "mint-page-selector__icon-fallback"
 };
-var _hoisted_10$5 = { class: "mint-page-selector__item-text" };
-var _hoisted_11$5 = { class: "mint-page-selector__item-label" };
-var _hoisted_12$4 = {
+var _hoisted_12$4 = { class: "mint-page-selector__item-text" };
+var _hoisted_13$4 = { class: "mint-page-selector__item-label" };
+var _hoisted_14$3 = {
 	key: 0,
 	class: "mint-page-selector__item-hint"
 };
-var _hoisted_13$4 = {
+var _hoisted_15$3 = {
 	key: 0,
 	class: "mint-page-selector__item-key",
 	"aria-hidden": "true"
@@ -1503,9 +1575,15 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					icon: current.value.icon,
 					size: "sm",
 					variant: "solid"
-				}, 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", {
+				}, null, 8, ["icon"])) : unref(isLucideIconName)(current.value.icon) ? (openBlock(), createBlock(LucideIconInternal_default, {
+					key: 1,
+					name: current.value.icon
+				}, {
+					fallback: withCtx(() => [createElementVNode("span", _hoisted_4$6, toDisplayString(current.value.label.charAt(0)), 1)]),
+					_: 1
+				}, 8, ["name"])) : (openBlock(), createElementBlock("span", _hoisted_5$6, toDisplayString(current.value.label.charAt(0)), 1))])], 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_6$5, toDisplayString(current.value?.label ?? __props.placeholder), 1),
+				createElementVNode("span", _hoisted_7$5, [(openBlock(), createElementBlock("svg", {
 					class: normalizeClass(["mint-page-selector__chevron", { "mint-page-selector__chevron--open": unref(isOpen) }]),
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -1521,7 +1599,7 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 				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) => {
+			}, [createElementVNode("div", _hoisted_9$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,
@@ -1544,9 +1622,15 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 							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)
+						}, null, 8, ["icon"])) : unref(isLucideIconName)(page.icon) ? (openBlock(), createBlock(LucideIconInternal_default, {
+							key: 1,
+							name: page.icon
+						}, {
+							fallback: withCtx(() => [createElementVNode("span", _hoisted_10$5, toDisplayString(page.label.charAt(0)), 1)]),
+							_: 2
+						}, 1032, ["name"])) : (openBlock(), createElementBlock("span", _hoisted_11$5, toDisplayString(page.label.charAt(0)), 1))])], 2),
+						createElementVNode("span", _hoisted_12$4, [createElementVNode("span", _hoisted_13$4, toDisplayString(page.label), 1), page.hint ? (openBlock(), createElementBlock("span", _hoisted_14$3, toDisplayString(page.hint), 1)) : createCommentVNode("", true)]),
+						index < 9 ? (openBlock(), createElementBlock("span", _hoisted_15$3, toDisplayString(index + 1), 1)) : createCommentVNode("", true)
 					]),
 					_: 2
 				}, 1032, [
@@ -1558,7 +1642,7 @@ var AppTopBarPageSelectorInternal_default = /* @__PURE__ */ defineComponent({
 					"aria-keyshortcuts",
 					"onClick"
 				]);
-			}), 128))], 40, _hoisted_7$5)) : createCommentVNode("", true)], 4)], 512);
+			}), 128))], 40, _hoisted_8$5)) : createCommentVNode("", true)], 4)], 512);
 		};
 	}
 });
@@ -2052,31 +2136,35 @@ var OnboardingLayerInternal_default = /* @__PURE__ */ defineComponent({
 });
 //#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 = {
+var _hoisted_1$5 = {
+	key: 0,
+	class: "mint-onboarding-help__chip-group"
+};
+var _hoisted_2$3 = ["aria-expanded"];
+var _hoisted_3$3 = { class: "mint-onboarding-help__count" };
+var _hoisted_4$3 = {
 	class: "mint-onboarding-help__bar",
 	"aria-hidden": "true"
 };
-var _hoisted_4$3 = ["aria-label", "aria-expanded"];
-var _hoisted_5$3 = {
+var _hoisted_5$3 = ["aria-label", "aria-expanded"];
+var _hoisted_6$2 = {
 	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 = {
+var _hoisted_7$2 = { class: "mint-onboarding-help__header" };
+var _hoisted_8$2 = { class: "mint-onboarding-help__count" };
+var _hoisted_9$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_10$2 = { class: "mint-onboarding-help__todos" };
+var _hoisted_11$2 = ["aria-label"];
+var _hoisted_12$2 = { class: "mint-onboarding-help__todo-title" };
 var _hoisted_13$2 = ["onClick"];
 var _hoisted_14$2 = ["onClick"];
-var _hoisted_15$2 = {
+var _hoisted_15$2 = ["onClick"];
+var _hoisted_16$2 = {
 	key: 0,
 	class: "mint-onboarding-help__new"
 };
@@ -2130,6 +2218,10 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 			});
 		});
 		onBeforeUnmount(() => stopAutoUpdate?.());
+		function hideChecklist() {
+			props.state.setChecklistHidden(true);
+			nextTick(() => helpButton.value?.focus());
+		}
 		function run(action) {
 			open.value = false;
 			action();
@@ -2148,8 +2240,7 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 				ref: root,
 				class: "mint-onboarding-help"
 			}, [
-				__props.state.checklistVisible.value ? (openBlock(), createElementBlock("button", {
-					key: 0,
+				__props.state.checklistVisible.value ? (openBlock(), createElementBlock("span", _hoisted_1$5, [createElementVNode("button", {
 					type: "button",
 					class: normalizeClass(["mint-onboarding-help__chip", { "mint-onboarding-help__chip--open": open.value }]),
 					"data-onboarding": "topbar-checklist",
@@ -2157,9 +2248,18 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 					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("span", _hoisted_3$3, toDisplayString(__props.state.tasksDone.value) + "/" + toDisplayString(__props.state.tasks.value.length), 1),
+					createElementVNode("span", _hoisted_4$3, [createElementVNode("span", { style: normalizeStyle({ width: `${progress.value}%` }) }, null, 4)])
+				], 10, _hoisted_2$3), createElementVNode("button", {
+					type: "button",
+					class: "mint-onboarding-help__chip-close",
+					"aria-label": "Hide checklist",
+					title: "Hide checklist (Help can show it again)",
+					onClick: hideChecklist
+				}, [createVNode(unref(X), {
+					size: 12,
+					"aria-hidden": "true"
+				})])])) : createCommentVNode("", true),
 				createElementVNode("button", {
 					ref_key: "helpButton",
 					ref: helpButton,
@@ -2172,7 +2272,7 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 				}, [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),
+				}), __props.state.unseenNews.value ? (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString(__props.state.unseenNews.value), 1)) : createCommentVNode("", true)], 10, _hoisted_5$3),
 				(openBlock(), createBlock(Teleport, { to: "body" }, [open.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					ref_key: "panel",
@@ -2186,9 +2286,9 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 					})
 				}, [
 					__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) => {
+						createElementVNode("div", _hoisted_7$2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "mint-onboarding-help__heading" }, "Getting started", -1)), createElementVNode("span", _hoisted_8$2, toDisplayString(__props.state.tasksDone.value) + "/" + toDisplayString(__props.state.tasks.value.length), 1)]),
+						createElementVNode("div", _hoisted_9$2, [createElementVNode("span", { style: normalizeStyle({ width: `${progress.value}%` }) }, null, 4)]),
+						createElementVNode("ul", _hoisted_10$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 }])
@@ -2202,14 +2302,14 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 									size: 10,
 									"stroke-width": 3,
 									"aria-hidden": "true"
-								})) : createCommentVNode("", true)], 8, _hoisted_10$2),
-								createElementVNode("span", _hoisted_11$2, toDisplayString(task.title), 1),
+								})) : createCommentVNode("", true)], 8, _hoisted_11$2),
+								createElementVNode("span", _hoisted_12$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)
+								}, toDisplayString(task.action.label), 9, _hoisted_13$2)) : createCommentVNode("", true)
 							], 2);
 						}), 128))]),
 						__props.state.tasksDone.value < __props.state.tasks.value.length ? (openBlock(), createElementBlock("button", {
@@ -2228,7 +2328,7 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 						}, [createVNode(unref(Play), {
 							class: "mint-onboarding-help__icon",
 							"aria-hidden": "true"
-						}), createTextVNode(" " + toDisplayString(tour.title), 1)], 8, _hoisted_13$2);
+						}), createTextVNode(" " + toDisplayString(tour.title), 1)], 8, _hoisted_14$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", {
@@ -2236,7 +2336,7 @@ var AppTopBarOnboardingInternal_default = /* @__PURE__ */ defineComponent({
 							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);
+						}, [createTextVNode(toDisplayString(item.title) + " ", 1), item.unseen ? (openBlock(), createElementBlock("span", _hoisted_16$2, "New")) : createCommentVNode("", true)], 8, _hoisted_15$2);
 					}), 128))], 64)) : createCommentVNode("", true)
 				], 4)) : createCommentVNode("", true)]))
 			], 512)) : createCommentVNode("", true), createVNode(OnboardingLayerInternal_default, { state: __props.state }, null, 8, ["state"])], 64);
@@ -2493,8 +2593,7 @@ function provideOnboarding(definition, options) {
 	}
 	function dismiss() {
 		autoStartAbort?.abort();
-		const tour = run?.tour;
-		if (tour) markSeen(...tour.steps.map((step) => stepKey(tour, step)));
+		if (run?.tour) markSeen(...(definition.tours ?? []).flatMap((tour) => tour.steps.map((step) => stepKey(tour, step))));
 		stop();
 	}
 	function complete(taskId) {
@@ -2632,9 +2731,53 @@ function trackTopBarForToasts(el) {
 	};
 }
 //#endregion
+//#region src/components/AppTopBar.compact.ts
+var CHIP_MIN_PX = 192;
+var LABELS = ".mint-experiment-popover__save-label, .mint-topbar__job-label";
+/** Identity text that truncates when the left side is squeezed. */
+var IDENTITY_TEXT = ".mint-page-selector__plugin, .mint-page-selector__label, .mint-topbar__plugin-name, .mint-topbar-title, .mint-topbar__title-only";
+function overflows(el) {
+	return !!el && el.scrollWidth > el.clientWidth + 1;
+}
+function trackTopBarCompact(header, compact) {
+	if (typeof ResizeObserver === "undefined") return {
+		reset: () => {},
+		stop: () => {}
+	};
+	let expandAt = 0;
+	function check() {
+		const width = header.clientWidth;
+		if (compact.value) {
+			if (width >= expandAt) compact.value = false;
+			return;
+		}
+		const chip = header.querySelector(".mint-experiment-popover__trigger");
+		if (!(chip && chip.getBoundingClientRect().width < CHIP_MIN_PX && overflows(chip.querySelector(".mint-experiment-popover__trigger-text")) || [...header.querySelectorAll(IDENTITY_TEXT)].some(overflows) || overflows(header.querySelector(".mint-topbar__center")) || overflows(header.querySelector(".mint-topbar__context")))) return;
+		const labelsWidth = [...header.querySelectorAll(LABELS)].reduce((sum, el) => sum + el.getBoundingClientRect().width, 0);
+		if (labelsWidth === 0) return;
+		expandAt = width + labelsWidth;
+		compact.value = true;
+	}
+	const observer = new ResizeObserver(check);
+	function observe() {
+		observer.disconnect();
+		observer.observe(header);
+		for (const el of header.querySelectorAll(".mint-topbar__center, .mint-topbar__context")) observer.observe(el);
+	}
+	observe();
+	return {
+		reset: () => {
+			compact.value = false;
+			expandAt = 0;
+			requestAnimationFrame(observe);
+		},
+		stop: () => observer.disconnect()
+	};
+}
+//#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__start" };
+var _hoisted_1$4 = { class: "mint-topbar__start" };
+var _hoisted_2$2 = ["aria-label", "aria-expanded"];
 var _hoisted_3$2 = { class: "mint-topbar__brand" };
 var _hoisted_4$2 = ["href"];
 var _hoisted_5$2 = {
@@ -2662,7 +2805,7 @@ var _hoisted_10$1 = {
 	class: "mint-topbar__logo"
 };
 var _hoisted_11$1 = {
-	key: 0,
+	key: 1,
 	class: "mint-topbar__plugin-identity"
 };
 var _hoisted_12$1 = { class: "mint-topbar__plugin-name" };
@@ -2671,13 +2814,13 @@ var _hoisted_13$1 = {
 	class: "mint-topbar__plugin-subtitle"
 };
 var _hoisted_14$1 = {
-	key: 3,
+	key: 4,
 	class: "mint-topbar-title-group"
 };
 var _hoisted_15$1 = { class: "mint-topbar-title" };
 var _hoisted_16$1 = { class: "mint-topbar-subtitle" };
 var _hoisted_17$1 = {
-	key: 4,
+	key: 5,
 	class: "mint-topbar__title-only"
 };
 var _hoisted_18$1 = {
@@ -2688,33 +2831,56 @@ var _hoisted_18$1 = {
 var _hoisted_19$1 = { class: "mint-topbar__right" };
 var _hoisted_20$1 = {
 	key: 0,
-	class: "mint-topbar__standalone-badge"
+	class: "mint-topbar__context"
 };
 var _hoisted_21$1 = {
+	key: 0,
+	class: "mint-topbar__standalone-badge"
+};
+var _hoisted_22$1 = {
 	class: "mint-topbar__job-status",
 	"aria-live": "polite"
 };
-var _hoisted_22$1 = [
+var _hoisted_23$1 = [
 	"title",
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
 ];
-var _hoisted_23$1 = {
+var _hoisted_24$1 = {
 	key: 0,
 	class: "mint-topbar__job-bar",
 	"aria-hidden": "true"
 };
-var _hoisted_24$1 = [
+var _hoisted_25$1 = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
 ];
-var _hoisted_25$1 = {
+var _hoisted_26$1 = {
 	key: 0,
 	class: "mint-topbar__job-count",
 	"aria-hidden": "true"
 };
+var _hoisted_27$1 = [
+	"aria-label",
+	"title",
+	"disabled",
+	"aria-busy",
+	"data-action",
+	"onClick"
+];
+var _hoisted_28$1 = [
+	"aria-expanded",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_29$1 = {
+	key: 4,
+	class: "mint-topbar__legacy-actions"
+};
+var _hoisted_30$1 = { class: "mint-topbar__tail" };
+var MAX_VISIBLE_ACTIONS = 2;
 //#endregion
 //#region src/components/AppTopBar.vue
 var AppTopBar_default = /* @__PURE__ */ defineComponent({
@@ -2747,29 +2913,50 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		* 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`.
+		*
+		* The order is fixed: identity or page selector, pills, the context group (standalone badge, run slot,
+		* onboarding, `spec.actions`), then the tail: theme toggle, settings, `#account`. Below 1024px of bar
+		* width the pills and the context group move to a second row. Inside a responsive AppLayout the bar
+		* holds the sidebar drawer button.
 		*/
 		const props = __props;
 		const config = computed(() => applySpecDefaults({
 			variant: "card",
 			homePath: "/",
 			logo: true,
-			themeToggle: false,
-			settings: false,
 			standaloneLabel: "Standalone"
 		}, props.spec));
-		const settingsConfig = computed(() => toValue(config.value.settings) || void 0);
-		const showSettings = computed(() => settingsConfig.value !== void 0);
-		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-C-MSR-bk.js").then((n) => n.n));
-		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-BM92LlrQ.js").then((n) => n.n));
-		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-LsB1ABmh.js").then((n) => n.n));
+		const settingsConfig = computed(() => toValue(config.value.settings) || {});
+		/** Plugin buttons: two show, the rest fold into the More menu. */
+		const visibleActions = computed(() => (config.value.actions ?? []).slice(0, MAX_VISIBLE_ACTIONS));
+		const overflowActions = computed(() => (config.value.actions ?? []).slice(MAX_VISIBLE_ACTIONS));
+		const overflowMenuItems = computed(() => overflowActions.value.map(({ id, label, disabled, loading }) => ({
+			id,
+			label,
+			disabled: disabled || loading
+		})));
+		function selectOverflowAction(item) {
+			overflowActions.value.find((action) => action.id === item.id)?.onSelect();
+		}
+		const drawer = inject(APP_LAYOUT_SIDEBAR_KEY, null);
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-DwfrD1ER.js").then((n) => n.n));
+		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-DYy_s0kI.js").then((n) => n.n));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-Bfh5bdkv.js").then((n) => n.n));
 		const emit = __emit;
 		const settingsOpen = ref(false);
 		const headerEl = ref(null);
 		let untrackToastOffset;
+		const compact = ref(false);
+		let compactTracker;
 		onMounted(() => {
-			if (headerEl.value) untrackToastOffset = trackTopBarForToasts(headerEl.value);
+			if (!headerEl.value) return;
+			untrackToastOffset = trackTopBarForToasts(headerEl.value);
+			compactTracker = trackTopBarCompact(headerEl.value, compact);
+		});
+		onBeforeUnmount(() => {
+			untrackToastOffset?.();
+			compactTracker?.stop();
 		});
-		onBeforeUnmount(() => untrackToastOffset?.());
 		const { integrated: isIntegrated, plugin } = usePlatform();
 		const isStandalone = computed(() => !isIntegrated.value);
 		const appExperiment = inject(APP_EXPERIMENT_KEY, null);
@@ -2807,6 +2994,14 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 			cancelled: CircleX
 		};
 		const slots = useSlots();
+		if (props.spec.themeToggle !== void 0) warnDeprecatedOnce("topbar.themeToggle", "AppTopBar spec.themeToggle is ignored: the theme toggle always shows. Remove it; it is removed in 2.0.");
+		for (const name of [
+			"nav",
+			"center",
+			"actions",
+			"page-selector-icon",
+			"page-selector-item-icon"
+		]) if (slots[name]) warnDeprecatedOnce(`topbar.slot.${name}`, name.startsWith("page-selector") ? `AppTopBar #${name} is deprecated: give the page an icon (a Lucide name). It is removed in 2.0.` : `AppTopBar #${name} is deprecated${name === "actions" ? ": use spec.actions" : ""}. It is removed in 2.0.`);
 		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));
@@ -2825,6 +3020,17 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		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 showStandaloneBadge = computed(() => config.value.standaloneLabel !== false && isStandalone.value);
+		const showRunSlot = computed(() => showExperiment.value || props.job !== void 0 || runSlotJoined.value);
+		/** The context group: standalone badge, run slot, onboarding and plugin buttons. Below 1024px it is row 2. */
+		watch([
+			() => config.value.actions?.map((action) => action.label).join(),
+			() => props.job === void 0,
+			() => props.job === null,
+			showExperiment,
+			() => config.value.pills?.length
+		], () => compactTracker?.reset());
+		const hasContext = computed(() => showStandaloneBadge.value || showRunSlot.value || !!config.value.actions?.length || !!slots.actions || !!onboarding?.enabled.value);
 		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) ?? []);
@@ -2840,9 +3046,24 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("header", {
 					ref_key: "headerEl",
 					ref: headerEl,
-					class: normalizeClass(["mint-topbar", `mint-topbar--${config.value.variant}`])
-				}, [createElementVNode("div", _hoisted_1$4, [
-					createElementVNode("div", _hoisted_2$2, [
+					class: normalizeClass([
+						"mint-topbar",
+						`mint-topbar--${config.value.variant}`,
+						{ "mint-topbar--compact": compact.value }
+					])
+				}, [createElementVNode("div", { class: normalizeClass(["mint-topbar__container", { "mint-topbar__container--stackable": hasPillNav.value || _ctx.$slots.center || hasContext.value }]) }, [
+					createElementVNode("div", _hoisted_1$4, [
+						unref(drawer) ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "mint-topbar__icon-btn mint-topbar__sidebar-toggle",
+							"aria-label": unref(drawer).open.value ? unref(drawer).closeLabel.value : unref(drawer).openLabel.value,
+							"aria-expanded": unref(drawer).open.value,
+							onClick: _cache[0] || (_cache[0] = ($event) => unref(drawer).toggle())
+						}, [(openBlock(), createBlock(resolveDynamicComponent(unref(drawer).open.value ? unref(X) : unref(Menu)), {
+							class: "mint-topbar__icon-btn-icon",
+							"aria-hidden": "true"
+						}))], 8, _hoisted_2$2)) : createCommentVNode("", true),
 						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,
@@ -2859,7 +3080,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							icon: pluginIcon.value,
 							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_6$1, [..._cache[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, {
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_6$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)], 8, _hoisted_4$2)) : config.value.homePath ? (openBlock(), createBlock(_component_router_link, {
 							key: 1,
 							to: config.value.homePath,
 							class: "mint-topbar-home-link"
@@ -2876,7 +3097,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 								icon: pluginIcon.value,
 								size: "topbar",
 								variant: "solid"
-							}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_8$1, [..._cache[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)]),
+							}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_8$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)]),
 							_: 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,
@@ -2890,21 +3111,21 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							icon: pluginIcon.value,
 							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_10$1, [..._cache[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))]),
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_10$1, [..._cache[14] || (_cache[14] = [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,
+							key: 2,
 							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,
+							key: 3,
 							"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))
+							onSelect: _cache[1] || (_cache[1] = ($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)))]),
@@ -2926,11 +3147,11 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 						items: normalizedPillNav.value,
 						"current-item-id": __props.pill,
 						onSelect: handlePillSelect,
-						onOptionSelect: _cache[1] || (_cache[1] = (option, item) => emit("pill-option-select", option, item))
+						onOptionSelect: _cache[2] || (_cache[2] = (option, item) => emit("pill-option-select", option, item))
 					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_19$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", {
+					createElementVNode("div", _hoisted_19$1, [hasContext.value ? (openBlock(), createElementBlock("div", _hoisted_20$1, [
+						showStandaloneBadge.value ? (openBlock(), createElementBlock("span", _hoisted_21$1, toDisplayString(config.value.standaloneLabel), 1)) : createCommentVNode("", true),
+						showRunSlot.value ? (openBlock(), createElementBlock("div", {
 							key: 1,
 							class: normalizeClass(["mint-topbar__run-slot", { "mint-topbar__run-slot--joined": runSlotJoined.value }]),
 							"data-onboarding": "topbar-run"
@@ -2939,11 +3160,11 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 								...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())
+								onSelect: _cache[3] || (_cache[3] = ($event) => unref(appExperiment).openModal()),
+								onSave: _cache[4] || (_cache[4] = ($event) => unref(appExperiment).handleSave()),
+								onDetach: _cache[5] || (_cache[5] = ($event) => unref(appExperiment).handleDetach())
 							}), null, 16)) : createCommentVNode("", true),
-							createElementVNode("span", _hoisted_21$1, toDisplayString(__props.job ? JOB_STATUS_TEXT[__props.job.status] : ""), 1),
+							createElementVNode("span", _hoisted_22$1, toDisplayString(__props.job ? JOB_STATUS_TEXT[__props.job.status] : ""), 1),
 							createVNode(Transition, {
 								name: "mint-topbar-job",
 								mode: "out-in",
@@ -2959,48 +3180,110 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 									"aria-label": jobName.value,
 									"aria-expanded": __props.jobsOpen,
 									"aria-controls": __props.jobsPanelId,
-									onClick: _cache[5] || (_cache[5] = ($event) => emit("job-click"))
+									onClick: _cache[6] || (_cache[6] = ($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", {
+								}, null, 8, ["class"])), jobPercent.value != null ? (openBlock(), createElementBlock("span", _hoisted_24$1, [createElementVNode("span", { style: normalizeStyle({ width: `${jobPercent.value}%` }) }, null, 4)])) : createCommentVNode("", true)], 10, _hoisted_23$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-label": __props.jobsDone ? `Jobs, ${__props.jobsDone} completed` : "Jobs",
+									title: "Jobs",
 									"aria-expanded": __props.jobsOpen,
 									"aria-controls": __props.jobsPanelId,
-									onClick: _cache[6] || (_cache[6] = ($event) => emit("job-click"))
+									onClick: _cache[7] || (_cache[7] = ($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)]),
+									_cache[15] || (_cache[15] = createElementVNode("span", { class: "mint-topbar__job-label" }, "Jobs", -1)),
+									__props.jobsDone ? (openBlock(), createElementBlock("span", _hoisted_26$1, toDisplayString(__props.jobsDone), 1)) : createCommentVNode("", true)
+								], 8, _hoisted_25$1)) : createCommentVNode("", true)]),
 								_: 1
 							})
 						], 2)) : createCommentVNode("", true),
-						renderSlot(_ctx.$slots, "actions"),
 						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, {
+						(openBlock(true), createElementBlock(Fragment, null, renderList(visibleActions.value, (action) => {
+							return openBlock(), createElementBlock(Fragment, { key: action.id }, [action.icon ? (openBlock(), createElementBlock("button", {
+								key: 0,
+								type: "button",
+								class: "mint-topbar__icon-btn",
+								"aria-label": action.label,
+								title: action.title ?? action.label,
+								disabled: action.disabled || action.loading,
+								"aria-busy": action.loading || void 0,
+								"data-action": action.id,
+								onClick: ($event) => action.onSelect()
+							}, [action.loading ? (openBlock(), createBlock(unref(LoaderCircle), {
+								key: 0,
+								class: "mint-topbar__icon-btn-icon mint-topbar__job-icon--spin",
+								"aria-hidden": "true"
+							})) : (openBlock(), createBlock(LucideIconInternal_default, {
+								key: 1,
+								name: action.icon,
+								size: 16
+							}, null, 8, ["name"])), action.dot ? (openBlock(), createElementBlock("span", {
+								key: 2,
+								class: normalizeClass(["mint-topbar__icon-btn-dot", `mint-topbar__icon-btn-dot--${action.dot}`]),
+								"aria-hidden": "true"
+							}, null, 2)) : createCommentVNode("", true)], 8, _hoisted_27$1)) : (openBlock(), createBlock(BaseButton_default, {
+								key: 1,
+								variant: "secondary",
+								size: "sm",
+								title: action.title,
+								loading: action.loading,
+								disabled: action.disabled,
+								"data-action": action.id,
+								onClick: ($event) => action.onSelect()
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(action.label), 1)]),
+								_: 2
+							}, 1032, [
+								"title",
+								"loading",
+								"disabled",
+								"data-action",
+								"onClick"
+							]))], 64);
+						}), 128)),
+						overflowMenuItems.value.length ? (openBlock(), createBlock(ActionMenu_default, {
 							key: 3,
-							size: "sm"
-						})) : createCommentVNode("", true),
-						showSettings.value ? (openBlock(), createElementBlock("button", {
-							key: 4,
+							label: "More actions",
+							items: overflowMenuItems.value,
+							onSelect: selectOverflowAction
+						}, {
+							trigger: withCtx(({ open, toggle, keydown }) => [createElementVNode("button", {
+								type: "button",
+								class: "mint-topbar__icon-btn",
+								"aria-label": "More actions",
+								title: "More actions",
+								"aria-haspopup": "menu",
+								"aria-expanded": open,
+								onClick: toggle,
+								onKeydown: keydown
+							}, [createVNode(unref(Ellipsis), {
+								class: "mint-topbar__icon-btn-icon",
+								"aria-hidden": "true"
+							})], 40, _hoisted_28$1)]),
+							_: 1
+						}, 8, ["items"])) : createCommentVNode("", true),
+						_ctx.$slots.actions ? (openBlock(), createElementBlock("span", _hoisted_29$1, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
+					])) : createCommentVNode("", true), createElementVNode("div", _hoisted_30$1, [
+						createVNode(ThemeToggle_default, { size: "sm" }),
+						createElementVNode("button", {
 							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", {
+							onClick: _cache[8] || (_cache[8] = ($event) => settingsOpen.value = true)
+						}, [..._cache[16] || (_cache[16] = [createElementVNode("svg", {
 							class: "mint-topbar__settings-icon",
 							viewBox: "0 0 24 24",
 							fill: "none",
@@ -3012,14 +3295,14 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 							cx: "12",
 							cy: "12",
 							r: "3"
-						})], -1)])])) : createCommentVNode("", true),
+						})], -1)])]),
 						renderSlot(_ctx.$slots, "account")
-					])
-				])], 2),
-				showSettings.value && settingsOpen.value ? (openBlock(), createBlock(unref(SettingsModal), {
+					])])
+				], 2)], 2),
+				settingsOpen.value ? (openBlock(), createBlock(unref(SettingsModal), {
 					key: 0,
 					open: settingsOpen.value,
-					"onUpdate:open": _cache[8] || (_cache[8] = ($event) => settingsOpen.value = $event),
+					"onUpdate:open": _cache[9] || (_cache[9] = ($event) => settingsOpen.value = $event),
 					title: settingsConfig.value?.title,
 					tabs: normalizedSettingsTabs.value,
 					"show-appearance": settingsConfig.value?.showAppearance ?? true,
@@ -3029,7 +3312,7 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					spec: settingsConfig.value?.spec,
 					values: settingsConfig.value?.values,
 					"user-type": settingsConfig.value?.userType,
-					"onUpdate:values": _cache[9] || (_cache[9] = ($event) => emit("settings-values-change", $event))
+					"onUpdate:values": _cache[10] || (_cache[10] = ($event) => emit("settings-values-change", $event))
 				}, createSlots({
 					appearance: withCtx(() => [renderSlot(_ctx.$slots, "settings-appearance")]),
 					_: 2
@@ -3050,7 +3333,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[10] || (_cache[10] = ($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[11] || (_cache[11] = ($event) => $event ? unref(appExperiment).openModal() : unref(appExperiment).closeModal()) }), null, 16)) : createCommentVNode("", true)
 			], 64);
 		};
 	}
@@ -4333,10 +4616,10 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 			};
 		}
 		function badgeToneClass(section) {
-			return `mint-sidebar__rail-badge--${section.badgeTone ?? "cta"}`;
+			return `mint-sidebar__rail-badge--${section.badgeTone ?? "primary"}`;
 		}
 		function tagToneClass(section) {
-			return `mint-sidebar__tag--${section.badgeTone ?? "cta"}`;
+			return `mint-sidebar__tag--${section.badgeTone ?? "primary"}`;
 		}
 		function actionClasses(action) {
 			return ["mint-sidebar__group-action", action.tone ? `mint-sidebar__group-action--${action.tone}` : ""];
@@ -4519,6 +4802,6 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-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 };
+export { controlValuesToComponentBindings as A, warnDeprecatedOnce as C, getControlDefaults as D, defineControls as E, controlsToSettingsSchema as F, getDefaultControlView as I, CollapsibleCard_default as L, controlValuesToComponentProps as M, controlsTo as N, useControlSchema as O, controlsToFormSchema as P, ThemeToggle_default as R, AppLayout_default as S, defineControlComponentBindings 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, controlValuesToComponentBindingsById as j, controlBindings 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, usePluginWorkspace as w, normalizeLabelItemInput as x, PluginIcon_default as y, useTheme as z };
 
-//# sourceMappingURL=AppSidebar-BDrd7Kwn.js.map
+//# sourceMappingURL=AppSidebar-C-Vq5x4I.js.map