n8n-editor-ui 1.100.0 → 1.101.0

package/dist/assets/{MainSidebar-CooH0xuY.js → MainSidebar-CEHr93uL.js}

@@ -1,5 +1,151 @@
-import { aL as get, d as defineComponent, aM as useLoadingService, J as useUIStore, a3 as useSourceControlStore, a4 as useProjectsStore, a as useToast, r as ref, x as computed, ad as hasPermission, ab as getResourcePermissions, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, D as normalizeStyle, n as normalizeClass, m as unref, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, w as withCtx, c as useI18n, E as createEventBus, ar as SOURCE_CONTROL_PUSH_MODAL_KEY, aN as notifyUserAboutPullWorkFolderOutcome, aO as sourceControlEventBus, aP as SOURCE_CONTROL_PULL_MODAL_KEY, _ as _export_sfc, R as defineStore, aQ as useCloudPlanStore, a1 as useRootStore, aR as useStorage, aS as DateTime, X as STORES, am as useTelemetry, v as useSettingsStore, b as useRouter, aT as sortByProperty, V as VIEWS, aa as usePageRedirectionHelper, e as createBlock, F as Fragment, G as renderList, aU as useDebugInfo, aV as useTemplatesStore, u as useUsersStore, aW as useVersionsStore, T as useWorkflowsStore, I as useDebounce, U as useRoute, o as onMounted, aX as useExternalHooks, B as nextTick, z as onBeforeUnmount, aY as onClickOutside, aZ as N8nTooltip, a_ as N8nLink, a$ as _sfc_main$5, b0 as N8nNavigationDropdown, b1 as createSlots, b2 as VERSIONS_MODAL_KEY, b3 as ABOUT_MODAL_KEY } from "./index-ZImlcrmd.js";
-import { L as Logo } from "./Logo-C699HbA_.js";
+import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, j as createVNode, m as unref, aX as ElSubMenu, n as normalizeClass, i as createElementBlock, F as Fragment, y as renderList, aY as _sfc_main$6, aZ as ElMenuItem, f as createCommentVNode, l as createTextVNode, J as renderSlot, aW as N8nIcon, t as toDisplayString, D as mergeProps, a_ as withKeys, a$ as ElMenu, _ as _export_sfc, b0 as get, b1 as useLoadingService, S as useUIStore, ad as useSourceControlStore, ae as useProjectsStore, a as useToast, x as computed, an as hasPermission, al as getResourcePermissions, O as normalizeStyle, k as createBaseVNode, Z as N8nTooltip, q as N8nButton, c as useI18n, P as createEventBus, aC as SOURCE_CONTROL_PUSH_MODAL_KEY, b2 as notifyUserAboutPullWorkFolderOutcome, b3 as sourceControlEventBus, b4 as SOURCE_CONTROL_PULL_MODAL_KEY, a1 as defineStore, b5 as useCloudPlanStore, ab as useRootStore, b6 as useStorage, b7 as DateTime, a6 as STORES, ax as useTelemetry, v as useSettingsStore, b as useRouter, b8 as sortByProperty, V as VIEWS, ak as usePageRedirectionHelper, h as resolveComponent, b9 as N8nMenuItem, p as N8nText, ba as useDebugInfo, bb as useVersionsStore, a0 as N8nLink, bc as VERSIONS_MODAL_KEY, bd as useTemplatesStore, u as useUsersStore, a3 as useWorkflowsStore, R as useDebounce, a4 as useRoute, be as RELEASE_NOTES_URL, o as onMounted, bf as useExternalHooks, K as nextTick, I as onBeforeUnmount, bg as onClickOutside, $ as _sfc_main$7, bh as createSlots, z as N8nAvatar, bi as N8nMenu, bj as WHATS_NEW_MODAL_KEY, bk as ABOUT_MODAL_KEY } from "./index-7S5ADieN.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-BujIG0Jq.js";
+import { L as Logo } from "./Logo-DNxOhbuV.js";
+const ROOT_MENU_INDEX = "-1";
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "N8nNavigationDropdown"
+  },
+  __name: "NavigationDropdown",
+  props: {
+    menu: {},
+    disabled: { type: Boolean },
+    teleport: { type: Boolean }
+  },
+  emits: ["itemClick", "select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const menuRef = ref(null);
+    const emit = __emit;
+    const close = () => {
+      menuRef.value?.close(ROOT_MENU_INDEX);
+    };
+    const menuTrigger = ref("click");
+    const onOpen = (index) => {
+      if (index !== ROOT_MENU_INDEX) return;
+      menuTrigger.value = "hover";
+    };
+    const onClose = (index) => {
+      if (index !== ROOT_MENU_INDEX) return;
+      menuTrigger.value = "click";
+    };
+    __expose({
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElMenu), {
+        ref_key: "menuRef",
+        ref: menuRef,
+        mode: "horizontal",
+        "unique-opened": "",
+        "menu-trigger": menuTrigger.value,
+        ellipsis: false,
+        class: normalizeClass(_ctx.$style.dropdown),
+        onSelect: _cache[1] || (_cache[1] = ($event) => emit("select", $event)),
+        onKeyup: withKeys(close, ["escape"]),
+        onOpen,
+        onClose
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(ElSubMenu), {
+            index: ROOT_MENU_INDEX,
+            class: normalizeClass(_ctx.$style.trigger),
+            "popper-offset": -10,
+            "popper-class": _ctx.$style.submenu,
+            disabled: _ctx.disabled,
+            teleported: _ctx.teleport
+          }, {
+            title: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu, (item) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: item.id
+                }, [
+                  item.submenu ? (openBlock(), createBlock(unref(ElSubMenu), {
+                    key: 0,
+                    "popper-class": _ctx.$style.nestedSubmenu,
+                    index: item.id,
+                    "popper-offset": -10,
+                    "data-test-id": "navigation-submenu"
+                  }, {
+                    title: withCtx(() => [
+                      createTextVNode(toDisplayString(item.title), 1)
+                    ]),
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(item.submenu, (subitem) => {
+                        return openBlock(), createBlock(unref(_sfc_main$6), {
+                          key: subitem.id,
+                          to: !subitem.disabled && subitem.route || void 0
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(ElMenuItem), {
+                              "data-test-id": "navigation-submenu-item",
+                              index: subitem.id,
+                              disabled: subitem.disabled,
+                              onClick: _cache[0] || (_cache[0] = ($event) => emit("itemClick", $event))
+                            }, {
+                              default: withCtx(() => [
+                                subitem.icon ? (openBlock(), createBlock(unref(N8nIcon), {
+                                  key: 0,
+                                  icon: subitem.icon,
+                                  class: normalizeClass(_ctx.$style.submenu__icon)
+                                }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
+                                createTextVNode(" " + toDisplayString(subitem.title) + " ", 1),
+                                renderSlot(_ctx.$slots, `item.append.${item.id}`, mergeProps({ ref_for: true }, { item }))
+                              ]),
+                              _: 2
+                            }, 1032, ["index", "disabled"])
+                          ]),
+                          _: 2
+                        }, 1032, ["to"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["popper-class", "index"])) : (openBlock(), createBlock(unref(_sfc_main$6), {
+                    key: 1,
+                    to: !item.disabled && item.route || void 0
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElMenuItem), {
+                        index: item.id,
+                        disabled: item.disabled,
+                        "data-test-id": "navigation-menu-item"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.title) + " ", 1),
+                          renderSlot(_ctx.$slots, `item.append.${item.id}`, mergeProps({ ref_for: true }, { item }))
+                        ]),
+                        _: 2
+                      }, 1032, ["index", "disabled"])
+                    ]),
+                    _: 2
+                  }, 1032, ["to"]))
+                ], 64);
+              }), 128))
+            ]),
+            _: 3
+          }, 8, ["class", "popper-class", "disabled", "teleported"])
+        ]),
+        _: 3
+      }, 8, ["menu-trigger", "class"]);
+    };
+  }
+});
+const dropdown = "_dropdown_1dr86_123";
+const nestedSubmenu = "_nestedSubmenu_1dr86_140";
+const submenu = "_submenu_1dr86_145";
+const submenu__icon = "_submenu__icon_1dr86_173";
+const style0$5 = {
+  dropdown,
+  nestedSubmenu,
+  submenu,
+  submenu__icon
+};
+const cssModules$5 = {
+  "$style": style0$5
+};
+const N8nNavigationDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$5]]);
 async function getBecomeCreatorCta(context) {
   const response = await get(context.baseUrl, "/cta/become-creator");
   return response;
@@ -82,9 +228,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
-      const _component_n8n_button = resolveComponent("n8n-button");
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_n8n_icon = N8nIcon;
+      const _component_n8n_button = N8nButton;
+      const _component_n8n_tooltip = N8nTooltip;
       return sourceControlAvailable.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass({
@@ -178,30 +324,7 @@ const style0$4 = {
 const cssModules$4 = {
   "$style": style0$4
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
-const notification = "_notification_1usal_130";
-const style0$3 = {
-  "gift-icon": "_gift-icon_1usal_123",
-  notification
-};
-const _sfc_main$3 = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.$style["gift-icon"])
-  }, [
-    createVNode(_component_font_awesome_icon, { icon: "gift" }),
-    createBaseVNode("div", {
-      class: normalizeClass(_ctx.$style["notification"])
-    }, _cache[0] || (_cache[0] = [
-      createBaseVNode("div", null, null, -1)
-    ]), 2)
-  ], 2);
-}
-const cssModules$3 = {
-  "$style": style0$3
-};
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render], ["__cssModules", cssModules$3]]);
+const __unplugin_components_4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
 const LOCAL_STORAGE_KEY = "N8N_BECOME_TEMPLATE_CREATOR_CTA_DISMISSED_AT";
 const RESHOW_DISMISSED_AFTER_DAYS = 30;
 const POLL_INTERVAL_IN_MS = 15 * 60 * 1e3;
@@ -257,7 +380,7 @@ function hasEnoughTimePassedSinceDismissal(dismissedAt) {
   });
   return reshowAtTime <= DateTime.now();
 }
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "BecomeTemplateCreatorCta",
   setup(__props) {
     const i18n = useI18n();
@@ -267,8 +390,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       telemetry.track("User clicked become creator CTA");
     };
     return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
-      const _component_n8n_button = resolveComponent("n8n-button");
+      const _component_n8n_icon = N8nIcon;
+      const _component_n8n_button = N8nButton;
       return unref(store).showBecomeCreatorCta ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.container),
@@ -306,22 +429,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_19by7_123";
+const container$1 = "_container_19by7_123";
 const textAndCloseButton = "_textAndCloseButton_19by7_131";
 const text = "_text_19by7_131";
 const closeButton = "_closeButton_19by7_144";
 const becomeCreatorButton = "_becomeCreatorButton_19by7_157";
-const style0$2 = {
-  container,
+const style0$3 = {
+  container: container$1,
   textAndCloseButton,
   text,
   closeButton,
   becomeCreatorButton
 };
-const cssModules$2 = {
-  "$style": style0$2
+const cssModules$3 = {
+  "$style": style0$3
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
 const useGlobalEntityCreation = () => {
   const CREATE_PROJECT_ID = "create-project";
   const WORKFLOWS_MENU_ID = "workflow";
@@ -533,7 +656,7 @@ const _hoisted_2 = {
   key: 3,
   class: "mb-m"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectNavigation",
   props: {
     collapsed: { type: Boolean },
@@ -566,7 +689,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }));
     const getProjectMenuItem = (project) => ({
       id: project.id,
-      label: project.name,
+      label: project.name ?? "",
       icon: project.icon,
       route: {
         to: {
@@ -589,12 +712,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const showAddFirstProject = computed(
       () => projectsStore.isTeamProjectFeatureEnabled && !displayProjects.value.length
     );
+    const activeTabId = computed(() => {
+      return (Array.isArray(projectsStore.projectNavActiveId) ? projectsStore.projectNavActiveId[0] : projectsStore.projectNavActiveId) ?? void 0;
+    });
     return (_ctx, _cache) => {
-      const _component_N8nMenuItem = resolveComponent("N8nMenuItem");
+      const _component_N8nMenuItem = N8nMenuItem;
       const _component_ElMenu = resolveComponent("ElMenu");
-      const _component_N8nButton = resolveComponent("N8nButton");
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
-      const _component_N8nText = resolveComponent("N8nText");
+      const _component_N8nButton = N8nButton;
+      const _component_N8nTooltip = N8nTooltip;
+      const _component_N8nText = N8nText;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.projects)
       }, [
@@ -606,7 +732,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             createVNode(_component_N8nMenuItem, {
               item: home.value,
               compact: props.collapsed,
-              "active-tab": unref(projectsStore).projectNavActiveId,
+              "active-tab": activeTabId.value,
               mode: "tabs",
               "data-test-id": "project-home-menu-item"
             }, null, 8, ["item", "compact", "active-tab"]),
@@ -614,7 +740,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               key: 0,
               item: personalProject.value,
               compact: props.collapsed,
-              "active-tab": unref(projectsStore).projectNavActiveId,
+              "active-tab": activeTabId.value,
               mode: "tabs",
               "data-test-id": "project-personal-menu-item"
             }, null, 8, ["item", "compact", "active-tab"])) : createCommentVNode("", true),
@@ -622,7 +748,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               key: 1,
               item: shared.value,
               compact: props.collapsed,
-              "active-tab": unref(projectsStore).projectNavActiveId,
+              "active-tab": activeTabId.value,
               mode: "tabs",
               "data-test-id": "project-shared-menu-item"
             }, null, 8, ["item", "compact", "active-tab"])) : createCommentVNode("", true)
@@ -673,7 +799,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }),
                 item: getProjectMenuItem(project),
                 compact: props.collapsed,
-                "active-tab": unref(projectsStore).projectNavActiveId,
+                "active-tab": activeTabId.value,
                 mode: "tabs",
                 "data-test-id": "project-menu-item"
               }, null, 8, ["class", "item", "compact", "active-tab"]);
@@ -721,7 +847,7 @@ const upgradeLink = "_upgradeLink_jcrfa_141";
 const collapsed = "_collapsed_jcrfa_146";
 const projectsLabel = "_projectsLabel_jcrfa_150";
 const addFirstProjectBtn = "_addFirstProjectBtn_jcrfa_173";
-const style0$1 = {
+const style0$2 = {
   projects,
   plusBtn,
   projectItems,
@@ -730,10 +856,10 @@ const style0$1 = {
   projectsLabel,
   addFirstProjectBtn
 };
-const cssModules$1 = {
-  "$style": style0$1
+const cssModules$2 = {
+  "$style": style0$2
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-7c9247d0"]]);
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2], ["__scopeId", "data-v-ff344eee"]]);
 const BASE_FORUM_URL = "https://github.com/n8n-io/n8n/issues/new?labels=bug-report";
 const REPORT_TEMPLATE = `
 <!-- Please follow the template below. Skip the questions that are not relevant to you. -->
@@ -769,6 +895,63 @@ ${debugInfo.generateDebugInfo({ skipSensitive: true, secondaryHeader: true })}}`
     getReportingURL
   };
 }
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "VersionUpdateCTA",
+  setup(__props) {
+    const i18n = useI18n();
+    const versionsStore = useVersionsStore();
+    const uiStore = useUIStore();
+    const pageRedirectionHelper = usePageRedirectionHelper();
+    const telemetry = useTelemetry();
+    const openUpdatesPanel = () => {
+      uiStore.openModal(VERSIONS_MODAL_KEY);
+    };
+    const onUpdateClick = async () => {
+      telemetry.track("User clicked on update button", {
+        source: "main-sidebar"
+      });
+      await pageRedirectionHelper.goToVersions();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.container)
+      }, [
+        createVNode(unref(N8nLink), {
+          size: "small",
+          theme: "text",
+          "data-test-id": "version-update-next-versions-link",
+          onClick: openUpdatesPanel
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(i18n).baseText("whatsNew.versionsBehind", {
+              interpolate: {
+                count: unref(versionsStore).nextVersions.length > 99 ? "99+" : unref(versionsStore).nextVersions.length
+              }
+            })), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(unref(N8nButton), {
+          class: normalizeClass(_ctx.$style.button),
+          label: unref(i18n).baseText("whatsNew.update"),
+          "data-test-id": "version-update-cta-button",
+          size: "mini",
+          onClick: onUpdateClick
+        }, null, 8, ["class", "label"])
+      ], 2);
+    };
+  }
+});
+const container = "_container_1hqs4_123";
+const button = "_button_1hqs4_136";
+const style0$1 = {
+  container,
+  button
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const VersionUpdateCTA = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
 const _hoisted_1 = {
   class: "ml-3xs",
   "data-test-id": "main-sidebar-user-menu"
@@ -807,6 +990,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         label: i18n.baseText("auth.signout")
       }
     ]);
+    const showWhatsNewNotification = computed(
+      () => versionsStore.hasVersionUpdates || versionsStore.whatsNewArticles.some(
+        (article) => !versionsStore.isWhatsNewArticleRead(article.id)
+      )
+    );
     const mainMenuItems = computed(() => [
       {
         id: "cloud-admin",
@@ -911,14 +1099,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             position: "bottom"
           }
         ]
+      },
+      {
+        id: "whats-new",
+        icon: "bell",
+        notification: showWhatsNewNotification.value,
+        label: i18n.baseText("mainSidebar.whatsNew"),
+        position: "bottom",
+        available: versionsStore.hasVersionUpdates || versionsStore.whatsNewArticles.length > 0,
+        children: [
+          ...versionsStore.whatsNewArticles.map(
+            (article) => ({
+              id: `whats-new-article-${article.id}`,
+              label: article.title,
+              size: "small",
+              customIconSize: "small",
+              icon: {
+                type: "emoji",
+                value: "•",
+                color: !versionsStore.isWhatsNewArticleRead(article.id) ? "primary" : "text-light"
+              }
+            })
+          ),
+          {
+            id: "full-changelog",
+            icon: "external-link-alt",
+            label: i18n.baseText("mainSidebar.whatsNew.fullChangelog"),
+            link: {
+              href: RELEASE_NOTES_URL,
+              target: "_blank"
+            },
+            size: "small",
+            customIconSize: "small"
+          },
+          {
+            id: "version-upgrade-cta",
+            component: VersionUpdateCTA,
+            available: versionsStore.hasVersionUpdates,
+            props: {}
+          }
+        ]
       }
     ]);
     const createBtn = ref();
     const isCollapsed = computed(() => uiStore.sidebarMenuCollapsed);
-    const hasVersionUpdates = computed(
-      () => settingsStore.settings.releaseChannel === "stable" && versionsStore.hasVersionUpdates
-    );
-    const nextVersions = computed(() => versionsStore.nextVersions);
     const showUserArea = computed(() => hasPermission(["authenticated"]));
     const userIsTrialing = computed(() => cloudPlanStore.userIsTrialing);
     onMounted(async () => {
@@ -938,7 +1162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const trackTemplatesClick = () => {
       telemetry.track("User clicked on templates", {
-        role: usersStore.currentUserCloudInfo?.role,
+        role: cloudPlanStore.currentUserCloudInfo?.role,
         active_workflow_count: workflowsStore.activeWorkflows.length
       });
     };
@@ -971,9 +1195,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         fullyExpanded.value = !isCollapsed.value;
       }
     };
-    const openUpdatesPanel = () => {
-      uiStore.openModal(VERSIONS_MODAL_KEY);
-    };
     const handleSelect = (key) => {
       switch (key) {
         case "templates":
@@ -999,6 +1220,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         case "insights":
           telemetry.track("User clicked insights link from side menu");
+        default:
+          if (key.startsWith("whats-new-article-")) {
+            const articleId = Number(key.replace("whats-new-article-", ""));
+            telemetry.track("User clicked on what's new section", {
+              article_id: articleId
+            });
+            uiStore.openModalWithData({
+              name: WHATS_NEW_MODAL_KEY,
+              data: {
+                articleId
+              }
+            });
+          }
+          break;
       }
     };
     function onResize() {
@@ -1028,20 +1263,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       createBtn.value?.close();
     });
     return (_ctx, _cache) => {
-      const _component_N8nIcon = resolveComponent("N8nIcon");
+      const _component_N8nIcon = N8nIcon;
       const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_N8nButton = resolveComponent("N8nButton");
-      const _component_ProjectNavigation = __unplugin_components_0;
-      const _component_BecomeTemplateCreatorCta = __unplugin_components_1;
-      const _component_GiftNotificationIcon = __unplugin_components_2;
-      const _component_N8nText = resolveComponent("N8nText");
-      const _component_MainSidebarSourceControl = __unplugin_components_3;
-      const _component_N8nAvatar = resolveComponent("N8nAvatar");
+      const _component_N8nButton = N8nButton;
+      const _component_ProjectNavigation = __unplugin_components_2;
+      const _component_BecomeTemplateCreatorCta = __unplugin_components_3;
+      const _component_MainSidebarSourceControl = __unplugin_components_4;
+      const _component_N8nAvatar = 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");
+      const _component_N8nText = N8nText;
+      const _component_N8nActionDropdown = N8nActionDropdown;
+      const _component_N8nMenu = N8nMenu;
       return openBlock(), createElementBlock("div", {
         id: "side-menu",
         class: normalizeClass({
@@ -1190,7 +1424,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 1032, ["content"])) : createCommentVNode("", true)
             ]),
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$5), {
+              createVNode(unref(_sfc_main$7), {
                 icon: "plus",
                 type: "secondary",
                 outline: ""
@@ -1215,27 +1449,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           menuSuffix: withCtx(() => [
             createBaseVNode("div", null, [
-              hasVersionUpdates.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                "data-test-id": "version-updates-panel-button",
-                class: normalizeClass(_ctx.$style.updates),
-                onClick: openUpdatesPanel
-              }, [
-                createBaseVNode("div", {
-                  class: normalizeClass(_ctx.$style.giftContainer)
-                }, [
-                  createVNode(_component_GiftNotificationIcon)
-                ], 2),
-                createVNode(_component_N8nText, {
-                  class: normalizeClass({ ["ml-xs"]: true, [_ctx.$style.expanded]: fullyExpanded.value }),
-                  color: "text-base"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(nextVersions.value.length > 99 ? "99+" : nextVersions.value.length) + " update" + toDisplayString(nextVersions.value.length > 1 ? "s" : ""), 1)
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ], 2)) : createCommentVNode("", true),
               createVNode(_component_MainSidebarSourceControl, { "is-collapsed": isCollapsed.value }, null, 8, ["is-collapsed"])
             ])
           ]),