n8n-editor-ui 1.106.3 → 1.107.1

package/dist/assets/{MainSidebar-YKfo6G0t.js → MainSidebar-IXI0NYYP.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, aY as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, y as renderList, aZ as _sfc_main$6, a_ as ElMenuItem, f as createCommentVNode, k as createTextVNode, J as renderSlot, N as N8nIcon, t as toDisplayString, D as mergeProps, a$ as withKeys, b0 as ElMenu, _ as _export_sfc, b1 as get, b2 as useLoadingService, T as useUIStore, af as useSourceControlStore, ag as useProjectsStore, a as useToast, x as computed, ap as hasPermission, an as getResourcePermissions, P as normalizeStyle, j as createBaseVNode, $ as N8nTooltip, q as N8nButton, c as useI18n, Q as createEventBus, aF as SOURCE_CONTROL_PUSH_MODAL_KEY, b3 as notifyUserAboutPullWorkFolderOutcome, b4 as sourceControlEventBus, b5 as SOURCE_CONTROL_PULL_MODAL_KEY, a3 as defineStore, b6 as useCloudPlanStore, ad as useRootStore, b7 as useStorage, b8 as DateTime, a8 as STORES, aA as useTelemetry, v as useSettingsStore, b as useRouter, b9 as sortByProperty, V as VIEWS, am as usePageRedirectionHelper, u as useUsersStore, aU as onBeforeMount, ba as N8nMenuItem, p as N8nText, bb as useDebugInfo, bc as useVersionsStore, a2 as N8nLink, bd as VERSIONS_MODAL_KEY, be as useTemplatesStore, a5 as useWorkflowsStore, S as useDebounce, a6 as useRoute, bf as RELEASE_NOTES_URL, o as onMounted, bg as useExternalHooks, K as nextTick, I as onBeforeUnmount, bh as onClickOutside, O as resolveComponent, a1 as I18nT, a0 as _sfc_main$7, bi as createSlots, z as N8nAvatar, ay as N8nActionDropdown, bj as N8nMenu, bk as WHATS_NEW_MODAL_KEY, bl as ABOUT_MODAL_KEY, bm as trackTemplatesClick, bn as TemplateClickSource } from "./index-DJu2gb_4.js";
-import { L as Logo } from "./Logo-BOrUbRLm.js";
+import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, i as createVNode, l as unref, b7 as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, A as renderList, b8 as _sfc_main$6, b9 as ElMenuItem, f as createCommentVNode, k as createTextVNode, Q as renderSlot, N as N8nIcon, t as toDisplayString, K as mergeProps, ba as withKeys, bb as ElMenu, _ as _export_sfc, bc as get, bd as useLoadingService, Z as useUIStore, aj as useSourceControlStore, av as useProjectsStore, a as useToast, x as computed, aE as hasPermission, aC as getResourcePermissions, U as normalizeStyle, j as createBaseVNode, a4 as N8nTooltip, q as N8nButton, c as useI18n, W as createEventBus, aQ as SOURCE_CONTROL_PUSH_MODAL_KEY, be as notifyUserAboutPullWorkFolderOutcome, bf as sourceControlEventBus, bg as SOURCE_CONTROL_PULL_MODAL_KEY, a7 as defineStore, bh as useCloudPlanStore, at as useRootStore, bi as useStorage, bj as DateTime, ac as STORES, ap as useTelemetry, v as useSettingsStore, b as useRouter, bk as sortByProperty, V as VIEWS, aB as usePageRedirectionHelper, u as useUsersStore, b3 as onBeforeMount, bl as N8nMenuItem, p as N8nText, bm as useDebugInfo, bn as useVersionsStore, C as N8nLink, bo as VERSIONS_MODAL_KEY, bp as useTemplatesStore, a9 as useWorkflowsStore, Y as useDebounce, aa as useRoute, bq as RELEASE_NOTES_URL, o as onMounted, br as useExternalHooks, R as nextTick, P as onBeforeUnmount, bs as onClickOutside, T as resolveComponent, a6 as I18nT, a5 as _sfc_main$7, bt as createSlots, G as N8nAvatar, aN as N8nActionDropdown, bu as N8nMenu, bv as WHATS_NEW_MODAL_KEY, bw as ABOUT_MODAL_KEY, bx as trackTemplatesClick, by as TemplateClickSource } from "./index-CxleUtlq.js";
+import { L as Logo } from "./Logo-CtGKRONY.js";
 const ROOT_MENU_INDEX = "-1";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{

package/dist/assets/{NodeCreation-DfOnzJmi.js → NodeCreation-DqXKrY6w.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-NztmH4n_.js","assets/index-DJu2gb_4.js","assets/index-B09aakje.css","assets/NodeCreator-Cb92WDsx.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, T as useUIStore, cx as useFocusPanelStore, f4 as useAssistantStore, gP as useActions, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, a0 as _sfc_main$1, l as unref, c as useI18n, cb as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, c_ as _sfc_main$2, k as createTextVNode, t as toDisplayString, $ as N8nTooltip, dj as defineAsyncComponent, di as Suspense, F as Fragment, aL as __vitePreload, dl as NODE_CREATOR_OPEN_SOURCES, gQ as getMidCanvasPosition, aT as STICKY_NODE_TYPE, aA as useTelemetry, gR as DEFAULT_STICKY_WIDTH, gS as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-DJu2gb_4.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-CI6mRPpP.js","assets/index-CxleUtlq.js","assets/index-BFyMw9-0.css","assets/NodeCreator-COgNP4W1.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, Z as useUIStore, cG as useFocusPanelStore, fe as useAssistantStore, h0 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, ck as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, d7 as _sfc_main$2, k as createTextVNode, t as toDisplayString, a4 as N8nTooltip, ds as defineAsyncComponent, dr as Suspense, F as Fragment, aW as __vitePreload, dt as NODE_CREATOR_OPEN_SOURCES, h1 as getMidCanvasPosition, b2 as STICKY_NODE_TYPE, ap as useTelemetry, h2 as DEFAULT_STICKY_WIDTH, h3 as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-CxleUtlq.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-NztmH4n_.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-CI6mRPpP.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const props = __props;
     const emit = __emit;

package/dist/assets/{NodeCreator-NztmH4n_.js → NodeCreator-CI6mRPpP.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, D as mergeProps, j as createBaseVNode, J as renderSlot, f as createCommentVNode, n as normalizeClass, e as createBlock, t as toDisplayString, l as unref, hw as ElTag, w as withCtx, k as createTextVNode, N as N8nIcon, c$ as useI18n, i as createVNode, _ as _export_sfc, cZ as reactive, o as onMounted, bg as useExternalHooks, I as onBeforeUnmount, bY as toRefs, d0 as useNodeCreatorStore, gP as useActions, hx as useViewStacks, h7 as useNodeType, bK as useNodeTypesStore, r as ref, x as computed, hy as DEFAULT_SUBCATEGORY, hz as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n$1, hA as shouldShowCommunityNodeDetails, hB as HITL_SUBCATEGORY, f6 as isCommunityPackageName, hC as isNodePreviewKey, hD as removePreviewToken, c7 as resolveDirective, bi as createSlots, $ as N8nTooltip, aV as withDirectives, ei as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aW as vShow, P as normalizeStyle, bT as NodeIcon, bS as withModifiers, dz as DRAG_EVENT_DATA_KEY, aA as useTelemetry, hE as camelCase, hF as N8nNodeIcon, hb as WEBHOOK_NODE_TYPE, hG as getNewNodePosition, hH as DEFAULT_NODE_SIZE, u as useUsersStore, p as N8nText, q as N8nButton, hI as useKeyboardNavigation, a5 as useWorkflowsStore, ab as watch, bZ as normalizeProps, b_ as guardReactiveProps, c2 as onUnmounted, F as Fragment, y as renderList, dC as N8nLoading, hJ as REGULAR_NODE_CREATOR_VIEW, eh as useCommunityNodesStore, hK as _sfc_main$o, eR as i18n, hL as captureException, hM as CUSTOM_API_CALL_KEY, hN as TRIGGER_NODE_CREATOR_VIEW, hO as OPEN_AI_NODE_TYPE, hP as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, hQ as withMemo, hR as CommunityNodeFooter, hS as HTTP_REQUEST_NODE_TYPE, dk as N8nCallout, cH as InfoTip, fh as createStaticVNode, a2 as N8nLink, hT as REQUEST_NODE_FORM_URL, hU as useCalloutHelpers, hV as filterAndSearchNodes, hW as getRootSearchCallouts, hX as prepareCommunityNodeDetailsViewStack, hi as getNodeIconSource, hY as transformNodeType, hZ as AINodesView, h_ as AIView, h$ as RegularView, i0 as TriggerView, i1 as flattenCreateElements, i2 as getHumanInTheLoopActions, i3 as AI_OTHERS_NODE_CREATOR_VIEW, i4 as AI_NODE_CREATOR_VIEW, a as useToast, d1 as useCredentialsStore, S as useDebounce, d$ as N8nNotice, hd as Transition, i5 as AI_EVALUATION, i6 as AI_UNCATEGORIZED_CATEGORY, T as useUIStore, f4 as useAssistantStore, d4 as useBuilderStore, bh as onClickOutside, a0 as _sfc_main$p, i7 as SlideTransition, i8 as useActionsGenerator } from "./index-DJu2gb_4.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, K as mergeProps, j as createBaseVNode, Q as renderSlot, f as createCommentVNode, n as normalizeClass, e as createBlock, t as toDisplayString, l as unref, hJ as ElTag, w as withCtx, k as createTextVNode, N as N8nIcon, D as useI18n, i as createVNode, _ as _export_sfc, d6 as reactive, o as onMounted, br as useExternalHooks, P as onBeforeUnmount, c5 as toRefs, d8 as useNodeCreatorStore, h0 as useActions, hK as useViewStacks, hk as useNodeType, ah as useNodeTypesStore, r as ref, x as computed, hL as DEFAULT_SUBCATEGORY, hM as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n$1, hN as shouldShowCommunityNodeDetails, hO as HITL_SUBCATEGORY, fg as isCommunityPackageName, hP as isNodePreviewKey, hQ as removePreviewToken, cg as resolveDirective, bt as createSlots, a4 as N8nTooltip, b4 as withDirectives, eo as COMMUNITY_NODES_INSTALLATION_DOCS_URL, b5 as vShow, U as normalizeStyle, c0 as NodeIcon, B as withModifiers, dF as DRAG_EVENT_DATA_KEY, ap as useTelemetry, hR as camelCase, hS as N8nNodeIcon, ho as WEBHOOK_NODE_TYPE, hT as getNewNodePosition, hU as DEFAULT_NODE_SIZE, u as useUsersStore, p as N8nText, q as N8nButton, hV as useKeyboardNavigation, a9 as useWorkflowsStore, af as watch, c6 as normalizeProps, c7 as guardReactiveProps, F as Fragment, A as renderList, cb as onUnmounted, dI as N8nLoading, hW as REGULAR_NODE_CREATOR_VIEW, en as useCommunityNodesStore, hX as _sfc_main$o, eZ as i18n, hY as captureException, hZ as useCalloutHelpers, h_ as CUSTOM_API_CALL_KEY, h$ as TRIGGER_NODE_CREATOR_VIEW, i0 as OPEN_AI_NODE_TYPE, i1 as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, i2 as getActiveViewCallouts, i3 as withMemo, z as N8nCallout, cQ as InfoTip, i4 as CommunityNodeFooter, i5 as HTTP_REQUEST_NODE_TYPE, fq as createStaticVNode, C as N8nLink, i6 as REQUEST_NODE_FORM_URL, i7 as filterAndSearchNodes, i8 as getRootSearchCallouts, i9 as PRE_BUILT_AGENTS_COLLECTION, ia as prepareCommunityNodeDetailsViewStack, hv as getNodeIconSource, ib as transformNodeType, ic as AINodesView, id as AIView, ie as RegularView, ig as TriggerView, ih as flattenCreateElements, ii as getHumanInTheLoopActions, ij as AI_OTHERS_NODE_CREATOR_VIEW, ik as AI_NODE_CREATOR_VIEW, a as useToast, d9 as useCredentialsStore, Y as useDebounce, e5 as N8nNotice, hq as Transition, il as AI_EVALUATION, im as AI_UNCATEGORIZED_CATEGORY, Z as useUIStore, fe as useAssistantStore, dc as useBuilderStore, bs as onClickOutside, a5 as _sfc_main$p, io as SlideTransition, ip as useActionsGenerator } from "./index-CxleUtlq.js";
 const _hoisted_1$b = ["textContent"];
 const _hoisted_2$4 = ["textContent"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
@@ -185,13 +185,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const searchContainer = "_searchContainer_176yy_123";
-const prefix = "_prefix_176yy_139";
-const active$3 = "_active_176yy_144";
-const text = "_text_176yy_148";
-const suffix = "_suffix_176yy_164";
-const clear = "_clear_176yy_170";
-const clickable = "_clickable_176yy_183";
+const searchContainer = "_searchContainer_w19t7_123";
+const prefix = "_prefix_w19t7_139";
+const active$3 = "_active_w19t7_144";
+const text = "_text_w19t7_148";
+const suffix = "_suffix_w19t7_164";
+const clear = "_clear_w19t7_170";
+const clickable = "_clickable_w19t7_183";
 const style0$k = {
   searchContainer,
   prefix,
@@ -1035,32 +1035,52 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_n8n_node_icon = N8nNodeIcon;
-      const _component_n8n_node_creator_node = NodeCreatorNode;
-      return openBlock(), createBlock(_component_n8n_node_creator_node, {
-        class: normalizeClass(_ctx.$style.creatorOpenTemplate),
+      const _component_NodeIcon = NodeIcon;
+      const _component_N8nNodeCreatorNode = NodeCreatorNode;
+      return openBlock(), createBlock(_component_N8nNodeCreatorNode, {
+        class: normalizeClass({ [_ctx.$style.creatorOpenTemplate]: true, [_ctx.$style.compact]: _ctx.openTemplate.compact }),
         title: _ctx.openTemplate.title,
-        "is-trigger": false,
         description: _ctx.openTemplate.description,
         tag: _ctx.openTemplate.tag,
-        "show-action-arrow": true
-      }, {
-        icon: withCtx(() => [
-          createVNode(_component_n8n_node_icon, {
-            type: "icon",
-            name: _ctx.openTemplate.icon,
-            circle: false,
-            "show-tooltip": false,
-            "use-updated-icons": true
-          }, null, 8, ["name"])
-        ]),
-        _: 1
-      }, 8, ["class", "title", "description", "tag"]);
+        "show-action-arrow": true,
+        "is-trigger": false
+      }, createSlots({ _: 2 }, [
+        _ctx.openTemplate.icon ? {
+          name: "icon",
+          fn: withCtx(() => [
+            createVNode(_component_n8n_node_icon, {
+              type: "icon",
+              name: _ctx.openTemplate.icon,
+              circle: false,
+              "show-tooltip": false,
+              "use-updated-icons": true
+            }, null, 8, ["name"])
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.openTemplate.nodes ? {
+          name: "extraDetails",
+          fn: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.openTemplate.nodes, (node) => {
+              return openBlock(), createBlock(_component_NodeIcon, {
+                key: node.name,
+                "node-type": node,
+                size: 16,
+                "show-tooltip": true
+              }, null, 8, ["node-type"]);
+            }), 128))
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["class", "title", "description", "tag"]);
     };
   }
 });
-const creatorOpenTemplate = "_creatorOpenTemplate_1igyu_123";
+const creatorOpenTemplate = "_creatorOpenTemplate_1lmxs_123";
+const compact = "_compact_1lmxs_131";
 const style0$9 = {
-  creatorOpenTemplate
+  creatorOpenTemplate,
+  compact
 };
 const cssModules$9 = {
   "$style": style0$9
@@ -1246,17 +1266,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const itemSkeleton = "_itemSkeleton_1r9np_123";
-const iteratorItem = "_iteratorItem_1r9np_127";
-const label = "_label_1r9np_139";
-const category = "_category_1r9np_139";
-const active$1 = "_active_1r9np_142";
-const empty = "_empty_1r9np_146";
-const itemsRenderer = "_itemsRenderer_1r9np_150";
-const view = "_view_1r9np_159";
-const link = "_link_1r9np_177";
-const borderless = "_borderless_1r9np_195";
-const preview = "_preview_1r9np_203";
+const itemSkeleton = "_itemSkeleton_1y85u_123";
+const iteratorItem = "_iteratorItem_1y85u_127";
+const label = "_label_1y85u_139";
+const category = "_category_1y85u_139";
+const active$1 = "_active_1y85u_142";
+const empty = "_empty_1y85u_146";
+const itemsRenderer = "_itemsRenderer_1y85u_150";
+const view = "_view_1y85u_159";
+const link = "_link_1y85u_177";
+const borderless = "_borderless_1y85u_195";
+const preview = "_preview_1y85u_205";
 const style0$8 = {
   itemSkeleton,
   iteratorItem,
@@ -1567,6 +1587,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       actionsCategoryLocales
     } = useActions();
     const nodeCreatorStore = useNodeCreatorStore();
+    const calloutHelpers = useCalloutHelpers();
     const parsedTriggerActions = computed(
       () => parseActions(actions.value, actionsCategoryLocales.value.triggers, false)
     );
@@ -1643,6 +1664,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       if (activeAction) onSelected(activeAction);
     }
     function onSelected(actionCreateElement) {
+      if (actionCreateElement.type === "openTemplate") {
+        calloutHelpers.openSampleWorkflowTemplate(actionCreateElement.properties.templateId, {
+          telemetry: {
+            source: "nodeCreator",
+            section: useViewStacks().activeViewStack.title
+          }
+        });
+      }
       if (actionCreateElement.type !== "action") return;
       const actionData = getActionData(actionCreateElement.properties);
       const isPlaceholderTriggerAction = placeholderTriggerActions.some(
@@ -1701,6 +1730,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       trackActionsView();
     });
+    const callouts = computed(
+      () => getActiveViewCallouts(
+        useViewStacks().activeViewStack.title,
+        calloutHelpers.isPreBuiltAgentsCalloutVisible.value,
+        calloutHelpers.getPreBuiltAgentNodeCreatorItems()
+      )
+    );
     return (_ctx, _cache) => {
       const _component_n8n_callout = N8nCallout;
       const _component_n8n_info_tip = InfoTip;
@@ -1711,6 +1747,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           [_ctx.$style.containerPaddingBottom]: !communityNodeDetails.value
         })
       }, [
+        createVNode(ItemsRenderer, {
+          elements: callouts.value,
+          class: normalizeClass(_ctx.$style.items),
+          onSelected
+        }, null, 8, ["elements", "class"]),
         communityNodeDetails.value ? (openBlock(), createBlock(CommunityNodeInfo, { key: 0 })) : createCommentVNode("", true),
         rootView.value ? (openBlock(), createBlock(_sfc_main$9, {
           key: 1,
@@ -2026,6 +2067,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return nodeActions;
     }
     function onSelected(item) {
+      if (item.key === PRE_BUILT_AGENTS_COLLECTION) {
+        void calloutHelpers.openPreBuiltAgentsCollection({
+          telemetry: {
+            source: "nodeCreator",
+            section: activeViewStack.value.title
+          },
+          resetStacks: false
+        });
+        return;
+      }
       if (item.type === "subcategory") {
         const subcategoryKey = camelCase(item.properties.title);
         const title2 = i18n2.baseText(`nodeCreator.subcategoryNames.${subcategoryKey}`);
@@ -2122,9 +2173,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         window.open(item.properties.url, "_blank");
       }
       if (item.type === "openTemplate") {
-        if (item.properties.key === "rag-starter-template") {
-          void calloutHelpers.openRagStarterTemplate();
-        }
+        calloutHelpers.openSampleWorkflowTemplate(item.properties.templateId, {
+          telemetry: {
+            source: "nodeCreator",
+            section: activeViewStack.value.title
+          }
+        });
       }
     }
     function subcategoriesMapper(item) {
@@ -2155,11 +2209,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       return hasActions || !hasTriggerGroup;
     }
-    const globalCallouts = computed(
-      () => getRootSearchCallouts(activeViewStack.value.search ?? "", {
+    const globalCallouts = computed(() => [
+      ...getRootSearchCallouts(activeViewStack.value.search ?? "", {
         isRagStarterCalloutVisible: calloutHelpers.isRagStarterCalloutVisible.value
-      })
-    );
+      }),
+      ...getActiveViewCallouts(
+        activeViewStack.value.title,
+        calloutHelpers.isPreBuiltAgentsCalloutVisible.value,
+        calloutHelpers.getPreBuiltAgentNodeCreatorItems()
+      )
+    ]);
     function arrowLeft() {
       popViewStack();
     }

package/dist/assets/{NodeCreator-Cb92WDsx.css → NodeCreator-COgNP4W1.css}

@@ -328,33 +328,33 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._searchContainer_176yy_123 {
+._searchContainer_w19t7_123 {
   display: flex;
   height: 40px;
   padding: 0 var(--spacing-xs);
   align-items: center;
   margin: var(--search-margin, var(--spacing-s));
-  filter: drop-shadow(0px 2px 5px rgba(46, 46, 50, 0.04));
+  filter: drop-shadow(0 2px 5px rgba(46, 46, 50, 0.04));
   border: 1px solid var(--color-foreground-base);
   background-color: var(--color-background-xlight);
   color: var(--color-text-light);
   border-radius: 4px;
 }
-._searchContainer_176yy_123:focus-within {
+._searchContainer_w19t7_123:focus-within {
   border-color: var(--color-secondary);
 }
-._prefix_176yy_139 {
+._prefix_w19t7_139 {
   text-align: center;
   font-size: var(--font-size-m);
   margin-right: var(--spacing-xs);
 }
-._prefix_176yy_139._active_176yy_144 {
+._prefix_w19t7_139._active_w19t7_144 {
   color: var(--color-primary) !important;
 }
-._text_176yy_148 {
+._text_w19t7_148 {
   flex-grow: 1;
 }
-._text_176yy_148 input {
+._text_w19t7_148 input {
   width: 100%;
   border: none;
   outline: none;
@@ -364,27 +364,27 @@
   background-color: var(--color-background-xlight);
   color: var(--color-text-dark);
 }
-._text_176yy_148 input::placeholder, ._text_176yy_148 input::-webkit-input-placeholder {
+._text_w19t7_148 input::placeholder, ._text_w19t7_148 input::-webkit-input-placeholder {
   color: var(--color-text-light);
 }
-._suffix_176yy_164 {
+._suffix_w19t7_164 {
   min-width: 20px;
   text-align: right;
   display: inline-block;
 }
-._clear_176yy_170 {
+._clear_w19t7_170 {
   background-color: transparent;
   padding: 0;
   border: none;
   cursor: pointer;
 }
-._clear_176yy_170 svg path {
+._clear_w19t7_170 svg path {
   fill: var(--color-text-light);
 }
-._clear_176yy_170:hover svg path {
+._clear_w19t7_170:hover svg path {
   fill: var(--color-text-base);
 }
-._clickable_176yy_183 {
+._clickable_w19t7_183 {
   cursor: pointer;
 }/* BEM support Func
  -------------------------- */
@@ -1900,10 +1900,16 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._creatorOpenTemplate_1igyu_123 {
+._creatorOpenTemplate_1lmxs_123 {
   --action-arrow-color: var(--color-text-light);
   margin-left: var(--spacing-s);
   margin-right: var(--spacing-xs);
+  padding-bottom: var(--spacing-xs);
+  margin-bottom: var(--spacing-xs);
+}
+._compact_1lmxs_131 {
+  margin-left: 0;
+  padding-right: 0;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2026,14 +2032,14 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._itemSkeleton_1r9np_123 {
+._itemSkeleton_1y85u_123 {
   height: 50px;
 }
-._iteratorItem_1r9np_127 {
+._iteratorItem_1y85u_127 {
   margin-left: 1px;
   position: relative;
 }
-._iteratorItem_1r9np_127::before {
+._iteratorItem_1y85u_127::before {
   content: "";
   position: absolute;
   left: -1px;
@@ -2041,31 +2047,31 @@
   bottom: 0;
   border-left: 2px solid transparent;
 }
-._iteratorItem_1r9np_127:not(._label_1r9np_139):not(._category_1r9np_139):hover::before {
+._iteratorItem_1y85u_127:not(._label_1y85u_139):not(._category_1y85u_139):hover::before {
   border-color: var(--color-text-light);
 }
-._iteratorItem_1r9np_127._active_1r9np_142:not(._category_1r9np_139)::before {
+._iteratorItem_1y85u_127._active_1y85u_142:not(._category_1y85u_139)::before {
   border-color: var(--color-primary);
 }
-._empty_1r9np_146 [role="alert"] {
+._empty_1y85u_146 [role="alert"] {
   margin: var(--spacing-xs) var(--spacing-s);
 }
-._itemsRenderer_1r9np_150 {
+._itemsRenderer_1y85u_150 {
   display: flex;
   flex-direction: column;
   scrollbar-width: none; /* Firefox 64 */
 }
-._itemsRenderer_1r9np_150 > *::-webkit-scrollbar {
+._itemsRenderer_1y85u_150 > *::-webkit-scrollbar {
   display: none;
 }
-._view_1r9np_159 {
+._view_1y85u_159 {
   position: relative;
 }
-._view_1r9np_159:last-child {
+._view_1y85u_159:last-child {
   margin-top: var(--spacing-s);
   padding-top: var(--spacing-xs);
 }
-._view_1r9np_159:last-child:after {
+._view_1y85u_159:last-child:after {
   content: "";
   position: absolute;
   left: var(--spacing-s);
@@ -2075,14 +2081,14 @@
   bottom: 0;
   border-top: 1px solid var(--color-foreground-base);
 }
-._link_1r9np_177 {
+._link_1y85u_177 {
   position: relative;
 }
-._link_1r9np_177:last-child {
+._link_1y85u_177:last-child {
   margin-bottom: var(--spacing-s);
   padding-bottom: var(--spacing-xs);
 }
-._link_1r9np_177:last-child:after {
+._link_1y85u_177:last-child:after {
   content: "";
   position: absolute;
   left: var(--spacing-s);
@@ -2092,14 +2098,16 @@
   bottom: 0;
   border-bottom: 1px solid var(--color-foreground-base);
 }
-._borderless_1r9np_195:last-child {
+._borderless_1y85u_195:last-child {
   margin-top: 0;
   padding-top: 0;
+  margin-bottom: 0;
+  padding-bottom: 0;
 }
-._borderless_1r9np_195:last-child:after {
+._borderless_1y85u_195:last-child:after {
   content: none;
 }
-._preview_1r9np_203 {
+._preview_1y85u_205 {
   pointer-events: none;
   cursor: default;
 }/* BEM support Func

package/dist/assets/{NodeDetailsView-DzhT36su.js → NodeDetailsView-BLAGih5E.js}

@@ -1,16 +1,16 @@
-import { d as defineComponent, e as createBlock, g as openBlock, f$ as Draggable, n as normalizeClass, w as withCtx, j as createBaseVNode, h as createElementBlock, f as createCommentVNode, i as createVNode, N as N8nIcon, _ as _export_sfc, cf as useThrottleFn, aP as useNDVStore, T as useUIStore, r as ref, fs as useSlots, o as onMounted, x as computed, cr as ndvEventBus, I as onBeforeUnmount, ab as watch, gT as MAIN_NODE_PANEL_WIDTH, b7 as useStorage, gU as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, l as unref, P as normalizeStyle, J as renderSlot, cc as N8nResizeWrapper, K as nextTick, bF as useNodeHelpers, el as storeToRefs, bD as usePinnedData, bK as useNodeTypesStore, a5 as useWorkflowsStore, cA as useDeviceSupport, cd as useStyles, gV as getNodeOutputs, bs as NodeConnectionTypes, bL as START_NODE_TYPE, gW as EXECUTABLE_TRIGGER_NODE_TYPES, aT as STICKY_NODE_TYPE, gX as BASE_NODE_SURVEY_URL, gY as dataPinningEventBus, O as resolveComponent, $ as N8nTooltip, p as N8nText, k as createTextVNode, t as toDisplayString, c as useI18n, bi as createSlots, gZ as NodeSettings, Q as createEventBus, g_ as InputPanel, g$ as APP_MODALS_ELEMENT_ID, aA as useTelemetry, aC as useMessage, aD as MODAL_CONFIRM, dc as jsonParse, bg as useExternalHooks } from "./index-DJu2gb_4.js";
-import { _ as __unplugin_components_0, O as OutputPanel, T as TriggerPanel } from "./TriggerPanel-CRLzika6.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-G9wdzjX4.js";
-import "./RunDataParsedAiContent-DNxDdAFA.js";
-import "./VueMarkdown-BXoAxQ2V.js";
-import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BNkO3XxQ.js";
-import "./NodeView-CFpi2pKv.js";
-import "./global-link-actions-BLMbNlby.js";
-import "./useExecutionDebugging-D0j03ZAv.js";
-import "./useBeforeUnload-hEveYtYY.js";
-import "./canvas-BAegJxph.js";
-import "./readyToRunWorkflows.store-bkk9BfbV.js";
-import "./InfoAccordion-MlURVMcX.js";
+import { d as defineComponent, e as createBlock, g as openBlock, g9 as Draggable, n as normalizeClass, w as withCtx, j as createBaseVNode, h as createElementBlock, f as createCommentVNode, i as createVNode, N as N8nIcon, _ as _export_sfc, co as useThrottleFn, a_ as useNDVStore, Z as useUIStore, r as ref, fB as useSlots, o as onMounted, x as computed, cA as ndvEventBus, P as onBeforeUnmount, af as watch, h4 as MAIN_NODE_PANEL_WIDTH, bi as useStorage, h5 as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, l as unref, U as normalizeStyle, Q as renderSlot, cl as N8nResizeWrapper, R as nextTick, bQ as useNodeHelpers, er as storeToRefs, bO as usePinnedData, ah as useNodeTypesStore, a9 as useWorkflowsStore, cJ as useDeviceSupport, cm as useStyles, h6 as getNodeOutputs, bD as NodeConnectionTypes, bV as START_NODE_TYPE, h7 as EXECUTABLE_TRIGGER_NODE_TYPES, b2 as STICKY_NODE_TYPE, h8 as BASE_NODE_SURVEY_URL, h9 as dataPinningEventBus, T as resolveComponent, a4 as N8nTooltip, p as N8nText, k as createTextVNode, t as toDisplayString, c as useI18n, bt as createSlots, ha as NodeSettings, W as createEventBus, hb as InputPanel, hc as APP_MODALS_ELEMENT_ID, ap as useTelemetry, aq as useMessage, ar as MODAL_CONFIRM, dk as jsonParse, br as useExternalHooks } from "./index-CxleUtlq.js";
+import { _ as __unplugin_components_0, O as OutputPanel, T as TriggerPanel } from "./TriggerPanel-BTLbaSMz.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-DrpskU4R.js";
+import "./RunDataParsedAiContent-qSEryFRl.js";
+import "./core-lMJc92pa.js";
+import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BW0CieDo.js";
+import "./NodeView-CFuNDv8s.js";
+import "./global-link-actions-D18bp17X.js";
+import "./useExecutionDebugging-Bd_2vpLq.js";
+import "./useBeforeUnload-D0WL7mpb.js";
+import "./canvas-DenCY4AJ.js";
+import "./readyToRunWorkflows.store-Dz_KLa8_.js";
+import "./InfoAccordion-BoIzf-yz.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PanelDragButton",
   props: {
@@ -424,15 +424,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dataPanel = "_dataPanel_181lg_123";
-const inputPanel = "_inputPanel_181lg_132 _dataPanel_181lg_123";
-const outputPanel = "_outputPanel_181lg_140 _dataPanel_181lg_123";
-const mainPanel = "_mainPanel_181lg_148";
-const draggable = "_draggable_181lg_152";
-const mainPanelInner = "_mainPanelInner_181lg_156";
-const dragging = "_dragging_181lg_163";
-const dragButtonContainer = "_dragButtonContainer_181lg_176";
-const visible = "_visible_181lg_192";
+const dataPanel = "_dataPanel_1hkoo_123";
+const inputPanel = "_inputPanel_1hkoo_132 _dataPanel_1hkoo_123";
+const outputPanel = "_outputPanel_1hkoo_140 _dataPanel_1hkoo_123";
+const mainPanel = "_mainPanel_1hkoo_148";
+const draggable = "_draggable_1hkoo_152";
+const mainPanelInner = "_mainPanelInner_1hkoo_156";
+const dragging = "_dragging_1hkoo_163";
+const dragButtonContainer = "_dragButtonContainer_1hkoo_176";
+const visible = "_visible_1hkoo_192";
 const style0 = {
   dataPanel,
   inputPanel,
@@ -441,7 +441,7 @@ const style0 = {
   draggable,
   mainPanelInner,
   dragging,
-  "double-width": "_double-width_181lg_172",
+  "double-width": "_double-width_1hkoo_172",
   dragButtonContainer,
   visible
 };
@@ -1026,7 +1026,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               output: withCtx(() => [
                 createVNode(OutputPanel, {
                   "data-test-id": "output-panel",
-                  workflow: _ctx.workflowObject,
+                  "workflow-object": _ctx.workflowObject,
                   "can-link-runs": canLinkRuns.value,
                   "run-index": outputRun.value,
                   "linked-runs": linked.value,
@@ -1045,7 +1045,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onItemHover: onOutputItemHover,
                   onSearch,
                   onDisplayModeChange: _cache[3] || (_cache[3] = ($event) => handleChangeDisplayMode("output", $event))
-                }, null, 8, ["workflow", "can-link-runs", "run-index", "linked-runs", "push-ref", "is-read-only", "block-u-i", "is-production-execution-preview", "is-pane-active", "display-mode"])
+                }, null, 8, ["workflow-object", "can-link-runs", "run-index", "linked-runs", "push-ref", "is-read-only", "block-u-i", "is-production-execution-preview", "is-pane-active", "display-mode"])
               ]),
               main: withCtx(() => [
                 createVNode(NodeSettings, {
@@ -1087,7 +1087,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onActivate: onWorkflowActivate
                   }, null, 8, ["node-name", "push-ref"])) : !isTriggerNode.value ? (openBlock(), createBlock(InputPanel, {
                     key: 1,
-                    workflow: _ctx.workflowObject,
+                    "workflow-object": _ctx.workflowObject,
                     "can-link-runs": canLinkRuns.value,
                     "run-index": inputRun.value,
                     "linked-runs": linked.value,
@@ -1111,7 +1111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onItemHover: onInputItemHover,
                     onSearch,
                     onDisplayModeChange: _cache[1] || (_cache[1] = ($event) => handleChangeDisplayMode("input", $event))
-                  }, null, 8, ["workflow", "can-link-runs", "run-index", "linked-runs", "active-node-name", "current-node-name", "push-ref", "read-only", "is-production-execution-preview", "is-pane-active", "display-mode", "is-mapping-onboarded", "focused-mappable-input"])) : createCommentVNode("", true)
+                  }, null, 8, ["workflow-object", "can-link-runs", "run-index", "linked-runs", "active-node-name", "current-node-name", "push-ref", "read-only", "is-production-execution-preview", "is-pane-active", "display-mode", "is-mapping-onboarded", "focused-mappable-input"])) : createCommentVNode("", true)
                 ]),
                 key: "0"
               } : void 0

package/dist/assets/{NodeDetailsView-Cam4nPwL.css → NodeDetailsView-CjdovDgq.css}

@@ -294,7 +294,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._dataPanel_181lg_123 {
+._dataPanel_1hkoo_123 {
   position: absolute;
   height: calc(100% - 2 * var(--spacing-l));
   position: absolute;
@@ -302,43 +302,43 @@
   z-index: 0;
   min-width: 280px;
 }
-._inputPanel_181lg_132 {
+._inputPanel_1hkoo_132 {
   left: var(--spacing-l);
 }
-._inputPanel_181lg_132 > * {
+._inputPanel_1hkoo_132 > * {
   border-radius: var(--border-radius-large) 0 0 var(--border-radius-large);
 }
-._outputPanel_181lg_140 {
+._outputPanel_1hkoo_140 {
   right: var(--spacing-l);
 }
-._outputPanel_181lg_140 > * {
+._outputPanel_1hkoo_140 > * {
   border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
 }
-._mainPanel_181lg_148 {
+._mainPanel_1hkoo_148 {
   position: absolute;
   height: 100%;
 }
-._mainPanel_181lg_148:hover ._draggable_181lg_152 {
+._mainPanel_1hkoo_148:hover ._draggable_1hkoo_152 {
   visibility: visible;
 }
-._mainPanelInner_181lg_156 {
+._mainPanelInner_1hkoo_156 {
   height: 100%;
   border: var(--border-base);
   border-radius: var(--border-radius-large);
   box-shadow: 0 4px 16px rgba(50, 61, 85, 0.1);
   overflow: hidden;
 }
-._mainPanelInner_181lg_156._dragging_181lg_163 {
+._mainPanelInner_1hkoo_156._dragging_1hkoo_163 {
   border-color: var(--color-primary);
-  box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
+  box-shadow: 0 6px 16px rgba(255, 74, 51, 0.15);
 }
-._draggable_181lg_152 {
+._draggable_1hkoo_152 {
   visibility: hidden;
 }
-._double-width_181lg_172 {
+._double-width_1hkoo_172 {
   left: 90%;
 }
-._dragButtonContainer_181lg_176 {
+._dragButtonContainer_1hkoo_176 {
   position: absolute;
   top: -12px;
   width: 100%;
@@ -347,13 +347,13 @@
   justify-content: center;
   pointer-events: none;
 }
-._dragButtonContainer_181lg_176 ._draggable_181lg_152 {
+._dragButtonContainer_1hkoo_176 ._draggable_1hkoo_152 {
   pointer-events: all;
 }
-._dragButtonContainer_181lg_176:hover ._draggable_181lg_152 {
+._dragButtonContainer_1hkoo_176:hover ._draggable_1hkoo_152 {
   visibility: visible;
 }
-._visible_181lg_192 {
+._visible_1hkoo_192 {
   visibility: visible;
 }/* BEM support Func
  -------------------------- */