@morscherlab/mint-sdk 1.4.0-beta.7 → 1.4.0-beta.9

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

@@ -1,8 +1,8 @@
-import { i as BaseButton_default, r as useEventListener } from "./BaseModal-DfRIuVoj.js";
+import { a as BaseButton_default, i as useEventListener, t as useDropdownState } from "./useDropdownState-8yWMu-7_.js";
 import { f as useSettingsStore, n as integrationHost } from "./experiment-43OJtH7R.js";
-import { D as useDropdownState, O as FormField_default, _ as APP_EXPERIMENT_KEY, j as BaseCheckbox_default, t as isRecord } from "./records-BzTcxekG.js";
-import { _ as getFieldRegistryEntry, a as StepWizard_default, d as humanize, f as numericValue, l as normalizeControls, m as orderedUnique, o as usePlatform, s as defaultValueForControl, u as normalizeOption, v as getTypeDefault, z as applySpecDefaults } from "./useListReorder-CcbEYxX-.js";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toValue, unref, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { I as FormField_default, _ as APP_EXPERIMENT_KEY, t as isRecord, z as BaseCheckbox_default } from "./records-B6gpM_3e.js";
+import { F as applySpecDefaults, _ as getFieldRegistryEntry, a as StepWizard_default, d as humanize, f as numericValue, l as normalizeControls, m as orderedUnique, o as usePlatform, s as defaultValueForControl, u as normalizeOption, v as getTypeDefault } from "./useListReorder-BitdUhxn.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, readonly, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toValue, unref, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { Moon, Sun } from "lucide-vue-next";
 //#region src/composables/useTheme.ts
 /** Reads and toggles the active theme (light/dark/system) with reactivity to OS preference changes. */
@@ -1542,6 +1542,8 @@ var _hoisted_13$2 = {
 	key: 0,
 	class: "mint-pill-nav__dropdown-description"
 };
+var MAX_VISIBLE_ITEMS = 4;
+var MORE_ITEM_ID = "__mint-pill-nav-more";
 //#endregion
 //#region src/components/internal/AppTopBarPillNavInternal.vue
 var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
@@ -1557,7 +1559,18 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const openItemId = ref(null);
 		const itemRefs = ref(/* @__PURE__ */ new Map());
-		const normalizedItems = computed(() => props.items.map(normalizePillNavItem));
+		/** The bar shows this many items; the rest fold into a More dropdown. */
+		const allItems = computed(() => props.items.map(normalizePillNavItem));
+		const normalizedItems = computed(() => {
+			if (allItems.value.length <= MAX_VISIBLE_ITEMS) return allItems.value;
+			const folded = allItems.value.slice(MAX_VISIBLE_ITEMS);
+			return [...allItems.value.slice(0, MAX_VISIBLE_ITEMS), {
+				id: MORE_ITEM_ID,
+				label: "More",
+				dot: folded.some((item) => item.dot),
+				children: folded.flatMap((item) => item.children?.length ? item.children : [item])
+			}];
+		});
 		function handleClick(item) {
 			if (item.disabled) return;
 			if (item.children?.length) {
@@ -1569,8 +1582,19 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 		}
 		function handleOptionClick(option, item) {
 			if (option.disabled) return;
-			if (!option.href && !option.to) emit("option-select", option, item);
 			openItemId.value = null;
+			if (option.href || option.to) return;
+			if (item.id !== MORE_ITEM_ID) {
+				emit("option-select", option, item);
+				return;
+			}
+			const folded = allItems.value.find((candidate) => candidate.id === option.id && !candidate.children?.length);
+			if (folded) {
+				emit("select", folded);
+				return;
+			}
+			const group = allItems.value.find((candidate) => candidate.children?.some((child) => child.id === option.id));
+			if (group) emit("option-select", option, group);
 		}
 		function normalizePillNavItem(item) {
 			const normalized = normalizeItemInput(item);
@@ -1711,6 +1735,29 @@ var AppTopBarPillNavInternal_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/composables/pluginIdentity.ts
+var identity = reactive({});
+/** The seeded identity AppTopBar shows in standalone mode. Internal: not exported from the package. */
+var pluginIdentity = readonly(identity);
+/**
+* Seed the standalone AppTopBar with the plugin name, subtitle and icon. In integrated
+* mode the platform supplies them. Explicit `title`/`subtitle` props and the `#icon` slot still win.
+*
+* @example
+* ```typescript
+* import { providePluginIdentity } from '@morscherlab/mint-sdk'
+* import { contract } from './generated/mint-plugin'
+*
+* providePluginIdentity(contract)
+* ```
+*/
+function providePluginIdentity(contract) {
+	const { plugin } = contract;
+	identity.name = plugin.displayName || plugin.name || void 0;
+	identity.subtitle = plugin.subtitle || plugin.description || void 0;
+	identity.icon = plugin.icon || void 0;
+}
+//#endregion
 //#region src/components/AppTopBar.toastOffset.ts
 /**
 * Publishes the top-most mounted AppTopBar's bottom edge as `--mint-toast-offset-top`
@@ -1757,53 +1804,58 @@ function trackTopBarForToasts(el) {
 //#endregion
 //#region src/components/AppTopBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$4 = { class: "mint-topbar__container" };
-var _hoisted_2$2 = { class: "mint-topbar__brand" };
-var _hoisted_3$2 = ["href"];
-var _hoisted_4$2 = {
+var _hoisted_2$2 = { class: "mint-topbar__start" };
+var _hoisted_3$2 = { class: "mint-topbar__brand" };
+var _hoisted_4$2 = ["href"];
+var _hoisted_5$2 = {
 	key: 0,
 	class: "mint-topbar__identity"
 };
-var _hoisted_5$2 = {
+var _hoisted_6$1 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_6$1 = {
+var _hoisted_7$1 = {
 	key: 0,
 	class: "mint-topbar__identity"
 };
-var _hoisted_7$1 = {
+var _hoisted_8$1 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_8$1 = {
+var _hoisted_9$1 = {
 	key: 0,
 	class: "mint-topbar__identity"
 };
-var _hoisted_9$1 = {
+var _hoisted_10$1 = {
 	key: 0,
 	class: "mint-topbar__logo"
 };
-var _hoisted_10$1 = {
+var _hoisted_11$1 = {
 	key: 0,
 	class: "mint-topbar__plugin-identity"
 };
-var _hoisted_11$1 = { class: "mint-topbar__plugin-name" };
-var _hoisted_12$1 = {
+var _hoisted_12$1 = { class: "mint-topbar__plugin-name" };
+var _hoisted_13$1 = {
+	key: 0,
+	class: "mint-topbar__plugin-subtitle"
+};
+var _hoisted_14$1 = {
 	key: 3,
 	class: "mint-topbar-title-group"
 };
-var _hoisted_13$1 = { class: "mint-topbar-title" };
-var _hoisted_14$1 = { class: "mint-topbar-subtitle" };
-var _hoisted_15$1 = {
+var _hoisted_15$1 = { class: "mint-topbar-title" };
+var _hoisted_16$1 = { class: "mint-topbar-subtitle" };
+var _hoisted_17$1 = {
 	key: 4,
 	class: "mint-topbar__title-only"
 };
-var _hoisted_16$1 = {
-	key: 5,
+var _hoisted_18$1 = {
+	key: 0,
 	class: "mint-topbar__center"
 };
-var _hoisted_17$1 = { class: "mint-topbar__right" };
-var _hoisted_18$1 = {
+var _hoisted_19$1 = { class: "mint-topbar__right" };
+var _hoisted_20$1 = {
 	key: 0,
 	class: "mint-topbar__standalone-badge"
 };
@@ -1827,7 +1879,11 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		"settings-values-change"
 	],
 	setup(__props, { emit: __emit }) {
-		/** Full application top bar with brand logo, static plugin identity, page selector, centered pill nav, experiment popover, and an account slot. */
+		/**
+		* Full application top bar with brand logo, static plugin identity, page selector, centered pill nav, experiment popover, and an account slot.
+		*
+		* The `#icon` slot applies in standalone mode only; integrated branding comes from `Metadata.icon`.
+		*/
 		const props = __props;
 		const config = computed(() => applySpecDefaults({
 			variant: "card",
@@ -1839,9 +1895,9 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		}, props.spec));
 		const settingsConfig = computed(() => toValue(config.value.settings) || void 0);
 		const showSettings = computed(() => settingsConfig.value !== void 0);
-		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-CSLE31yg.js").then((n) => n.n));
-		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-C4sGw-is.js").then((n) => n.n));
-		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-D-9z7cNx.js").then((n) => n.n));
+		const SettingsModal = defineAsyncComponent(() => import("./SettingsModal-483nyI6b.js").then((n) => n.n));
+		const ExperimentPopover = defineAsyncComponent(() => import("./ExperimentPopover-5T1fAq2L.js").then((n) => n.n));
+		const ExperimentSelectorModal = defineAsyncComponent(() => import("./ExperimentSelectorModal-65peG4Up.js").then((n) => n.n));
 		const emit = __emit;
 		const settingsOpen = ref(false);
 		const headerEl = ref(null);
@@ -1854,13 +1910,11 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		const isStandalone = computed(() => !isIntegrated.value);
 		const appExperiment = inject(APP_EXPERIMENT_KEY, null);
 		const canBindExperiment = computed(() => plugin.value?.plugin_type !== "static");
-		const pluginIcon = computed(() => {
-			const currentPlugin = plugin.value;
-			return currentPlugin?.icon ? {
-				icon: currentPlugin.icon,
-				color: currentPlugin.color
-			} : null;
-		});
+		const slots = useSlots();
+		const pluginIcon = computed(() => plugin.value?.icon || (slots.logo ? void 0 : pluginIdentity.icon));
+		const seeded = computed(() => isStandalone.value && !props.title && !props.subtitle);
+		const titleText = computed(() => props.title || (seeded.value ? pluginIdentity.name : void 0));
+		const subtitleText = computed(() => props.subtitle || (seeded.value ? pluginIdentity.subtitle : void 0));
 		const hasPlatformPageSelector = computed(() => props.pageSelector === void 0 && (plugin.value?.nav_items?.length ?? 0) > 1);
 		const hasPropPageSelector = computed(() => (props.pageSelector?.length ?? 0) > 1);
 		const hasPageSelector = computed(() => hasPropPageSelector.value || hasPlatformPageSelector.value);
@@ -1871,9 +1925,10 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 		}, { flush: "sync" });
 		/** Integrated plugins show their name as a static identity in place of the title; the page selector replaces it. */
 		const identityName = computed(() => isIntegrated.value && !hasPageSelector.value ? plugin.value?.display_name || plugin.value?.name : void 0);
+		const identitySubtitle = computed(() => plugin.value?.subtitle || plugin.value?.description);
 		const hasPillNav = computed(() => !!config.value.pills?.length);
-		const hasTitleGroup = computed(() => !hasPageSelector.value && !identityName.value && !!props.title && !!props.subtitle);
-		const hasTitleOnly = computed(() => !hasPageSelector.value && !identityName.value && !hasTitleGroup.value && !!props.title);
+		const hasTitleGroup = computed(() => !hasPageSelector.value && !identityName.value && !!titleText.value && !!subtitleText.value);
+		const hasTitleOnly = computed(() => !hasPageSelector.value && !identityName.value && !hasTitleGroup.value && !!titleText.value);
 		const normalizedPageSelector = computed(() => props.pageSelector?.map(normalizeItemInput) ?? []);
 		const normalizedPillNav = computed(() => config.value.pills ?? []);
 		function handlePillSelect(item) {
@@ -1889,91 +1944,87 @@ var AppTopBar_default = /* @__PURE__ */ defineComponent({
 					ref: headerEl,
 					class: normalizeClass(["mint-topbar", `mint-topbar--${config.value.variant}`])
 				}, [createElementVNode("div", _hoisted_1$4, [
-					createElementVNode("div", _hoisted_2$2, [config.value.homePath && (config.value.homePath.startsWith("http") || config.value.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
-						key: 0,
-						href: config.value.homePath,
-						class: "mint-topbar-home-link"
-					}, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_4$2, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
-						key: 0,
-						class: "mint-topbar__plugin-icon",
-						icon: unref(plugin)?.icon,
-						color: unref(plugin)?.color,
-						size: "topbar",
-						variant: "solid"
-					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
-						key: 0,
-						class: "mint-topbar__plugin-icon",
-						icon: pluginIcon.value.icon,
-						color: pluginIcon.value.color,
-						size: "topbar",
-						variant: "solid"
-					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_5$2, [..._cache[9] || (_cache[9] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 8, _hoisted_3$2)) : config.value.homePath ? (openBlock(), createBlock(_component_router_link, {
-						key: 1,
-						to: config.value.homePath,
-						class: "mint-topbar-home-link"
-					}, {
-						default: withCtx(() => [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_6$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+					createElementVNode("div", _hoisted_2$2, [
+						createElementVNode("div", _hoisted_3$2, [config.value.homePath && (config.value.homePath.startsWith("http") || config.value.homePath.startsWith("/")) ? (openBlock(), createElementBlock("a", {
+							key: 0,
+							href: config.value.homePath,
+							class: "mint-topbar-home-link"
+						}, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_5$2, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
 							key: 0,
 							class: "mint-topbar__plugin-icon",
 							icon: unref(plugin)?.icon,
-							color: unref(plugin)?.color,
 							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
 							key: 0,
 							class: "mint-topbar__plugin-icon",
-							icon: pluginIcon.value.icon,
-							color: pluginIcon.value.color,
+							icon: pluginIcon.value,
 							size: "topbar",
 							variant: "solid"
-						}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_7$1, [..._cache[10] || (_cache[10] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)]),
-						_: 3
-					}, 8, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_8$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
-						key: 0,
-						class: "mint-topbar__plugin-icon",
-						icon: unref(plugin)?.icon,
-						color: unref(plugin)?.color,
-						size: "topbar",
-						variant: "solid"
-					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
-						key: 0,
-						class: "mint-topbar__plugin-icon",
-						icon: pluginIcon.value.icon,
-						color: pluginIcon.value.color,
-						size: "topbar",
-						variant: "solid"
-					}, null, 8, ["icon", "color"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_9$1, [..._cache[11] || (_cache[11] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 64))]),
-					identityName.value ? (openBlock(), createElementBlock("span", _hoisted_10$1, [createElementVNode("span", _hoisted_11$1, toDisplayString(identityName.value), 1)])) : createCommentVNode("", true),
-					hasPlatformPageSelector.value ? (openBlock(), createElementBlock("span", {
-						key: 1,
-						ref_key: "platformPageSelectorEl",
-						ref: platformPageSelectorEl,
-						class: "mint-topbar__platform-page-selector"
-					}, null, 512)) : hasPropPageSelector.value ? (openBlock(), createBlock(AppTopBarPageSelectorInternal_default, {
-						key: 2,
-						pages: normalizedPageSelector.value,
-						"current-page-id": __props.currentPageSelectorId,
-						onSelect: _cache[0] || (_cache[0] = ($event) => emit("page-selector-select", $event))
-					}, createSlots({ _: 2 }, [_ctx.$slots["page-selector-icon"] ? {
-						name: "icon",
-						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-icon", normalizeProps(guardReactiveProps(slotProps)))]),
-						key: "0"
-					} : void 0, _ctx.$slots["page-selector-item-icon"] ? {
-						name: "item-icon",
-						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-item-icon", normalizeProps(guardReactiveProps(slotProps)))]),
-						key: "1"
-					} : void 0]), 1032, ["pages", "current-page-id"])) : createCommentVNode("", true),
-					hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [createElementVNode("span", _hoisted_13$1, toDisplayString(__props.title), 1), createElementVNode("span", _hoisted_14$1, toDisplayString(__props.subtitle), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_15$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-					renderSlot(_ctx.$slots, "nav"),
-					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_16$1, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_6$1, [..._cache[9] || (_cache[9] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 8, _hoisted_4$2)) : config.value.homePath ? (openBlock(), createBlock(_component_router_link, {
+							key: 1,
+							to: config.value.homePath,
+							class: "mint-topbar-home-link"
+						}, {
+							default: withCtx(() => [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_7$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+								key: 0,
+								class: "mint-topbar__plugin-icon",
+								icon: unref(plugin)?.icon,
+								size: "topbar",
+								variant: "solid"
+							}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+								key: 0,
+								class: "mint-topbar__plugin-icon",
+								icon: pluginIcon.value,
+								size: "topbar",
+								variant: "solid"
+							}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_8$1, [..._cache[10] || (_cache[10] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)]),
+							_: 3
+						}, 8, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [unref(isIntegrated) || _ctx.$slots.icon || _ctx.$slots.logo || pluginIcon.value || config.value.logo ? (openBlock(), createElementBlock("span", _hoisted_9$1, [unref(isIntegrated) ? (openBlock(), createBlock(PluginIcon_default, {
+							key: 0,
+							class: "mint-topbar__plugin-icon",
+							icon: unref(plugin)?.icon,
+							size: "topbar",
+							variant: "solid"
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "icon", {}, () => [pluginIcon.value ? (openBlock(), createBlock(PluginIcon_default, {
+							key: 0,
+							class: "mint-topbar__plugin-icon",
+							icon: pluginIcon.value,
+							size: "topbar",
+							variant: "solid"
+						}, null, 8, ["icon"])) : renderSlot(_ctx.$slots, "logo", {}, () => [config.value.logo ? (openBlock(), createElementBlock("div", _hoisted_10$1, [..._cache[11] || (_cache[11] = [createElementVNode("div", { class: "mint-topbar__logo-icon" }, [createElementVNode("span", { class: "mint-topbar__logo-text" }, "M")], -1)])])) : createCommentVNode("", true)], void 0, 1)], void 0, 1)])) : createCommentVNode("", true)], 64))]),
+						identityName.value ? (openBlock(), createElementBlock("span", _hoisted_11$1, [createElementVNode("span", _hoisted_12$1, toDisplayString(identityName.value), 1), identitySubtitle.value ? (openBlock(), createElementBlock("span", _hoisted_13$1, toDisplayString(identitySubtitle.value), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+						hasPlatformPageSelector.value ? (openBlock(), createElementBlock("span", {
+							key: 1,
+							ref_key: "platformPageSelectorEl",
+							ref: platformPageSelectorEl,
+							class: "mint-topbar__platform-page-selector"
+						}, null, 512)) : hasPropPageSelector.value ? (openBlock(), createBlock(AppTopBarPageSelectorInternal_default, {
+							key: 2,
+							pages: normalizedPageSelector.value,
+							"current-page-id": __props.currentPageSelectorId,
+							onSelect: _cache[0] || (_cache[0] = ($event) => emit("page-selector-select", $event))
+						}, createSlots({ _: 2 }, [_ctx.$slots["page-selector-icon"] ? {
+							name: "icon",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-icon", normalizeProps(guardReactiveProps(slotProps)))]),
+							key: "0"
+						} : void 0, _ctx.$slots["page-selector-item-icon"] ? {
+							name: "item-icon",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "page-selector-item-icon", normalizeProps(guardReactiveProps(slotProps)))]),
+							key: "1"
+						} : void 0]), 1032, ["pages", "current-page-id"])) : createCommentVNode("", true),
+						hasTitleGroup.value ? (openBlock(), createElementBlock("div", _hoisted_14$1, [createElementVNode("span", _hoisted_15$1, toDisplayString(titleText.value), 1), createElementVNode("span", _hoisted_16$1, toDisplayString(subtitleText.value), 1)])) : hasTitleOnly.value ? (openBlock(), createElementBlock("span", _hoisted_17$1, toDisplayString(titleText.value), 1)) : createCommentVNode("", true),
+						renderSlot(_ctx.$slots, "nav")
+					]),
+					hasPillNav.value || _ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_18$1, [renderSlot(_ctx.$slots, "center", {}, () => [hasPillNav.value ? (openBlock(), createBlock(AppTopBarPillNavInternal_default, {
 						key: 0,
 						items: normalizedPillNav.value,
 						"current-item-id": __props.pill,
 						onSelect: handlePillSelect,
 						onOptionSelect: _cache[1] || (_cache[1] = (option, item) => emit("pill-option-select", option, item))
 					}, null, 8, ["items", "current-item-id"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_17$1, [
-						config.value.standaloneLabel !== false && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_18$1, toDisplayString(config.value.standaloneLabel), 1)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_19$1, [
+						config.value.standaloneLabel !== false && isStandalone.value ? (openBlock(), createElementBlock("span", _hoisted_20$1, toDisplayString(config.value.standaloneLabel), 1)) : createCommentVNode("", true),
 						unref(appExperiment) && !isStandalone.value && canBindExperiment.value ? (openBlock(), createBlock(unref(ExperimentPopover), mergeProps({ key: 1 }, unref(appExperiment).popover.value, {
 							onSelect: _cache[2] || (_cache[2] = ($event) => unref(appExperiment).openModal()),
 							onSave: _cache[3] || (_cache[3] = ($event) => unref(appExperiment).handleSave()),
@@ -3509,6 +3560,6 @@ var AppSidebar_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { CollapsibleCard_default as A, controlValuesToComponentBindings as C, controlsToFormSchema as D, controlsTo as E, useTheme as M, controlsToSettingsSchema as O, controlBindings as S, controlValuesToComponentProps as T, usePluginWorkspace as _, pickExistingRecordKeys as a, getControlDefaults as b, valuesEqual as c, useForm as d, AppTopBar_default as f, AppLayout_default as g, normalizeLabelItemInput as h, formSchemaFieldNames as i, ThemeToggle_default as j, getDefaultControlView as k, useFormBuilder as l, normalizeItemInput as m, FormSchemaInternal_default as n, pickRecordKeys as o, PluginIcon_default as p, FormFieldRendererInternal_default as r, recordValuesEqualForKeys as s, AppSidebar_default as t, evaluateCondition as u, defineControlComponentBindings as v, controlValuesToComponentBindingsById as w, useControlSchema as x, defineControls as y };
+export { getDefaultControlView as A, controlBindings as C, controlsTo as D, controlValuesToComponentProps as E, ThemeToggle_default as M, useTheme as N, controlsToFormSchema as O, useControlSchema as S, controlValuesToComponentBindingsById as T, AppLayout_default as _, pickExistingRecordKeys as a, defineControls as b, valuesEqual as c, useForm as d, AppTopBar_default as f, normalizeLabelItemInput as g, normalizeItemInput as h, formSchemaFieldNames as i, CollapsibleCard_default as j, controlsToSettingsSchema as k, useFormBuilder as l, PluginIcon_default as m, FormSchemaInternal_default as n, pickRecordKeys as o, providePluginIdentity as p, FormFieldRendererInternal_default as r, recordValuesEqualForKeys as s, AppSidebar_default as t, evaluateCondition as u, usePluginWorkspace as v, controlValuesToComponentBindings as w, getControlDefaults as x, defineControlComponentBindings as y };
 
-//# sourceMappingURL=AppSidebar-BmiiPfz9.js.map
+//# sourceMappingURL=AppSidebar-Dq9W1jE2.js.map