n8n-editor-ui 1.85.2 → 1.87.0

package/dist/assets/{pickBy-DlIFPp_M.js → pickBy-BILEJ4hg.js}

@@ -1,4 +1,4 @@
-import { f_ as arrayMap, f$ as getAllKeysIn, g0 as baseIteratee, g1 as basePickBy } from "./index-DZljH0cm.js";
+import { fW as arrayMap, fX as getAllKeysIn, fY as baseIteratee, fZ as basePickBy } from "./index-DD7Wuhk5.js";
 function pickBy(object, predicate) {
   if (object == null) {
     return {};

package/dist/assets/{templateActions-ClDjWPHA.js → templateActions-M3qRQiV6.js}

@@ -1,4 +1,4 @@
-import { cS as TEMPLATE_CREDENTIAL_SETUP_EXPERIMENT, cF as assert, V as VIEWS, bU as tryToParseNumber, cW as doesNodeHaveCredentialsToFill, cX as getNewWorkflow, cY as replaceAllTemplateNodeCredentials, bY as getNodesWithNormalizedPosition } from "./index-DZljH0cm.js";
+import { cM as assert, c$ as doesNodeHaveCredentialsToFill, V as VIEWS, c0 as tryToParseNumber, d0 as getNewWorkflow, d1 as replaceAllTemplateNodeCredentials, c4 as getNodesWithNormalizedPosition } from "./index-DD7Wuhk5.js";
 async function createWorkflowFromTemplate(opts) {
   const { credentialOverrides, nodeTypeProvider, rootStore, template, workflowsStore } = opts;
   const workflowData = await getNewWorkflow(rootStore.restApiContext, { name: template.name });
@@ -69,12 +69,7 @@ async function getFullTemplate(templatesStore, templateId) {
   return templatesStore.getFullTemplateById(templateId);
 }
 async function useTemplateWorkflow(opts) {
-  const { nodeTypesStore, posthogStore, templateId, templatesStore } = opts;
-  const openCredentialSetup = posthogStore.isFeatureEnabled(TEMPLATE_CREDENTIAL_SETUP_EXPERIMENT);
-  if (!openCredentialSetup) {
-    await openTemplateWorkflowOnNodeView(opts);
-    return;
-  }
+  const { nodeTypesStore, templateId, templatesStore } = opts;
   const [template] = await Promise.all([
     getFullTemplate(templatesStore, templateId),
     nodeTypesStore.loadNodeTypesIfNotLoaded()

package/dist/assets/{useBeforeUnload-BFlrxvKb.js → useBeforeUnload-DTsj_abb.js}

@@ -1,4 +1,4 @@
-import { L as useUIStore, a1 as useCanvasStore, r as ref, q as computed, V as VIEWS, c as useI18n } from "./index-DZljH0cm.js";
+import { L as useUIStore, a2 as useCanvasStore, r as ref, q as computed, V as VIEWS, c as useI18n } from "./index-DD7Wuhk5.js";
 function useBeforeUnload({ route }) {
   const uiStore = useUIStore();
   const canvasStore = useCanvasStore();

package/dist/assets/{useCanvasMapping-CJcAsQmx.css → useCanvasMapping-BkGr1HdJ.css}

@@ -1785,7 +1785,7 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-._node_60dg1_123 {
+._node_1d2zc_123 {
   --canvas-node--max-vertical-handles: max(
   	var(--canvas-node--main-input-count),
   	var(--canvas-node--main-output-count),
@@ -1800,6 +1800,7 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   --configurable-node--icon-size: 30px;
   --trigger-node--border-radius: 36px;
   --canvas-node--status-icons-offset: var(--spacing-3xs);
+  --node-icon-color: var(--color-foreground-dark);
   position: relative;
   height: var(--canvas-node--height);
   width: var(--canvas-node--width);
@@ -1817,20 +1818,20 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
    * The reverse order defines the priority in case multiple states are active
    */
 }
-._node_60dg1_123._trigger_60dg1_155 {
+._node_1d2zc_123._trigger_1d2zc_156 {
   border-radius: var(--trigger-node--border-radius) var(--border-radius-large) var(--border-radius-large) var(--trigger-node--border-radius);
 }
-._node_60dg1_123._configuration_60dg1_158 {
+._node_1d2zc_123._configuration_1d2zc_159 {
   --canvas-node--width: 80px;
   --canvas-node--height: 80px;
   background: var(--canvas-node--background, var(--node-type-supplemental-background));
   border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-dark));
   border-radius: 50px;
 }
-._node_60dg1_123._configuration_60dg1_158 ._statusIcons_60dg1_165 {
+._node_1d2zc_123._configuration_1d2zc_159 ._statusIcons_1d2zc_166 {
   right: unset;
 }
-._node_60dg1_123._configurable_60dg1_168 {
+._node_1d2zc_123._configurable_1d2zc_169 {
   --canvas-node--height: 100px;
   --canvas-node--width: calc(
   	max(var(--configurable-node--input-count, 4), var(--configurable-node--min-input-count)) *
@@ -1838,10 +1839,10 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   );
   justify-content: flex-start;
 }
-._node_60dg1_123._configurable_60dg1_168 .n8n-node-icon {
+._node_1d2zc_123._configurable_1d2zc_169 .n8n-node-icon {
   margin-left: var(--configurable-node--icon-offset);
 }
-._node_60dg1_123._configurable_60dg1_168 ._description_60dg1_179 {
+._node_1d2zc_123._configurable_1d2zc_169 ._description_1d2zc_180 {
   top: unset;
   position: relative;
   margin-top: 0;
@@ -1851,45 +1852,45 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   min-width: unset;
   max-width: calc(var(--canvas-node--width) - var(--configurable-node--icon-offset) - var(--configurable-node--icon-size) - 2 * var(--spacing-s));
 }
-._node_60dg1_123._configurable_60dg1_168 ._label_60dg1_189 {
+._node_1d2zc_123._configurable_1d2zc_169 ._label_1d2zc_190 {
   text-align: left;
 }
-._node_60dg1_123._configurable_60dg1_168 ._subtitle_60dg1_192 {
+._node_1d2zc_123._configurable_1d2zc_169 ._subtitle_1d2zc_193 {
   text-align: left;
 }
-._node_60dg1_123._configurable_60dg1_168._configuration_60dg1_158 {
+._node_1d2zc_123._configurable_1d2zc_169._configuration_1d2zc_159 {
   --canvas-node--height: 75px;
 }
-._node_60dg1_123._configurable_60dg1_168._configuration_60dg1_158 ._statusIcons_60dg1_165 {
+._node_1d2zc_123._configurable_1d2zc_169._configuration_1d2zc_159 ._statusIcons_1d2zc_166 {
   right: calc(-1 * var(--spacing-2xs));
   bottom: 0;
 }
-._node_60dg1_123._selected_60dg1_202 {
+._node_1d2zc_123._selected_1d2zc_203 {
   box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
 }
-._node_60dg1_123._success_60dg1_205 {
+._node_1d2zc_123._success_1d2zc_206 {
   border-color: var(--color-canvas-node-success-border-color, var(--color-success));
 }
-._node_60dg1_123._warning_60dg1_208 {
+._node_1d2zc_123._warning_1d2zc_209 {
   border-color: var(--color-warning);
 }
-._node_60dg1_123._error_60dg1_211 {
+._node_1d2zc_123._error_1d2zc_212 {
   border-color: var(--color-canvas-node-error-border-color, var(--color-danger));
 }
-._node_60dg1_123._pinned_60dg1_214 {
+._node_1d2zc_123._pinned_1d2zc_215 {
   border-color: var(--color-canvas-node-pinned-border-color, var(--color-node-pinned-border));
 }
-._node_60dg1_123._disabled_60dg1_217 {
+._node_1d2zc_123._disabled_1d2zc_218 {
   border-color: var(--color-canvas-node-disabled-border-color, var(--color-foreground-base));
 }
-._node_60dg1_123._running_60dg1_220 {
+._node_1d2zc_123._running_1d2zc_221 {
   background-color: var(--color-node-executing-background);
   border-color: var(--color-canvas-node-running-border-color, var(--color-node-running-border));
 }
-._node_60dg1_123._waiting_60dg1_224 {
+._node_1d2zc_123._waiting_1d2zc_225 {
   border-color: var(--color-canvas-node-waiting-border-color, var(--color-secondary));
 }
-._description_60dg1_179 {
+._description_1d2zc_180 {
   top: 100%;
   position: absolute;
   width: 100%;
@@ -1900,8 +1901,8 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   gap: var(--spacing-4xs);
   align-items: center;
 }
-._label_60dg1_189,
-._disabledLabel_60dg1_241 {
+._label_1d2zc_190,
+._disabledLabel_1d2zc_242 {
   font-size: var(--font-size-m);
   text-align: center;
   text-overflow: ellipsis;
@@ -1913,7 +1914,7 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   font-weight: var(--font-weight-medium);
   line-height: var(--font-line-height-compact);
 }
-._subtitle_60dg1_192 {
+._subtitle_1d2zc_193 {
   width: 100%;
   text-align: center;
   color: var(--color-text-light);
@@ -1924,7 +1925,7 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   line-height: var(--font-line-height-compact);
   font-weight: var(--font-weight-regular);
 }
-._statusIcons_60dg1_165 {
+._statusIcons_1d2zc_166 {
   position: absolute;
   bottom: var(--canvas-node--status-icons-offset);
   right: var(--canvas-node--status-icons-offset);
@@ -4315,11 +4316,11 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-.minimap-enter-active[data-v-ff027901],
-.minimap-leave-active[data-v-ff027901] {
+.minimap-enter-active[data-v-f096cf5d],
+.minimap-leave-active[data-v-f096cf5d] {
   transition: opacity 0.3s ease;
 }
-.minimap-enter-from[data-v-ff027901],
-.minimap-leave-to[data-v-ff027901] {
+.minimap-enter-from[data-v-f096cf5d],
+.minimap-leave-to[data-v-f096cf5d] {
   opacity: 0;
 }

package/dist/assets/{useCanvasMapping-C0PMQVwg.js → useCanvasMapping-DJvMRP2s.js}

@@ -1,6 +1,5 @@
-import { d as defineComponent, fk as getCurrentScope, aY as inject, fl as effectScope, I as watch, cG as getCurrentInstance, fm as useSlots, b6 as onUnmounted, i as createElementBlock, g as openBlock, j as createVNode, x as renderSlot, w as withCtx, k as createBaseVNode, m as unref, r as ref, fn as useAttrs, f as createCommentVNode, e as createBlock, b2 as mergeProps, F as Fragment, bA as toRef, fo as Teleport, fp as createPropsRestProxy, q as computed, o as onMounted, n as normalizeClass, bD as reactive, fq as onScopeDispose, aA as onBeforeMount, D as renderList, B as normalizeStyle, z as nextTick, y as onBeforeUnmount, fr as isMemoSame, t as toDisplayString, b1 as resolveDynamicComponent, l as createTextVNode, aZ as isRef, a_ as toRefs$1, fs as customRef, bb as provide, h as resolveComponent, ar as h, ft as toValue$1, fu as markRaw, fv as readonly, _ as _export_sfc$1, c as useI18n, bC as KeyboardShortcutTooltip, be as NodeConnectionTypes, fw as CanvasKey, $ as useCssModule, L as useUIStore, bu as useNodeTypesStore, T as useWorkflowsStore, a2 as useSourceControlStore, a8 as getResourcePermissions, f8 as isPresent, fx as getMousePosition$1, az as STICKY_NODE_TYPE, fy as NOT_DUPLICATABLE_NODE_TYPES, fz as isExecutable, fA as N8nActionDropdown, ce as getDefaultExportFromCjs, fg as NODE_SIZE, bJ as CanvasNodeRenderType, fh as GRID_SIZE, fB as useThrottleFn, fC as useActiveElement, fD as useDeviceSupport, fE as useEventListener$1, fF as onKeyDown, fG as onKeyUp, ba as watchEffect, a$ as normalizeProps, aV as createSlots, bV as isValidNodeConnectionType, bW as CanvasConnectionMode, fH as refThrottled, fI as CanvasNodeKey, fJ as mergeModels, fK as useModel, bv as useNodeHelpers, fL as TitledList, aR as N8nTooltip, dC as CanvasNodeDirtiness, J as withModifiers, ai as nodeViewEventBus, bZ as NODE_CREATOR_OPEN_SOURCES, fM as CanvasNodeHandleKey, aB as withDirectives, aC as vShow, fN as Transition$2, b as useRouter, bt as CHAT_TRIGGER_NODE_TYPE, cN as _sfc_main$z, C as createEventBus, fO as isEqual, bQ as Suspense, b0 as guardReactiveProps, f5 as CUSTOM_API_CALL_KEY, bq as getNodeInputs, bs as getNodeOutputs, ds as getTriggerNodeServiceName, cb as sanitizeHtml, fP as nodeIssuesToString, fQ as WAIT_NODE_TYPE, ef as SEND_AND_WAIT_OPERATION, fR as FORM_NODE_TYPE, fS as WAIT_INDEFINITELY } from "./index-DZljH0cm.js";
-import { p as parseCanvasConnectionHandleString, u as usePinnedData, a as useNodeCreatorStore, b as useCanvasOperations, i as insertSpacersBetweenEndpoints, c as createCanvasConnectionHandleString, m as mapLegacyEndpointsToCanvasConnectionPort, e as checkOverlap, f as mapLegacyConnectionsToCanvasConnections } from "./useCanvasOperations-2Ca5hPmu.js";
-import { u as useRunWorkflow, a as useNodeDirtiness } from "./useRunWorkflow-sGIs6NeH.js";
+import { d as defineComponent, fa as getCurrentScope, aZ as inject, fb as effectScope, I as watch, cN as getCurrentInstance, fc as useSlots, b7 as onUnmounted, i as createElementBlock, g as openBlock, j as createVNode, x as renderSlot, w as withCtx, k as createBaseVNode, m as unref, r as ref, fd as useAttrs, f as createCommentVNode, e as createBlock, b3 as mergeProps, F as Fragment, bI as toRef, fe as Teleport, ff as createPropsRestProxy, q as computed, o as onMounted, n as normalizeClass, bL as reactive, fg as onScopeDispose, aB as onBeforeMount, D as renderList, B as normalizeStyle, z as nextTick, y as onBeforeUnmount, fh as isMemoSame, t as toDisplayString, b2 as resolveDynamicComponent, l as createTextVNode, a_ as isRef, a$ as toRefs$1, fi as customRef, bd as provide, h as resolveComponent, as as h, fj as toValue$1, fk as markRaw, fl as readonly, _ as _export_sfc$1, c as useI18n, bK as KeyboardShortcutTooltip, bu as NodeConnectionTypes, fm as CanvasKey, a0 as useCssModule, L as useUIStore, bw as useNodeTypesStore, U as useWorkflowsStore, a3 as useSourceControlStore, a9 as getResourcePermissions, eX as isPresent, fn as getMousePosition$1, aA as STICKY_NODE_TYPE, bi as usePinnedData, fo as NOT_DUPLICATABLE_NODE_TYPES, fp as isExecutable, fq as N8nActionDropdown, cl as getDefaultExportFromCjs, f6 as NODE_SIZE, bR as CanvasNodeRenderType, f7 as GRID_SIZE, fr as useThrottleFn, fs as useActiveElement, ft as useDeviceSupport, fu as useEventListener$1, fv as onKeyDown, fw as onKeyUp, bc as watchEffect, b0 as normalizeProps, aW as createSlots, c1 as isValidNodeConnectionType, c2 as CanvasConnectionMode, fx as refThrottled, fy as CanvasNodeKey, fz as mergeModels, fA as useModel, bx as useNodeHelpers, fB as TitledList, aS as N8nTooltip, fC as CanvasNodeDirtiness, bC as _sfc_main$z, J as withModifiers, aj as nodeViewEventBus, c5 as NODE_CREATOR_OPEN_SOURCES, fD as CanvasNodeHandleKey, aC as withDirectives, aD as vShow, fE as Transition$2, b as useRouter, by as useRunWorkflow, bz as LOGS_PANEL_STATE, bv as CHAT_TRIGGER_NODE_TYPE, C as createEventBus, fF as isEqual, bY as Suspense, b1 as guardReactiveProps, fG as useNodeDirtiness, eS as CUSTOM_API_CALL_KEY, br as getNodeInputs, bt as getNodeOutputs, dx as getTriggerNodeServiceName, ci as sanitizeHtml, fH as nodeIssuesToString, fI as WAIT_NODE_TYPE, d$ as SEND_AND_WAIT_OPERATION, fJ as FORM_NODE_TYPE, fK as WAIT_INDEFINITELY, fL as SIMULATE_NODE_TYPE, fM as SIMULATE_TRIGGER_NODE_TYPE, fN as getNodeIconSource } from "./index-DD7Wuhk5.js";
+import { p as parseCanvasConnectionHandleString, a as useNodeCreatorStore, b as useCanvasOperations, i as insertSpacersBetweenEndpoints, c as createCanvasConnectionHandleString, m as mapLegacyEndpointsToCanvasConnectionPort, e as checkOverlap, f as mapLegacyConnectionsToCanvasConnections } from "./useCanvasOperations-DCaSrD1N.js";
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -9925,7 +9924,7 @@ const style0$o = {
 const cssModules$o = {
   "$style": style0$o
 };
-const __unplugin_components_1$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$o]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$o]]);
 const EDGE_PADDING_BOTTOM = 130;
 const EDGE_PADDING_X = 40;
 const EDGE_BORDER_RADIUS = 16;
@@ -17974,7 +17973,7 @@ const style0$h = {
 const cssModules$h = {
   "$style": style0$h
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__cssModules", cssModules$h]]);
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__cssModules", cssModules$h]]);
 const _hoisted_1$4 = { key: 1 };
 const _hoisted_2$1 = ["textContent"];
 const _hoisted_3$1 = { key: 3 };
@@ -18121,7 +18120,7 @@ const style0$g = {
 const cssModules$g = {
   "$style": style0$g
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$g]]);
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$g]]);
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTooltip",
   props: {
@@ -18297,6 +18296,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       const isSingleMainOutputNode = mainOutputs.value.length === 1 && mainOutputConnections.value.length <= 1;
       return isDisabled.value && isSingleMainInputNode && isSingleMainOutputNode;
     });
+    const iconSize = computed(() => renderOptions.value.configuration ? 30 : 40);
+    const iconSource = computed(() => renderOptions.value.icon);
     const showTooltip = ref(false);
     watch(initialized, () => {
       if (initialized.value) {
@@ -18317,8 +18318,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_CanvasNodeTooltip = __unplugin_components_0$3;
-      const _component_CanvasNodeStatusIcons = __unplugin_components_1;
-      const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_2;
+      const _component_NodeIcon = _sfc_main$z;
+      const _component_CanvasNodeStatusIcons = __unplugin_components_2;
+      const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_3;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(classes.value),
         style: normalizeStyle(styles.value),
@@ -18330,7 +18332,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           key: 0,
           visible: showTooltip.value
         }, null, 8, ["visible"])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default"),
+        createVNode(_component_NodeIcon, {
+          "icon-source": iconSource.value,
+          size: iconSize.value,
+          shrink: false,
+          disabled: unref(isDisabled)
+        }, null, 8, ["icon-source", "size", "disabled"]),
         !unref(isDisabled) ? (openBlock(), createBlock(_component_CanvasNodeStatusIcons, {
           key: 1,
           class: normalizeClass(unref($style).statusIcons)
@@ -18356,23 +18363,23 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const node = "_node_60dg1_123";
-const trigger$1 = "_trigger_60dg1_155";
-const configuration = "_configuration_60dg1_158";
-const statusIcons = "_statusIcons_60dg1_165";
-const configurable = "_configurable_60dg1_168";
-const description = "_description_60dg1_179";
-const label$5 = "_label_60dg1_189";
-const subtitle = "_subtitle_60dg1_192";
-const selected$1 = "_selected_60dg1_202";
-const success$1 = "_success_60dg1_205";
-const warning = "_warning_60dg1_208";
-const error = "_error_60dg1_211";
-const pinned = "_pinned_60dg1_214";
-const disabled = "_disabled_60dg1_217";
-const running = "_running_60dg1_220";
-const waiting = "_waiting_60dg1_224";
-const disabledLabel = "_disabledLabel_60dg1_241";
+const node = "_node_1d2zc_123";
+const trigger$1 = "_trigger_1d2zc_156";
+const configuration = "_configuration_1d2zc_159";
+const statusIcons = "_statusIcons_1d2zc_166";
+const configurable = "_configurable_1d2zc_169";
+const description = "_description_1d2zc_180";
+const label$5 = "_label_1d2zc_190";
+const subtitle = "_subtitle_1d2zc_193";
+const selected$1 = "_selected_1d2zc_203";
+const success$1 = "_success_1d2zc_206";
+const warning = "_warning_1d2zc_209";
+const error = "_error_1d2zc_212";
+const pinned = "_pinned_1d2zc_215";
+const disabled = "_disabled_1d2zc_218";
+const running = "_running_1d2zc_221";
+const waiting = "_waiting_1d2zc_225";
+const disabledLabel = "_disabledLabel_1d2zc_242";
 const style0$e = {
   node,
   trigger: trigger$1,
@@ -19964,7 +19971,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeRenderer",
   setup(__props) {
     const node2 = inject(CanvasNodeKey);
-    const slots = useSlots();
     const Render = () => {
       const renderType2 = node2?.data.value.render.type ?? CanvasNodeRenderType.Default;
       let Component;
@@ -19978,13 +19984,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         default:
           Component = CanvasNodeDefault;
       }
-      return h(
-        Component,
-        {
-          "data-canvas-node-render-type": renderType2
-        },
-        slots.default
-      );
+      return h(Component, {
+        "data-canvas-node-render-type": renderType2
+      });
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Render);
@@ -20627,7 +20629,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const uiStore = useUIStore();
     const { runEntireWorkflow } = useRunWorkflow({ router });
     const { toggleChatOpen } = useCanvasOperations({ router });
-    const isChatOpen = computed(() => workflowsStore.chatPanelState !== "closed");
+    const isChatOpen = computed(() => workflowsStore.logsPanelState !== LOGS_PANEL_STATE.CLOSED);
     const isExecuting = computed(() => uiStore.isActionActive.workflowRunning);
     const testId = computed(() => `execute-workflow-button-${__props.name}`);
     return (_ctx, _cache) => {
@@ -20721,7 +20723,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const style = useCssModule();
     const props = __props;
-    const nodeTypesStore = useNodeTypesStore();
     const contextMenu2 = useContextMenu();
     const { connectingHandle } = useCanvas();
     const nodeClasses = ref([]);
@@ -20741,9 +20742,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       connections
     });
     const isDisabled = computed(() => props.data.disabled);
-    const nodeTypeDescription = computed(() => {
-      return nodeTypesStore.getNodeType(props.data.type, props.data.typeVersion);
-    });
     const classes = computed(() => ({
       [style.canvasNode]: true,
       [style.showToolbar]: showToolbar2.value,
@@ -20776,9 +20774,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ...nonMainOutputs.value.map(nonMainOutputsMappingFn)
       ].filter((endpoint) => !!endpoint);
     });
-    const nodeIconSize = computed(
-      () => "configuration" in data.value.render.options && data.value.render.options.configuration ? 30 : 40
-    );
     const createEndpointMappingFn = ({
       mode,
       position: position2,
@@ -20872,6 +20867,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       readOnly,
       eventBus: canvasNodeEventBus
     });
+    const hasToolbar = computed(() => props.data.type !== CanvasNodeRenderType.AddNodes);
     const showToolbar2 = computed(() => {
       const target2 = contextMenu2.target.value;
       return contextMenu2.isOpen && target2?.source === "node-button" && target2.nodeId === id2.value;
@@ -20942,7 +20938,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           inputs: unref(mainInputs),
           outputs: unref(mainOutputs),
           data: data.value
-        }) : nodeTypeDescription.value ? (openBlock(), createBlock(CanvasNodeToolbar, {
+        }) : hasToolbar.value ? (openBlock(), createBlock(CanvasNodeToolbar, {
           key: 1,
           "data-test-id": "canvas-node-toolbar",
           "read-only": readOnly.value,
@@ -20959,16 +20955,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           onMove,
           onUpdate,
           "onOpen:contextmenu": onOpenContextMenuFromNode
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$z, {
-              "node-type": nodeTypeDescription.value,
-              size: nodeIconSize.value,
-              shrink: false,
-              disabled: isDisabled.value
-            }, null, 8, ["node-type", "size", "disabled"])
-          ]),
-          _: 1
         }),
         props.data.render.type === unref(CanvasNodeRenderType).Default && props.data.render.options.trigger ? (openBlock(), createBlock(CanvasNodeTrigger, {
           key: 2,
@@ -21037,6 +21023,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onNodesInitialized,
       findNode,
       viewport,
+      nodesSelectionActive,
       onEdgeMouseLeave,
       onEdgeMouseEnter,
       onEdgeMouseMove,
@@ -21203,6 +21190,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onSelectionDragStop(event) {
       onUpdateNodesPosition(event.nodes.map(({ id: id2, position: position2 }) => ({ id: id2, position: position2 })));
     }
+    function onSelectionEnd() {
+      if (selectedNodes.value.length === 1) {
+        nodesSelectionActive.value = false;
+      }
+    }
     function onSetNodeActivated(id2) {
       props.eventBus.emit("nodes:action", { ids: [id2], action: "update:node:activated" });
       emit("update:node:activated", id2);
@@ -21488,7 +21480,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_CanvasConnectionLine = __unplugin_components_0$5;
-      const _component_CanvasControlButtons = __unplugin_components_1$1;
+      const _component_CanvasControlButtons = __unplugin_components_1;
       return openBlock(), createBlock(unref(_sfc_main$1$4), {
         id: _ctx.id,
         nodes: _ctx.nodes,
@@ -21518,6 +21510,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onNodeDragStop,
         onNodeClick,
         onSelectionDragStop,
+        onSelectionEnd,
         onSelectionContextMenu: onOpenSelectionContextMenu,
         onDragover: onDragOver,
         onDrop
@@ -21626,7 +21619,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-ff027901"]]);
+const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-f096cf5d"]]);
 function useCanvasMapping({
   nodes,
   connections,
@@ -21655,6 +21648,10 @@ function useCanvasMapping({
     };
   }
   function createDefaultNodeRenderType(node2) {
+    const nodeType = nodeTypeDescriptionByNodeId.value[node2.id];
+    const icon = getNodeIconSource(
+      simulatedNodeTypeDescriptionByNodeId.value[node2.id] ? simulatedNodeTypeDescriptionByNodeId.value[node2.id] : nodeType
+    );
     return {
       type: CanvasNodeRenderType.Default,
       options: {
@@ -21668,7 +21665,8 @@ function useCanvasMapping({
           labelSize: nodeOutputLabelSizeById.value[node2.id]
         },
         tooltip: nodeTooltipById.value[node2.id],
-        dirtiness: dirtinessByName.value[node2.name]
+        dirtiness: dirtinessByName.value[node2.name],
+        icon
       }
     };
   }
@@ -21977,6 +21975,23 @@ function useCanvasMapping({
       {}
     );
   });
+  const simulatedNodeTypeDescriptionByNodeId = computed(() => {
+    return nodes.value.reduce((acc, node2) => {
+      if ([SIMULATE_NODE_TYPE, SIMULATE_TRIGGER_NODE_TYPE].includes(node2.type)) {
+        const icon = node2.parameters?.icon;
+        const iconValue = workflowObject.value.expression.getSimpleParameterValue(
+          node2,
+          icon,
+          "internal",
+          {}
+        );
+        if (iconValue && typeof iconValue === "string") {
+          acc[node2.id] = nodeTypesStore.getNodeType(iconValue);
+        }
+      }
+      return acc;
+    }, {});
+  });
   const mappedNodes = computed(() => [
     ...nodes.value.map((node2) => {
       const inputConnections = workflowObject.value.connectionsByDestinationNode[node2.name] ?? {};