n8n-editor-ui 1.113.0 → 1.114.0

package/dist/assets/{MainSidebar-CGhxTuih.js → MainSidebar-f5ouPYUb.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, i as createVNode, l as unref, b6 as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, A as renderList, b7 as _sfc_main$6, b8 as ElMenuItem, f as createCommentVNode, k as createTextVNode, Y as renderSlot, N as N8nIcon, p as N8nText, t as toDisplayString, K as mergeProps, b9 as withKeys, ba as ElMenu, _ as _export_sfc, bb as get, ag as useSourceControlStore, av as useProjectsStore, a3 as useRoute, b as useRouter, x as computed, aE as hasPermission, aC as getResourcePermissions, aq as normalizeStyle, j as createBaseVNode, aa as Tooltip, q as N8nButton, c as useI18n, a0 as defineStore, bc as useCloudPlanStore, au as useRootStore, bd as useStorage, be as DateTime, a5 as STORES, am as useTelemetry, v as useSettingsStore, a as useToast, bf as sortByProperty, V as VIEWS, bg as updatedIconSet, aB as usePageRedirectionHelper, u as useUsersStore, b2 as onBeforeMount, bh as N8nMenuItem, bi as useDebugInfo, bj as useVersionsStore, Q as useUIStore, C as N8nLink, bk as VERSIONS_MODAL_KEY, bl as useTemplatesStore, a2 as useWorkflowsStore, bm as usePersonalizedTemplatesV2Store, P as useDebounce, bn as useCalloutHelpers, bo as useKeybindings, bp as RELEASE_NOTES_URL, o as onMounted, bq as useExternalHooks, Z as nextTick, X as onBeforeUnmount, br as onClickOutside, a9 as resolveComponent, ac as I18nT, ab as _sfc_main$7, bs as createSlots, G as N8nAvatar, aN as N8nActionDropdown, bt as N8nMenu, bu as WHATS_NEW_MODAL_KEY, bv as ABOUT_MODAL_KEY, bw as EXPERIMENT_TEMPLATE_RECO_V2_KEY, bx as trackTemplatesClick, by as TemplateClickSource } from "./index-DGLJxfnn.js";
-import { L as Logo } from "./Logo-ayCSvzHf.js";
+import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, i as createVNode, l as unref, b6 as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, A as renderList, b7 as _sfc_main$7, b8 as ElMenuItem, f as createCommentVNode, k as createTextVNode, Y as renderSlot, N as N8nIcon, p as N8nText, t as toDisplayString, K as mergeProps, b9 as withKeys, ba as ElMenu, _ as _export_sfc, bb as get, ag as useSourceControlStore, av as useProjectsStore, a3 as useRoute, b as useRouter, x as computed, aE as hasPermission, aC as getResourcePermissions, aq as normalizeStyle, j as createBaseVNode, aa as Tooltip, q as N8nButton, c as useI18n, a0 as defineStore, bc as useCloudPlanStore, au as useRootStore, bd as useStorage, be as DateTime, a5 as STORES, am as useTelemetry, v as useSettingsStore, a as useToast, bf as sortByProperty, V as VIEWS, bg as updatedIconSet, aB as usePageRedirectionHelper, u as useUsersStore, b2 as onBeforeMount, bh as N8nMenuItem, bi as useDebugInfo, bj as useVersionsStore, Q as useUIStore, C as N8nLink, bk as VERSIONS_MODAL_KEY, bl as usePersonalizedTemplatesV3Store, a8 as watch, o as onMounted, bm as onUnmounted, bn as Teleport, Z as nextTick, bo as useTemplatesStore, a2 as useWorkflowsStore, bp as usePersonalizedTemplatesV2Store, P as useDebounce, bq as useCalloutHelpers, br as useKeybindings, bs as RELEASE_NOTES_URL, bt as useExternalHooks, X as onBeforeUnmount, bu as onClickOutside, a9 as resolveComponent, ac as I18nT, ab as _sfc_main$8, bv as createSlots, G as N8nAvatar, aN as N8nActionDropdown, bw as N8nMenu, bx as WHATS_NEW_MODAL_KEY, by as ABOUT_MODAL_KEY, bz as EXPERIMENT_TEMPLATE_RECO_V3_KEY, bA as trackTemplatesClick, bB as TemplateClickSource, bC as EXPERIMENT_TEMPLATE_RECO_V2_KEY } from "./index-BOW55EQc.js";
+import { L as Logo } from "./Logo-oWcxWkkZ.js";
 const ROOT_MENU_INDEX = "-1";
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "N8nNavigationDropdown"
   },
@@ -73,7 +73,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     ]),
                     default: withCtx(() => [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(item.submenu, (subitem) => {
-                        return openBlock(), createBlock(unref(_sfc_main$6), {
+                        return openBlock(), createBlock(unref(_sfc_main$7), {
                           key: subitem.id,
                           to: !subitem.disabled && subitem.route || void 0
                         }, {
@@ -111,7 +111,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       }), 128))
                     ]),
                     _: 2
-                  }, 1032, ["popper-class", "index"])) : (openBlock(), createBlock(unref(_sfc_main$6), {
+                  }, 1032, ["popper-class", "index"])) : (openBlock(), createBlock(unref(_sfc_main$7), {
                     key: 1,
                     to: !item.disabled && item.route || void 0
                   }, {
@@ -145,21 +145,21 @@ 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 = {
+const style0$6 = {
   dropdown,
   nestedSubmenu,
   submenu,
   submenu__icon
 };
-const cssModules$5 = {
-  "$style": style0$5
+const cssModules$6 = {
+  "$style": style0$6
 };
-const N8nNavigationDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$5]]);
+const N8nNavigationDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$6]]);
 async function getBecomeCreatorCta(context) {
   const response = await get(context.baseUrl, "/cta/become-creator");
   return response;
 }
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "MainSidebarSourceControl",
   props: {
     isCollapsed: { type: Boolean }
@@ -202,9 +202,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       });
     }
     return (_ctx, _cache) => {
-      const _component_n8n_icon = N8nIcon;
-      const _component_n8n_button = N8nButton;
-      const _component_n8n_tooltip = Tooltip;
+      const _component_N8nIcon = N8nIcon;
+      const _component_N8nButton = N8nButton;
+      const _component_N8nTooltip = Tooltip;
       return sourceControlAvailable.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass({
@@ -223,13 +223,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           createBaseVNode("span", {
             class: normalizeClass(_ctx.$style.branchName)
           }, [
-            createVNode(_component_n8n_icon, { icon: "git-branch" }),
+            createVNode(_component_N8nIcon, { icon: "git-branch" }),
             createTextVNode(" " + toDisplayString(currentBranch.value), 1)
           ], 2),
           createBaseVNode("div", {
             class: normalizeClass({ "pt-xs": !_ctx.isCollapsed })
           }, [
-            createVNode(_component_n8n_tooltip, {
+            createVNode(_component_N8nTooltip, {
               disabled: !_ctx.isCollapsed && hasPullPermission.value,
               "show-after": tooltipOpenDelay.value,
               placement: _ctx.isCollapsed ? "right" : "top"
@@ -238,7 +238,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 createBaseVNode("div", null, toDisplayString(!hasPullPermission.value ? unref(i18n).baseText("settings.sourceControl.button.pull.forbidden") : unref(i18n).baseText("settings.sourceControl.button.pull")), 1)
               ]),
               default: withCtx(() => [
-                createVNode(_component_n8n_button, {
+                createVNode(_component_N8nButton, {
                   class: normalizeClass({
                     "mr-2xs": !_ctx.isCollapsed,
                     "mb-2xs": _ctx.isCollapsed
@@ -255,7 +255,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["disabled", "show-after", "placement"]),
-            createVNode(_component_n8n_tooltip, {
+            createVNode(_component_N8nTooltip, {
               disabled: !_ctx.isCollapsed && !unref(sourceControlStore).preferences.branchReadOnly && hasPushPermission.value,
               "show-after": tooltipOpenDelay.value,
               placement: _ctx.isCollapsed ? "right" : "top"
@@ -264,7 +264,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 createBaseVNode("div", null, toDisplayString(unref(sourceControlStore).preferences.branchReadOnly || !hasPushPermission.value ? unref(i18n).baseText("settings.sourceControl.button.push.forbidden") : unref(i18n).baseText("settings.sourceControl.button.push")), 1)
               ]),
               default: withCtx(() => [
-                createVNode(_component_n8n_button, {
+                createVNode(_component_N8nButton, {
                   square: _ctx.isCollapsed,
                   label: _ctx.isCollapsed ? "" : unref(i18n).baseText("settings.sourceControl.button.push"),
                   disabled: unref(sourceControlStore).preferences.branchReadOnly || !hasPushPermission.value,
@@ -288,17 +288,17 @@ const isConnected = "_isConnected_fv3ov_130";
 const collapsed$1 = "_collapsed_fv3ov_134";
 const branchName = "_branchName_fv3ov_144";
 const connected = "_connected_fv3ov_154";
-const style0$4 = {
+const style0$5 = {
   sync,
   isConnected,
   collapsed: collapsed$1,
   branchName,
   connected
 };
-const cssModules$4 = {
-  "$style": style0$4
+const cssModules$5 = {
+  "$style": style0$5
 };
-const __unplugin_components_4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
+const __unplugin_components_4 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$5]]);
 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;
@@ -354,7 +354,7 @@ function hasEnoughTimePassedSinceDismissal(dismissedAt) {
   });
   return reshowAtTime <= DateTime.now();
 }
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "BecomeTemplateCreatorCta",
   setup(__props) {
     const i18n = useI18n();
@@ -364,8 +364,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       telemetry.track("User clicked become creator CTA");
     };
     return (_ctx, _cache) => {
-      const _component_n8n_icon = N8nIcon;
-      const _component_n8n_button = N8nButton;
+      const _component_N8nIcon = N8nIcon;
+      const _component_N8nButton = N8nButton;
       return unref(store).showBecomeCreatorCta ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.container),
@@ -382,14 +382,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             "data-test-id": "close-become-template-creator-cta",
             onClick: _cache[0] || (_cache[0] = ($event) => unref(store).dismissCta())
           }, [
-            createVNode(_component_n8n_icon, {
+            createVNode(_component_N8nIcon, {
               icon: "x",
               size: "xsmall",
               title: unref(i18n).baseText("generic.close")
             }, null, 8, ["title"])
           ], 2)
         ], 2),
-        createVNode(_component_n8n_button, {
+        createVNode(_component_N8nButton, {
           class: normalizeClass(_ctx.$style.becomeCreatorButton),
           label: unref(i18n).baseText("becomeCreator.buttonText"),
           size: "xmini",
@@ -405,20 +405,20 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 const container$1 = "_container_977ul_123";
 const textAndCloseButton = "_textAndCloseButton_977ul_131";
-const text = "_text_977ul_131";
+const text$1 = "_text_977ul_131";
 const closeButton = "_closeButton_977ul_144";
 const becomeCreatorButton = "_becomeCreatorButton_977ul_156";
-const style0$3 = {
+const style0$4 = {
   container: container$1,
   textAndCloseButton,
-  text,
+  text: text$1,
   closeButton,
   becomeCreatorButton
 };
-const cssModules$3 = {
-  "$style": style0$3
+const cssModules$4 = {
+  "$style": style0$4
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
 const isIconName = (icon) => typeof icon === "string" && Object.keys(updatedIconSet).includes(icon);
 const isProjectIcon = (icon) => isIconName(icon) || typeof icon === "object" && icon !== null && "value" in icon && typeof icon.value === "string" && "type" in icon && (icon.type === "emoji" || icon.type === "icon" && isIconName(icon.value));
 const useGlobalEntityCreation = () => {
@@ -634,7 +634,7 @@ const _hoisted_2 = {
   key: 4,
   class: "mb-m"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "ProjectNavigation",
   props: {
     collapsed: { type: Boolean },
@@ -831,7 +831,7 @@ const upgradeLink = "_upgradeLink_jcrfa_141";
 const collapsed = "_collapsed_jcrfa_146";
 const projectsLabel = "_projectsLabel_jcrfa_150";
 const addFirstProjectBtn = "_addFirstProjectBtn_jcrfa_173";
-const style0$2 = {
+const style0$3 = {
   projects,
   plusBtn,
   projectItems,
@@ -840,10 +840,10 @@ const style0$2 = {
   projectsLabel,
   addFirstProjectBtn
 };
-const cssModules$2 = {
-  "$style": style0$2
+const cssModules$3 = {
+  "$style": style0$3
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2], ["__scopeId", "data-v-9256cda9"]]);
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3], ["__scopeId", "data-v-9256cda9"]]);
 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. -->
@@ -879,7 +879,7 @@ ${debugInfo.generateDebugInfo({ skipSensitive: true, secondaryHeader: true })}}`
     getReportingURL
   };
 }
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VersionUpdateCTA",
   props: {
     disabled: { type: Boolean, default: false },
@@ -942,14 +942,161 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 const container = "_container_1hqs4_123";
 const button = "_button_1hqs4_136";
-const style0$1 = {
+const style0$2 = {
   container,
   button
 };
+const cssModules$2 = {
+  "$style": style0$2
+};
+const VersionUpdateCTA = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "TemplateTooltip",
+  setup(__props) {
+    const personalizedTemplatesV3Store = usePersonalizedTemplatesV3Store();
+    const {
+      markTemplateRecommendationInteraction,
+      trackPersonalizationTooltipView,
+      trackPersonalizationTooltipDismiss
+    } = personalizedTemplatesV3Store;
+    const locale = useI18n();
+    const tooltipRef = ref();
+    const isVisible = ref(false);
+    const position = ref({ top: 0, left: 0 });
+    const tooltipKey = ref(0);
+    const shouldShow = computed(() => personalizedTemplatesV3Store.shouldShowTemplateTooltip);
+    const calculatePosition = () => {
+      const templatesElement = document.querySelector('[data-test-id="menu-item"][id="templates"]');
+      if (!templatesElement) return;
+      const menuRect = templatesElement.getBoundingClientRect();
+      position.value = {
+        top: menuRect.top + menuRect.height / 2 - 5,
+        left: menuRect.right
+      };
+      tooltipKey.value++;
+    };
+    const showTooltip = async () => {
+      isVisible.value = true;
+      trackPersonalizationTooltipView();
+      await nextTick();
+      calculatePosition();
+    };
+    const hideTooltip = () => {
+      isVisible.value = false;
+    };
+    const handleDismiss = () => {
+      trackPersonalizationTooltipDismiss();
+      markTemplateRecommendationInteraction();
+      hideTooltip();
+    };
+    const handleResize = () => {
+      if (isVisible.value) {
+        calculatePosition();
+      }
+    };
+    const handleContentResize = () => {
+      if (isVisible.value) {
+        setTimeout(() => {
+          calculatePosition();
+        }, 500);
+      }
+    };
+    watch(
+      shouldShow,
+      async (newValue) => {
+        if (newValue) {
+          await showTooltip();
+        } else {
+          hideTooltip();
+        }
+      },
+      { immediate: true }
+    );
+    let contentResizeObserver = null;
+    onMounted(() => {
+      window.addEventListener("resize", handleResize);
+      window.addEventListener("scroll", handleResize);
+      const contentElement = document.getElementById("content");
+      if (contentElement) {
+        contentResizeObserver = new ResizeObserver(handleContentResize);
+        contentResizeObserver.observe(contentElement);
+      }
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", handleResize);
+      window.removeEventListener("scroll", handleResize);
+      if (contentResizeObserver) {
+        contentResizeObserver.disconnect();
+        contentResizeObserver = null;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        isVisible.value && shouldShow.value ? (openBlock(), createElementBlock("div", {
+          ref_key: "tooltipRef",
+          ref: tooltipRef,
+          key: tooltipKey.value,
+          class: normalizeClass(_ctx.$style.triggerContainer),
+          style: normalizeStyle({
+            position: "fixed",
+            top: position.value.top + "px",
+            left: position.value.left + "px"
+          })
+        }, [
+          createVNode(unref(Tooltip), {
+            visible: true,
+            placement: "right",
+            "show-arrow": true,
+            "popper-style": { maxWidth: "260px", minWidth: "240px" }
+          }, {
+            content: withCtx(() => [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.tooltipContent)
+              }, [
+                createBaseVNode("span", {
+                  class: normalizeClass(_ctx.$style.text)
+                }, toDisplayString(unref(locale).baseText("experiments.personalizedTemplatesV3.recommendationTooltip")), 3),
+                createBaseVNode("button", {
+                  class: normalizeClass(_ctx.$style.dismissButton),
+                  type: "button",
+                  onClick: handleDismiss,
+                  "aria-label": "Dismiss tooltip"
+                }, [
+                  createVNode(unref(N8nIcon), {
+                    icon: "x",
+                    size: "small"
+                  })
+                ], 2)
+              ], 2)
+            ]),
+            default: withCtx(() => [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.tooltipTrigger)
+              }, null, 2)
+            ]),
+            _: 1
+          })
+        ], 6)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+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 style0$1 = {
+  triggerContainer,
+  tooltipTrigger,
+  tooltipContent,
+  text,
+  dismissButton
+};
 const cssModules$1 = {
   "$style": style0$1
 };
-const VersionUpdateCTA = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const TemplateTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
 const _hoisted_1 = {
   class: "ml-3xs",
   "data-test-id": "main-sidebar-user-menu"
@@ -968,6 +1115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const sourceControlStore = useSourceControlStore();
     const personalizedTemplatesV2Store = usePersonalizedTemplatesV2Store();
+    const personalizedTemplatesV3Store = usePersonalizedTemplatesV3Store();
     const { callDebounced } = useDebounce();
     const externalHooks = useExternalHooks();
     const i18n = useI18n();
@@ -1016,12 +1164,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         route: { to: { name: VIEWS.PRE_BUILT_AGENT_TEMPLATES } }
       },
       {
-        // Link to templateRecoV2 modal, available when experiment is enabled
+        // Link to personalized template modal, available when V2 or V3 experiment is enabled
         id: "templates",
         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())
       },
       {
         // Link to in-app templates, available if custom templates are enabled and experiment is disabled
@@ -1029,7 +1177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         icon: "package-open",
         label: i18n.baseText("mainSidebar.templates"),
         position: "bottom",
-        available: settingsStore.isTemplatesEnabled && !calloutHelpers.isPreBuiltAgentsCalloutVisible.value && templatesStore.hasCustomTemplatesHost && !personalizedTemplatesV2Store.isFeatureEnabled(),
+        available: settingsStore.isTemplatesEnabled && !calloutHelpers.isPreBuiltAgentsCalloutVisible.value && templatesStore.hasCustomTemplatesHost && !(personalizedTemplatesV2Store.isFeatureEnabled() || personalizedTemplatesV3Store.isFeatureEnabled()),
         route: { to: { name: VIEWS.TEMPLATES } }
       },
       {
@@ -1038,7 +1186,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         icon: "package-open",
         label: i18n.baseText("mainSidebar.templates"),
         position: "bottom",
-        available: settingsStore.isTemplatesEnabled && !calloutHelpers.isPreBuiltAgentsCalloutVisible.value && !templatesStore.hasCustomTemplatesHost && !personalizedTemplatesV2Store.isFeatureEnabled(),
+        available: settingsStore.isTemplatesEnabled && !calloutHelpers.isPreBuiltAgentsCalloutVisible.value && !templatesStore.hasCustomTemplatesHost && !(personalizedTemplatesV2Store.isFeatureEnabled() || personalizedTemplatesV3Store.isFeatureEnabled()),
         link: {
           href: templatesStore.websiteTemplateRepositoryURL,
           target: "_blank"
@@ -1213,7 +1361,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleSelect = (key) => {
       switch (key) {
         case "templates":
-          if (personalizedTemplatesV2Store.isFeatureEnabled()) {
+          if (personalizedTemplatesV3Store.isFeatureEnabled()) {
+            personalizedTemplatesV3Store.markTemplateRecommendationInteraction();
+            uiStore.openModalWithData({
+              name: EXPERIMENT_TEMPLATE_RECO_V3_KEY,
+              data: {}
+            });
+            trackTemplatesClick(TemplateClickSource.sidebarButton);
+          } else if (personalizedTemplatesV2Store.isFeatureEnabled()) {
             uiStore.openModalWithData({
               name: EXPERIMENT_TEMPLATE_RECO_V2_KEY,
               data: {}
@@ -1447,7 +1602,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 1032, ["content"])) : createCommentVNode("", true)
             ]),
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$7), {
+              createVNode(unref(_sfc_main$8), {
                 icon: "plus",
                 type: "secondary",
                 outline: ""
@@ -1557,7 +1712,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["items", "collapsed"])
+        ]), 1032, ["items", "collapsed"]),
+        createVNode(TemplateTooltip)
       ], 2);
     };
   }

package/dist/assets/{NodeCreation-C2TX7WTu.js → NodeCreation-BeqOH71X.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-tQVCw9Uh.js","assets/index-DGLJxfnn.js","assets/index-CpPc1kM8.css","assets/NodeCreator-COTYfPaK.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, Q as useUIStore, cJ as useFocusPanelStore, fm as useAssistantStore, hA as useActions, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, ab as _sfc_main$1, l as unref, c as useI18n, ci as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, dc as _sfc_main$2, k as createTextVNode, t as toDisplayString, aa as Tooltip, dx as defineAsyncComponent, dw as Suspense, F as Fragment, aV as __vitePreload, dy as NODE_CREATOR_OPEN_SOURCES, hB as getMidCanvasPosition, b1 as STICKY_NODE_TYPE, am as useTelemetry, hC as DEFAULT_STICKY_WIDTH, hD as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-DGLJxfnn.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-Ck3oKOFP.js","assets/index-BOW55EQc.js","assets/index-CTgzCbB9.css","assets/NodeCreator-COTYfPaK.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, Q as useUIStore, cO as useFocusPanelStore, fq as useAssistantStore, hI as useActions, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, ab as _sfc_main$1, l as unref, c as useI18n, cn as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, df as _sfc_main$2, k as createTextVNode, t as toDisplayString, aa as Tooltip, dA as defineAsyncComponent, dz as Suspense, F as Fragment, aV as __vitePreload, dC as NODE_CREATOR_OPEN_SOURCES, hJ as getMidCanvasPosition, b1 as STICKY_NODE_TYPE, am as useTelemetry, hK as DEFAULT_STICKY_WIDTH, hL as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-BOW55EQc.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeCreation",
   props: {
@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-tQVCw9Uh.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-Ck3oKOFP.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -65,9 +65,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       assistantStore.toggleChatOpen();
     }
     return (_ctx, _cache) => {
-      const _component_n8n_icon_button = _sfc_main$1;
-      const _component_n8n_button = N8nButton;
-      const _component_n8n_tooltip = Tooltip;
+      const _component_N8nIconButton = _sfc_main$1;
+      const _component_N8nButton = N8nButton;
+      const _component_N8nTooltip = Tooltip;
       return openBlock(), createElementBlock(Fragment, null, [
         !_ctx.createNodeActive ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             placement: "left"
           }, {
             default: withCtx(() => [
-              createVNode(_component_n8n_icon_button, {
+              createVNode(_component_N8nIconButton, {
                 size: "large",
                 icon: "plus",
                 type: "tertiary",
@@ -95,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             placement: "left"
           }, {
             default: withCtx(() => [
-              createVNode(_component_n8n_icon_button, {
+              createVNode(_component_N8nIconButton, {
                 size: "large",
                 type: "tertiary",
                 icon: "sticky-note",
@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             placement: "left"
           }, {
             default: withCtx(() => [
-              createVNode(_component_n8n_icon_button, {
+              createVNode(_component_N8nIconButton, {
                 type: "tertiary",
                 size: "large",
                 icon: "panel-right",
@@ -123,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["label"]),
-          unref(assistantStore).canShowAssistantButtonsOnCanvas ? (openBlock(), createBlock(_component_n8n_tooltip, {
+          unref(assistantStore).canShowAssistantButtonsOnCanvas ? (openBlock(), createBlock(_component_N8nTooltip, {
             key: 0,
             placement: "left"
           }, {
@@ -131,7 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(unref(i18n).baseText("aiAssistant.tooltip")), 1)
             ]),
             default: withCtx(() => [
-              createVNode(_component_n8n_button, {
+              createVNode(_component_N8nButton, {
                 type: "tertiary",
                 size: "large",
                 square: "",