n8n-editor-ui 1.109.0 → 1.110.0

package/dist/assets/{MainHeader-BofAi8wS.css → MainHeader-pDg5KXTB.css}

@@ -910,80 +910,80 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.name-container[data-v-3cc77b55] {
+.name-container[data-v-1f7160d5] {
   margin-right: var(--spacing-s);
 }
-.name-container[data-v-3cc77b55] .el-input {
+.name-container[data-v-1f7160d5] .el-input {
   padding: 0;
 }
-.name[data-v-3cc77b55] {
+.name[data-v-1f7160d5] {
   color: var(--color-text-dark);
   font-size: var(--font-size-s);
   padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
 }
-.activator[data-v-3cc77b55] {
+.activator[data-v-1f7160d5] {
   color: var(--color-text-dark);
   font-weight: var(--font-weight-regular);
   font-size: 13px;
   line-height: 24px;
   align-items: center;
 }
-.activator > span[data-v-3cc77b55] {
+.activator > span[data-v-1f7160d5] {
   margin-right: 5px;
 }
-.add-tag[data-v-3cc77b55] {
+.add-tag[data-v-1f7160d5] {
   font-size: 12px;
   padding: 20px 0;
   color: var(--color-text-light);
   font-weight: var(--font-weight-bold);
   white-space: nowrap;
 }
-.add-tag[data-v-3cc77b55]:hover {
+.add-tag[data-v-1f7160d5]:hover {
   color: var(--color-primary);
 }
-.tags[data-v-3cc77b55] {
+.tags[data-v-1f7160d5] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.tags-edit[data-v-3cc77b55] {
+.tags-edit[data-v-1f7160d5] {
   min-width: 100px;
   width: 100%;
   max-width: 460px;
 }
-.archived[data-v-3cc77b55] {
+.archived[data-v-1f7160d5] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.actions[data-v-3cc77b55] {
+.actions[data-v-1f7160d5] {
   display: flex;
   align-items: center;
   gap: var(--spacing-m);
   flex-wrap: nowrap;
 }
 @media screen and (max-width: 767px) {
-.name[data-v-3cc77b55] input {
+.name[data-v-1f7160d5] input {
     min-width: 180px;
 }
 }
 @media (max-width: 1390px) {
-.name-container[data-v-3cc77b55] {
+.name-container[data-v-1f7160d5] {
     margin-right: var(--spacing-xs);
 }
-.actions[data-v-3cc77b55] {
+.actions[data-v-1f7160d5] {
     gap: var(--spacing-xs);
 }
 }
 @media (max-width: 1350px) {
-.name-container[data-v-3cc77b55] {
+.name-container[data-v-1f7160d5] {
     margin-right: var(--spacing-2xs);
 }
-.actions[data-v-3cc77b55] {
+.actions[data-v-1f7160d5] {
     gap: var(--spacing-2xs);
 }
 }/* BEM support Func

package/dist/assets/{MainSidebar-CfBkhJuz.js → MainSidebar-CwXyHnb4.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, i as createVNode, l as unref, b5 as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, A as renderList, b6 as _sfc_main$6, b7 as ElMenuItem, f as createCommentVNode, k as createTextVNode, X as renderSlot, N as N8nIcon, p as N8nText, t as toDisplayString, K as mergeProps, b8 as withKeys, b9 as ElMenu, _ as _export_sfc, ba as get, af as useSourceControlStore, au as useProjectsStore, a2 as useRoute, b as useRouter, x as computed, aD as hasPermission, aB as getResourcePermissions, ap as normalizeStyle, j as createBaseVNode, a9 as Tooltip, q as N8nButton, c as useI18n, $ as defineStore, bb as useCloudPlanStore, at as useRootStore, bc as useStorage, bd as DateTime, a4 as STORES, al as useTelemetry, v as useSettingsStore, a as useToast, be as sortByProperty, V as VIEWS, bf as updatedIconSet, aA as usePageRedirectionHelper, u as useUsersStore, b1 as onBeforeMount, bg as N8nMenuItem, bh as useDebugInfo, bi as useVersionsStore, Q as useUIStore, C as N8nLink, bj as VERSIONS_MODAL_KEY, bk as useTemplatesStore, a1 as useWorkflowsStore, bl as usePersonalizedTemplatesV2Store, P as useDebounce, bm as useKeybindings, bn as RELEASE_NOTES_URL, o as onMounted, bo as useExternalHooks, Y as nextTick, W as onBeforeUnmount, bp as onClickOutside, a8 as resolveComponent, ab as I18nT, aa as _sfc_main$7, bq as createSlots, G as N8nAvatar, aM as N8nActionDropdown, br as N8nMenu, bs as WHATS_NEW_MODAL_KEY, bt as ABOUT_MODAL_KEY, bu as EXPERIMENT_TEMPLATE_RECO_V2_KEY, bv as trackTemplatesClick, bw as TemplateClickSource } from "./index-V25MIkzH.js";
-import { L as Logo } from "./Logo-BF6xE_TK.js";
+import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, i as createVNode, l as unref, b5 as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, A as renderList, b6 as _sfc_main$6, b7 as ElMenuItem, f as createCommentVNode, k as createTextVNode, X as renderSlot, N as N8nIcon, p as N8nText, t as toDisplayString, K as mergeProps, b8 as withKeys, b9 as ElMenu, _ as _export_sfc, ba as get, af as useSourceControlStore, au as useProjectsStore, a2 as useRoute, b as useRouter, x as computed, aD as hasPermission, aB as getResourcePermissions, ap as normalizeStyle, j as createBaseVNode, a9 as Tooltip, q as N8nButton, c as useI18n, $ as defineStore, bb as useCloudPlanStore, at as useRootStore, bc as useStorage, bd as DateTime, a4 as STORES, al as useTelemetry, v as useSettingsStore, a as useToast, be as sortByProperty, V as VIEWS, bf as updatedIconSet, aA as usePageRedirectionHelper, u as useUsersStore, b1 as onBeforeMount, bg as N8nMenuItem, bh as useDebugInfo, bi as useVersionsStore, Q as useUIStore, C as N8nLink, bj as VERSIONS_MODAL_KEY, bk as useTemplatesStore, a1 as useWorkflowsStore, bl as usePersonalizedTemplatesV2Store, P as useDebounce, bm as useCalloutHelpers, bn as useKeybindings, bo as RELEASE_NOTES_URL, o as onMounted, bp as useExternalHooks, Y as nextTick, W as onBeforeUnmount, bq as onClickOutside, a8 as resolveComponent, ab as I18nT, aa as _sfc_main$7, br as createSlots, G as N8nAvatar, aM as N8nActionDropdown, bs as N8nMenu, bt as WHATS_NEW_MODAL_KEY, bu as ABOUT_MODAL_KEY, bv as EXPERIMENT_TEMPLATE_RECO_V2_KEY, bw as trackTemplatesClick, bx as TemplateClickSource } from "./index-De29TdKc.js";
+import { L as Logo } from "./Logo-D7CE2pbe.js";
 const ROOT_MENU_INDEX = "-1";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
@@ -549,12 +549,13 @@ const useGlobalEntityCreation = () => {
       }
     ];
   });
-  const createProject = async () => {
+  const createProject = async (uiContext) => {
     isCreatingProject.value = true;
     try {
       const newProject = await projectsStore.createProject({
         name: i18n.baseText("projects.settings.newProjectName"),
-        icon: { type: "icon", value: DEFAULT_ICON }
+        icon: { type: "icon", value: DEFAULT_ICON },
+        uiContext
       });
       await router.push({ name: VIEWS.PROJECT_SETTINGS, params: { projectId: newProject.id } });
       toast.showMessage({
@@ -572,7 +573,7 @@ const useGlobalEntityCreation = () => {
   const handleSelect = (id) => {
     if (id !== CREATE_PROJECT_ID) return;
     if (projectsStore.canCreateProjects && projectsStore.hasPermissionToCreateProjects) {
-      void createProject();
+      void createProject("universal_button");
       return;
     }
     void usePageRedirectionHelper().goToUpgrade("rbac", "upgrade-rbac");
@@ -650,7 +651,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const displayProjects = computed(() => globalEntityCreation.displayProjects.value);
     const isFoldersFeatureEnabled = computed(() => settingsStore.isFoldersFeatureEnabled);
     const hasMultipleVerifiedUsers = computed(
-      () => usersStore.allUsers.filter((user) => user.isPendingUser === false).length > 1
+      () => usersStore.allUsers.filter((user) => !user.isPendingUser).length > 1
     );
     const home = computed(() => ({
       id: "home",
@@ -760,8 +761,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   "data-test-id": "project-plus-button",
                   disabled: isCreatingProject.value || !unref(projectsStore).hasPermissionToCreateProjects,
                   class: normalizeClass(_ctx.$style.plusBtn),
-                  onClick: unref(globalEntityCreation).createProject
-                }, null, 8, ["disabled", "class", "onClick"])
+                  onClick: _cache[0] || (_cache[0] = ($event) => unref(globalEntityCreation).createProject("add_icon"))
+                }, null, 8, ["disabled", "class"])
               ]),
               _: 1
             }, 8, ["disabled", "content"])) : createCommentVNode("", true)
@@ -808,13 +809,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               type: "secondary",
               icon: "plus",
               "data-test-id": "add-first-project-button",
-              onClick: unref(globalEntityCreation).createProject
+              onClick: _cache[1] || (_cache[1] = ($event) => unref(globalEntityCreation).createProject("add_first_project_button"))
             }, {
               default: withCtx(() => [
                 createBaseVNode("span", null, toDisplayString(unref(locale).baseText("projects.menu.addFirstProject")), 1)
               ]),
               _: 1
-            }, 8, ["class", "disabled", "onClick"])
+            }, 8, ["class", "disabled"])
           ]),
           _: 1
         }, 8, ["disabled", "content"])) : createCommentVNode("", true),
@@ -842,7 +843,7 @@ const style0$2 = {
 const cssModules$2 = {
   "$style": style0$2
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2], ["__scopeId", "data-v-524ab596"]]);
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2], ["__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. -->
@@ -961,6 +962,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const telemetry = useTelemetry();
     const pageRedirectionHelper = usePageRedirectionHelper();
     const { getReportingURL } = useBugReporting();
+    const calloutHelpers = useCalloutHelpers();
     useKeybindings({
       ctrl_alt_o: () => handleSelect("about")
     });
@@ -990,13 +992,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         icon: "cloud",
         available: settingsStore.isCloudDeployment && hasPermission(["instanceOwner"])
       },
+      {
+        // Link to in-app pre-built agent templates, available experiment is enabled
+        id: "templates",
+        icon: "package-open",
+        label: i18n.baseText("mainSidebar.templates"),
+        position: "bottom",
+        available: settingsStore.isTemplatesEnabled && calloutHelpers.isPreBuiltAgentsCalloutVisible.value && !personalizedTemplatesV2Store.isFeatureEnabled(),
+        route: { to: { name: VIEWS.PRE_BUILT_AGENT_TEMPLATES } }
+      },
       {
         // Link to templateRecoV2 modal, available when experiment is enabled
         id: "templates",
         icon: "package-open",
         label: i18n.baseText("mainSidebar.templates"),
         position: "bottom",
-        available: settingsStore.isTemplatesEnabled && personalizedTemplatesV2Store.isFeatureEnabled()
+        available: settingsStore.isTemplatesEnabled && !calloutHelpers.isPreBuiltAgentsCalloutVisible.value && personalizedTemplatesV2Store.isFeatureEnabled()
       },
       {
         // Link to in-app templates, available if custom templates are enabled and experiment is disabled
@@ -1004,7 +1015,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         icon: "package-open",
         label: i18n.baseText("mainSidebar.templates"),
         position: "bottom",
-        available: settingsStore.isTemplatesEnabled && templatesStore.hasCustomTemplatesHost && !personalizedTemplatesV2Store.isFeatureEnabled(),
+        available: settingsStore.isTemplatesEnabled && !calloutHelpers.isPreBuiltAgentsCalloutVisible.value && templatesStore.hasCustomTemplatesHost && !personalizedTemplatesV2Store.isFeatureEnabled(),
         route: { to: { name: VIEWS.TEMPLATES } }
       },
       {
@@ -1013,7 +1024,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         icon: "package-open",
         label: i18n.baseText("mainSidebar.templates"),
         position: "bottom",
-        available: settingsStore.isTemplatesEnabled && !templatesStore.hasCustomTemplatesHost && !personalizedTemplatesV2Store.isFeatureEnabled(),
+        available: settingsStore.isTemplatesEnabled && !calloutHelpers.isPreBuiltAgentsCalloutVisible.value && !templatesStore.hasCustomTemplatesHost && !personalizedTemplatesV2Store.isFeatureEnabled(),
         link: {
           href: templatesStore.websiteTemplateRepositoryURL,
           target: "_blank"

package/dist/assets/{MainSidebar-D74VZmM5.css → MainSidebar-a73tcV9E.css}

@@ -772,10 +772,10 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.home[data-v-524ab596] {
+.home[data-v-9256cda9] {
   padding: 0 var(--spacing-xs);
 }
-.home[data-v-524ab596] .el-menu-item {
+.home[data-v-9256cda9] .el-menu-item {
   padding: var(--spacing-m) var(--spacing-xs) !important;
 }/* BEM support Func
  -------------------------- */

package/dist/assets/{NodeCreation-CxN6JIS_.css → NodeCreation-C4gQlPqI.css}

@@ -120,7 +120,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._nodeButtonsWrapper_1lpva_123 {
+._nodeButtonsWrapper_6t1f1_123 {
   position: absolute;
   top: 0;
   right: 0;
@@ -130,11 +130,14 @@
   padding: var(--spacing-s);
   pointer-events: all !important;
 }
-._icon_1lpva_134 {
+._icon_6t1f1_134 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
 }
-._icon_1lpva_134 svg {
+._icon_6t1f1_134 svg {
   display: block;
+}
+._activeButton_6t1f1_143 {
+  background-color: var(--button-hover-background-color) !important;
 }

package/dist/assets/{NodeCreation-C4-JrWkw.js → NodeCreation-o_K0NT5J.js}

@@ -1,15 +1,16 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-BHFu5J3H.js","assets/index-V25MIkzH.js","assets/index-Am8RmnT4.css","assets/NodeCreator-vQ-Sfr_5.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, Q as useUIStore, cA as useFocusPanelStore, fa as useAssistantStore, h8 as useActions, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, aa as _sfc_main$1, l as unref, c as useI18n, cf as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, d1 as _sfc_main$2, k as createTextVNode, t as toDisplayString, a9 as Tooltip, dl as defineAsyncComponent, dk as Suspense, F as Fragment, aU as __vitePreload, dm as NODE_CREATOR_OPEN_SOURCES, h9 as getMidCanvasPosition, b0 as STICKY_NODE_TYPE, al as useTelemetry, ha as DEFAULT_STICKY_WIDTH, hb as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-V25MIkzH.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-b-LnZdSN.js","assets/index-De29TdKc.js","assets/index-DXNU_2Fk.css","assets/NodeCreator-COTYfPaK.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, Q as useUIStore, cF as useFocusPanelStore, fi as useAssistantStore, hl as useActions, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, aa as _sfc_main$1, l as unref, c as useI18n, cg as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, d7 as _sfc_main$2, k as createTextVNode, t as toDisplayString, a9 as Tooltip, ds as defineAsyncComponent, dr as Suspense, F as Fragment, aU as __vitePreload, dt as NODE_CREATOR_OPEN_SOURCES, hm as getMidCanvasPosition, b0 as STICKY_NODE_TYPE, al as useTelemetry, hn as DEFAULT_STICKY_WIDTH, ho as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-De29TdKc.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeCreation",
   props: {
     nodeViewScale: {},
-    createNodeActive: { type: Boolean, default: false }
+    createNodeActive: { type: Boolean, default: false },
+    focusPanelActive: { type: Boolean }
   },
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-BHFu5J3H.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-b-LnZdSN.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -46,10 +47,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function toggleFocusPanel() {
       focusPanelStore.toggleFocusPanel();
-      telemetry.track(`User ${focusPanelStore.focusPanelActive ? "opened" : "closed"} focus panel`, {
-        source: "canvasButton",
-        parameters: focusPanelStore.focusedNodeParametersInTelemetryFormat
-      });
+      telemetry.track(
+        focusPanelStore.focusPanelActive ? "User opened focus panel" : "User closed focus panel",
+        {
+          source: "canvasButton",
+          parameters: focusPanelStore.focusedNodeParametersInTelemetryFormat
+        }
+      );
     }
     function onAskAssistantButtonClick() {
       if (!assistantStore.chatWindowOpen)
@@ -111,8 +115,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 type: "tertiary",
                 size: "large",
                 icon: "panel-right",
+                class: normalizeClass(_ctx.focusPanelActive ? _ctx.$style.activeButton : ""),
+                active: _ctx.focusPanelActive,
+                "data-test-id": "toggle-focus-panel-button",
                 onClick: toggleFocusPanel
-              })
+              }, null, 8, ["class", "active"])
             ]),
             _: 1
           }, 8, ["label"]),
@@ -157,11 +164,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const nodeButtonsWrapper = "_nodeButtonsWrapper_1lpva_123";
-const icon = "_icon_1lpva_134";
+const nodeButtonsWrapper = "_nodeButtonsWrapper_6t1f1_123";
+const icon = "_icon_6t1f1_134";
+const activeButton = "_activeButton_6t1f1_143";
 const style0 = {
   nodeButtonsWrapper,
-  icon
+  icon,
+  activeButton
 };
 const cssModules = {
   "$style": style0