n8n-editor-ui 1.108.1 → 1.109.1-exp.0

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

@@ -640,30 +640,8 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.tags-container[data-v-6bab2764] {
-  display: block;
-  max-width: 300px;
-}
-.tags[data-v-6bab2764] {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 100%;
-}
-.tags > span[data-v-6bab2764] {
-  padding-right: 4px;
-}
-.hideTag[data-v-6bab2764] {
-  visibility: hidden;
-}
-.el-tag.hoverable[data-v-6bab2764]:hover {
-  border-color: var(--color-primary);
-}
-.count-container[data-v-6bab2764] {
-  position: absolute;
-  max-width: 40px;
-  text-overflow: ellipsis;
-  overflow: hidden;
+._container_ame1i_123 {
+  margin: 0 var(--spacing-4xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -786,8 +764,30 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_ame1i_123 {
-  margin: 0 var(--spacing-4xs);
+.tags-container[data-v-6bab2764] {
+  display: block;
+  max-width: 300px;
+}
+.tags[data-v-6bab2764] {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  max-width: 100%;
+}
+.tags > span[data-v-6bab2764] {
+  padding-right: 4px;
+}
+.hideTag[data-v-6bab2764] {
+  visibility: hidden;
+}
+.el-tag.hoverable[data-v-6bab2764]:hover {
+  border-color: var(--color-primary);
+}
+.count-container[data-v-6bab2764] {
+  position: absolute;
+  max-width: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -910,80 +910,80 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.name-container[data-v-2a478201] {
+.name-container[data-v-3cc77b55] {
   margin-right: var(--spacing-s);
 }
-.name-container[data-v-2a478201] .el-input {
+.name-container[data-v-3cc77b55] .el-input {
   padding: 0;
 }
-.name[data-v-2a478201] {
+.name[data-v-3cc77b55] {
   color: var(--color-text-dark);
   font-size: var(--font-size-s);
   padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
 }
-.activator[data-v-2a478201] {
+.activator[data-v-3cc77b55] {
   color: var(--color-text-dark);
   font-weight: var(--font-weight-regular);
   font-size: 13px;
   line-height: 24px;
   align-items: center;
 }
-.activator > span[data-v-2a478201] {
+.activator > span[data-v-3cc77b55] {
   margin-right: 5px;
 }
-.add-tag[data-v-2a478201] {
+.add-tag[data-v-3cc77b55] {
   font-size: 12px;
   padding: 20px 0;
   color: var(--color-text-light);
   font-weight: var(--font-weight-bold);
   white-space: nowrap;
 }
-.add-tag[data-v-2a478201]:hover {
+.add-tag[data-v-3cc77b55]:hover {
   color: var(--color-primary);
 }
-.tags[data-v-2a478201] {
+.tags[data-v-3cc77b55] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.tags-edit[data-v-2a478201] {
+.tags-edit[data-v-3cc77b55] {
   min-width: 100px;
   width: 100%;
   max-width: 460px;
 }
-.archived[data-v-2a478201] {
+.archived[data-v-3cc77b55] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.actions[data-v-2a478201] {
+.actions[data-v-3cc77b55] {
   display: flex;
   align-items: center;
   gap: var(--spacing-m);
   flex-wrap: nowrap;
 }
 @media screen and (max-width: 767px) {
-.name[data-v-2a478201] input {
+.name[data-v-3cc77b55] input {
     min-width: 180px;
 }
 }
 @media (max-width: 1390px) {
-.name-container[data-v-2a478201] {
+.name-container[data-v-3cc77b55] {
     margin-right: var(--spacing-xs);
 }
-.actions[data-v-2a478201] {
+.actions[data-v-3cc77b55] {
     gap: var(--spacing-xs);
 }
 }
 @media (max-width: 1350px) {
-.name-container[data-v-2a478201] {
+.name-container[data-v-3cc77b55] {
     margin-right: var(--spacing-2xs);
 }
-.actions[data-v-2a478201] {
+.actions[data-v-3cc77b55] {
     gap: var(--spacing-2xs);
 }
 }/* BEM support Func

package/dist/assets/{MainSidebar-Df5Lmhlu.js → MainSidebar-DjxdwIl_.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, Q 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, aj as useSourceControlStore, au as useProjectsStore, aa as useRoute, b as useRouter, x as computed, aD as hasPermission, aB as getResourcePermissions, U as normalizeStyle, j as createBaseVNode, a4 as Tooltip, q as N8nButton, c as useI18n, a7 as defineStore, bb as useCloudPlanStore, at as useRootStore, bc as useStorage, bd as DateTime, ac as STORES, ap 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, Z as useUIStore, C as N8nLink, bj as VERSIONS_MODAL_KEY, bk as useTemplatesStore, a9 as useWorkflowsStore, bl as usePersonalizedTemplatesV2Store, Y as useDebounce, bm as RELEASE_NOTES_URL, o as onMounted, bn as useExternalHooks, R as nextTick, P as onBeforeUnmount, bo as onClickOutside, T as resolveComponent, a6 as I18nT, a5 as _sfc_main$7, bp as createSlots, G as N8nAvatar, aM as N8nActionDropdown, bq as N8nMenu, br as WHATS_NEW_MODAL_KEY, bs as ABOUT_MODAL_KEY, bt as EXPERIMENT_TEMPLATE_RECO_V2_KEY, bu as trackTemplatesClick, bv as TemplateClickSource } from "./index-DuT-FIl1.js";
-import { L as Logo } from "./Logo-Bk-9Gwmg.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-Cz15Tiv9.js";
+import { L as Logo } from "./Logo-CTdxpXL9.js";
 const ROOT_MENU_INDEX = "-1";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
@@ -961,6 +961,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const telemetry = useTelemetry();
     const pageRedirectionHelper = usePageRedirectionHelper();
     const { getReportingURL } = useBugReporting();
+    const calloutHelpers = useCalloutHelpers();
+    useKeybindings({
+      ctrl_alt_o: () => handleSelect("about")
+    });
     const user = ref(null);
     const basePath = ref("");
     const fullyExpanded = ref(false);
@@ -987,13 +991,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
@@ -1001,7 +1014,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 } }
       },
       {
@@ -1010,7 +1023,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"
@@ -1230,7 +1243,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       void callDebounced(onResizeEnd, { debounceTime: 250 });
     }
     async function onResizeEnd() {
-      if (window.outerWidth < 900) {
+      if (window.innerWidth < 900) {
         uiStore.sidebarMenuCollapsed = true;
       } else {
         uiStore.sidebarMenuCollapsed = uiStore.sidebarMenuCollapsedPreference;

package/dist/assets/{NodeCreation-Cx5MUGEE.js → NodeCreation-jcmpUiwP.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-DHfJ_cC7.js","assets/index-DuT-FIl1.js","assets/index-C6NR226r.css","assets/NodeCreator-COgNP4W1.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, Z as useUIStore, cA as useFocusPanelStore, fa as useAssistantStore, h5 as useActions, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, a5 as _sfc_main$1, l as unref, c as useI18n, ce as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, d1 as _sfc_main$2, k as createTextVNode, t as toDisplayString, a4 as Tooltip, dl as defineAsyncComponent, dk as Suspense, F as Fragment, aU as __vitePreload, dm as NODE_CREATOR_OPEN_SOURCES, h6 as getMidCanvasPosition, b0 as STICKY_NODE_TYPE, ap as useTelemetry, h7 as DEFAULT_STICKY_WIDTH, h8 as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-DuT-FIl1.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-DPZTIfnb.js","assets/index-Cz15Tiv9.js","assets/index-Ced82689.css","assets/NodeCreator-COTYfPaK.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, Q as useUIStore, cB as useFocusPanelStore, fc as useAssistantStore, hb 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, d2 as _sfc_main$2, k as createTextVNode, t as toDisplayString, a9 as Tooltip, dm as defineAsyncComponent, dl as Suspense, F as Fragment, aU as __vitePreload, dn as NODE_CREATOR_OPEN_SOURCES, hc as getMidCanvasPosition, b0 as STICKY_NODE_TYPE, al as useTelemetry, hd as DEFAULT_STICKY_WIDTH, he as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-Cz15Tiv9.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeCreation",
   props: {
@@ -9,7 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-DHfJ_cC7.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-DPZTIfnb.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const props = __props;
     const emit = __emit;