n8n-editor-ui 1.71.3 → 1.72.1

package/dist/assets/{MainHeader-CzdjrO1j.js → MainHeader-CZBWRbIF.js}

@@ -1,11 +1,11 @@
-import { d as defineComponent, q as computed, c as openBlock, h as createElementBlock, s as renderSlot, v as shorten, r as ref, x as onBeforeUnmount, o as onMounted, y as nextTick, z as debounce, e as createBlock, w as withCtx, j as createBaseVNode, A as renderList, n as normalizeClass, k as createTextVNode, t as toDisplayString, l as unref, i as createVNode, F as Fragment, B as normalizeStyle, C as createEventBus, m as resolveComponent, _ as _export_sfc, D as useTagsStore, E as onClickOutside, G as withKeys, H as watch, I as withModifiers, J as useDebounce, K as useUIStore, L as getBannerRowHeight, N as BREAKPOINT_SM, O as BREAKPOINT_XL, P as BREAKPOINT_LG, Q as BREAKPOINT_MD, g as useI18n, V as VIEWS, R as defineStore, S as STORES, T as useWorkflowsStore, u as useUsersStore, U as useRoute, W as TIME, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, Y as useDocumentVisibility, f as createCommentVNode, Z as useRootStore, $ as useCanvasStore, p as useSettingsStore, a0 as useSourceControlStore, a1 as useProjectsStore, a2 as useNpsSurveyStore, b as useRouter, a as useToast, a3 as useDocumentTitle, a4 as useWorkflowHelpers, a5 as usePageRedirectionHelper, a6 as MAX_WORKFLOW_NAME_LENGTH, a7 as _sfc_main$f, a8 as EnterpriseEditionFeature, a9 as SaveButton, aa as useCssModule, ab as WORKFLOW_SHARE_MODAL_KEY, ac as nodeViewEventBus, ad as WORKFLOW_MENU_ACTIONS, ae as MODAL_CONFIRM, af as MODAL_CLOSE, ag as WORKFLOW_SETTINGS_MODAL_KEY, ah as SOURCE_CONTROL_PUSH_MODAL_KEY, ai as VALID_WORKFLOW_IMPORT_URL_REGEX, aj as DUPLICATE_MODAL_KEY, ak as useTelemetry, al as useMessage, am as getResourcePermissions, an as hasPermission, ao as MAIN_HEADER_TABS, ap as hyphenate, aq as h, ar as hasOwn, as as __vitePreload, at as useNDVStore, au as useExecutionsStore, av as usePostHog, aw as useLocalStorage, ax as onBeforeMount, ay as withDirectives, az as vShow, aA as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aB as WORKFLOW_EVALUATION_EXPERIMENT, aC as STICKY_NODE_TYPE } from "./index-D57HUAs6.js";
-import { _ as _sfc_main$g } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-Bv3nXXk5.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-Def_oRg7.js";
-import { u as useBeforeUnload, a as useNodeViewVersionSwitcher } from "./useNodeViewVersionSwitcher-ESq0kPP5.js";
-import { u as usePushConnectionStore } from "./pushConnection.store-BrFt2YWH.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-BsJSdQo9.js";
-import { u as usePushConnection } from "./usePushConnection-DCkWEVa2.js";
-import "./useWorkflowActivate-DibPO-sA.js";
+import { d as defineComponent, q as computed, c as openBlock, h as createElementBlock, s as renderSlot, v as shorten, r as ref, x as onBeforeUnmount, o as onMounted, y as nextTick, z as debounce, e as createBlock, w as withCtx, j as createBaseVNode, A as renderList, n as normalizeClass, k as createTextVNode, t as toDisplayString, l as unref, i as createVNode, F as Fragment, B as normalizeStyle, C as createEventBus, m as resolveComponent, _ as _export_sfc, D as useTagsStore, E as onClickOutside, G as withKeys, H as watch, I as withModifiers, J as useDebounce, K as useUIStore, L as getBannerRowHeight, N as BREAKPOINT_SM, O as BREAKPOINT_XL, P as BREAKPOINT_LG, Q as BREAKPOINT_MD, g as useI18n, V as VIEWS, R as defineStore, S as STORES, T as useWorkflowsStore, u as useUsersStore, U as useRoute, W as TIME, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, Y as useDocumentVisibility, f as createCommentVNode, Z as useRootStore, $ as useCanvasStore, p as useSettingsStore, a0 as useSourceControlStore, a1 as useProjectsStore, a2 as useNpsSurveyStore, b as useRouter, a as useToast, a3 as useDocumentTitle, a4 as useWorkflowHelpers, a5 as usePageRedirectionHelper, a6 as MAX_WORKFLOW_NAME_LENGTH, a7 as _sfc_main$f, a8 as EnterpriseEditionFeature, a9 as SaveButton, aa as useCssModule, ab as WORKFLOW_SHARE_MODAL_KEY, ac as nodeViewEventBus, ad as WORKFLOW_MENU_ACTIONS, ae as MODAL_CONFIRM, af as MODAL_CLOSE, ag as WORKFLOW_SETTINGS_MODAL_KEY, ah as SOURCE_CONTROL_PUSH_MODAL_KEY, ai as VALID_WORKFLOW_IMPORT_URL_REGEX, aj as DUPLICATE_MODAL_KEY, ak as useTelemetry, al as useMessage, am as getResourcePermissions, an as hasPermission, ao as MAIN_HEADER_TABS, ap as hyphenate, aq as h, ar as hasOwn, as as __vitePreload, at as useNDVStore, au as useExecutionsStore, av as usePostHog, aw as useLocalStorage, ax as onBeforeMount, ay as withDirectives, az as vShow, aA as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aB as WORKFLOW_EVALUATION_EXPERIMENT, aC as STICKY_NODE_TYPE } from "./index-fCEqBD8K.js";
+import { _ as _sfc_main$g } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-ouQuoTYp.js";
+import { W as WorkflowActivator } from "./WorkflowActivator-BbpMhG1U.js";
+import { u as useBeforeUnload, a as useNodeViewVersionSwitcher } from "./useNodeViewVersionSwitcher-Eg-dOWbq.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-Kmly9nV5.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-BiLlhrlQ.js";
+import { u as usePushConnection } from "./usePushConnection-D-iAKJiL.js";
+import "./useWorkflowActivate-D8cU5eJ_.js";
 const _hoisted_1$8 = ["title", "data-test-id"];
 const DEFAULT_WORKFLOW_NAME_LIMIT = 25;
 const WORKFLOW_NAME_END_COUNT_TO_KEEP = 4;
@@ -171,9 +171,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return toDisplay;
     });
     const setMaxWidth = () => {
-      var _a;
-      const container2 = (_a = tagsContainer.value) == null ? void 0 : _a.$el;
-      const parent = container2 == null ? void 0 : container2.parentNode;
+      const container2 = tagsContainer.value?.$el;
+      const parent = container2?.parentNode;
       if (parent) {
         maxWidth.value = 0;
         void nextTick(() => {
@@ -341,15 +340,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const inputRef = ref();
     onMounted(() => {
-      var _a;
       if (props.autofocus && inputRef.value) {
         focus();
       }
-      (_a = props.eventBus) == null ? void 0 : _a.on("focus", focus);
+      props.eventBus?.on("focus", focus);
     });
     onBeforeUnmount(() => {
-      var _a;
-      (_a = props.eventBus) == null ? void 0 : _a.off("focus", focus);
+      props.eventBus?.off("focus", focus);
     });
     function focus() {
       if (inputRef.value) {
@@ -759,18 +756,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const showUserStack = computed(() => collaborationStore.collaborators.length > 1);
     const collaboratorsSorted = computed(() => {
       const users = collaborationStore.collaborators.map(({ user }) => user);
-      const index = users.findIndex((user) => {
-        var _a;
-        return user.id === ((_a = usersStore.currentUser) == null ? void 0 : _a.id);
-      });
+      const index = users.findIndex((user) => user.id === usersStore.currentUser?.id);
       if (index < 1) return { defaultGroup: users };
       const [currentUser] = users.splice(index, 1);
       return { defaultGroup: [currentUser, ...users] };
     });
-    const currentUserEmail = computed(() => {
-      var _a;
-      return (_a = usersStore.currentUser) == null ? void 0 : _a.email;
-    });
+    const currentUserEmail = computed(() => usersStore.currentUser?.email);
     onMounted(() => {
       collaborationStore.initialize();
     });
@@ -998,14 +989,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     }
     function onShareButtonClick() {
-      var _a;
       uiStore.openModalWithData({
         name: WORKFLOW_SHARE_MODAL_KEY,
         data: { id: props.id }
       });
       telemetry.track("User opened sharing modal", {
         workflow_id: props.id,
-        user_id_sharer: (_a = usersStore.currentUser) == null ? void 0 : _a.id,
+        user_id_sharer: usersStore.currentUser?.id,
         sub_view: route.name === VIEWS.WORKFLOWS ? "Workflows listing" : "Workflow editor"
       });
     }
@@ -1082,7 +1072,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     async function handleFileImport() {
       const inputRef = importFileRef.value;
-      if ((inputRef == null ? void 0 : inputRef.files) && inputRef.files.length !== 0) {
+      if (inputRef?.files && inputRef.files.length !== 0) {
         const reader = new FileReader();
         reader.onload = () => {
           let workflowData;
@@ -1108,7 +1098,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       setNodeViewSwitcherDropdownOpened(visible);
     }
     async function onWorkflowMenuSelect(action) {
-      var _a;
       switch (action) {
         case WORKFLOW_MENU_ACTIONS.DUPLICATE: {
           uiStore.openModalWithData({
@@ -1165,7 +1154,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           break;
         }
         case WORKFLOW_MENU_ACTIONS.IMPORT_FROM_FILE: {
-          (_a = importFileRef.value) == null ? void 0 : _a.click();
+          importFileRef.value?.click();
           break;
         }
         case WORKFLOW_MENU_ACTIONS.PUSH: {
@@ -1695,7 +1684,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (to.params.name !== "new" && typeof to.params.name === "string") {
         workflowToReturnTo.value = to.params.name;
       }
-      if ((from == null ? void 0 : from.name) === VIEWS.EXECUTION_PREVIEW && to.params.name === from.params.name && typeof from.params.executionId === "string") {
+      if (from?.name === VIEWS.EXECUTION_PREVIEW && to.params.name === from.params.name && typeof from.params.executionId === "string") {
         executionToReturnTo.value = from.params.executionId;
       }
     }
@@ -1736,9 +1725,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     async function navigateToExecutionsView(openInNewTab) {
-      var _a;
       const routeWorkflowId = workflowId.value === PLACEHOLDER_EMPTY_WORKFLOW_ID ? "new" : workflowId.value;
-      const executionToReturnToValue = ((_a = executionsStore.activeExecution) == null ? void 0 : _a.id) || executionToReturnTo.value;
+      const executionToReturnToValue = executionsStore.activeExecution?.id || executionToReturnTo.value;
       const routeToNavigateTo = executionToReturnToValue ? {
         name: VIEWS.EXECUTION_PREVIEW,
         params: { name: routeWorkflowId, executionId: executionToReturnToValue }
@@ -1760,14 +1748,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       githubButtonHidden.value = true;
     }
     return (_ctx, _cache) => {
-      var _a;
       const _component_N8nIcon = resolveComponent("N8nIcon");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createBaseVNode("div", {
           class: normalizeClass({ "main-header": true, expanded: !unref(uiStore).sidebarMenuCollapsed })
         }, [
           withDirectives(createBaseVNode("div", _hoisted_2, [
-            ((_a = workflow.value) == null ? void 0 : _a.name) ? (openBlock(), createBlock(WorkflowDetails, {
+            workflow.value?.name ? (openBlock(), createBlock(WorkflowDetails, {
               key: 0,
               id: workflow.value.id,
               tags: workflow.value.tags,

package/dist/assets/{MainSidebar-DL53w2zU.css → MainSidebar-B_Q71vG8.css}

@@ -30,8 +30,6 @@
 ._collapsed_15zv3_12 ._connected_15zv3_32 > span {
   display: none;
 }._gift-icon_197jx_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
 }
@@ -46,15 +44,9 @@
   position: absolute;
   background-color: var(--color-text-xlight);
   right: -0.3em;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   top: -0.148em;
 }
 ._gift-icon_197jx_1 ._notification_197jx_8 div {
@@ -63,45 +55,28 @@
   background-color: var(--color-primary);
   border-radius: 50%;
 }._container_92ffs_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   background-color: var(--color-background-light);
   border: var(--border-base);
   border-right: 0;
 }
 ._textAndCloseButton_92ffs_9 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin-top: var(--spacing-xs);
   margin-left: var(--spacing-s);
   margin-right: var(--spacing-2xs);
 }
 ._text_92ffs_9 {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
   font-size: var(--font-size-3xs);
   line-height: var(--font-line-height-compact);
 }
 ._closeButton_92ffs_22 {
-  -webkit-box-flex: 0;
-      -ms-flex: 0;
-          flex: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
+  flex: 0;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   width: var(--spacing-2xs);
   height: var(--spacing-2xs);
   border: none;
@@ -116,9 +91,7 @@
   grid-auto-rows: auto;
   width: 100%;
   overflow: hidden;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: start;
+  align-items: start;
 }
 ._projectItems_6p5d2_9 {
   height: 100%;
@@ -137,8 +110,7 @@
   padding: 0 var(--spacing-s);
   text-overflow: ellipsis;
   overflow: hidden;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   color: var(--color-text-base);
 }.home[data-v-6cb5f5b7] {
   padding: 0 var(--spacing-xs);
@@ -149,7 +121,6 @@
   position: relative;
   height: 100%;
   border-right: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
-  -webkit-transition: width 150ms ease-in-out;
   transition: width 150ms ease-in-out;
   width: 200px;
   padding-top: 54px;
@@ -160,16 +131,10 @@
   top: 0;
   left: 0;
   width: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   padding: var(--spacing-xs);
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  justify-content: space-between;
 }
 ._sideMenu_15e4m_1 ._logo_15e4m_10 img {
   position: relative;
@@ -181,10 +146,7 @@
   padding-top: 90px;
 }
 ._sideMenu_15e4m_1._sideMenuCollapsed_15e4m_25 ._logo_15e4m_10 {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   gap: 16px;
 }
 ._sideMenu_15e4m_1._sideMenuCollapsed_15e4m_25 ._logo_15e4m_10 img {
@@ -195,15 +157,9 @@
   right: -10px;
   top: 50%;
   z-index: 999;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   color: var(--color-text-base);
   background-color: var(--color-foreground-xlight);
   width: 20px;
@@ -215,12 +171,8 @@
   color: var(--color-primary-shade-1);
 }
 ._updates_15e4m_56 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   cursor: pointer;
   padding: var(--spacing-2xs) var(--spacing-l);
   margin: var(--spacing-2xs) 0 0;
@@ -238,13 +190,9 @@
   color: var(--color-text-dark) !important;
 }
 ._userArea_15e4m_76 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   padding: var(--spacing-xs);
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   height: 60px;
   border-top: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
 }

package/dist/assets/{MainSidebar-CWZj9hUz.js → MainSidebar-Cm-l0HUG.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, aD as useLoadingService, K as useUIStore, a0 as useSourceControlStore, a as useToast, r as ref, q as computed, c as openBlock, h as createElementBlock, l as unref, n as normalizeClass, j as createBaseVNode, i as createVNode, k as createTextVNode, t as toDisplayString, w as withCtx, e as createBlock, f as createCommentVNode, B as normalizeStyle, g as useI18n, an as hasPermission, ah as SOURCE_CONTROL_PUSH_MODAL_KEY, y as nextTick, aE as sourceControlEventBus, aF as SOURCE_CONTROL_PULL_MODAL_KEY, m as resolveComponent, C as createEventBus, _ as _export_sfc, aG as get, R as defineStore, S as STORES, aH as useCloudPlanStore, Z as useRootStore, aI as useStorage, aJ as DateTime, ak as useTelemetry, a1 as useProjectsStore, F as Fragment, A as renderList, V as VIEWS, aK as sortByProperty, p as useSettingsStore, aL as useTemplatesStore, u as useUsersStore, aM as useVersionsStore, T as useWorkflowsStore, J as useDebounce, U as useRoute, b as useRouter, a5 as usePageRedirectionHelper, o as onMounted, x as onBeforeUnmount, E as onClickOutside, aN as N8nNavigationDropdown, aO as createSlots, aP as useExternalHooks, aQ as VERSIONS_MODAL_KEY, aR as ABOUT_MODAL_KEY } from "./index-D57HUAs6.js";
-import { u as useBugReporting } from "./useBugReporting-v6zXxGxR.js";
-import { u as useGlobalEntityCreation } from "./useGlobalEntityCreation-D_NS7_je.js";
+import { d as defineComponent, aD as useLoadingService, K as useUIStore, a0 as useSourceControlStore, a as useToast, r as ref, q as computed, c as openBlock, h as createElementBlock, l as unref, n as normalizeClass, j as createBaseVNode, i as createVNode, k as createTextVNode, t as toDisplayString, w as withCtx, e as createBlock, f as createCommentVNode, B as normalizeStyle, g as useI18n, an as hasPermission, ah as SOURCE_CONTROL_PUSH_MODAL_KEY, y as nextTick, aE as sourceControlEventBus, aF as SOURCE_CONTROL_PULL_MODAL_KEY, m as resolveComponent, C as createEventBus, _ as _export_sfc, aG as get, R as defineStore, S as STORES, aH as useCloudPlanStore, Z as useRootStore, aI as useStorage, aJ as DateTime, ak as useTelemetry, a1 as useProjectsStore, F as Fragment, A as renderList, V as VIEWS, aK as sortByProperty, p as useSettingsStore, aL as useTemplatesStore, u as useUsersStore, aM as useVersionsStore, T as useWorkflowsStore, J as useDebounce, U as useRoute, b as useRouter, a5 as usePageRedirectionHelper, o as onMounted, x as onBeforeUnmount, E as onClickOutside, aN as N8nNavigationDropdown, aO as createSlots, aP as useExternalHooks, aQ as VERSIONS_MODAL_KEY, aR as ABOUT_MODAL_KEY } from "./index-fCEqBD8K.js";
+import { u as useBugReporting } from "./useBugReporting-CbgIVUCL.js";
+import { u as useGlobalEntityCreation } from "./useGlobalEntityCreation-DGVSN-Im.js";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MainSidebarSourceControl",
   props: {
@@ -80,7 +80,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         sourceControlEventBus.emit("pull");
       } catch (error) {
         const errorResponse = error.response;
-        if ((errorResponse == null ? void 0 : errorResponse.status) === responseStatuses.CONFLICT) {
+        if (errorResponse?.status === responseStatuses.CONFLICT) {
           uiStore.openModalWithData({
             name: SOURCE_CONTROL_PULL_MODAL_KEY,
             data: { eventBus, status: errorResponse.data.data }
@@ -372,20 +372,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       }
     });
-    const personalProject = computed(() => {
-      var _a, _b;
-      return {
-        id: ((_a = projectsStore.personalProject) == null ? void 0 : _a.id) ?? "",
-        label: locale.baseText("projects.menu.personal"),
-        icon: props.collapsed ? void 0 : "user",
-        route: {
-          to: {
-            name: VIEWS.PROJECTS_WORKFLOWS,
-            params: { projectId: (_b = projectsStore.personalProject) == null ? void 0 : _b.id }
-          }
+    const personalProject = computed(() => ({
+      id: projectsStore.personalProject?.id ?? "",
+      label: locale.baseText("projects.menu.personal"),
+      icon: props.collapsed ? void 0 : "user",
+      route: {
+        to: {
+          name: VIEWS.PROJECTS_WORKFLOWS,
+          params: { projectId: projectsStore.personalProject?.id }
         }
-      };
-    });
+      }
+    }));
     const displayProjects = computed(
       () => sortByProperty(
         "name",
@@ -641,9 +638,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       window.removeEventListener("resize", onResize);
     });
     const trackTemplatesClick = () => {
-      var _a;
       telemetry.track("User clicked on templates", {
-        role: (_a = usersStore.currentUserCloudInfo) == null ? void 0 : _a.role,
+        role: usersStore.currentUserCloudInfo?.role,
         active_workflow_count: workflowsStore.activeWorkflows.length
       });
     };
@@ -718,25 +714,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         fullyExpanded.value = !isCollapsed.value;
       }
     };
-    const { menu, handleSelect: handleMenuSelect } = useGlobalEntityCreation();
+    const {
+      menu,
+      handleSelect: handleMenuSelect,
+      createProjectAppendSlotName,
+      projectsLimitReachedMessage
+    } = useGlobalEntityCreation();
     onClickOutside(createBtn, () => {
-      var _a;
-      (_a = createBtn.value) == null ? void 0 : _a.close();
+      createBtn.value?.close();
     });
     return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
+      const _component_N8nIcon = resolveComponent("N8nIcon");
       const _component_N8nIconButton = resolveComponent("N8nIconButton");
+      const _component_N8nButton = resolveComponent("N8nButton");
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
       const _component_ProjectNavigation = __unplugin_components_0;
       const _component_BecomeTemplateCreatorCta = __unplugin_components_1;
       const _component_GiftNotificationIcon = __unplugin_components_2;
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_N8nText = resolveComponent("N8nText");
       const _component_MainSidebarSourceControl = __unplugin_components_3;
-      const _component_n8n_avatar = resolveComponent("n8n-avatar");
-      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
-      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
-      const _component_el_dropdown = resolveComponent("el-dropdown");
-      const _component_n8n_action_dropdown = resolveComponent("n8n-action-dropdown");
-      const _component_n8n_menu = resolveComponent("n8n-menu");
+      const _component_N8nAvatar = resolveComponent("N8nAvatar");
+      const _component_ElDropdownItem = resolveComponent("ElDropdownItem");
+      const _component_ElDropdownMenu = resolveComponent("ElDropdownMenu");
+      const _component_ElDropdown = resolveComponent("ElDropdown");
+      const _component_N8nActionDropdown = resolveComponent("N8nActionDropdown");
+      const _component_N8nMenu = resolveComponent("N8nMenu");
       return openBlock(), createElementBlock("div", {
         id: "side-menu",
         class: normalizeClass({
@@ -750,12 +752,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["clickable", _ctx.$style.sideMenuCollapseButton]),
           onClick: toggleCollapse
         }, [
-          isCollapsed.value ? (openBlock(), createBlock(_component_n8n_icon, {
+          isCollapsed.value ? (openBlock(), createBlock(_component_N8nIcon, {
             key: 0,
             icon: "chevron-right",
             size: "xsmall",
             class: "ml-5xs"
-          })) : (openBlock(), createBlock(_component_n8n_icon, {
+          })) : (openBlock(), createBlock(_component_N8nIcon, {
             key: 1,
             icon: "chevron-left",
             size: "xsmall",
@@ -778,6 +780,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             menu: unref(menu),
             onSelect: unref(handleMenuSelect)
           }, {
+            [unref(createProjectAppendSlotName)]: withCtx(({ item }) => [
+              item.disabled ? (openBlock(), createBlock(_component_N8nTooltip, {
+                key: 0,
+                placement: "right",
+                content: unref(projectsLimitReachedMessage)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_N8nButton, {
+                    size: "mini",
+                    style: { "margin-left": "auto" },
+                    type: "tertiary",
+                    onClick: ($event) => unref(handleMenuSelect)(item.id)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(i18n).baseText("generic.upgrade")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ]),
+                _: 2
+              }, 1032, ["content"])) : createCommentVNode("", true)
+            ]),
             default: withCtx(() => [
               createVNode(_component_N8nIconButton, {
                 icon: "plus",
@@ -785,23 +809,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 outline: ""
               })
             ]),
-            _: 1
-          }, 8, ["menu", "onSelect"])
+            _: 2
+          }, 1032, ["menu", "onSelect"])
         ], 2),
-        createVNode(_component_n8n_menu, {
+        createVNode(_component_N8nMenu, {
           items: mainMenuItems.value,
           collapsed: isCollapsed.value,
           onSelect: handleSelect
         }, createSlots({
-          header: withCtx(() => {
-            var _a;
-            return [
-              createVNode(_component_ProjectNavigation, {
-                collapsed: isCollapsed.value,
-                "plan-name": (_a = unref(cloudPlanStore).currentPlanData) == null ? void 0 : _a.displayName
-              }, null, 8, ["collapsed", "plan-name"])
-            ];
-          }),
+          header: withCtx(() => [
+            createVNode(_component_ProjectNavigation, {
+              collapsed: isCollapsed.value,
+              "plan-name": unref(cloudPlanStore).currentPlanData?.displayName
+            }, null, 8, ["collapsed", "plan-name"])
+          ]),
           beforeLowerMenu: withCtx(() => [
             fullyExpanded.value && !userIsTrialing.value ? (openBlock(), createBlock(_component_BecomeTemplateCreatorCta, { key: 0 })) : createCommentVNode("", true)
           ]),
@@ -818,7 +839,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, [
                   createVNode(_component_GiftNotificationIcon)
                 ], 2),
-                createVNode(_component_n8n_text, {
+                createVNode(_component_N8nText, {
                   class: normalizeClass({ ["ml-xs"]: true, [_ctx.$style.expanded]: fullyExpanded.value }),
                   color: "text-base"
                 }, {
@@ -842,39 +863,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(_ctx.$style.userArea)
               }, [
                 createBaseVNode("div", _hoisted_2, [
-                  createVNode(_component_el_dropdown, {
+                  createVNode(_component_ElDropdown, {
                     placement: "right-end",
                     trigger: "click",
                     onCommand: onUserActionToggle
                   }, createSlots({
-                    default: withCtx(() => {
-                      var _a, _b;
-                      return [
-                        createBaseVNode("div", {
-                          class: normalizeClass({ [_ctx.$style.avatar]: true, ["clickable"]: isCollapsed.value })
-                        }, [
-                          createVNode(_component_n8n_avatar, {
-                            "first-name": (_a = unref(usersStore).currentUser) == null ? void 0 : _a.firstName,
-                            "last-name": (_b = unref(usersStore).currentUser) == null ? void 0 : _b.lastName,
-                            size: "small"
-                          }, null, 8, ["first-name", "last-name"])
-                        ], 2)
-                      ];
-                    }),
+                    default: withCtx(() => [
+                      createBaseVNode("div", {
+                        class: normalizeClass({ [_ctx.$style.avatar]: true, ["clickable"]: isCollapsed.value })
+                      }, [
+                        createVNode(_component_N8nAvatar, {
+                          "first-name": unref(usersStore).currentUser?.firstName,
+                          "last-name": unref(usersStore).currentUser?.lastName,
+                          size: "small"
+                        }, null, 8, ["first-name", "last-name"])
+                      ], 2)
+                    ]),
                     _: 2
                   }, [
                     isCollapsed.value ? {
                       name: "dropdown",
                       fn: withCtx(() => [
-                        createVNode(_component_el_dropdown_menu, null, {
+                        createVNode(_component_ElDropdownMenu, null, {
                           default: withCtx(() => [
-                            createVNode(_component_el_dropdown_item, { command: "settings" }, {
+                            createVNode(_component_ElDropdownItem, { command: "settings" }, {
                               default: withCtx(() => [
                                 createTextVNode(toDisplayString(unref(i18n).baseText("settings")), 1)
                               ]),
                               _: 1
                             }),
-                            createVNode(_component_el_dropdown_item, { command: "logout" }, {
+                            createVNode(_component_ElDropdownItem, { command: "logout" }, {
                               default: withCtx(() => [
                                 createTextVNode(toDisplayString(unref(i18n).baseText("auth.signout")), 1)
                               ]),
@@ -891,24 +909,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createBaseVNode("div", {
                   class: normalizeClass({ ["ml-2xs"]: true, [_ctx.$style.userName]: true, [_ctx.$style.expanded]: fullyExpanded.value })
                 }, [
-                  createVNode(_component_n8n_text, {
+                  createVNode(_component_N8nText, {
                     size: "small",
                     bold: true,
                     color: "text-dark"
                   }, {
-                    default: withCtx(() => {
-                      var _a;
-                      return [
-                        createTextVNode(toDisplayString((_a = unref(usersStore).currentUser) == null ? void 0 : _a.fullName), 1)
-                      ];
-                    }),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(usersStore).currentUser?.fullName), 1)
+                    ]),
                     _: 1
                   })
                 ], 2),
                 createBaseVNode("div", {
                   class: normalizeClass({ [_ctx.$style.userActions]: true, [_ctx.$style.expanded]: fullyExpanded.value })
                 }, [
-                  createVNode(_component_n8n_action_dropdown, {
+                  createVNode(_component_N8nActionDropdown, {
                     items: userMenuItems.value,
                     placement: "top-start",
                     "data-test-id": "user-menu",