n8n-editor-ui 1.72.1 → 1.73.0

package/dist/assets/{MainSidebar-B_Q71vG8.css → MainSidebar-BQss-EVY.css}

@@ -86,38 +86,63 @@
 }
 ._becomeCreatorButton_92ffs_35 {
   margin: var(--spacing-s);
-}._projects_6p5d2_1 {
+}._projects_1etb9_1 {
   display: grid;
   grid-auto-rows: auto;
   width: 100%;
   overflow: hidden;
   align-items: start;
 }
-._projectItems_6p5d2_9 {
+._projects_1etb9_1:hover ._plusBtn_1etb9_8 {
+  display: block;
+}
+._projectItems_1etb9_12 {
   height: 100%;
   padding: 0 var(--spacing-xs) var(--spacing-s);
   overflow: auto;
 }
-._upgradeLink_6p5d2_15 {
+._upgradeLink_1etb9_18 {
   color: var(--color-primary);
   cursor: pointer;
 }
-._collapsed_6p5d2_20 {
+._collapsed_1etb9_23 {
   text-transform: uppercase;
 }
-._projectsLabel_6p5d2_24 {
-  margin: 0 var(--spacing-xs) var(--spacing-s);
+._projectsLabel_1etb9_27 {
+  display: flex;
+  justify-content: space-between;
+  margin: 0 0 var(--spacing-s) var(--spacing-xs);
   padding: 0 var(--spacing-s);
   text-overflow: ellipsis;
   overflow: hidden;
   box-sizing: border-box;
   color: var(--color-text-base);
-}.home[data-v-6cb5f5b7] {
+}
+._projectsLabel_1etb9_27._collapsed_1etb9_23 {
+  padding: 0;
+  margin-left: 0;
+  justify-content: center;
+}
+._plusBtn_1etb9_8 {
+  margin: 0;
+  padding: 0;
+  color: var(--color-text-lighter);
+  display: none;
+}
+._addFirstProjectBtn_1etb9_50 {
+  border: 1px solid var(--color-background-dark);
+  font-size: var(--font-size-xs);
+  padding: var(--spacing-3xs);
+  margin: 0 var(--spacing-m) var(--spacing-m);
+}
+._addFirstProjectBtn_1etb9_50._collapsed_1etb9_23 > span:last-child {
+  display: none;
+}.home[data-v-6e17621d] {
   padding: 0 var(--spacing-xs);
 }
-.home[data-v-6cb5f5b7] .el-menu-item {
+.home[data-v-6e17621d] .el-menu-item {
   padding: var(--spacing-m) var(--spacing-xs) !important;
-}._sideMenu_15e4m_1 {
+}._sideMenu_1adju_1 {
   position: relative;
   height: 100%;
   border-right: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
@@ -126,7 +151,7 @@
   padding-top: 54px;
   background-color: var(--menu-background, var(--color-background-xlight));
 }
-._sideMenu_15e4m_1 ._logo_15e4m_10 {
+._sideMenu_1adju_1 ._logo_1adju_10 {
   position: absolute;
   top: 0;
   left: 0;
@@ -136,23 +161,20 @@
   padding: var(--spacing-xs);
   justify-content: space-between;
 }
-._sideMenu_15e4m_1 ._logo_15e4m_10 img {
+._sideMenu_1adju_1 ._logo_1adju_10 img {
   position: relative;
   left: 1px;
   height: 20px;
 }
-._sideMenu_15e4m_1._sideMenuCollapsed_15e4m_25 {
+._sideMenu_1adju_1._sideMenuCollapsed_1adju_25 {
   width: 65px;
-  padding-top: 90px;
+  padding-top: 100px;
 }
-._sideMenu_15e4m_1._sideMenuCollapsed_15e4m_25 ._logo_15e4m_10 {
+._sideMenu_1adju_1._sideMenuCollapsed_1adju_25 ._logo_1adju_10 {
   flex-direction: column;
-  gap: 16px;
-}
-._sideMenu_15e4m_1._sideMenuCollapsed_15e4m_25 ._logo_15e4m_10 img {
-  left: 0;
+  gap: 12px;
 }
-._sideMenuCollapseButton_15e4m_37 {
+._sideMenuCollapseButton_1adju_34 {
   position: absolute;
   right: -10px;
   top: 50%;
@@ -167,53 +189,53 @@
   border: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
   border-radius: 50%;
 }
-._sideMenuCollapseButton_15e4m_37:hover {
+._sideMenuCollapseButton_1adju_34:hover {
   color: var(--color-primary-shade-1);
 }
-._updates_15e4m_56 {
+._updates_1adju_53 {
   display: flex;
   align-items: center;
   cursor: pointer;
   padding: var(--spacing-2xs) var(--spacing-l);
   margin: var(--spacing-2xs) 0 0;
 }
-._updates_15e4m_56 svg {
+._updates_1adju_53 svg {
   color: var(--color-text-base) !important;
 }
-._updates_15e4m_56 span {
+._updates_1adju_53 span {
   display: none;
 }
-._updates_15e4m_56 span._expanded_15e4m_69 {
+._updates_1adju_53 span._expanded_1adju_66 {
   display: initial;
 }
-._updates_15e4m_56:hover, ._updates_15e4m_56:hover svg {
+._updates_1adju_53:hover, ._updates_1adju_53:hover svg {
   color: var(--color-text-dark) !important;
 }
-._userArea_15e4m_76 {
+._userArea_1adju_73 {
   display: flex;
   padding: var(--spacing-xs);
   align-items: center;
   height: 60px;
   border-top: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
 }
-._userArea_15e4m_76 ._userName_15e4m_83 {
+._userArea_1adju_73 ._userName_1adju_80 {
   display: none;
   overflow: hidden;
   width: 100px;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-._userArea_15e4m_76 ._userName_15e4m_83._expanded_15e4m_69 {
+._userArea_1adju_73 ._userName_1adju_80._expanded_1adju_66 {
   display: initial;
 }
-._userArea_15e4m_76 ._userName_15e4m_83 span {
+._userArea_1adju_73 ._userName_1adju_80 span {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._userArea_15e4m_76 ._userActions_15e4m_97 {
+._userArea_1adju_73 ._userActions_1adju_94 {
   display: none;
 }
-._userArea_15e4m_76 ._userActions_15e4m_97._expanded_15e4m_69 {
+._userArea_1adju_73 ._userActions_1adju_94._expanded_1adju_66 {
   display: initial;
 }
 @media screen and (max-height: 470px) {

package/dist/assets/{NodeCreation-Bycww9rf.js → NodeCreation-CuUKKWoi.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-BrgHuvb2.js","assets/index-fCEqBD8K.js","assets/index-Bo70cRA3.css","assets/NodeViewSwitcher-D5JjSNB2.js","assets/useRunWorkflow-BXE6bWp2.js","assets/useExecutionHelpers-BIxUwlsh.js","assets/useRunWorkflow-BDl-2MsN.css","assets/FileSaver.min-BiLlhrlQ.js","assets/useWorkflowActivate-D8cU5eJ_.js","assets/pushConnection.store-Kmly9nV5.js","assets/useExecutionDebugging-Cuf88DQE.js","assets/useNodeViewVersionSwitcher-Eg-dOWbq.js","assets/useBugReporting-CbgIVUCL.js","assets/NodeViewSwitcher-DngiUgY8.css","assets/NodeCreator-BvqI_pdC.css"])))=>i.map(i=>d[i]);
-import { bk as useNodeTypesStore, eV as NODE_CREATOR_OPEN_SOURCES, q as computed, g as useI18n, bQ as MANUAL_TRIGGER_NODE_TYPE, im as CHAIN_LLM_LANGCHAIN_NODE_TYPE, bd as NodeConnectionType, b3 as CHAT_TRIGGER_NODE_TYPE, io as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, ip as OPEN_AI_NODE_TYPE, eM as SPLIT_IN_BATCHES_NODE_TYPE, dO as NO_OP_NODE_TYPE, T as useWorkflowsStore, aP as useExternalHooks, bR as WEBHOOK_NODE_TYPE, ep as SCHEDULE_TRIGGER_NODE_TYPE, aC as STICKY_NODE_TYPE, $ as useCanvasStore, eb as AI_CATEGORY_LANGUAGE_MODELS, en as TRIGGER_NODE_CREATOR_VIEW, iq as QA_CHAIN_NODE_TYPE, ir as AGENT_NODE_TYPE, is as BASIC_CHAIN_NODE_TYPE, it as OPEN_AI_ASSISTANT_NODE_TYPE, d as defineComponent, K as useUIStore, r as ref, cg as useThrottleFn, o as onMounted, x as onBeforeUnmount, m as resolveComponent, c as openBlock, h as createElementBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, w as withCtx, l as unref, e_ as KeyboardShortcutTooltip, f as createCommentVNode, e as createBlock, cY as Suspense, F as Fragment, d7 as defineAsyncComponent, as as __vitePreload, iu as getMidCanvasPosition, iv as DEFAULT_STICKY_WIDTH, iw as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-fCEqBD8K.js";
-import { u as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./NodeViewSwitcher-D5JjSNB2.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-D7v1eC6a.js","assets/index-DYxqsGB9.js","assets/index-LIwDUX8i.css","assets/NodeViewSwitcher-hKoOeK8j.js","assets/useRunWorkflow-BPsvjsSm.js","assets/useExecutionHelpers-7qmdZ0on.js","assets/useRunWorkflow-BDl-2MsN.css","assets/FileSaver.min-gIFS8BdZ.js","assets/useWorkflowActivate-CIqICdFm.js","assets/pushConnection.store-BVUirLTG.js","assets/useExecutionDebugging-BnF8o4vE.js","assets/useNodeViewVersionSwitcher-tFqgPPim.js","assets/useBugReporting-C3NtP4ZZ.js","assets/NodeViewSwitcher-D0jynVNt.css","assets/NodeCreator-BvqI_pdC.css"])))=>i.map(i=>d[i]);
+import { bk as useNodeTypesStore, ex as NODE_CREATOR_OPEN_SOURCES, q as computed, g as useI18n, bQ as MANUAL_TRIGGER_NODE_TYPE, i1 as CHAIN_LLM_LANGCHAIN_NODE_TYPE, bd as NodeConnectionType, b3 as CHAT_TRIGGER_NODE_TYPE, i2 as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, i3 as OPEN_AI_NODE_TYPE, eo as SPLIT_IN_BATCHES_NODE_TYPE, dq as NO_OP_NODE_TYPE, T as useWorkflowsStore, aP as useExternalHooks, bR as WEBHOOK_NODE_TYPE, e1 as SCHEDULE_TRIGGER_NODE_TYPE, aC as STICKY_NODE_TYPE, $ as useCanvasStore, dP as AI_CATEGORY_LANGUAGE_MODELS, d$ as TRIGGER_NODE_CREATOR_VIEW, i4 as QA_CHAIN_NODE_TYPE, i5 as AGENT_NODE_TYPE, i6 as BASIC_CHAIN_NODE_TYPE, i7 as OPEN_AI_ASSISTANT_NODE_TYPE, d as defineComponent, K as useUIStore, r as ref, cf as useThrottleFn, o as onMounted, x as onBeforeUnmount, m as resolveComponent, c as openBlock, h as createElementBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, w as withCtx, l as unref, eC as KeyboardShortcutTooltip, f as createCommentVNode, e as createBlock, cA as Suspense, F as Fragment, cL as defineAsyncComponent, as as __vitePreload, i8 as getMidCanvasPosition, i9 as DEFAULT_STICKY_WIDTH, ia as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-DYxqsGB9.js";
+import { u as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./NodeViewSwitcher-hKoOeK8j.js";
 const useActions = () => {
   const nodeCreatorStore = useNodeCreatorStore();
   const nodeTypesStore = useNodeTypesStore();
@@ -121,13 +121,8 @@ const useActions = () => {
     ];
     const isCompatibleNode = addedNodes.some((node) => COMPATIBLE_CHAT_NODES.includes(node.type));
     if (!isCompatibleNode) return false;
-    const { allNodes, getNodeTypes } = useWorkflowsStore();
-    const { getByNameAndVersion } = getNodeTypes();
-    const shouldAddChatTrigger = allNodes.every((node) => {
-      const nodeType = getByNameAndVersion(node.type, node.typeVersion);
-      return !nodeType.description.group.includes("trigger") || node.type === MANUAL_TRIGGER_NODE_TYPE;
-    });
-    return shouldAddChatTrigger;
+    const { allNodes } = useWorkflowsStore();
+    return allNodes.filter((x) => x.type !== MANUAL_TRIGGER_NODE_TYPE).length === 0;
   }
   function shouldPrependLLMChain(addedNodes) {
     const canvasHasAINodes = useCanvasStore().aiNodes.length > 0;
@@ -246,7 +241,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-BrgHuvb2.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-D7v1eC6a.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]) : void 0)
     );
     const props = __props;
     const emit = __emit;

package/dist/assets/{NodeCreator-BrgHuvb2.js → NodeCreator-D7v1eC6a.js}

@@ -1,14 +1,14 @@
-import { bn as createCompounder, iK as memoize, e8 as i18n, eO as HTTP_REQUEST_NODE_TYPE, iL as getCredentialOnlyNodeType, dU as CUSTOM_API_CALL_KEY, b6 as AI_SUBCATEGORY, d as defineComponent, e1 as reactive, o as onMounted, x as onBeforeUnmount, aU as toRefs, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, f as createCommentVNode, aP as useExternalHooks, _ as _export_sfc, r as ref, q as computed, e4 as DEFAULT_SUBCATEGORY, iM as CREDENTIAL_ONLY_NODE_PREFIX, bA as isCommunityPackageName, di as resolveDirective, e as createBlock, aO as createSlots, w as withCtx, ay as withDirectives, l as unref, bD as COMMUNITY_NODES_INSTALLATION_DOCS_URL, bz as _sfc_main$h, B as normalizeStyle, I as withModifiers, az as vShow, g as useI18n, fe as DRAG_EVENT_DATA_KEY, fd as getNewNodePosition, ff as NODE_SIZE, ak as useTelemetry, aX as mergeProps, t as toDisplayString, bR as WEBHOOK_NODE_TYPE, s as renderSlot, T as useWorkflowsStore, H as watch, aV as normalizeProps, aW as guardReactiveProps, b0 as onUnmounted, F as Fragment, A as renderList, es as REGULAR_NODE_CREATOR_VIEW, u as useUsersStore, en as TRIGGER_NODE_CREATOR_VIEW, ip as OPEN_AI_NODE_TYPE, io as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, iN as withMemo, dm as createStaticVNode, k as createTextVNode, iO as REQUEST_NODE_FORM_URL, K as useUIStore, Z as useRootStore, iP as getNodeIconUrl, iQ as getNodeIcon, iR as getNodeIconColor, em as AI_NODE_CREATOR_VIEW, e9 as AI_OTHERS_NODE_CREATOR_VIEW, J as useDebounce, dt as Transition, gy as useAssistantStore, bZ as useCredentialsStore, bk as useNodeTypesStore, iS as SlideTransition } from "./index-fCEqBD8K.js";
-import { f as formatTriggerActionName, u as useNodeCreatorStore, a as useViewStacks, c as camelCase, b as useKeyboardNavigation, t as transformNodeType, d as flattenCreateElements, T as TriggerView, R as RegularView, A as AIView, e as AINodesView } from "./NodeViewSwitcher-D5JjSNB2.js";
-import { d as upperFirst, b as useNodeType } from "./useRunWorkflow-BXE6bWp2.js";
-import { u as useActions } from "./NodeCreation-Bycww9rf.js";
-import "./FileSaver.min-BiLlhrlQ.js";
-import "./useExecutionHelpers-BIxUwlsh.js";
-import "./useWorkflowActivate-D8cU5eJ_.js";
-import "./pushConnection.store-Kmly9nV5.js";
-import "./useExecutionDebugging-Cuf88DQE.js";
-import "./useNodeViewVersionSwitcher-Eg-dOWbq.js";
-import "./useBugReporting-CbgIVUCL.js";
+import { bn as createCompounder, il as memoize, dM as i18n, eq as HTTP_REQUEST_NODE_TYPE, im as getCredentialOnlyNodeType, dw as CUSTOM_API_CALL_KEY, b6 as AI_SUBCATEGORY, d as defineComponent, dF as reactive, o as onMounted, x as onBeforeUnmount, aU as toRefs, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, f as createCommentVNode, aP as useExternalHooks, _ as _export_sfc, r as ref, q as computed, dI as DEFAULT_SUBCATEGORY, io as CREDENTIAL_ONLY_NODE_PREFIX, bA as isCommunityPackageName, cW as resolveDirective, e as createBlock, aO as createSlots, w as withCtx, ay as withDirectives, l as unref, bD as COMMUNITY_NODES_INSTALLATION_DOCS_URL, bz as _sfc_main$h, B as normalizeStyle, I as withModifiers, az as vShow, g as useI18n, eS as DRAG_EVENT_DATA_KEY, ak as useTelemetry, aX as mergeProps, t as toDisplayString, bR as WEBHOOK_NODE_TYPE, eR as getNewNodePosition, eW as NODE_SIZE, s as renderSlot, T as useWorkflowsStore, H as watch, aV as normalizeProps, aW as guardReactiveProps, b0 as onUnmounted, F as Fragment, A as renderList, e4 as REGULAR_NODE_CREATOR_VIEW, u as useUsersStore, d$ as TRIGGER_NODE_CREATOR_VIEW, i3 as OPEN_AI_NODE_TYPE, i2 as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, ip as withMemo, c_ as createStaticVNode, k as createTextVNode, iq as REQUEST_NODE_FORM_URL, K as useUIStore, Z as useRootStore, ir as getNodeIconUrl, is as getNodeIcon, it as getNodeIconColor, d_ as AI_NODE_CREATOR_VIEW, dN as AI_OTHERS_NODE_CREATOR_VIEW, J as useDebounce, d4 as Transition, gc as useAssistantStore, bZ as useCredentialsStore, bk as useNodeTypesStore, iu as SlideTransition } from "./index-DYxqsGB9.js";
+import { f as formatTriggerActionName, u as useNodeCreatorStore, a as useViewStacks, c as camelCase, b as useKeyboardNavigation, t as transformNodeType, d as flattenCreateElements, T as TriggerView, R as RegularView, A as AIView, e as AINodesView } from "./NodeViewSwitcher-hKoOeK8j.js";
+import { d as upperFirst, b as useNodeType } from "./useRunWorkflow-BPsvjsSm.js";
+import { u as useActions } from "./NodeCreation-CuUKKWoi.js";
+import "./FileSaver.min-gIFS8BdZ.js";
+import "./useExecutionHelpers-7qmdZ0on.js";
+import "./useWorkflowActivate-CIqICdFm.js";
+import "./pushConnection.store-BVUirLTG.js";
+import "./useExecutionDebugging-BnF8o4vE.js";
+import "./useNodeViewVersionSwitcher-tFqgPPim.js";
+import "./useBugReporting-C3NtP4ZZ.js";
 var startCase = createCompounder(function(result, word, index) {
   return result + (index ? " " : "") + upperFirst(word);
 });
@@ -424,8 +424,6 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return props.nodeType.group.includes("trigger") && !hasActions.value;
     });
     function onDragStart(event) {
-      document.body.addEventListener("dragover", onDragOver);
-      const { pageX: x, pageY: y } = event;
       if (event.dataTransfer) {
         event.dataTransfer.effectAllowed = "copy";
         event.dataTransfer.dropEffect = "copy";
@@ -436,17 +434,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         );
       }
       dragging.value = true;
-      draggablePosition.value = { x, y };
-    }
-    function onDragOver(event) {
-      if (!dragging.value || event.pageX === 0 && event.pageY === 0) {
-        return;
-      }
-      const [x, y] = getNewNodePosition([], [event.pageX - NODE_SIZE / 2, event.pageY - NODE_SIZE / 2]);
-      draggablePosition.value = { x, y };
     }
     function onDragEnd() {
-      document.body.removeEventListener("dragover", onDragOver);
       dragging.value = false;
       setTimeout(() => {
         draggablePosition.value = { x: -100, y: -100 };
@@ -458,9 +447,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_n8n_node_creator_node = resolveComponent("n8n-node-creator-node");
+      const _component_N8nNodeCreatorNode = resolveComponent("N8nNodeCreatorNode");
       const _directive_n8n_html = resolveDirective("n8n-html");
-      return openBlock(), createBlock(_component_n8n_node_creator_node, {
+      return openBlock(), createBlock(_component_N8nNodeCreatorNode, {
         draggable: !showActionArrow.value,
         class: normalizeClass(_ctx.$style.nodeItem),
         description: description.value,
@@ -483,12 +472,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           }, null, 8, ["class", "node-type"])
         ]),
         dragContent: withCtx(() => [
-          createBaseVNode("div", {
+          withDirectives(createBaseVNode("div", {
             ref_key: "draggableDataTransfer",
             ref: draggableDataTransfer2,
-            class: normalizeClass(_ctx.$style.draggableDataTransfer)
-          }, null, 2),
-          withDirectives(createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.draggable),
             style: normalizeStyle(draggableStyle.value)
           }, [

package/dist/assets/{NodeViewSwitcher-DngiUgY8.css → NodeViewSwitcher-D0jynVNt.css}

@@ -280,7 +280,7 @@
 ._descriptionContainer_1pn0y_10 {
   display: flex;
   flex-direction: column;
-}.node-settings[data-v-5f1ca3f8] {
+}.node-settings[data-v-c8df34ba] {
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -288,19 +288,19 @@
   height: 100%;
   width: 100%;
 }
-.node-settings .no-parameters[data-v-5f1ca3f8] {
+.node-settings .no-parameters[data-v-c8df34ba] {
   margin-top: var(--spacing-xs);
 }
-.node-settings .header-side-menu[data-v-5f1ca3f8] {
+.node-settings .header-side-menu[data-v-c8df34ba] {
   padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-s);
   font-size: var(--font-size-l);
   display: flex;
   justify-content: space-between;
 }
-.node-settings .header-side-menu .node-name[data-v-5f1ca3f8] {
+.node-settings .header-side-menu .node-name[data-v-c8df34ba] {
   padding-top: var(--spacing-5xs);
 }
-.node-settings .node-is-not-valid[data-v-5f1ca3f8] {
+.node-settings .node-is-not-valid[data-v-c8df34ba] {
   height: 75%;
   padding: 10px;
   display: flex;
@@ -310,54 +310,54 @@
   text-align: center;
   line-height: var(--font-line-height-regular);
 }
-.node-settings .node-parameters-wrapper[data-v-5f1ca3f8] {
+.node-settings .node-parameters-wrapper[data-v-c8df34ba] {
   overflow-y: auto;
   padding: 0 var(--spacing-m) var(--spacing-l) var(--spacing-m);
   flex-grow: 1;
 }
-.node-settings.dragging[data-v-5f1ca3f8] {
+.node-settings.dragging[data-v-c8df34ba] {
   border-color: var(--color-primary);
   box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
 }
-.parameter-content[data-v-5f1ca3f8] {
+.parameter-content[data-v-c8df34ba] {
   font-size: 0.9em;
   margin-right: -15px;
   margin-left: -15px;
 }
-.parameter-content input[data-v-5f1ca3f8] {
+.parameter-content input[data-v-c8df34ba] {
   width: calc(100% - 35px);
   padding: 5px;
 }
-.parameter-content select[data-v-5f1ca3f8] {
+.parameter-content select[data-v-c8df34ba] {
   width: calc(100% - 20px);
   padding: 5px;
 }
-.parameter-content[data-v-5f1ca3f8]:before {
+.parameter-content[data-v-c8df34ba]:before {
   display: table;
   content: " ";
   position: relative;
   box-sizing: border-box;
   clear: both;
 }
-.parameter-wrapper[data-v-5f1ca3f8] {
+.parameter-wrapper[data-v-c8df34ba] {
   padding: 0 1em;
 }
-.color-reset-button-wrapper[data-v-5f1ca3f8] {
+.color-reset-button-wrapper[data-v-c8df34ba] {
   position: relative;
 }
-.color-reset-button[data-v-5f1ca3f8] {
+.color-reset-button[data-v-c8df34ba] {
   position: absolute;
   right: 7px;
   top: -25px;
 }
-.node-version[data-v-5f1ca3f8] {
+.node-version[data-v-c8df34ba] {
   border-top: var(--border-base);
   font-size: var(--font-size-xs);
   font-size: var(--font-size-2xs);
   padding: var(--spacing-xs) 0 var(--spacing-2xs) 0;
   color: var(--color-text-light);
 }
-.parameter-value input.expression[data-v-5f1ca3f8] {
+.parameter-value input.expression[data-v-c8df34ba] {
   border-style: dashed;
   border-color: #ff9600;
   display: inline-block;
@@ -885,9 +885,9 @@ video {
 }
 ._relatedExecutionInfo_14ti8_304 svg {
   padding-bottom: 2px;
-}.run-data .code-node-editor[data-v-2e356539] {
+}.run-data .code-node-editor[data-v-65b53fb0] {
   height: 100%;
-}[data-v-2e356539] .highlight {
+}[data-v-65b53fb0] .highlight {
   background-color: #f7dc55;
   color: black;
   border-radius: var(--border-radius-base);
@@ -1948,7 +1948,7 @@ video {
   line-height: var(--font-line-height-xloose);
   color: var(--color-text-dark);
   margin-top: var(--spacing-2xs);
-}.node-view-root[data-v-3cf5e38b] {
+}.node-view-root[data-v-8dc919bb] {
   position: relative;
   flex: 1;
   overflow: hidden;
@@ -1957,34 +1957,34 @@ video {
   height: 100%;
   position: relative;
 }
-.node-view-wrapper[data-v-3cf5e38b] {
+.node-view-wrapper[data-v-8dc919bb] {
   position: fixed;
 }
-.node-view[data-v-3cf5e38b] {
+.node-view[data-v-8dc919bb] {
   position: relative;
   width: 100%;
   height: 100%;
   transform-origin: 0 0;
   z-index: -1;
 }
-.node-view-background[data-v-3cf5e38b] {
+.node-view-background[data-v-8dc919bb] {
   background-color: var(--color-canvas-background);
   position: absolute;
   width: 100vw;
   height: 100vh;
   z-index: -2;
 }
-.move-active[data-v-3cf5e38b] {
+.move-active[data-v-8dc919bb] {
   cursor: grab;
   cursor: -webkit-grab;
   touch-action: none;
 }
-.move-in-process[data-v-3cf5e38b] {
+.move-in-process[data-v-8dc919bb] {
   cursor: grabbing;
   cursor: -webkit-grabbing;
   touch-action: none;
 }
-.workflow-execute-wrapper[data-v-3cf5e38b] {
+.workflow-execute-wrapper[data-v-8dc919bb] {
   position: absolute;
   display: flex;
   justify-content: center;
@@ -1995,23 +1995,23 @@ video {
   width: auto;
 }
 @media (max-width: 600px) {
-.workflow-execute-wrapper[data-v-3cf5e38b] {
+.workflow-execute-wrapper[data-v-8dc919bb] {
     bottom: 150px;
 }
 }
-.workflow-execute-wrapper button[data-v-3cf5e38b] {
+.workflow-execute-wrapper button[data-v-8dc919bb] {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-left: 0.625rem;
 }
-.workflow-execute-wrapper button[data-v-3cf5e38b]:first-child {
+.workflow-execute-wrapper button[data-v-8dc919bb]:first-child {
   margin: 0;
 }
 
 /* Makes sure that when selected with mouse it does not select text */
-.do-not-select[data-v-3cf5e38b] *,
-.jtk-drag-select[data-v-3cf5e38b] * {
+.do-not-select[data-v-8dc919bb] *,
+.jtk-drag-select[data-v-8dc919bb] * {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   user-select: none;
@@ -2449,38 +2449,44 @@ video {
   position: absolute;
   left: var(--spacing-l);
   top: var(--spacing-l);
-}[data-v-3cf5e38b] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
+}[data-v-8dc919bb] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-success-light);
 }
-[data-v-3cf5e38b] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-8dc919bb] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-success-light);
 }
-[data-v-3cf5e38b] .node-view .connection-run-items-label.success {
+[data-v-8dc919bb] .node-view .connection-run-items-label.success {
   color: var(--color-success);
 }
-[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
+[data-v-8dc919bb] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-foreground-xdark);
 }
-[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-8dc919bb] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-foreground-xdark);
 }
-[data-v-3cf5e38b] .node-view .connection-run-items-label.success.pinned {
+[data-v-8dc919bb] .node-view .connection-run-items-label.success.pinned {
   color: var(--color-foreground-xdark);
 }
-[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path:not(.jtk-connector-outline) {
+[data-v-8dc919bb] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-secondary);
 }
-[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-8dc919bb] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-secondary);
 }
-[data-v-3cf5e38b] .node-view .connection-run-items-label.success.pinned.has-run {
+[data-v-8dc919bb] .node-view .connection-run-items-label.success.pinned.has-run {
   color: var(--color-secondary);
 }.vue-flow__controls {
   display: flex;
   gap: var(--spacing-xs);
   box-shadow: none;
-}._edge_ujtc6_1 {
-  transition: stroke 0.3s ease;
+}._edge_fur24_1 {
+  transition-property: stroke, opacity;
+  transition-duration: 300ms;
+  transition-timing-function: ease;
+  opacity: 0;
+}
+._edge_fur24_1._visible_fur24_7 {
+  opacity: 1;
 }._popover_11z2c_1 {
   min-width: 208px;
   margin-bottom: -8px;
@@ -2539,21 +2545,24 @@ video {
 }
 ._option_11z2c_51:hover {
   color: var(--color-primary);
-}._canvasNodeToolbar_166py_1 {
+}._canvasNodeToolbar_u6y4v_1 {
   padding-bottom: var(--spacing-xs);
   display: flex;
   justify-content: flex-end;
   width: 100%;
 }
-._canvasNodeToolbarItems_166py_8 {
+._canvasNodeToolbarItems_u6y4v_8 {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--color-canvas-background);
   border-radius: var(--border-radius-base);
 }
-._canvasNodeToolbarItems_166py_8 .button {
+._canvasNodeToolbarItems_u6y4v_8 .button {
   --button-font-color: var(--color-text-light);
+}
+._forceVisible_u6y4v_19 {
+  opacity: 1 !important;
 }._disabledStrikeThrough_8cj0z_1 {
   border: 1px solid var(--color-foreground-dark);
   position: absolute;
@@ -3034,29 +3043,32 @@ video {
   font-size: var(--font-size-xs);
   background-color: hsla(var(--color-canvas-background-h), var(--color-canvas-background-s), var(--color-canvas-background-l), 0.85);
 }
-path[data-v-e3a82e55] {
+path[data-v-161512f5] {
 	stroke: var(--color-canvas-read-only-line);
 }
-._canvas_1sz6z_1 {
+._canvas_1d3ig_1 {
+  width: 100%;
+  height: 100%;
   opacity: 0;
+  transition: opacity 300ms ease;
 }
-._canvas_1sz6z_1._ready_1sz6z_4 {
+._canvas_1d3ig_1._ready_1d3ig_7 {
   opacity: 1;
 }
-._canvas_1sz6z_1 .vue-flow__pane {
+._canvas_1d3ig_1 .vue-flow__pane {
   cursor: grab;
 }
-._canvas_1sz6z_1 .vue-flow__pane.selection {
+._canvas_1d3ig_1 .vue-flow__pane.selection {
   cursor: default;
 }
-._canvas_1sz6z_1 .vue-flow__pane.dragging {
+._canvas_1d3ig_1 .vue-flow__pane.dragging {
   cursor: grabbing;
-}.minimap-enter-active[data-v-14978174],
-.minimap-leave-active[data-v-14978174] {
+}.minimap-enter-active[data-v-4789eb0f],
+.minimap-leave-active[data-v-4789eb0f] {
   transition: opacity 0.3s ease;
 }
-.minimap-enter-from[data-v-14978174],
-.minimap-leave-to[data-v-14978174] {
+.minimap-enter-from[data-v-4789eb0f],
+.minimap-leave-to[data-v-4789eb0f] {
   opacity: 0;
 }._wrapper_t1ugk_1 {
   display: block;