n8n-editor-ui 1.68.0 → 1.69.0

package/dist/assets/{MainHeader-Btek9DoL.js → MainHeader-D1PkO9vp.js}

@@ -1,11 +1,11 @@
-import { d as defineComponent, p as computed, c as openBlock, h as createElementBlock, q as renderSlot, s as shorten, r as ref, v as onBeforeUnmount, o as onMounted, x as nextTick, y as debounce, e as createBlock, w as withCtx, j as createBaseVNode, z as renderList, n as normalizeClass, k as createTextVNode, t as toDisplayString, A as unref, i as createVNode, F as Fragment, B as normalizeStyle, C as createEventBus, l 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, m 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 onBeforeMount, aw as withDirectives, ax as vShow, ay as STICKY_NODE_TYPE } from "./index-40I5DMGP.js";
-import { _ as _sfc_main$g } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-ByoMju5L.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-CvdQVEtW.js";
-import { u as useBeforeUnload, a as useNodeViewVersionSwitcher } from "./useNodeViewVersionSwitcher-BLo5Qp-N.js";
-import { u as usePushConnectionStore } from "./pushConnection.store-w_WxpOeH.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-CKlTVpWB.js";
-import { u as usePushConnection } from "./usePushConnection-B5ija5f5.js";
-import "./useWorkflowActivate-CKedJlgZ.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 LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aw as onBeforeMount, ax as withDirectives, ay as vShow, az as STICKY_NODE_TYPE } from "./index-BcRlEQdt.js";
+import { _ as _sfc_main$g } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-BabWwsdK.js";
+import { W as WorkflowActivator } from "./WorkflowActivator-B0RYBWDC.js";
+import { u as useBeforeUnload, a as useNodeViewVersionSwitcher } from "./useNodeViewVersionSwitcher-CSLoLUvW.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-C9cp1cmF.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-Kzijnshy.js";
+import { u as usePushConnection } from "./usePushConnection-BLi9GBVo.js";
+import "./useWorkflowActivate-DmBELETa.js";
 const _hoisted_1$8 = ["title", "data-test-id"];
 const DEFAULT_WORKFLOW_NAME_LIMIT = 25;
 const WORKFLOW_NAME_END_COUNT_TO_KEEP = 4;
@@ -810,7 +810,7 @@ const _hoisted_3$1 = {
   key: 1,
   class: "tags"
 };
-const _hoisted_4 = { class: "mb-4xs" };
+const _hoisted_4$1 = { class: "mb-4xs" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowDetails",
   props: {
@@ -835,6 +835,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const projectsStore = useProjectsStore();
     const npsSurveyStore = useNpsSurveyStore();
+    const i18n = useI18n();
     const router = useRouter();
     const route = useRoute();
     const locale = useI18n();
@@ -1328,7 +1329,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             modelValue: appliedTagIds.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => appliedTagIds.value = $event),
             "event-bus": unref(tagsEventBus),
-            placeholder: _ctx.$locale.baseText("workflowDetails.chooseOrCreateATag"),
+            placeholder: unref(i18n).baseText("workflowDetails.chooseOrCreateATag"),
             class: "tags-edit",
             "data-test-id": "workflow-tags-dropdown",
             onBlur: onTagsBlur,
@@ -1338,7 +1339,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               class: "add-tag clickable",
               "data-test-id": "new-tag-link",
               onClick: onTagsEditEnable
-            }, " + " + toDisplayString(_ctx.$locale.baseText("workflowDetails.addTag")), 1)
+            }, " + " + toDisplayString(unref(i18n).baseText("workflowDetails.addTag")), 1)
           ])) : (openBlock(), createBlock(_sfc_main$a, {
             key: _ctx.id,
             "tag-ids": workflowTagIds.value,
@@ -1370,7 +1371,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       tag: "span"
                     }, {
                       action: withCtx(() => [
-                        createBaseVNode("a", { onClick: goToUpgrade }, toDisplayString(_ctx.$locale.baseText(
+                        createBaseVNode("a", { onClick: goToUpgrade }, toDisplayString(unref(i18n).baseText(
                           unref(uiStore).contextBasedTranslationKeys.workflows.sharing.unavailable.button
                         )), 1)
                       ]),
@@ -1383,7 +1384,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       class: normalizeClass(["mr-2xs", unref($style).disabledShareButton])
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.$locale.baseText("workflowDetails.share")), 1)
+                        createTextVNode(toDisplayString(unref(i18n).baseText("workflowDetails.share")), 1)
                       ]),
                       _: 1
                     }, 8, ["class"])
@@ -1402,7 +1403,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     onClick: onShareButtonClick
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.$locale.baseText("workflowDetails.share")), 1)
+                      createTextVNode(toDisplayString(unref(i18n).baseText("workflowDetails.share")), 1)
                     ]),
                     _: 1
                   })
@@ -1419,7 +1420,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 disabled: isWorkflowSaving.value || _ctx.readOnly || !isNewWorkflow.value && !workflowPermissions.value.update,
                 "is-saving": isWorkflowSaving.value,
                 "with-shortcut": !_ctx.readOnly && workflowPermissions.value.update,
-                "shortcut-tooltip": _ctx.$locale.baseText("saveWorkflowButton.hint"),
+                "shortcut-tooltip": unref(i18n).baseText("saveWorkflowButton.hint"),
                 "data-test-id": "workflow-save-button",
                 onClick: onSaveButtonClick
               }, null, 8, ["saved", "disabled", "is-saving", "with-shortcut", "shortcut-tooltip"]),
@@ -1443,15 +1444,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               }, null, 34),
               createVNode(_component_N8nTooltip, { visible: unref(isNodeViewDiscoveryTooltipVisible) }, {
                 content: withCtx(() => [
-                  createBaseVNode("div", _hoisted_4, [
+                  createBaseVNode("div", _hoisted_4$1, [
                     createVNode(_component_N8nBadge, null, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.$locale.baseText("menuActions.badge.alpha")), 1)
+                        createTextVNode(toDisplayString(unref(i18n).baseText("menuActions.badge.alpha")), 1)
                       ]),
                       _: 1
                     })
                   ]),
-                  createTextVNode(" " + toDisplayString(_ctx.$locale.baseText("menuActions.nodeViewDiscovery.tooltip")) + " ", 1),
+                  createTextVNode(" " + toDisplayString(unref(i18n).baseText("menuActions.nodeViewDiscovery.tooltip")) + " ", 1),
                   createVNode(_component_N8nIcon, {
                     class: normalizeClass(unref($style).closeNodeViewDiscovery),
                     icon: "times-circle",
@@ -1476,12 +1477,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$1 = "_container_gpe2m_1";
-const group = "_group_gpe2m_9";
-const hiddenInput = "_hiddenInput_gpe2m_14";
-const deleteItem = "_deleteItem_gpe2m_18";
-const disabledShareButton = "_disabledShareButton_gpe2m_22";
-const closeNodeViewDiscovery = "_closeNodeViewDiscovery_gpe2m_26";
+const container$1 = "_container_14tqd_1";
+const group = "_group_14tqd_10";
+const hiddenInput = "_hiddenInput_14tqd_15";
+const deleteItem = "_deleteItem_14tqd_19";
+const disabledShareButton = "_disabledShareButton_14tqd_23";
+const closeNodeViewDiscovery = "_closeNodeViewDiscovery_14tqd_27";
 const style1 = {
   container: container$1,
   group,
@@ -1493,7 +1494,7 @@ const style1 = {
 const cssModules$1 = {
   "$style": style1
 };
-const WorkflowDetails = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$1], ["__scopeId", "data-v-26802e45"]]);
+const WorkflowDetails = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$1], ["__scopeId", "data-v-30d7525a"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TabBar",
   props: {
@@ -1524,7 +1525,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_1ndnk_1";
+const container = "_container_1lqle_1";
 const style0 = {
   container
 };
@@ -1601,7 +1602,11 @@ const GithubButton = defineComponent({
 });
 const _hoisted_1 = { class: "container" };
 const _hoisted_2 = { class: "top-menu" };
-const _hoisted_3 = { class: "github-button" };
+const _hoisted_3 = {
+  key: 0,
+  class: "github-button"
+};
+const _hoisted_4 = { class: "github-button-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MainHeader",
   setup(__props) {
@@ -1614,10 +1619,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const sourceControlStore = useSourceControlStore();
     const workflowsStore = useWorkflowsStore();
     const executionsStore = useExecutionsStore();
+    const settingsStore = useSettingsStore();
     const activeHeaderTab = ref(MAIN_HEADER_TABS.WORKFLOW);
     const workflowToReturnTo = ref("");
     const executionToReturnTo = ref("");
     const dirtyState = ref(false);
+    const githubButtonHidden = ref(localStorage.getItem(LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON));
     const tabBarItems = computed(() => [
       { value: MAIN_HEADER_TABS.WORKFLOW, label: locale.baseText("generic.editor") },
       { value: MAIN_HEADER_TABS.EXECUTIONS, label: locale.baseText("generic.executions") }
@@ -1632,6 +1639,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const onWorkflowPage = computed(() => !!(route.meta.nodeView || route.meta.keepWorkflowAlive));
     const readOnly = computed(() => sourceControlStore.preferences.branchReadOnly);
+    const isEnterprise = computed(
+      () => settingsStore.isQueueModeEnabled && settingsStore.isWorkerViewAvailable
+    );
+    const showGitHubButton = computed(
+      () => !isEnterprise.value && !settingsStore.settings.inE2ETests && githubButtonHidden.value !== "true"
+    );
     watch(route, (to, from) => {
       syncTabsWithRoute(to, from);
     });
@@ -1711,8 +1724,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         await router.push(routeToNavigateTo);
       }
     }
+    function hideGithubButton() {
+      githubButtonHidden.value = "true";
+      localStorage.setItem(LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, "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 })
@@ -1738,20 +1756,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": onTabSelected
           }, null, 8, ["items", "model-value"])) : createCommentVNode("", true)
         ], 2),
-        createBaseVNode("div", _hoisted_3, [
-          createVNode(unref(GithubButton), {
-            href: "https://github.com/n8n-io/n8n",
-            "data-color-scheme": unref(uiStore).appliedTheme,
-            "data-size": "large",
-            "data-show-count": "true",
-            "aria-label": "Star n8n-io/n8n on GitHub"
-          }, {
-            default: withCtx(() => _cache[0] || (_cache[0] = [
-              createTextVNode("Star")
-            ])),
-            _: 1
-          }, 8, ["data-color-scheme"])
-        ])
+        showGitHubButton.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createBaseVNode("div", _hoisted_4, [
+            createVNode(unref(GithubButton), {
+              href: "https://github.com/n8n-io/n8n",
+              "data-color-scheme": unref(uiStore).appliedTheme,
+              "data-size": "large",
+              "data-show-count": "true",
+              "aria-label": "Star n8n-io/n8n on GitHub"
+            }, {
+              default: withCtx(() => _cache[0] || (_cache[0] = [
+                createTextVNode(" Star ")
+              ])),
+              _: 1
+            }, 8, ["data-color-scheme"]),
+            createVNode(_component_N8nIcon, {
+              class: "close-github-button",
+              icon: "times-circle",
+              size: "medium",
+              onClick: hideGithubButton
+            })
+          ])
+        ])) : createCommentVNode("", true)
       ]);
     };
   }

package/dist/assets/{MainSidebar-CRjg4yDv.js → MainSidebar-CGlOacQQ.js}

@@ -1,5 +1,6 @@
-import { d as defineComponent, az as useLoadingService, K as useUIStore, a0 as useSourceControlStore, a as useToast, r as ref, p as computed, c as openBlock, h as createElementBlock, A 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, x as nextTick, aA as sourceControlEventBus, aB as SOURCE_CONTROL_PULL_MODAL_KEY, l as resolveComponent, C as createEventBus, _ as _export_sfc, aC as get, R as defineStore, S as STORES, aD as useCloudPlanStore, Z as useRootStore, aE as useStorage, aF as DateTime, ak as useTelemetry, b as useRouter, a1 as useProjectsStore, a5 as usePageRedirectionHelper, o as onMounted, F as Fragment, z as renderList, V as VIEWS, aG as sortByProperty, m as useSettingsStore, aH as useTemplatesStore, u as useUsersStore, aI as useVersionsStore, T as useWorkflowsStore, J as useDebounce, U as useRoute, v as onBeforeUnmount, aJ as createSlots, aK as useExternalHooks, aL as VERSIONS_MODAL_KEY, aM as ABOUT_MODAL_KEY } from "./index-40I5DMGP.js";
-import { u as useBugReporting } from "./useBugReporting-CFOQlQpP.js";
+import { d as defineComponent, aA 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, aB as sourceControlEventBus, aC as SOURCE_CONTROL_PULL_MODAL_KEY, m as resolveComponent, C as createEventBus, _ as _export_sfc, aD as get, R as defineStore, S as STORES, aE as useCloudPlanStore, Z as useRootStore, aF as useStorage, aG as DateTime, ak as useTelemetry, a1 as useProjectsStore, F as Fragment, A as renderList, V as VIEWS, aH as sortByProperty, p as useSettingsStore, aI as useTemplatesStore, u as useUsersStore, aJ 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, aK as N8nNavigationDropdown, aL as createSlots, aM as useExternalHooks, aN as VERSIONS_MODAL_KEY, aO as ABOUT_MODAL_KEY } from "./index-BcRlEQdt.js";
+import { u as useBugReporting } from "./useBugReporting-D4ibEI2f.js";
+import { u as useGlobalEntityCreation } from "./useGlobalEntityCreation-DtWHHZf8.js";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MainSidebarSourceControl",
   props: {
@@ -339,7 +340,7 @@ const _hoisted_1$1 = {
   class: "mt-m mb-m"
 };
 const _hoisted_2$1 = {
-  key: 4,
+  key: 3,
   class: "mb-m"
 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -350,28 +351,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const router = useRouter();
     const locale = useI18n();
-    const toast = useToast();
     const projectsStore = useProjectsStore();
-    const pageRedirectionHelper = usePageRedirectionHelper();
-    const isCreatingProject = ref(false);
-    const isComponentMounted = ref(false);
     const home = computed(() => ({
       id: "home",
-      label: locale.baseText("projects.menu.home"),
+      label: locale.baseText("projects.menu.overview"),
       icon: "home",
       route: {
         to: { name: VIEWS.HOMEPAGE }
       }
     }));
-    const addProject = computed(() => ({
-      id: "addProject",
-      label: locale.baseText("projects.menu.addProject"),
-      icon: "plus",
-      disabled: !isComponentMounted.value || isCreatingProject.value || !projectsStore.canCreateProjects,
-      isLoading: isCreatingProject.value
-    }));
     const getProjectMenuItem = (project) => ({
       id: project.id,
       label: project.name,
@@ -397,47 +386,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       };
     });
-    const addProjectClicked = async () => {
-      isCreatingProject.value = true;
-      try {
-        const newProject = await projectsStore.createProject({
-          name: locale.baseText("projects.settings.newProjectName")
-        });
-        await router.push({ name: VIEWS.PROJECT_SETTINGS, params: { projectId: newProject.id } });
-        toast.showMessage({
-          title: locale.baseText("projects.settings.save.successful.title", {
-            interpolate: { projectName: newProject.name ?? "" }
-          }),
-          type: "success"
-        });
-      } catch (error) {
-        toast.showError(error, locale.baseText("projects.error.title"));
-      } finally {
-        isCreatingProject.value = false;
-      }
-    };
     const displayProjects = computed(
       () => sortByProperty(
         "name",
         projectsStore.myProjects.filter((p) => p.type === "team")
       )
     );
-    const canCreateProjects = computed(
-      () => projectsStore.hasPermissionToCreateProjects && projectsStore.isTeamProjectFeatureEnabled
-    );
-    const goToUpgrade = async () => {
-      await pageRedirectionHelper.goToUpgrade("rbac", "upgrade-rbac");
-    };
-    onMounted(async () => {
-      await nextTick();
-      isComponentMounted.value = true;
-    });
     return (_ctx, _cache) => {
       const _component_N8nMenuItem = resolveComponent("N8nMenuItem");
       const _component_ElMenu = resolveComponent("ElMenu");
       const _component_N8nText = resolveComponent("N8nText");
-      const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.projects)
       }, [
@@ -497,51 +455,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["collapse", "class"])) : createCommentVNode("", true),
-        canCreateProjects.value ? (openBlock(), createBlock(_component_N8nTooltip, {
-          key: 3,
-          placement: "right",
-          disabled: unref(projectsStore).canCreateProjects
-        }, {
-          content: withCtx(() => [
-            createVNode(_component_i18n_t, { keypath: "projects.create.limitReached" }, {
-              planName: withCtx(() => [
-                createTextVNode(toDisplayString(props.planName), 1)
-              ]),
-              limit: withCtx(() => [
-                createTextVNode(toDisplayString(unref(locale).baseText("projects.create.limit", {
-                  adjustToNumber: unref(projectsStore).teamProjectsLimit,
-                  interpolate: { num: String(unref(projectsStore).teamProjectsLimit) }
-                })), 1)
-              ]),
-              link: withCtx(() => [
-                createBaseVNode("a", {
-                  class: normalizeClass(_ctx.$style.upgradeLink),
-                  href: "#",
-                  onClick: goToUpgrade
-                }, toDisplayString(unref(locale).baseText("projects.create.limitReached.link")), 3)
-              ]),
-              _: 1
-            })
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_ElMenu, {
-              collapse: props.collapsed,
-              class: "pl-xs pr-xs mb-m"
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_N8nMenuItem, {
-                  item: addProject.value,
-                  compact: props.collapsed,
-                  "handle-select": addProjectClicked,
-                  mode: "tabs",
-                  "data-test-id": "add-project-menu-item"
-                }, null, 8, ["item", "compact"])
-              ]),
-              _: 1
-            }, 8, ["collapse"])
-          ]),
-          _: 1
-        }, 8, ["disabled"])) : createCommentVNode("", true),
         unref(projectsStore).isTeamProjectFeatureEnabled ? (openBlock(), createElementBlock("hr", _hoisted_2$1)) : createCommentVNode("", true)
       ], 2);
     };
@@ -562,7 +475,7 @@ const style0$1 = {
 const cssModules$1 = {
   "$style": style0$1
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-f0b80637"]]);
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-6cb5f5b7"]]);
 const _hoisted_1 = ["src"];
 const _hoisted_2 = {
   class: "ml-3xs",
@@ -582,7 +495,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const { callDebounced } = useDebounce();
     const externalHooks = useExternalHooks();
-    const locale = useI18n();
+    const i18n = useI18n();
     useRoute();
     const router = useRouter();
     const telemetry = useTelemetry();
@@ -594,11 +507,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const userMenuItems = ref([
       {
         id: "settings",
-        label: locale.baseText("settings")
+        label: i18n.baseText("settings")
       },
       {
         id: "logout",
-        label: locale.baseText("auth.signout")
+        label: i18n.baseText("auth.signout")
       }
     ]);
     const mainMenuItems = computed(() => [
@@ -613,7 +526,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         // Link to in-app templates, available if custom templates are enabled
         id: "templates",
         icon: "box-open",
-        label: locale.baseText("mainSidebar.templates"),
+        label: i18n.baseText("mainSidebar.templates"),
         position: "bottom",
         available: settingsStore.isTemplatesEnabled && templatesStore.hasCustomTemplatesHost,
         route: { to: { name: VIEWS.TEMPLATES } }
@@ -622,7 +535,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         // Link to website templates, available if custom templates are not enabled
         id: "templates",
         icon: "box-open",
-        label: locale.baseText("mainSidebar.templates"),
+        label: i18n.baseText("mainSidebar.templates"),
         position: "bottom",
         available: settingsStore.isTemplatesEnabled && !templatesStore.hasCustomTemplatesHost,
         link: {
@@ -633,7 +546,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       {
         id: "variables",
         icon: "variable",
-        label: locale.baseText("mainSidebar.variables"),
+        label: i18n.baseText("mainSidebar.variables"),
         customIconSize: "medium",
         position: "bottom",
         route: { to: { name: VIEWS.VARIABLES } }
@@ -641,13 +554,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       {
         id: "help",
         icon: "question",
-        label: locale.baseText("mainSidebar.help"),
+        label: i18n.baseText("mainSidebar.help"),
         position: "bottom",
         children: [
           {
             id: "quickstart",
             icon: "video",
-            label: locale.baseText("mainSidebar.helpMenuItems.quickstart"),
+            label: i18n.baseText("mainSidebar.helpMenuItems.quickstart"),
             link: {
               href: "https://www.youtube.com/watch?v=1MwSoB0gnM4",
               target: "_blank"
@@ -656,7 +569,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             id: "docs",
             icon: "book",
-            label: locale.baseText("mainSidebar.helpMenuItems.documentation"),
+            label: i18n.baseText("mainSidebar.helpMenuItems.documentation"),
             link: {
               href: "https://docs.n8n.io?utm_source=n8n_app&utm_medium=app_sidebar",
               target: "_blank"
@@ -665,7 +578,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             id: "forum",
             icon: "users",
-            label: locale.baseText("mainSidebar.helpMenuItems.forum"),
+            label: i18n.baseText("mainSidebar.helpMenuItems.forum"),
             link: {
               href: "https://community.n8n.io?utm_source=n8n_app&utm_medium=app_sidebar",
               target: "_blank"
@@ -674,7 +587,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             id: "examples",
             icon: "graduation-cap",
-            label: locale.baseText("mainSidebar.helpMenuItems.course"),
+            label: i18n.baseText("mainSidebar.helpMenuItems.course"),
             link: {
               href: "https://docs.n8n.io/courses/",
               target: "_blank"
@@ -683,7 +596,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             id: "report-bug",
             icon: "bug",
-            label: locale.baseText("mainSidebar.helpMenuItems.reportBug"),
+            label: i18n.baseText("mainSidebar.helpMenuItems.reportBug"),
             link: {
               href: getReportingURL(),
               target: "_blank"
@@ -692,12 +605,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             id: "about",
             icon: "info",
-            label: locale.baseText("mainSidebar.aboutN8n"),
+            label: i18n.baseText("mainSidebar.aboutN8n"),
             position: "bottom"
           }
         ]
       }
     ]);
+    const createBtn = ref();
     const isCollapsed = computed(() => uiStore.sidebarMenuCollapsed);
     const logoPath = computed(
       () => basePath.value + (isCollapsed.value ? "static/logo/collapsed.svg" : uiStore.logo)
@@ -804,8 +718,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         fullyExpanded.value = !isCollapsed.value;
       }
     };
+    const { menu, handleSelect: handleMenuSelect } = useGlobalEntityCreation();
+    onClickOutside(createBtn, () => {
+      var _a;
+      (_a = createBtn.value) == null ? void 0 : _a.close();
+    });
     return (_ctx, _cache) => {
       const _component_n8n_icon = resolveComponent("n8n-icon");
+      const _component_N8nIconButton = resolveComponent("N8nIconButton");
       const _component_ProjectNavigation = __unplugin_components_0;
       const _component_BecomeTemplateCreatorCta = __unplugin_components_1;
       const _component_GiftNotificationIcon = __unplugin_components_2;
@@ -842,6 +762,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "mr-5xs"
           }))
         ], 2),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.logo)
+        }, [
+          createBaseVNode("img", {
+            src: logoPath.value,
+            "data-test-id": "n8n-logo",
+            class: normalizeClass(_ctx.$style.icon),
+            alt: "n8n"
+          }, null, 10, _hoisted_1),
+          createVNode(unref(N8nNavigationDropdown), {
+            ref_key: "createBtn",
+            ref: createBtn,
+            "data-test-id": "universal-add",
+            menu: unref(menu),
+            onSelect: unref(handleMenuSelect)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_N8nIconButton, {
+                icon: "plus",
+                type: "secondary",
+                outline: ""
+              })
+            ]),
+            _: 1
+          }, 8, ["menu", "onSelect"])
+        ], 2),
         createVNode(_component_n8n_menu, {
           items: mainMenuItems.value,
           collapsed: isCollapsed.value,
@@ -850,16 +796,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           header: withCtx(() => {
             var _a;
             return [
-              createBaseVNode("div", {
-                class: normalizeClass(_ctx.$style.logo)
-              }, [
-                createBaseVNode("img", {
-                  src: logoPath.value,
-                  "data-test-id": "n8n-logo",
-                  class: normalizeClass(_ctx.$style.icon),
-                  alt: "n8n"
-                }, null, 10, _hoisted_1)
-              ], 2),
               createVNode(_component_ProjectNavigation, {
                 collapsed: isCollapsed.value,
                 "plan-name": (_a = unref(cloudPlanStore).currentPlanData) == null ? void 0 : _a.displayName
@@ -934,13 +870,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createVNode(_component_el_dropdown_item, { command: "settings" }, {
                               default: withCtx(() => [
-                                createTextVNode(toDisplayString(_ctx.$locale.baseText("settings")), 1)
+                                createTextVNode(toDisplayString(unref(i18n).baseText("settings")), 1)
                               ]),
                               _: 1
                             }),
                             createVNode(_component_el_dropdown_item, { command: "logout" }, {
                               default: withCtx(() => [
-                                createTextVNode(toDisplayString(_ctx.$locale.baseText("auth.signout")), 1)
+                                createTextVNode(toDisplayString(unref(i18n).baseText("auth.signout")), 1)
                               ]),
                               _: 1
                             })
@@ -988,15 +924,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const sideMenu = "_sideMenu_1qnza_1";
-const logo = "_logo_1qnza_8";
-const sideMenuCollapsed = "_sideMenuCollapsed_1qnza_19";
-const sideMenuCollapseButton = "_sideMenuCollapseButton_1qnza_26";
-const updates = "_updates_1qnza_45";
-const expanded = "_expanded_1qnza_58";
-const userArea = "_userArea_1qnza_65";
-const userName = "_userName_1qnza_72";
-const userActions = "_userActions_1qnza_86";
+const sideMenu = "_sideMenu_15e4m_1";
+const logo = "_logo_15e4m_10";
+const sideMenuCollapsed = "_sideMenuCollapsed_15e4m_25";
+const sideMenuCollapseButton = "_sideMenuCollapseButton_15e4m_37";
+const updates = "_updates_15e4m_56";
+const expanded = "_expanded_15e4m_69";
+const userArea = "_userArea_15e4m_76";
+const userName = "_userName_15e4m_83";
+const userActions = "_userActions_15e4m_97";
 const style0 = {
   sideMenu,
   logo,