n8n-editor-ui 1.115.0 → 1.116.0

package/dist/assets/{MainSidebar-DA1oJ2bK.js → MainSidebar-C9gTPkUi.js}

@@ -1,1086 +1,6 @@
-import { b7 as EVENT_CODE, b8 as triggerEvent, b9 as _export_sfc, d as defineComponent, e as createBlock, g as openBlock, w as withCtx, Y as renderSlot, K as mergeProps, ba as Transition, bb as useNamespace, bc as addClass, bd as hasClass, be as removeClass, x as computed, bf as TinyColor, bg as buildProps, bh as useDeprecated, bi as inject, bj as throwError, r as ref, bk as arrow_down_default, bl as arrow_right_default, bm as reactive, a8 as watch, bn as provide, bo as getCurrentInstance, o as onMounted, X as onBeforeUnmount, aY as h, bp as ElIcon, bq as isString, br as ElTooltip, bs as _CollapseTransition, b4 as withDirectives, b5 as vShow, F as Fragment, bt as useTimeoutFn, bu as iconPropType, bv as isObject, bw as watchEffect, bx as useResizeObserver, by as flattedChildren, bz as more_default, bA as isNil, bB as mutable, bC as definePropType, Z as nextTick, a9 as resolveComponent, h as createElementBlock, j as createBaseVNode, n as normalizeClass, bD as toRef, l as createTextVNode, t as toDisplayString, bE as withNoopInstall, bF as withInstall, i as createVNode, k as unref, A as renderList, bG as _sfc_main$a, f as createCommentVNode, N as N8nIcon, p as N8nText, bH as withKeys, _ as _export_sfc$1, bI as get, bJ as useDebugInfo, v as useSettingsStore, bK as useCloudPlanStore, av as useProjectsStore, af as useSourceControlStore, b as useRouter, a as useToast, bL as sortByProperty, V as VIEWS, c as useI18n, aC as getResourcePermissions, bM as updatedIconSet, aB as usePageRedirectionHelper, a0 as defineStore, au as useRootStore, bN as useStorage, bO as DateTime, a5 as STORES, q as N8nButton, al as useTelemetry, bP as useVersionsStore, Q as useUIStore, C as N8nLink, aa as N8nTooltip, bQ as VERSIONS_MODAL_KEY, bR as usePersonalizedTemplatesV3Store, bS as onUnmounted, ap as normalizeStyle, bT as Teleport, u as useUsersStore, b3 as onBeforeMount, bU as N8nMenuItem, m as N8nHeading, a3 as useRoute, aE as hasPermission, bV as useTemplatesStore, a2 as useWorkflowsStore, bW as usePersonalizedTemplatesV2Store, P as useDebounce, bX as useCalloutHelpers, bY as useKeybindings, bZ as RELEASE_NOTES_URL, b_ as useExternalHooks, b$ as onClickOutside, ac as I18nT, ab as _sfc_main$b, y as N8nPopoverReka, c0 as resolveDynamicComponent, G as N8nAvatar, c1 as N8nScrollArea, c2 as WHATS_NEW_MODAL_KEY, c3 as ABOUT_MODAL_KEY, c4 as EXPERIMENT_TEMPLATE_RECO_V3_KEY, c5 as trackTemplatesClick, c6 as TemplateClickSource, c7 as EXPERIMENT_TEMPLATE_RECO_V2_KEY } from "./index-2jyPHFNT.js";
-import { L as Logo } from "./Logo-ByixALFX.js";
-let SubMenu$1 = class SubMenu {
-  constructor(parent, domNode) {
-    this.parent = parent;
-    this.domNode = domNode;
-    this.subIndex = 0;
-    this.subIndex = 0;
-    this.init();
-  }
-  init() {
-    this.subMenuItems = this.domNode.querySelectorAll("li");
-    this.addListeners();
-  }
-  gotoSubIndex(idx) {
-    if (idx === this.subMenuItems.length) {
-      idx = 0;
-    } else if (idx < 0) {
-      idx = this.subMenuItems.length - 1;
-    }
-    this.subMenuItems[idx].focus();
-    this.subIndex = idx;
-  }
-  addListeners() {
-    const parentNode = this.parent.domNode;
-    Array.prototype.forEach.call(this.subMenuItems, (el) => {
-      el.addEventListener("keydown", (event) => {
-        let prevDef = false;
-        switch (event.code) {
-          case EVENT_CODE.down: {
-            this.gotoSubIndex(this.subIndex + 1);
-            prevDef = true;
-            break;
-          }
-          case EVENT_CODE.up: {
-            this.gotoSubIndex(this.subIndex - 1);
-            prevDef = true;
-            break;
-          }
-          case EVENT_CODE.tab: {
-            triggerEvent(parentNode, "mouseleave");
-            break;
-          }
-          case EVENT_CODE.enter:
-          case EVENT_CODE.space: {
-            prevDef = true;
-            event.currentTarget.click();
-            break;
-          }
-        }
-        if (prevDef) {
-          event.preventDefault();
-          event.stopPropagation();
-        }
-        return false;
-      });
-    });
-  }
-};
-let MenuItem$1 = class MenuItem {
-  constructor(domNode, namespace) {
-    this.domNode = domNode;
-    this.submenu = null;
-    this.submenu = null;
-    this.init(namespace);
-  }
-  init(namespace) {
-    this.domNode.setAttribute("tabindex", "0");
-    const menuChild = this.domNode.querySelector(`.${namespace}-menu`);
-    if (menuChild) {
-      this.submenu = new SubMenu$1(this, menuChild);
-    }
-    this.addListeners();
-  }
-  addListeners() {
-    this.domNode.addEventListener("keydown", (event) => {
-      let prevDef = false;
-      switch (event.code) {
-        case EVENT_CODE.down: {
-          triggerEvent(event.currentTarget, "mouseenter");
-          this.submenu && this.submenu.gotoSubIndex(0);
-          prevDef = true;
-          break;
-        }
-        case EVENT_CODE.up: {
-          triggerEvent(event.currentTarget, "mouseenter");
-          this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1);
-          prevDef = true;
-          break;
-        }
-        case EVENT_CODE.tab: {
-          triggerEvent(event.currentTarget, "mouseleave");
-          break;
-        }
-        case EVENT_CODE.enter:
-        case EVENT_CODE.space: {
-          prevDef = true;
-          event.currentTarget.click();
-          break;
-        }
-      }
-      if (prevDef) {
-        event.preventDefault();
-      }
-    });
-  }
-};
-let Menu$1 = class Menu {
-  constructor(domNode, namespace) {
-    this.domNode = domNode;
-    this.init(namespace);
-  }
-  init(namespace) {
-    const menuChildren = this.domNode.childNodes;
-    Array.from(menuChildren).forEach((child) => {
-      if (child.nodeType === 1) {
-        new MenuItem$1(child, namespace);
-      }
-    });
-  }
-};
-const _sfc_main$9 = defineComponent({
-  name: "ElMenuCollapseTransition",
-  setup() {
-    const ns = useNamespace("menu");
-    const listeners = {
-      onBeforeEnter: (el) => el.style.opacity = "0.2",
-      onEnter(el, done) {
-        addClass(el, `${ns.namespace.value}-opacity-transition`);
-        el.style.opacity = "1";
-        done();
-      },
-      onAfterEnter(el) {
-        removeClass(el, `${ns.namespace.value}-opacity-transition`);
-        el.style.opacity = "";
-      },
-      onBeforeLeave(el) {
-        if (!el.dataset) {
-          el.dataset = {};
-        }
-        if (hasClass(el, ns.m("collapse"))) {
-          removeClass(el, ns.m("collapse"));
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          addClass(el, ns.m("collapse"));
-        } else {
-          addClass(el, ns.m("collapse"));
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          removeClass(el, ns.m("collapse"));
-        }
-        el.style.width = `${el.scrollWidth}px`;
-        el.style.overflow = "hidden";
-      },
-      onLeave(el) {
-        addClass(el, "horizontal-collapse-transition");
-        el.style.width = `${el.dataset.scrollWidth}px`;
-      }
-    };
-    return {
-      listeners
-    };
-  }
-});
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, mergeProps({ mode: "out-in" }, _ctx.listeners), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16);
-}
-var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$2], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-collapse-transition.vue"]]);
-function useMenu(instance, currentIndex) {
-  const indexPath = computed(() => {
-    let parent = instance.parent;
-    const path = [currentIndex.value];
-    while (parent.type.name !== "ElMenu") {
-      if (parent.props.index) {
-        path.unshift(parent.props.index);
-      }
-      parent = parent.parent;
-    }
-    return path;
-  });
-  const parentMenu = computed(() => {
-    let parent = instance.parent;
-    while (parent && !["ElMenu", "ElSubMenu"].includes(parent.type.name)) {
-      parent = parent.parent;
-    }
-    return parent;
-  });
-  return {
-    parentMenu,
-    indexPath
-  };
-}
-function useMenuColor(props) {
-  const menuBarColor = computed(() => {
-    const color = props.backgroundColor;
-    if (!color) {
-      return "";
-    } else {
-      return new TinyColor(color).shade(20).toString();
-    }
-  });
-  return menuBarColor;
-}
-const useMenuCssVar = (props, level) => {
-  const ns = useNamespace("menu");
-  return computed(() => {
-    return ns.cssVarBlock({
-      "text-color": props.textColor || "",
-      "hover-text-color": props.textColor || "",
-      "bg-color": props.backgroundColor || "",
-      "hover-bg-color": useMenuColor(props).value || "",
-      "active-color": props.activeTextColor || "",
-      level: `${level}`
-    });
-  });
-};
-const subMenuProps = buildProps({
-  index: {
-    type: String,
-    required: true
-  },
-  showTimeout: {
-    type: Number,
-    default: 300
-  },
-  hideTimeout: {
-    type: Number,
-    default: 300
-  },
-  popperClass: String,
-  disabled: Boolean,
-  popperAppendToBody: {
-    type: Boolean,
-    default: void 0
-  },
-  teleported: {
-    type: Boolean,
-    default: void 0
-  },
-  popperOffset: {
-    type: Number,
-    default: 6
-  },
-  expandCloseIcon: {
-    type: iconPropType
-  },
-  expandOpenIcon: {
-    type: iconPropType
-  },
-  collapseCloseIcon: {
-    type: iconPropType
-  },
-  collapseOpenIcon: {
-    type: iconPropType
-  }
-});
-const COMPONENT_NAME$2 = "ElSubMenu";
-var SubMenu2 = defineComponent({
-  name: COMPONENT_NAME$2,
-  props: subMenuProps,
-  setup(props, { slots, expose }) {
-    useDeprecated({
-      from: "popper-append-to-body",
-      replacement: "teleported",
-      scope: COMPONENT_NAME$2,
-      version: "2.3.0",
-      ref: "https://element-plus.org/en-US/component/menu.html#submenu-attributes"
-    }, computed(() => props.popperAppendToBody !== void 0));
-    const instance = getCurrentInstance();
-    const { indexPath, parentMenu } = useMenu(instance, computed(() => props.index));
-    const nsMenu = useNamespace("menu");
-    const nsSubMenu = useNamespace("sub-menu");
-    const rootMenu = inject("rootMenu");
-    if (!rootMenu)
-      throwError(COMPONENT_NAME$2, "can not inject root menu");
-    const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
-    if (!subMenu)
-      throwError(COMPONENT_NAME$2, "can not inject sub menu");
-    const items = ref({});
-    const subMenus = ref({});
-    let timeout;
-    const mouseInChild = ref(false);
-    const verticalTitleRef = ref();
-    const vPopper = ref(null);
-    const currentPlacement = computed(() => mode.value === "horizontal" && isFirstLevel.value ? "bottom-start" : "right-start");
-    const subMenuTitleIcon = computed(() => {
-      return mode.value === "horizontal" && isFirstLevel.value || mode.value === "vertical" && !rootMenu.props.collapse ? props.expandCloseIcon && props.expandOpenIcon ? opened.value ? props.expandOpenIcon : props.expandCloseIcon : arrow_down_default : props.collapseCloseIcon && props.collapseOpenIcon ? opened.value ? props.collapseOpenIcon : props.collapseCloseIcon : arrow_right_default;
-    });
-    const isFirstLevel = computed(() => {
-      return subMenu.level === 0;
-    });
-    const appendToBody = computed(() => {
-      var _a;
-      const value = (_a = props.teleported) != null ? _a : props.popperAppendToBody;
-      return value === void 0 ? isFirstLevel.value : value;
-    });
-    const menuTransitionName = computed(() => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`);
-    const fallbackPlacements = computed(() => mode.value === "horizontal" && isFirstLevel.value ? [
-      "bottom-start",
-      "bottom-end",
-      "top-start",
-      "top-end",
-      "right-start",
-      "left-start"
-    ] : [
-      "right-start",
-      "right",
-      "right-end",
-      "left-start",
-      "bottom-start",
-      "bottom-end",
-      "top-start",
-      "top-end"
-    ]);
-    const opened = computed(() => rootMenu.openedMenus.includes(props.index));
-    const active = computed(() => {
-      let isActive = false;
-      Object.values(items.value).forEach((item2) => {
-        if (item2.active) {
-          isActive = true;
-        }
-      });
-      Object.values(subMenus.value).forEach((subItem) => {
-        if (subItem.active) {
-          isActive = true;
-        }
-      });
-      return isActive;
-    });
-    const mode = computed(() => rootMenu.props.mode);
-    const item = reactive({
-      index: props.index,
-      indexPath,
-      active
-    });
-    const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
-    const doDestroy = () => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = vPopper.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.popperInstanceRef) == null ? void 0 : _c.destroy();
-    };
-    const handleCollapseToggle = (value) => {
-      if (!value) {
-        doDestroy();
-      }
-    };
-    const handleClick = () => {
-      if (rootMenu.props.menuTrigger === "hover" && rootMenu.props.mode === "horizontal" || rootMenu.props.collapse && rootMenu.props.mode === "vertical" || props.disabled)
-        return;
-      rootMenu.handleSubMenuClick({
-        index: props.index,
-        indexPath: indexPath.value,
-        active: active.value
-      });
-    };
-    const handleMouseenter = (event, showTimeout = props.showTimeout) => {
-      var _a;
-      if (event.type === "focus") {
-        return;
-      }
-      if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical" || props.disabled) {
-        return;
-      }
-      subMenu.mouseInChild.value = true;
-      timeout == null ? void 0 : timeout();
-      ({ stop: timeout } = useTimeoutFn(() => {
-        rootMenu.openMenu(props.index, indexPath.value);
-      }, showTimeout));
-      if (appendToBody.value) {
-        (_a = parentMenu.value.vnode.el) == null ? void 0 : _a.dispatchEvent(new MouseEvent("mouseenter"));
-      }
-    };
-    const handleMouseleave = (deepDispatch = false) => {
-      var _a, _b;
-      if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical") {
-        return;
-      }
-      timeout == null ? void 0 : timeout();
-      subMenu.mouseInChild.value = false;
-      ({ stop: timeout } = useTimeoutFn(() => !mouseInChild.value && rootMenu.closeMenu(props.index, indexPath.value), props.hideTimeout));
-      if (appendToBody.value && deepDispatch) {
-        if (((_a = instance.parent) == null ? void 0 : _a.type.name) === "ElSubMenu") {
-          (_b = subMenu.handleMouseleave) == null ? void 0 : _b.call(subMenu, true);
-        }
-      }
-    };
-    watch(() => rootMenu.props.collapse, (value) => handleCollapseToggle(Boolean(value)));
-    {
-      const addSubMenu = (item2) => {
-        subMenus.value[item2.index] = item2;
-      };
-      const removeSubMenu = (item2) => {
-        delete subMenus.value[item2.index];
-      };
-      provide(`subMenu:${instance.uid}`, {
-        addSubMenu,
-        removeSubMenu,
-        handleMouseleave,
-        mouseInChild,
-        level: subMenu.level + 1
-      });
-    }
-    expose({
-      opened
-    });
-    onMounted(() => {
-      rootMenu.addSubMenu(item);
-      subMenu.addSubMenu(item);
-    });
-    onBeforeUnmount(() => {
-      subMenu.removeSubMenu(item);
-      rootMenu.removeSubMenu(item);
-    });
-    return () => {
-      var _a;
-      const titleTag = [
-        (_a = slots.title) == null ? void 0 : _a.call(slots),
-        h(ElIcon, {
-          class: nsSubMenu.e("icon-arrow"),
-          style: {
-            transform: opened.value ? props.expandCloseIcon && props.expandOpenIcon || props.collapseCloseIcon && props.collapseOpenIcon && rootMenu.props.collapse ? "none" : "rotateZ(180deg)" : "none"
-          }
-        }, {
-          default: () => isString(subMenuTitleIcon.value) ? h(instance.appContext.components[subMenuTitleIcon.value]) : h(subMenuTitleIcon.value)
-        })
-      ];
-      const child = rootMenu.isMenuPopup ? h(ElTooltip, {
-        ref: vPopper,
-        visible: opened.value,
-        effect: "light",
-        pure: true,
-        offset: props.popperOffset,
-        showArrow: false,
-        persistent: true,
-        popperClass: props.popperClass,
-        placement: currentPlacement.value,
-        teleported: appendToBody.value,
-        fallbackPlacements: fallbackPlacements.value,
-        transition: menuTransitionName.value,
-        gpuAcceleration: false
-      }, {
-        content: () => {
-          var _a2;
-          return h("div", {
-            class: [
-              nsMenu.m(mode.value),
-              nsMenu.m("popup-container"),
-              props.popperClass
-            ],
-            onMouseenter: (evt) => handleMouseenter(evt, 100),
-            onMouseleave: () => handleMouseleave(true),
-            onFocus: (evt) => handleMouseenter(evt, 100)
-          }, [
-            h("ul", {
-              class: [
-                nsMenu.b(),
-                nsMenu.m("popup"),
-                nsMenu.m(`popup-${currentPlacement.value}`)
-              ],
-              style: ulStyle.value
-            }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])
-          ]);
-        },
-        default: () => h("div", {
-          class: nsSubMenu.e("title"),
-          onClick: handleClick
-        }, titleTag)
-      }) : h(Fragment, {}, [
-        h("div", {
-          class: nsSubMenu.e("title"),
-          ref: verticalTitleRef,
-          onClick: handleClick
-        }, titleTag),
-        h(_CollapseTransition, {}, {
-          default: () => {
-            var _a2;
-            return withDirectives(h("ul", {
-              role: "menu",
-              class: [nsMenu.b(), nsMenu.m("inline")],
-              style: ulStyle.value
-            }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]), [[vShow, opened.value]]);
-          }
-        })
-      ]);
-      return h("li", {
-        class: [
-          nsSubMenu.b(),
-          nsSubMenu.is("active", active.value),
-          nsSubMenu.is("opened", opened.value),
-          nsSubMenu.is("disabled", props.disabled)
-        ],
-        role: "menuitem",
-        ariaHaspopup: true,
-        ariaExpanded: opened.value,
-        onMouseenter: handleMouseenter,
-        onMouseleave: () => handleMouseleave(true),
-        onFocus: handleMouseenter
-      }, [child]);
-    };
-  }
-});
-const menuProps = buildProps({
-  mode: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "vertical"
-  },
-  defaultActive: {
-    type: String,
-    default: ""
-  },
-  defaultOpeneds: {
-    type: definePropType(Array),
-    default: () => mutable([])
-  },
-  uniqueOpened: Boolean,
-  router: Boolean,
-  menuTrigger: {
-    type: String,
-    values: ["hover", "click"],
-    default: "hover"
-  },
-  collapse: Boolean,
-  backgroundColor: String,
-  textColor: String,
-  activeTextColor: String,
-  collapseTransition: {
-    type: Boolean,
-    default: true
-  },
-  ellipsis: {
-    type: Boolean,
-    default: true
-  },
-  popperEffect: {
-    type: String,
-    values: ["dark", "light"],
-    default: "dark"
-  }
-});
-const checkIndexPath = (indexPath) => Array.isArray(indexPath) && indexPath.every((path) => isString(path));
-const menuEmits = {
-  close: (index, indexPath) => isString(index) && checkIndexPath(indexPath),
-  open: (index, indexPath) => isString(index) && checkIndexPath(indexPath),
-  select: (index, indexPath, item, routerResult) => isString(index) && checkIndexPath(indexPath) && isObject(item) && (routerResult === void 0 || routerResult instanceof Promise)
-};
-var Menu2 = defineComponent({
-  name: "ElMenu",
-  props: menuProps,
-  emits: menuEmits,
-  setup(props, { emit, slots, expose }) {
-    const instance = getCurrentInstance();
-    const router = instance.appContext.config.globalProperties.$router;
-    const menu = ref();
-    const nsMenu = useNamespace("menu");
-    const nsSubMenu = useNamespace("sub-menu");
-    const sliceIndex = ref(-1);
-    const openedMenus = ref(props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []);
-    const activeIndex = ref(props.defaultActive);
-    const items = ref({});
-    const subMenus = ref({});
-    const isMenuPopup = computed(() => {
-      return props.mode === "horizontal" || props.mode === "vertical" && props.collapse;
-    });
-    const initMenu = () => {
-      const activeItem = activeIndex.value && items.value[activeIndex.value];
-      if (!activeItem || props.mode === "horizontal" || props.collapse)
-        return;
-      const indexPath = activeItem.indexPath;
-      indexPath.forEach((index) => {
-        const subMenu = subMenus.value[index];
-        subMenu && openMenu(index, subMenu.indexPath);
-      });
-    };
-    const openMenu = (index, indexPath) => {
-      if (openedMenus.value.includes(index))
-        return;
-      if (props.uniqueOpened) {
-        openedMenus.value = openedMenus.value.filter((index2) => indexPath.includes(index2));
-      }
-      openedMenus.value.push(index);
-      emit("open", index, indexPath);
-    };
-    const close = (index) => {
-      const i = openedMenus.value.indexOf(index);
-      if (i !== -1) {
-        openedMenus.value.splice(i, 1);
-      }
-    };
-    const closeMenu = (index, indexPath) => {
-      close(index);
-      emit("close", index, indexPath);
-    };
-    const handleSubMenuClick = ({
-      index,
-      indexPath
-    }) => {
-      const isOpened = openedMenus.value.includes(index);
-      if (isOpened) {
-        closeMenu(index, indexPath);
-      } else {
-        openMenu(index, indexPath);
-      }
-    };
-    const handleMenuItemClick = (menuItem) => {
-      if (props.mode === "horizontal" || props.collapse) {
-        openedMenus.value = [];
-      }
-      const { index, indexPath } = menuItem;
-      if (isNil(index) || isNil(indexPath))
-        return;
-      if (props.router && router) {
-        const route = menuItem.route || index;
-        const routerResult = router.push(route).then((res) => {
-          if (!res)
-            activeIndex.value = index;
-          return res;
-        });
-        emit("select", index, indexPath, { index, indexPath, route }, routerResult);
-      } else {
-        activeIndex.value = index;
-        emit("select", index, indexPath, { index, indexPath });
-      }
-    };
-    const updateActiveIndex = (val) => {
-      const itemsInData = items.value;
-      const item = itemsInData[val] || activeIndex.value && itemsInData[activeIndex.value] || itemsInData[props.defaultActive];
-      if (item) {
-        activeIndex.value = item.index;
-      } else {
-        activeIndex.value = val;
-      }
-    };
-    const calcSliceIndex = () => {
-      var _a, _b;
-      if (!menu.value)
-        return -1;
-      const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#comment" && (item.nodeName !== "#text" || item.nodeValue));
-      const moreItemWidth = 64;
-      const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
-      const paddingRight = Number.parseInt(getComputedStyle(menu.value).paddingRight, 10);
-      const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
-      let calcWidth = 0;
-      let sliceIndex2 = 0;
-      items2.forEach((item, index) => {
-        calcWidth += item.offsetWidth || 0;
-        if (calcWidth <= menuWidth - moreItemWidth) {
-          sliceIndex2 = index + 1;
-        }
-      });
-      return sliceIndex2 === items2.length ? -1 : sliceIndex2;
-    };
-    const debounce = (fn, wait = 33.34) => {
-      let timmer;
-      return () => {
-        timmer && clearTimeout(timmer);
-        timmer = setTimeout(() => {
-          fn();
-        }, wait);
-      };
-    };
-    let isFirstTimeRender = true;
-    const handleResize = () => {
-      const callback = () => {
-        sliceIndex.value = -1;
-        nextTick(() => {
-          sliceIndex.value = calcSliceIndex();
-        });
-      };
-      isFirstTimeRender ? callback() : debounce(callback)();
-      isFirstTimeRender = false;
-    };
-    watch(() => props.defaultActive, (currentActive) => {
-      if (!items.value[currentActive]) {
-        activeIndex.value = "";
-      }
-      updateActiveIndex(currentActive);
-    });
-    watch(() => props.collapse, (value) => {
-      if (value)
-        openedMenus.value = [];
-    });
-    watch(items.value, initMenu);
-    let resizeStopper;
-    watchEffect(() => {
-      if (props.mode === "horizontal" && props.ellipsis)
-        resizeStopper = useResizeObserver(menu, handleResize).stop;
-      else
-        resizeStopper == null ? void 0 : resizeStopper();
-    });
-    {
-      const addSubMenu = (item) => {
-        subMenus.value[item.index] = item;
-      };
-      const removeSubMenu = (item) => {
-        delete subMenus.value[item.index];
-      };
-      const addMenuItem = (item) => {
-        items.value[item.index] = item;
-      };
-      const removeMenuItem = (item) => {
-        delete items.value[item.index];
-      };
-      provide("rootMenu", reactive({
-        props,
-        openedMenus,
-        items,
-        subMenus,
-        activeIndex,
-        isMenuPopup,
-        addMenuItem,
-        removeMenuItem,
-        addSubMenu,
-        removeSubMenu,
-        openMenu,
-        closeMenu,
-        handleMenuItemClick,
-        handleSubMenuClick
-      }));
-      provide(`subMenu:${instance.uid}`, {
-        addSubMenu,
-        removeSubMenu,
-        mouseInChild: ref(false),
-        level: 0
-      });
-    }
-    onMounted(() => {
-      if (props.mode === "horizontal") {
-        new Menu$1(instance.vnode.el, nsMenu.namespace.value);
-      }
-    });
-    {
-      const open = (index) => {
-        const { indexPath } = subMenus.value[index];
-        indexPath.forEach((i) => openMenu(i, indexPath));
-      };
-      expose({
-        open,
-        close,
-        handleResize
-      });
-    }
-    return () => {
-      var _a, _b;
-      let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
-      const vShowMore = [];
-      if (props.mode === "horizontal" && menu.value) {
-        const originalSlot = flattedChildren(slot);
-        const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0, sliceIndex.value);
-        const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);
-        if ((slotMore == null ? void 0 : slotMore.length) && props.ellipsis) {
-          slot = slotDefault;
-          vShowMore.push(h(SubMenu2, {
-            index: "sub-menu-more",
-            class: nsSubMenu.e("hide-arrow")
-          }, {
-            title: () => h(ElIcon, {
-              class: nsSubMenu.e("icon-more")
-            }, { default: () => h(more_default) }),
-            default: () => slotMore
-          }));
-        }
-      }
-      const ulStyle = useMenuCssVar(props, 0);
-      const vMenu = h("ul", {
-        key: String(props.collapse),
-        role: "menubar",
-        ref: menu,
-        style: ulStyle.value,
-        class: {
-          [nsMenu.b()]: true,
-          [nsMenu.m(props.mode)]: true,
-          [nsMenu.m("collapse")]: props.collapse
-        }
-      }, [...slot, ...vShowMore]);
-      if (props.collapseTransition && props.mode === "vertical") {
-        return h(ElMenuCollapseTransition, () => vMenu);
-      }
-      return vMenu;
-    };
-  }
-});
-const menuItemProps = buildProps({
-  index: {
-    type: definePropType([String, null]),
-    default: null
-  },
-  route: {
-    type: definePropType([String, Object])
-  },
-  disabled: Boolean
-});
-const menuItemEmits = {
-  click: (item) => isString(item.index) && Array.isArray(item.indexPath)
-};
-const COMPONENT_NAME$1 = "ElMenuItem";
-const _sfc_main$8 = defineComponent({
-  name: COMPONENT_NAME$1,
-  components: {
-    ElTooltip
-  },
-  props: menuItemProps,
-  emits: menuItemEmits,
-  setup(props, { emit }) {
-    const instance = getCurrentInstance();
-    const rootMenu = inject("rootMenu");
-    const nsMenu = useNamespace("menu");
-    const nsMenuItem = useNamespace("menu-item");
-    if (!rootMenu)
-      throwError(COMPONENT_NAME$1, "can not inject root menu");
-    const { parentMenu, indexPath } = useMenu(instance, toRef(props, "index"));
-    const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
-    if (!subMenu)
-      throwError(COMPONENT_NAME$1, "can not inject sub menu");
-    const active = computed(() => props.index === rootMenu.activeIndex);
-    const item = reactive({
-      index: props.index,
-      indexPath,
-      active
-    });
-    const handleClick = () => {
-      if (!props.disabled) {
-        rootMenu.handleMenuItemClick({
-          index: props.index,
-          indexPath: indexPath.value,
-          route: props.route
-        });
-        emit("click", item);
-      }
-    };
-    onMounted(() => {
-      subMenu.addSubMenu(item);
-      rootMenu.addMenuItem(item);
-    });
-    onBeforeUnmount(() => {
-      subMenu.removeSubMenu(item);
-      rootMenu.removeMenuItem(item);
-    });
-    return {
-      parentMenu,
-      rootMenu,
-      active,
-      nsMenu,
-      nsMenuItem,
-      handleClick
-    };
-  }
-});
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  return openBlock(), createElementBlock("li", {
-    class: normalizeClass([
-      _ctx.nsMenuItem.b(),
-      _ctx.nsMenuItem.is("active", _ctx.active),
-      _ctx.nsMenuItem.is("disabled", _ctx.disabled)
-    ]),
-    role: "menuitem",
-    tabindex: "-1",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    _ctx.parentMenu.type.name === "ElMenu" && _ctx.rootMenu.props.collapse && _ctx.$slots.title ? (openBlock(), createBlock(_component_el_tooltip, {
-      key: 0,
-      effect: _ctx.rootMenu.props.popperEffect,
-      placement: "right",
-      "fallback-placements": ["left"],
-      persistent: ""
-    }, {
-      content: withCtx(() => [
-        renderSlot(_ctx.$slots, "title")
-      ]),
-      default: withCtx(() => [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.nsMenu.be("tooltip", "trigger"))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)
-      ]),
-      _: 3
-    }, 8, ["effect"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      renderSlot(_ctx.$slots, "default"),
-      renderSlot(_ctx.$slots, "title")
-    ], 64))
-  ], 2);
-}
-var MenuItem2 = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-item.vue"]]);
-const menuItemGroupProps = {
-  title: String
-};
-const COMPONENT_NAME = "ElMenuItemGroup";
-const _sfc_main$7 = defineComponent({
-  name: COMPONENT_NAME,
-  props: menuItemGroupProps,
-  setup() {
-    const ns = useNamespace("menu-item-group");
-    return {
-      ns
-    };
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("li", {
-    class: normalizeClass(_ctx.ns.b())
-  }, [
-    createBaseVNode("div", {
-      class: normalizeClass(_ctx.ns.e("title"))
-    }, [
-      !_ctx.$slots.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createTextVNode(toDisplayString(_ctx.title), 1)
-      ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 })
-    ], 2),
-    createBaseVNode("ul", null, [
-      renderSlot(_ctx.$slots, "default")
-    ])
-  ], 2);
-}
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-item-group.vue"]]);
-const ElMenu = withInstall(Menu2, {
-  MenuItem: MenuItem2,
-  MenuItemGroup,
-  SubMenu: SubMenu2
-});
-const ElMenuItem = withNoopInstall(MenuItem2);
-withNoopInstall(MenuItemGroup);
-const ElSubMenu = withNoopInstall(SubMenu2);
-const ROOT_MENU_INDEX = "-1";
-const _sfc_main$6 = /* @__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$a), {
-                          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(), createElementBlock(Fragment, { key: 0 }, [
-                                  typeof subitem.icon === "string" || subitem.icon.type === "icon" ? (openBlock(), createBlock(unref(N8nIcon), {
-                                    key: 0,
-                                    class: normalizeClass(_ctx.$style.submenu__icon),
-                                    icon: typeof subitem.icon === "object" ? subitem.icon.value : subitem.icon
-                                  }, null, 8, ["class", "icon"])) : subitem.icon.type === "emoji" ? (openBlock(), createBlock(unref(N8nText), {
-                                    key: 1,
-                                    class: normalizeClass(_ctx.$style.submenu__icon)
-                                  }, {
-                                    default: withCtx(() => [
-                                      createTextVNode(toDisplayString(subitem.icon.value), 1)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["class"])) : createCommentVNode("", true)
-                                ], 64)) : 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$a), {
-                    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$6 = {
-  dropdown,
-  nestedSubmenu,
-  submenu,
-  submenu__icon
-};
-const cssModules$6 = {
-  "$style": style0$6
-};
-const N8nNavigationDropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__cssModules", cssModules$6]]);
+import { b7 as get, b8 as useDebugInfo, v as useSettingsStore, b9 as useCloudPlanStore, av as useProjectsStore, af as useSourceControlStore, b as useRouter, a as useToast, r as ref, x as computed, ba as sortByProperty, V as VIEWS, c as useI18n, aC as getResourcePermissions, bb as updatedIconSet, aB as usePageRedirectionHelper, a0 as defineStore, au as useRootStore, bc as useStorage, bd as DateTime, a5 as STORES, d as defineComponent, h as createElementBlock, f as createCommentVNode, k as unref, g as openBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, t as toDisplayString, N as N8nIcon, q as N8nButton, al as useTelemetry, _ as _export_sfc, be as useVersionsStore, Q as useUIStore, w as withCtx, l as createTextVNode, C as N8nLink, aa as N8nTooltip, bf as VERSIONS_MODAL_KEY, bg as usePersonalizedTemplatesV3Store, a8 as watch, o as onMounted, bh as onUnmounted, e as createBlock, ap as normalizeStyle, bi as Teleport, Z as nextTick, u as useUsersStore, b3 as onBeforeMount, bj as N8nMenuItem, m as N8nHeading, F as Fragment, A as renderList, a3 as useRoute, aE as hasPermission, bk as useTemplatesStore, a2 as useWorkflowsStore, bl as usePersonalizedTemplatesV2Store, P as useDebounce, bm as useCalloutHelpers, bn as usePostHog, bo as useKeybindings, bp as PROJECT_VARIABLES_EXPERIMENT, bq as CHAT_VIEW, br as RELEASE_NOTES_URL, bs as useExternalHooks, X as onBeforeUnmount, bt as onClickOutside, ac as I18nT, ab as _sfc_main$6, y as N8nPopoverReka, p as N8nText, bu as resolveDynamicComponent, K as mergeProps, bv as N8nScrollArea, G as N8nAvatar, bw as WHATS_NEW_MODAL_KEY, bx as ABOUT_MODAL_KEY, by as EXPERIMENT_TEMPLATE_RECO_V3_KEY, bz as trackTemplatesClick, bA as TemplateClickSource, bB as EXPERIMENT_TEMPLATE_RECO_V2_KEY } from "./index-CW8ZBeS3.js";
+import { L as Logo } from "./Logo-BCYYCeCH.js";
+import { N as N8nNavigationDropdown } from "./NavigationDropdown-BmOSJSCn.js";
 const isCustomMenuItem = (e) => "component" in e;
 async function getBecomeCreatorCta(context) {
   const response = await get(context.baseUrl, "/cta/become-creator");
@@ -1430,11 +350,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$1 = "_container_977ul_123";
-const textAndCloseButton = "_textAndCloseButton_977ul_131";
-const text$1 = "_text_977ul_131";
-const closeButton = "_closeButton_977ul_144";
-const becomeCreatorButton = "_becomeCreatorButton_977ul_156";
+const container$1 = "_container_1ab4u_123";
+const textAndCloseButton = "_textAndCloseButton_1ab4u_131";
+const text$1 = "_text_1ab4u_131";
+const closeButton = "_closeButton_1ab4u_144";
+const becomeCreatorButton = "_becomeCreatorButton_1ab4u_156";
 const style0$5 = {
   container: container$1,
   textAndCloseButton,
@@ -1445,7 +365,7 @@ const style0$5 = {
 const cssModules$5 = {
   "$style": style0$5
 };
-const BecomeTemplateCreatorCta = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__cssModules", cssModules$5]]);
+const BecomeTemplateCreatorCta = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$5]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "VersionUpdateCTA",
   props: {
@@ -1507,8 +427,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_1xpwi_123";
-const button = "_button_1xpwi_135";
+const container = "_container_5mg6c_123";
+const button = "_button_5mg6c_135";
 const style0$4 = {
   container,
   button
@@ -1516,7 +436,7 @@ const style0$4 = {
 const cssModules$4 = {
   "$style": style0$4
 };
-const VersionUpdateCTA = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__cssModules", cssModules$4]]);
+const VersionUpdateCTA = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "TemplateTooltip",
   setup(__props) {
@@ -1648,11 +568,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const triggerContainer = "_triggerContainer_l9heg_123";
-const tooltipTrigger = "_tooltipTrigger_l9heg_128";
-const tooltipContent = "_tooltipContent_l9heg_134";
-const text = "_text_l9heg_140";
-const dismissButton = "_dismissButton_l9heg_146";
+const triggerContainer = "_triggerContainer_5kwt6_123";
+const tooltipTrigger = "_tooltipTrigger_5kwt6_128";
+const tooltipContent = "_tooltipContent_5kwt6_134";
+const text = "_text_5kwt6_140";
+const dismissButton = "_dismissButton_5kwt6_146";
 const style0$3 = {
   triggerContainer,
   tooltipTrigger,
@@ -1663,7 +583,7 @@ const style0$3 = {
 const cssModules$3 = {
   "$style": style0$3
 };
-const TemplateTooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__cssModules", cssModules$3]]);
+const TemplateTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
 const _hoisted_1$1 = { class: "home" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectNavigation",
@@ -1837,13 +757,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const projects = "_projects_ejqc3_123";
-const plusBtn = "_plusBtn_ejqc3_128";
-const projectItems = "_projectItems_ejqc3_132";
-const upgradeLink = "_upgradeLink_ejqc3_136";
-const projectsLabel = "_projectsLabel_ejqc3_141";
-const collapsed$1 = "_collapsed_ejqc3_150";
-const addFirstProjectBtn = "_addFirstProjectBtn_ejqc3_163";
+const projects = "_projects_81iv3_123";
+const plusBtn = "_plusBtn_81iv3_128";
+const projectItems = "_projectItems_81iv3_132";
+const upgradeLink = "_upgradeLink_81iv3_136";
+const projectsLabel = "_projectsLabel_81iv3_141";
+const collapsed$1 = "_collapsed_81iv3_150";
+const addFirstProjectBtn = "_addFirstProjectBtn_81iv3_163";
 const style0$2 = {
   projects,
   plusBtn,
@@ -1856,7 +776,7 @@ const style0$2 = {
 const cssModules$2 = {
   "$style": style0$2
 };
-const ProjectNavigation = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__cssModules", cssModules$2], ["__scopeId", "data-v-3e39eef7"]]);
+const ProjectNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2], ["__scopeId", "data-v-5d368480"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MainSidebarSourceControl",
   props: {
@@ -1978,11 +898,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const sync = "_sync_fv3ov_123";
-const isConnected = "_isConnected_fv3ov_130";
-const collapsed = "_collapsed_fv3ov_134";
-const branchName = "_branchName_fv3ov_144";
-const connected = "_connected_fv3ov_154";
+const sync = "_sync_1xb4i_123";
+const isConnected = "_isConnected_1xb4i_129";
+const collapsed = "_collapsed_1xb4i_133";
+const branchName = "_branchName_1xb4i_143";
+const connected = "_connected_1xb4i_153";
 const style0$1 = {
   sync,
   isConnected,
@@ -1993,7 +913,7 @@ const style0$1 = {
 const cssModules$1 = {
   "$style": style0$1
 };
-const MainSidebarSourceControl = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const MainSidebarSourceControl = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {
   class: "ml-3xs",
@@ -2023,6 +943,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const pageRedirectionHelper = usePageRedirectionHelper();
     const { getReportingURL } = useBugReporting();
     const calloutHelpers = useCalloutHelpers();
+    const posthogStore = usePostHog();
     useKeybindings({
       ctrl_alt_o: () => handleSelect("about")
     });
@@ -2046,6 +967,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         (article) => !versionsStore.isWhatsNewArticleRead(article.id)
       )
     );
+    const isProjectVariablesEnabled = computed(
+      () => posthogStore.isVariantEnabled(
+        PROJECT_VARIABLES_EXPERIMENT.name,
+        PROJECT_VARIABLES_EXPERIMENT.variant
+      )
+    );
     const mainMenuItems = computed(() => [
       {
         id: "cloud-admin",
@@ -2060,7 +987,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         icon: "package-open",
         label: i18n.baseText("mainSidebar.templates"),
         position: "bottom",
-        available: settingsStore.isTemplatesEnabled && calloutHelpers.isPreBuiltAgentsCalloutVisible.value && !personalizedTemplatesV2Store.isFeatureEnabled(),
+        available: settingsStore.isTemplatesEnabled && calloutHelpers.isPreBuiltAgentsCalloutVisible.value && !(personalizedTemplatesV2Store.isFeatureEnabled() || personalizedTemplatesV3Store.isFeatureEnabled()),
         route: { to: { name: VIEWS.PRE_BUILT_AGENT_TEMPLATES } }
       },
       {
@@ -2069,7 +996,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         icon: "package-open",
         label: i18n.baseText("mainSidebar.templates"),
         position: "bottom",
-        available: settingsStore.isTemplatesEnabled && !calloutHelpers.isPreBuiltAgentsCalloutVisible.value && (personalizedTemplatesV2Store.isFeatureEnabled() || personalizedTemplatesV3Store.isFeatureEnabled())
+        available: settingsStore.isTemplatesEnabled && (personalizedTemplatesV2Store.isFeatureEnabled() || personalizedTemplatesV3Store.isFeatureEnabled())
       },
       {
         // Link to in-app templates, available if custom templates are enabled and experiment is disabled
@@ -2097,7 +1024,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         icon: "variable",
         label: i18n.baseText("mainSidebar.variables"),
         position: "bottom",
-        route: { to: { name: VIEWS.VARIABLES } }
+        route: { to: { name: VIEWS.VARIABLES } },
+        available: !isProjectVariablesEnabled.value
       },
       {
         id: "insights",
@@ -2107,6 +1035,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         route: { to: { name: VIEWS.INSIGHTS } },
         available: settingsStore.isModuleActive("insights") && hasPermission(["rbac"], { rbac: { scope: "insights:list" } })
       },
+      {
+        id: "chat",
+        icon: "bot",
+        label: "Chat",
+        position: "bottom",
+        route: { to: { name: CHAT_VIEW } },
+        available: settingsStore.isChatFeatureEnabled && hasPermission(["rbac"], { rbac: { scope: "chatHub:message" } })
+      },
       {
         id: "help",
         icon: "circle-help",
@@ -2493,7 +1429,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 1032, ["content"])) : createCommentVNode("", true)
             ]),
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$b), {
+              createVNode(unref(_sfc_main$6), {
                 icon: "plus",
                 type: "secondary",
                 outline: ""
@@ -2515,7 +1451,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(_ctx.$style.bottomMenu)
               }, [
                 fullyExpanded.value && !userIsTrialing.value ? (openBlock(), createBlock(BecomeTemplateCreatorCta, { key: 0 })) : createCommentVNode("", true),
-                createVNode(MainSidebarSourceControl, { "is-collapsed": isCollapsed.value }, null, 8, ["is-collapsed"]),
                 createBaseVNode("div", {
                   class: normalizeClass(_ctx.$style.bottomMenuItems)
                 }, [
@@ -2576,105 +1511,106 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ], 64);
                   }), 128))
                 ], 2)
-              ], 2),
-              showUserArea.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                createBaseVNode("div", {
-                  ref_key: "user",
-                  ref: user,
-                  class: normalizeClass(_ctx.$style.userArea)
-                }, [
-                  createVNode(unref(N8nPopoverReka), {
-                    side: "right",
-                    align: "end",
-                    "side-offset": 16
-                  }, {
-                    content: withCtx(() => [
-                      createBaseVNode("div", {
-                        class: normalizeClass(_ctx.$style.popover)
-                      }, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(userMenuItems.value, (action) => {
-                          return openBlock(), createBlock(unref(N8nMenuItem), {
-                            key: action.id,
-                            item: action,
-                            "data-test-id": `user-menu-item-${action.id}`,
-                            onClick: () => onUserActionToggle(action.id)
-                          }, null, 8, ["item", "data-test-id", "onClick"]);
-                        }), 128))
-                      ], 2)
-                    ]),
-                    trigger: withCtx(() => [
-                      createBaseVNode("div", {
-                        class: normalizeClass(_ctx.$style.userAreaInner)
-                      }, [
-                        createBaseVNode("div", _hoisted_2, [
-                          createBaseVNode("div", {
-                            class: normalizeClass({ [_ctx.$style.avatar]: true, ["clickable"]: isCollapsed.value })
-                          }, [
-                            createVNode(unref(N8nAvatar), {
-                              "first-name": unref(usersStore).currentUser?.firstName,
-                              "last-name": unref(usersStore).currentUser?.lastName,
-                              size: "small"
-                            }, null, 8, ["first-name", "last-name"])
-                          ], 2)
-                        ]),
-                        createBaseVNode("div", {
-                          class: normalizeClass({
-                            ["ml-2xs"]: true,
-                            [_ctx.$style.userName]: true,
-                            [_ctx.$style.expanded]: fullyExpanded.value
-                          })
-                        }, [
-                          createVNode(unref(N8nText), {
-                            size: "small",
-                            color: "text-dark"
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(unref(usersStore).currentUser?.fullName), 1)
-                            ]),
-                            _: 1
-                          })
-                        ], 2),
-                        createBaseVNode("div", {
-                          "data-test-id": "user-menu",
-                          class: normalizeClass({ [_ctx.$style.userActions]: true, [_ctx.$style.expanded]: fullyExpanded.value })
-                        }, [
-                          createVNode(unref(_sfc_main$b), {
-                            icon: "ellipsis",
-                            text: "",
-                            square: "",
-                            type: "tertiary"
-                          })
-                        ], 2)
-                      ], 2)
-                    ]),
-                    _: 1
-                  })
-                ], 2)
-              ])) : createCommentVNode("", true)
+              ], 2)
             ], 2)
           ]),
           _: 1
         }),
+        createVNode(MainSidebarSourceControl, { "is-collapsed": isCollapsed.value }, null, 8, ["is-collapsed"]),
+        showUserArea.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createBaseVNode("div", {
+            ref_key: "user",
+            ref: user,
+            class: normalizeClass(_ctx.$style.userArea)
+          }, [
+            createVNode(unref(N8nPopoverReka), {
+              side: "right",
+              align: "end",
+              "side-offset": 16
+            }, {
+              content: withCtx(() => [
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.popover)
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(userMenuItems.value, (action) => {
+                    return openBlock(), createBlock(unref(N8nMenuItem), {
+                      key: action.id,
+                      item: action,
+                      "data-test-id": `user-menu-item-${action.id}`,
+                      onClick: () => onUserActionToggle(action.id)
+                    }, null, 8, ["item", "data-test-id", "onClick"]);
+                  }), 128))
+                ], 2)
+              ]),
+              trigger: withCtx(() => [
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.userAreaInner)
+                }, [
+                  createBaseVNode("div", _hoisted_2, [
+                    createBaseVNode("div", {
+                      class: normalizeClass({ [_ctx.$style.avatar]: true, ["clickable"]: isCollapsed.value })
+                    }, [
+                      createVNode(unref(N8nAvatar), {
+                        "first-name": unref(usersStore).currentUser?.firstName,
+                        "last-name": unref(usersStore).currentUser?.lastName,
+                        size: "small"
+                      }, null, 8, ["first-name", "last-name"])
+                    ], 2)
+                  ]),
+                  createBaseVNode("div", {
+                    class: normalizeClass({
+                      ["ml-2xs"]: true,
+                      [_ctx.$style.userName]: true,
+                      [_ctx.$style.expanded]: fullyExpanded.value
+                    })
+                  }, [
+                    createVNode(unref(N8nText), {
+                      size: "small",
+                      color: "text-dark"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(usersStore).currentUser?.fullName), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  createBaseVNode("div", {
+                    "data-test-id": "user-menu",
+                    class: normalizeClass({ [_ctx.$style.userActions]: true, [_ctx.$style.expanded]: fullyExpanded.value })
+                  }, [
+                    createVNode(unref(_sfc_main$6), {
+                      icon: "ellipsis",
+                      text: "",
+                      square: "",
+                      type: "tertiary"
+                    })
+                  ], 2)
+                ], 2)
+              ]),
+              _: 1
+            })
+          ], 2)
+        ])) : createCommentVNode("", true),
         createVNode(TemplateTooltip)
       ], 2);
     };
   }
 });
-const sideMenu = "_sideMenu_176p4_123";
-const logo = "_logo_176p4_132";
-const sideMenuCollapsed = "_sideMenuCollapsed_176p4_143";
-const scrollArea = "_scrollArea_176p4_152";
-const sideMenuCollapseButton = "_sideMenuCollapseButton_176p4_158";
-const bottomMenu = "_bottomMenu_176p4_177";
-const bottomMenuItems = "_bottomMenuItems_176p4_183";
-const popover = "_popover_176p4_187";
-const popoverTitle = "_popoverTitle_176p4_192";
-const userArea = "_userArea_176p4_197";
-const userName = "_userName_176p4_203";
-const expanded = "_expanded_176p4_210";
-const userActions = "_userActions_176p4_217";
-const userAreaInner = "_userAreaInner_176p4_224";
-const readOnlyEnvironmentIcon = "_readOnlyEnvironmentIcon_176p4_235";
+const sideMenu = "_sideMenu_144ie_123";
+const logo = "_logo_144ie_132";
+const sideMenuCollapsed = "_sideMenuCollapsed_144ie_143";
+const scrollArea = "_scrollArea_144ie_152";
+const sideMenuCollapseButton = "_sideMenuCollapseButton_144ie_158";
+const bottomMenu = "_bottomMenu_144ie_177";
+const bottomMenuItems = "_bottomMenuItems_144ie_183";
+const popover = "_popover_144ie_187";
+const popoverTitle = "_popoverTitle_144ie_192";
+const userArea = "_userArea_144ie_197";
+const userName = "_userName_144ie_203";
+const expanded = "_expanded_144ie_210";
+const userActions = "_userActions_144ie_217";
+const userAreaInner = "_userAreaInner_144ie_224";
+const readOnlyEnvironmentIcon = "_readOnlyEnvironmentIcon_144ie_235";
 const style0 = {
   sideMenu,
   logo,
@@ -2695,7 +1631,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const MainSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules]]);
+const MainSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
   MainSidebar as default
 };