n8n-editor-ui 2.3.3 → 2.4.1

package/dist/assets/{SettingsView-6sirGv9l.css → BottomMenu-CYgiV90C.css}

@@ -120,36 +120,45 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_189g8_123 {
-  min-width: 200px;
-  height: 100%;
-  background-color: var(--color--background--light-3);
-  border-right: var(--border);
-  position: relative;
-  overflow: auto;
-}
-._returnButton_189g8_132 {
-  padding: var(--spacing--xs);
-  cursor: pointer;
+._header_h1cur_123 {
   display: flex;
-  gap: var(--spacing--3xs);
   align-items: center;
+  padding: var(--spacing--2xs) var(--spacing--3xs);
+  justify-content: space-between;
+  gap: var(--spacing--4xs);
 }
-._returnButton_189g8_132:hover {
-  color: var(--color--primary);
+._header_h1cur_123 img {
+  position: relative;
+  left: 1px;
+  height: 20px;
+  margin-right: auto;
 }
-._items_189g8_143 {
-  display: flex;
+._header_h1cur_123._collapsed_h1cur_136 {
   flex-direction: column;
-  padding: 0 var(--spacing--3xs);
+  border-bottom: var(--border);
+}
+._logo_h1cur_141 {
+  margin-right: auto;
+}
+._beta_h1cur_145 {
+  margin-top: var(--spacing--3xs);
+  margin-left: var(--spacing--3xs);
 }
-._versionContainer_189g8_149 {
-  padding: var(--spacing--xs);
+._readOnlyEnvironmentIcon_h1cur_150 {
+  display: inline-block;
+  color: white;
+  background-color: var(--color--warning);
+  align-self: center;
+  padding: 2px;
+  border-radius: var(--radius--sm);
+  margin: 7px 12px 0 5px;
 }
-@media screen and (max-height: 420px) {
-._versionContainer_189g8_149 {
-    display: none;
+._iconButton_h1cur_160 {
+  margin-left: auto;
+  margin-right: 5px;
 }
+._upgradeButton_h1cur_165 {
+  margin-left: auto;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -272,23 +281,34 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_93ml1_123 {
-  height: 100%;
-  width: 100%;
+._bottomMenu_j9qwv_123 {
   display: flex;
-  overflow: hidden;
+  flex-direction: column;
+  margin-top: auto;
 }
-._contentContainer_93ml1_130 {
-  justify-content: center;
-  padding-top: 70.5px;
-  height: 100%;
-  overflow: auto;
-  background-color: var(--color--background--light-2);
-  position: relative;
+._bottomMenu_j9qwv_123._collapsed_j9qwv_128 {
+  border-top: var(--border);
+}
+._bottomMenuItems_j9qwv_132 {
+  padding: var(--spacing--3xs);
+}
+._popover_j9qwv_136 {
+  padding: var(--spacing--4xs);
+  min-width: 260px;
+  border-radius: var(--radius);
+  background-color: var(--menu--color--background, var(--color--background--light-2));
+}
+._popoverTitle_j9qwv_143 {
+  display: block;
+  margin-bottom: var(--spacing--3xs);
+  padding-left: var(--spacing--3xs);
+  margin-top: var(--spacing--xs);
 }
-._content_93ml1_130 {
-  height: 100%;
+._divider_j9qwv_150 {
+  display: block;
   width: 100%;
-  max-width: 1440px;
-  padding: 0 var(--spacing--2xl);
+  padding-top: var(--spacing--3xs);
+  border-bottom: var(--border);
+  margin-bottom: var(--spacing--3xs);
+  background-color: var(--color--border);
 }

package/dist/assets/{BottomMenu-n6wDMblT.js → BottomMenu-Zsty8SFw.js}

@@ -1,61 +1,15 @@
-import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, W as mergeProps, _ as Fragment, bt as withCtx, ct as resolveDynamicComponent, et as openBlock, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { M as useLocalStorage, _t as useI18n, g as onClickOutside, vt as I18nT } from "./_MapCache-ficiegRb.js";
-import { D as N8nPopover_default, I as N8nLogo_default, M as N8nNavigationDropdown_default, N as N8nMenuItem_default, P as BetaTag_default, Sn as N8nButton_default, ht as N8nTooltip_default, mt as N8nLink_default, wn as N8nIcon_default, xn as N8nText_default, xt as N8nIconButton_default } from "./src-BiuB4CZc.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { f as RouterLink } from "./truncate-B1HVeveJ.js";
-import { Dr as useUsersStore, Ec as STORES, O as useTelemetry, Zn as useSourceControlStore, gs as useSettingsStore, hs as useStorage, oa as useUIStore, p as useCloudPlanStore, sc as getBecomeCreatorCta } from "./builder.store-CgMqPgnW.js";
-import { Bo as VIEWS, Wa as DateTime, Ws as LOCAL_STORAGE_SIDEBAR_WIDTH, x as RELEASE_NOTES_URL } from "./constants-B5yiZflE.js";
-import { k as defineStore, r as useRootStore } from "./_baseOrderBy-DwurmLcj.js";
-import { t as KeyboardShortcutTooltip_default } from "./KeyboardShortcutTooltip-Bpb4SkjE.js";
-import { t as useVersionsStore } from "./versions.store-CzvzmERa.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-BJH0h6XA.js";
-import { i as useGlobalEntityCreation, t as useCommandBar } from "./useCommandBar-CXSPJjOq.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, W as mergeProps, _ as Fragment, bt as withCtx, ct as resolveDynamicComponent, et as openBlock, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { M as useLocalStorage, _t as useI18n, g as onClickOutside, vt as I18nT } from "./_MapCache-DkLivSSb.js";
+import { F as BetaTag_default, L as N8nLogo_default, N as N8nNavigationDropdown_default, O as N8nPopover_default, On as N8nText_default, Ot as N8nIconButton_default, P as N8nMenuItem_default, St as N8nTooltip_default, jn as N8nIcon_default, kn as N8nButton_default, xt as N8nLink_default } from "./src-DpZSuyLC.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import { f as RouterLink } from "./truncate-BrM_9cme.js";
+import { Mt as useTelemetry, hr as useSourceControlStore, ls as useSettingsStore, r as useUIStore, t as useUsersStore } from "./users.store-KBMG-745.js";
+import { Hs as LOCAL_STORAGE_SIDEBAR_WIDTH, x as RELEASE_NOTES_URL, zo as VIEWS } from "./constants-CRdXn3zB.js";
+import { t as useVersionsStore } from "./versions.store-BnGZ_WOG.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-DPAtaAXY.js";
+import { t as KeyboardShortcutTooltip_default } from "./KeyboardShortcutTooltip-Dwz4Hv8g.js";
+import { t as useGlobalEntityCreation } from "./useGlobalEntityCreation-BwX8UUSv.js";
 const isCustomMenuItem = (e) => "component" in e;
-var LOCAL_STORAGE_KEY = "N8N_BECOME_TEMPLATE_CREATOR_CTA_DISMISSED_AT";
-var RESHOW_DISMISSED_AFTER_DAYS = 30;
-var POLL_INTERVAL_IN_MS = 900 * 1e3;
-const useBecomeTemplateCreatorStore = defineStore(STORES.BECOME_TEMPLATE_CREATOR, () => {
-	const cloudPlanStore = useCloudPlanStore();
-	const rootStore = useRootStore();
-	const dismissedAt = useStorage(LOCAL_STORAGE_KEY);
-	const ctaMeetsCriteria = ref(false);
-	const monitorCtasTimer = ref(null);
-	const isDismissed = computed(() => {
-		return dismissedAt.value ? !hasEnoughTimePassedSinceDismissal(dismissedAt.value) : false;
-	});
-	const showBecomeCreatorCta = computed(() => {
-		return ctaMeetsCriteria.value && !cloudPlanStore.userIsTrialing && !isDismissed.value;
-	});
-	const dismissCta = () => {
-		dismissedAt.value = DateTime.now().toISO();
-	};
-	const fetchBecomeCreatorCta = async () => {
-		ctaMeetsCriteria.value = await getBecomeCreatorCta(rootStore.restApiContext);
-	};
-	const fetchUserCtasIfNeeded = async () => {
-		if (isDismissed.value || cloudPlanStore.userIsTrialing || ctaMeetsCriteria.value) return;
-		await fetchBecomeCreatorCta();
-	};
-	const startMonitoringCta = () => {
-		if (monitorCtasTimer.value) return;
-		setTimeout(fetchUserCtasIfNeeded, 1e3);
-		monitorCtasTimer.value = setInterval(fetchUserCtasIfNeeded, POLL_INTERVAL_IN_MS);
-	};
-	const stopMonitoringCta = () => {
-		if (!monitorCtasTimer.value) return;
-		clearInterval(monitorCtasTimer.value);
-		monitorCtasTimer.value = null;
-	};
-	return {
-		showBecomeCreatorCta,
-		dismissCta,
-		startMonitoringCta,
-		stopMonitoringCta
-	};
-});
-function hasEnoughTimePassedSinceDismissal(dismissedAt) {
-	return DateTime.fromISO(dismissedAt).plus({ days: RESHOW_DISMISSED_AFTER_DAYS }) <= DateTime.now();
-}
 function useSidebarLayout() {
 	const uiStore = useUIStore();
 	const isCollapsed = computed(() => uiStore.sidebarMenuCollapsed);
@@ -104,7 +58,6 @@ var MainSidebarHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	emits: ["collapse", "openCommandBar"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const { isEnabled: isCommandBarEnabled } = useCommandBar();
 		const i18n = useI18n();
 		const sourceControlStore = useSourceControlStore();
 		const settingsStore = useSettingsStore();
@@ -122,23 +75,23 @@ var MainSidebarHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass({
 				[_ctx.$style.header]: true,
-				[_ctx.$style.collapsed]: _ctx.isCollapsed
+				[_ctx.$style.collapsed]: __props.isCollapsed
 			}) }, [
-				!_ctx.isCollapsed ? (openBlock(), createBlock(unref(RouterLink), {
+				!__props.isCollapsed ? (openBlock(), createBlock(unref(RouterLink), {
 					key: 0,
 					to: { name: unref(VIEWS).HOMEPAGE },
 					class: normalizeClass(_ctx.$style.logo)
 				}, {
 					default: withCtx(() => [createVNode(unref(N8nLogo_default), {
 						size: "small",
-						collapsed: _ctx.isCollapsed,
+						collapsed: __props.isCollapsed,
 						"release-channel": unref(settingsStore).settings.releaseChannel
 					}, {
-						default: withCtx(() => [_ctx.isBeta ? (openBlock(), createBlock(BetaTag_default, {
+						default: withCtx(() => [__props.isBeta ? (openBlock(), createBlock(BetaTag_default, {
 							key: 0,
 							class: normalizeClass(_ctx.$style.beta),
 							"data-test-id": "beta-icon"
-						}, null, 8, ["class"])) : createCommentVNode("", true), unref(sourceControlStore).preferences.branchReadOnly && !_ctx.isCollapsed ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+						}, null, 8, ["class"])) : createCommentVNode("", true), unref(sourceControlStore).preferences.branchReadOnly && !__props.isCollapsed ? (openBlock(), createBlock(unref(N8nTooltip_default), {
 							key: 1,
 							placement: "bottom"
 						}, {
@@ -166,7 +119,7 @@ var MainSidebarHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					}, 8, ["collapsed", "release-channel"])]),
 					_: 1
 				}, 8, ["to", "class"])) : createCommentVNode("", true),
-				!_ctx.hideCreate ? (openBlock(), createBlock(unref(N8nNavigationDropdown_default), {
+				!__props.hideCreate ? (openBlock(), createBlock(unref(N8nNavigationDropdown_default), {
 					key: 1,
 					ref_key: "createBtn",
 					ref: createBtn,
@@ -227,8 +180,8 @@ var MainSidebarHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							onClick: ($event) => unref(handleMenuSelect)(item.id)
 						}, {
 							default: withCtx(() => [createTextVNode(toDisplayString(unref(upgradeLabel)), 1)]),
-							_: 2
-						}, 1032, ["class", "onClick"]))]),
+							_: 1
+						}, 8, ["class", "onClick"]))]),
 						_: 2
 					}, 1032, ["content"])) : createCommentVNode("", true)]),
 					default: withCtx(() => [createVNode(unref(N8nIconButton_default), {
@@ -240,9 +193,8 @@ var MainSidebarHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					})]),
 					_: 2
 				}, 1032, ["menu", "onSelect"])) : createCommentVNode("", true),
-				unref(isCommandBarEnabled) ? (openBlock(), createBlock(KeyboardShortcutTooltip_default, {
-					key: 2,
-					placement: _ctx.isCollapsed ? "right" : "bottom",
+				createVNode(KeyboardShortcutTooltip_default, {
+					placement: __props.isCollapsed ? "right" : "bottom",
 					"show-after": 500,
 					label: unref(i18n).baseText("nodeView.openCommandBar"),
 					shortcut: {
@@ -259,10 +211,10 @@ var MainSidebarHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						onClick: openCommandBar
 					})]),
 					_: 1
-				}, 8, ["placement", "label"])) : createCommentVNode("", true),
+				}, 8, ["placement", "label"]),
 				createVNode(KeyboardShortcutTooltip_default, {
-					placement: _ctx.isCollapsed ? "right" : "bottom",
-					label: _ctx.isCollapsed ? unref(i18n).baseText("mainSidebar.state.expand") : unref(i18n).baseText("mainSidebar.state.collapse"),
+					placement: __props.isCollapsed ? "right" : "bottom",
+					label: __props.isCollapsed ? unref(i18n).baseText("mainSidebar.state.expand") : unref(i18n).baseText("mainSidebar.state.collapse"),
 					"show-after": 500,
 					shortcut: { keys: ["["] }
 				}, {
@@ -282,59 +234,15 @@ var MainSidebarHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	}
 });
 var MainSidebarHeader_vue_vue_type_style_index_0_lang_module_default = {
-	header: "_header_voqst_123",
-	collapsed: "_collapsed_voqst_137",
-	logo: "_logo_voqst_142",
-	beta: "_beta_voqst_146",
-	readOnlyEnvironmentIcon: "_readOnlyEnvironmentIcon_voqst_151",
-	iconButton: "_iconButton_voqst_161",
-	upgradeButton: "_upgradeButton_voqst_166"
+	header: "_header_h1cur_123",
+	collapsed: "_collapsed_h1cur_136",
+	logo: "_logo_h1cur_141",
+	beta: "_beta_h1cur_145",
+	readOnlyEnvironmentIcon: "_readOnlyEnvironmentIcon_h1cur_150",
+	iconButton: "_iconButton_h1cur_160",
+	upgradeButton: "_upgradeButton_h1cur_165"
 };
 var MainSidebarHeader_default = /* @__PURE__ */ __plugin_vue_export_helper_default(MainSidebarHeader_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": MainSidebarHeader_vue_vue_type_style_index_0_lang_module_default }]]);
-var BecomeTemplateCreatorCta_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "BecomeTemplateCreatorCta",
-	setup(__props) {
-		const i18n = useI18n();
-		const store = useBecomeTemplateCreatorStore();
-		const telemetry = useTelemetry();
-		const onClick = () => {
-			telemetry.track("User clicked become creator CTA");
-		};
-		return (_ctx, _cache) => {
-			return unref(store).showBecomeCreatorCta ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(_ctx.$style.container),
-				"data-test-id": "become-template-creator-cta"
-			}, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.textAndCloseButton) }, [createVNode(unref(N8nText_default), { size: "small" }, {
-				default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("becomeCreator.text")), 1)]),
-				_: 1
-			}), createBaseVNode("button", {
-				class: normalizeClass(_ctx.$style.closeButton),
-				"data-test-id": "close-become-template-creator-cta",
-				onClick: _cache[0] || (_cache[0] = ($event) => unref(store).dismissCta())
-			}, [createVNode(unref(N8nIcon_default), {
-				icon: "x",
-				title: unref(i18n).baseText("generic.close")
-			}, null, 8, ["title"])], 2)], 2), createVNode(unref(N8nButton_default), {
-				class: normalizeClass(_ctx.$style.becomeCreatorButton),
-				label: unref(i18n).baseText("becomeCreator.buttonText"),
-				type: "secondary",
-				element: "a",
-				href: "https://creators.n8n.io/hub",
-				target: "_blank",
-				onClick
-			}, null, 8, ["class", "label"])], 2)) : createCommentVNode("", true);
-		};
-	}
-});
-var BecomeTemplateCreatorCta_vue_vue_type_style_index_0_lang_module_default = {
-	container: "_container_1yloq_123",
-	textAndCloseButton: "_textAndCloseButton_1yloq_132",
-	text: "_text_1yloq_132",
-	closeButton: "_closeButton_1yloq_145",
-	becomeCreatorButton: "_becomeCreatorButton_1yloq_157"
-};
-var BecomeTemplateCreatorCta_default = /* @__PURE__ */ __plugin_vue_export_helper_default(BecomeTemplateCreatorCta_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": BecomeTemplateCreatorCta_vue_vue_type_style_index_0_lang_module_default }]]);
 var VersionUpdateCTA_default = /* @__PURE__ */ defineComponent({
 	__name: "VersionUpdateCTA",
 	props: {
@@ -382,7 +290,6 @@ var BottomMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 	emits: ["select", "logout"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const cloudPlanStore = useCloudPlanStore();
 		const versionsStore = useVersionsStore();
 		const usersStore = useUsersStore();
 		const i18n = useI18n();
@@ -421,7 +328,6 @@ var BottomMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				}] : []
 			]
 		}));
-		const userIsTrialing = computed(() => cloudPlanStore.userIsTrialing);
 		function handleSelect(key) {
 			emit("select", key);
 		}
@@ -431,49 +337,45 @@ var BottomMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass({
 				[_ctx.$style.bottomMenu]: true,
-				[_ctx.$style.collapsed]: _ctx.isCollapsed
-			}) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.bottomMenuItems) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+				[_ctx.$style.collapsed]: __props.isCollapsed
+			}) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.bottomMenuItems) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.children && item.id === "help" ? (openBlock(), createBlock(unref(N8nPopover_default), {
 					key: "help",
 					side: "right",
 					align: "end",
 					"side-offset": 12
 				}, {
-					content: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.popover) }, [
-						!_ctx.isCollapsed && !userIsTrialing.value ? (openBlock(), createBlock(BecomeTemplateCreatorCta_default, { key: 0 })) : createCommentVNode("", true),
-						(openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child) => {
-							return openBlock(), createElementBlock(Fragment, { key: child.id }, [unref(isCustomMenuItem)(child) ? (openBlock(), createBlock(resolveDynamicComponent(child.component), mergeProps({
-								key: 0,
-								ref_for: true
-							}, child.props), null, 16)) : (openBlock(), createBlock(unref(N8nMenuItem_default), {
-								key: 1,
-								item: child,
-								onClick: () => handleSelect(child.id)
-							}, null, 8, ["item", "onClick"]))], 64);
-						}), 128)),
-						whatsNewItems.value.available ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(N8nText_default), {
-							bold: "",
-							size: "small",
-							class: normalizeClass(_ctx.$style.popoverTitle),
-							color: "text-light"
-						}, {
-							default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode("What's new")])),
-							_: 1
-						}, 8, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(whatsNewItems.value.children, (child) => {
-							return openBlock(), createElementBlock(Fragment, { key: child.id }, [unref(isCustomMenuItem)(child) ? (openBlock(), createBlock(resolveDynamicComponent(child.component), mergeProps({
-								key: 0,
-								ref_for: true
-							}, child.props), null, 16)) : (openBlock(), createBlock(unref(N8nMenuItem_default), {
-								key: 1,
-								item: child,
-								onClick: () => handleSelect(child.id)
-							}, null, 8, ["item", "onClick"]))], 64);
-						}), 128))], 64)) : createCommentVNode("", true)
-					], 2)]),
+					content: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.popover) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child) => {
+						return openBlock(), createElementBlock(Fragment, { key: child.id }, [unref(isCustomMenuItem)(child) ? (openBlock(), createBlock(resolveDynamicComponent(child.component), mergeProps({
+							key: 0,
+							ref_for: true
+						}, child.props), null, 16)) : (openBlock(), createBlock(unref(N8nMenuItem_default), {
+							key: 1,
+							item: child,
+							onClick: () => handleSelect(child.id)
+						}, null, 8, ["item", "onClick"]))], 64);
+					}), 128)), whatsNewItems.value.available ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(N8nText_default), {
+						bold: "",
+						size: "small",
+						class: normalizeClass(_ctx.$style.popoverTitle),
+						color: "text-light"
+					}, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("What's new", -1)])]),
+						_: 1
+					}, 8, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(whatsNewItems.value.children, (child) => {
+						return openBlock(), createElementBlock(Fragment, { key: child.id }, [unref(isCustomMenuItem)(child) ? (openBlock(), createBlock(resolveDynamicComponent(child.component), mergeProps({
+							key: 0,
+							ref_for: true
+						}, child.props), null, 16)) : (openBlock(), createBlock(unref(N8nMenuItem_default), {
+							key: 1,
+							item: child,
+							onClick: () => handleSelect(child.id)
+						}, null, 8, ["item", "onClick"]))], 64);
+					}), 128))], 64)) : createCommentVNode("", true)], 2)]),
 					trigger: withCtx(() => [createVNode(unref(N8nMenuItem_default), {
 						"data-test-id": `main-sidebar-${item.id}`,
 						item,
-						compact: _ctx.isCollapsed,
+						compact: __props.isCollapsed,
 						onClick: () => handleSelect(item.id)
 					}, null, 8, [
 						"data-test-id",
@@ -513,7 +415,7 @@ var BottomMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					trigger: withCtx(() => [createVNode(unref(N8nMenuItem_default), {
 						"data-test-id": `main-sidebar-${item.id}`,
 						item,
-						compact: _ctx.isCollapsed,
+						compact: __props.isCollapsed,
 						onClick: () => handleSelect(item.id)
 					}, null, 8, [
 						"data-test-id",
@@ -526,7 +428,7 @@ var BottomMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					key: 2,
 					"data-test-id": `main-sidebar-${item.id}`,
 					item,
-					compact: _ctx.isCollapsed,
+					compact: __props.isCollapsed,
 					onClick: () => handleSelect(item.id)
 				}, null, 8, [
 					"data-test-id",
@@ -539,12 +441,12 @@ var BottomMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 	}
 });
 var BottomMenu_vue_vue_type_style_index_0_lang_module_default = {
-	bottomMenu: "_bottomMenu_17gn9_123",
-	collapsed: "_collapsed_17gn9_128",
-	bottomMenuItems: "_bottomMenuItems_17gn9_132",
-	popover: "_popover_17gn9_136",
-	popoverTitle: "_popoverTitle_17gn9_143",
-	divider: "_divider_17gn9_150"
+	bottomMenu: "_bottomMenu_j9qwv_123",
+	collapsed: "_collapsed_j9qwv_128",
+	bottomMenuItems: "_bottomMenuItems_j9qwv_132",
+	popover: "_popover_j9qwv_136",
+	popoverTitle: "_popoverTitle_j9qwv_143",
+	divider: "_divider_j9qwv_150"
 };
 var BottomMenu_default = /* @__PURE__ */ __plugin_vue_export_helper_default(BottomMenu_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": BottomMenu_vue_vue_type_style_index_0_lang_module_default }]]);
-export { useBecomeTemplateCreatorStore as i, MainSidebarHeader_default as n, useSidebarLayout as r, BottomMenu_default as t };
+export { MainSidebarHeader_default as n, useSidebarLayout as r, BottomMenu_default as t };