n8n-editor-ui 1.51.0 → 1.52.0

package/dist/assets/{NodeViewSwitcher-IiB9O97Y.css → NodeViewSwitcher-EuXLw4qj.css}

@@ -1,146 +1,9 @@
-._container_9bi3m_1 {
-  font-weight: var(--font-weight-bold);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: var(--font-size-m);
-  line-height: var(--font-line-height-compact);
-  overflow-wrap: anywhere;
-  padding-right: var(--spacing-s);
-  overflow: hidden;
-}
-._title_9bi3m_11 {
-  max-height: 100px;
-  display: -webkit-box;
-  -webkit-line-clamp: 5;
-  -webkit-box-orient: vertical;
-  color: var(--color-text-dark);
-}
-._hoverable_9bi3m_19:hover {
-  cursor: pointer;
-}
-._hoverable_9bi3m_19:hover ._editIcon_9bi3m_22 {
-  display: inline-block;
-}
-._iconWrapper_9bi3m_26 {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  margin-right: var(--spacing-2xs);
-}
-._editIcon_9bi3m_22 {
-  display: none;
-  font-size: var(--font-size-xs);
-  color: var(--color-text-base);
-  position: absolute;
-  bottom: 0;
-}
-._editIconContainer_9bi3m_39 {
-  display: inline-block;
-  position: relative;
-  width: 0;
-}
-._editButtons_9bi3m_45 {
-  text-align: right;
-  margin-top: var(--spacing-s);
-}
-._editButtons_9bi3m_45 > * {
-  margin-left: var(--spacing-4xs);
-}
-._editContainer_9bi3m_53 {
-  text-align: left;
-}
-._editContainer_9bi3m_53 > *:first-child {
-  margin-bottom: var(--spacing-4xs);
-}#communityNode > div {
-  cursor: auto;
-  padding-right: 0;
-  padding-left: 0;
-}
-#communityNode > div:hover {
-  color: unset;
-}.webhooks[data-v-36c5dbc7] {
-  padding-bottom: var(--spacing-xs);
-  margin: var(--spacing-xs) 0;
-  border-bottom: 1px solid var(--color-text-lighter);
-}
-.webhooks .headline[data-v-36c5dbc7] {
-  color: var(--color-primary);
-  font-weight: 600;
-  font-size: var(--font-size-2xs);
-}
-.http-field[data-v-36c5dbc7] {
-  position: absolute;
-  width: 50px;
-  display: inline-block;
-  top: calc(50% - 8px);
-}
-.http-method[data-v-36c5dbc7] {
-  background-color: var(--color-foreground-xdark);
-  width: 40px;
-  height: 16px;
-  line-height: 16px;
-  margin-left: 5px;
-  text-align: center;
-  border-radius: 2px;
-  font-size: var(--font-size-2xs);
-  font-weight: var(--font-weight-bold);
-  color: var(--color-foreground-xlight);
-}
-.minimize-icon[data-v-36c5dbc7] {
-  font-size: 1.3em;
-  margin-right: 0.5em;
-}
-.mode-selection-headline[data-v-36c5dbc7] {
-  line-height: 1.8em;
-}
-.node-webhooks[data-v-36c5dbc7] {
-  margin-left: 1em;
-}
-.url-field[data-v-36c5dbc7] {
-  display: inline-block;
-  width: calc(100% - 60px);
-  margin-left: 55px;
-}
-.url-field-full-width[data-v-36c5dbc7] {
-  display: inline-block;
-  margin: 5px 10px;
-}
-.url-selection[data-v-36c5dbc7] {
-  margin-top: var(--spacing-xs);
-}
-.minimize-button[data-v-36c5dbc7] {
-  display: inline-block;
-  -webkit-transition-duration: 0.5s;
-  transition-duration: 0.5s;
-  -webkit-transition-property: -webkit-transform;
-  transition-property: -webkit-transform;
-  transition-property: transform;
-  transition-property: transform, -webkit-transform;
-}
-.expanded .minimize-button[data-v-36c5dbc7] {
-  -webkit-transform: rotate(90deg);
-  transform: rotate(90deg);
-}
-.webhook-url[data-v-36c5dbc7] {
-  position: relative;
-  top: 0;
-  width: 100%;
-  font-size: var(--font-size-2xs);
-  white-space: normal;
-  overflow: visible;
-  text-overflow: initial;
-  color: var(--color-text-dark);
-  text-align: left;
-  direction: ltr;
-  word-break: break-all;
+._contextMenu_1t4kq_1 {
+  position: fixed;
 }
-.webhook-wrapper[data-v-36c5dbc7] {
-  line-height: 1.5;
-  position: relative;
-  margin-top: var(--spacing-xs);
-  background-color: var(--color-foreground-xlight);
-  border-radius: 3px;
+._activator_1t4kq_5 {
+  pointer-events: none;
+  opacity: 0;
 }@-webkit-keyframes _horizontal-shake_tfxh3_1 {
 0% {
     -webkit-transform: translateX(0);
@@ -338,6 +201,149 @@
 ._connectedNodesWrapperExpanded_tfxh3_81 ._nodeWrapper_tfxh3_125 {
   -webkit-transform: translateX(0);
           transform: translateX(0);
+}.webhooks[data-v-36c5dbc7] {
+  padding-bottom: var(--spacing-xs);
+  margin: var(--spacing-xs) 0;
+  border-bottom: 1px solid var(--color-text-lighter);
+}
+.webhooks .headline[data-v-36c5dbc7] {
+  color: var(--color-primary);
+  font-weight: 600;
+  font-size: var(--font-size-2xs);
+}
+.http-field[data-v-36c5dbc7] {
+  position: absolute;
+  width: 50px;
+  display: inline-block;
+  top: calc(50% - 8px);
+}
+.http-method[data-v-36c5dbc7] {
+  background-color: var(--color-foreground-xdark);
+  width: 40px;
+  height: 16px;
+  line-height: 16px;
+  margin-left: 5px;
+  text-align: center;
+  border-radius: 2px;
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-foreground-xlight);
+}
+.minimize-icon[data-v-36c5dbc7] {
+  font-size: 1.3em;
+  margin-right: 0.5em;
+}
+.mode-selection-headline[data-v-36c5dbc7] {
+  line-height: 1.8em;
+}
+.node-webhooks[data-v-36c5dbc7] {
+  margin-left: 1em;
+}
+.url-field[data-v-36c5dbc7] {
+  display: inline-block;
+  width: calc(100% - 60px);
+  margin-left: 55px;
+}
+.url-field-full-width[data-v-36c5dbc7] {
+  display: inline-block;
+  margin: 5px 10px;
+}
+.url-selection[data-v-36c5dbc7] {
+  margin-top: var(--spacing-xs);
+}
+.minimize-button[data-v-36c5dbc7] {
+  display: inline-block;
+  -webkit-transition-duration: 0.5s;
+  transition-duration: 0.5s;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+.expanded .minimize-button[data-v-36c5dbc7] {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+.webhook-url[data-v-36c5dbc7] {
+  position: relative;
+  top: 0;
+  width: 100%;
+  font-size: var(--font-size-2xs);
+  white-space: normal;
+  overflow: visible;
+  text-overflow: initial;
+  color: var(--color-text-dark);
+  text-align: left;
+  direction: ltr;
+  word-break: break-all;
+}
+.webhook-wrapper[data-v-36c5dbc7] {
+  line-height: 1.5;
+  position: relative;
+  margin-top: var(--spacing-xs);
+  background-color: var(--color-foreground-xlight);
+  border-radius: 3px;
+}#communityNode > div {
+  cursor: auto;
+  padding-right: 0;
+  padding-left: 0;
+}
+#communityNode > div:hover {
+  color: unset;
+}._container_9bi3m_1 {
+  font-weight: var(--font-weight-bold);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: var(--font-size-m);
+  line-height: var(--font-line-height-compact);
+  overflow-wrap: anywhere;
+  padding-right: var(--spacing-s);
+  overflow: hidden;
+}
+._title_9bi3m_11 {
+  max-height: 100px;
+  display: -webkit-box;
+  -webkit-line-clamp: 5;
+  -webkit-box-orient: vertical;
+  color: var(--color-text-dark);
+}
+._hoverable_9bi3m_19:hover {
+  cursor: pointer;
+}
+._hoverable_9bi3m_19:hover ._editIcon_9bi3m_22 {
+  display: inline-block;
+}
+._iconWrapper_9bi3m_26 {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  margin-right: var(--spacing-2xs);
+}
+._editIcon_9bi3m_22 {
+  display: none;
+  font-size: var(--font-size-xs);
+  color: var(--color-text-base);
+  position: absolute;
+  bottom: 0;
+}
+._editIconContainer_9bi3m_39 {
+  display: inline-block;
+  position: relative;
+  width: 0;
+}
+._editButtons_9bi3m_45 {
+  text-align: right;
+  margin-top: var(--spacing-s);
+}
+._editButtons_9bi3m_45 > * {
+  margin-left: var(--spacing-4xs);
+}
+._editContainer_9bi3m_53 {
+  text-align: left;
+}
+._editContainer_9bi3m_53 > *:first-child {
+  margin-bottom: var(--spacing-4xs);
 }._header_1pn0y_1 {
   background-color: var(--color-background-base);
 }
@@ -742,41 +748,6 @@
 }
 ._visible_a6j4o_70 {
   visibility: visible;
-}.__html-display {
-  width: 100%;
-  height: 100%;
-}.binary-data {
-  background-color: var(--color-foreground-xlight);
-}
-.binary-data.image {
-  max-height: calc(100% - 1em);
-  max-width: calc(100% - 1em);
-}
-.binary-data.other, .binary-data.pdf {
-  height: calc(100% - 1em);
-  width: calc(100% - 1em);
-}.binary-data-window {
-  position: absolute;
-  top: 50px;
-  left: 0;
-  z-index: 10;
-  width: 100%;
-  height: calc(100% - 50px);
-  background-color: var(--color-run-data-background);
-  overflow: hidden;
-  text-align: center;
-}
-.binary-data-window.json {
-  overflow: auto;
-}
-.binary-data-window .binary-data-window-wrapper {
-  margin-top: 0.5em;
-  padding: 0 1em;
-  height: calc(100% - 50px);
-}
-.binary-data-window .binary-data-window-wrapper .el-row,
-.binary-data-window .binary-data-window-wrapper .el-col {
-  height: 100%;
 }.node-error-view__header {
   max-width: 960px;
   margin: 0 auto var(--spacing-s) auto;
@@ -963,6 +934,41 @@
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
+}.__html-display {
+  width: 100%;
+  height: 100%;
+}.binary-data {
+  background-color: var(--color-foreground-xlight);
+}
+.binary-data.image {
+  max-height: calc(100% - 1em);
+  max-width: calc(100% - 1em);
+}
+.binary-data.other, .binary-data.pdf {
+  height: calc(100% - 1em);
+  width: calc(100% - 1em);
+}.binary-data-window {
+  position: absolute;
+  top: 50px;
+  left: 0;
+  z-index: 10;
+  width: 100%;
+  height: calc(100% - 50px);
+  background-color: var(--color-run-data-background);
+  overflow: hidden;
+  text-align: center;
+}
+.binary-data-window.json {
+  overflow: auto;
+}
+.binary-data-window .binary-data-window-wrapper {
+  margin-top: 0.5em;
+  padding: 0 1em;
+  height: calc(100% - 50px);
+}
+.binary-data-window .binary-data-window-wrapper .el-row,
+.binary-data-window .binary-data-window-wrapper .el-col {
+  height: 100%;
 }._infoIcon_1ozut_1 {
   color: var(--color-foreground-dark);
 }
@@ -1307,9 +1313,9 @@
   margin-bottom: var(--spacing-xs);
   margin-left: var(--spacing-s);
   margin-right: var(--spacing-s);
-}.run-data .code-node-editor[data-v-09e06d98] {
+}.run-data .code-node-editor[data-v-ca23b2be] {
   height: 100%;
-}[data-v-09e06d98] .highlight {
+}[data-v-ca23b2be] .highlight {
   background-color: #f7dc55;
   color: black;
   border-radius: var(--border-radius-base);
@@ -1611,16 +1617,96 @@
 }
 ._featureRequest_16z4c_31 * {
   margin-right: var(--spacing-3xs);
-}._contextMenu_1t4kq_1 {
-  position: fixed;
+}.sticky-wrapper[data-v-23ba8f70] {
+  position: absolute;
 }
-._activator_1t4kq_5 {
+.sticky-wrapper .sticky-default .sticky-box[data-v-23ba8f70] {
+  width: 100%;
+  height: 100%;
+}
+.sticky-wrapper .sticky-default.touch-active .sticky-options[data-v-23ba8f70], .sticky-wrapper .sticky-default:hover .sticky-options[data-v-23ba8f70] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+}
+.sticky-wrapper .sticky-default.is-read-only[data-v-23ba8f70] {
   pointer-events: none;
-  opacity: 0;
-}.context-menu[data-v-45f1741d] {
+}
+.sticky-wrapper .sticky-default .sticky-options[data-v-23ba8f70] {
+  display: none;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  position: absolute;
+  top: -25px;
+  left: -8px;
+  height: 26px;
+  font-size: 0.9em;
+  text-align: left;
+  z-index: 10;
+  color: #aaa;
+  text-align: center;
+}
+.sticky-wrapper .sticky-default .sticky-options .option[data-v-23ba8f70] {
+  width: 28px;
+  display: inline-block;
+}
+.sticky-wrapper .sticky-default .sticky-options .option.touch[data-v-23ba8f70] {
+  display: none;
+}
+.sticky-wrapper .sticky-default .sticky-options .option[data-v-23ba8f70]:hover {
+  color: var(--color-primary);
+}
+.sticky-wrapper .sticky-default .force-show[data-v-23ba8f70] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.sticky-wrapper .sticky-default.is-touch-device .sticky-options[data-v-23ba8f70] {
+  left: -25px;
+  width: 150px;
+}
+.sticky-wrapper .sticky-default.is-touch-device .sticky-options .option.touch[data-v-23ba8f70] {
+  display: initial;
+}
+.select-sticky-background[data-v-23ba8f70] {
+  display: block;
+  position: absolute;
+  background-color: var(--color-canvas-selected);
+  border-radius: var(--border-radius-xlarge);
+  overflow: hidden;
+  height: calc(100% + 16px);
+  width: calc(100% + 16px);
+  left: -8px;
+  top: -8px;
+  z-index: 0;
+}
+.content[data-v-23ba8f70] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  gap: var(--spacing-2xs);
+}
+.color[data-v-23ba8f70] {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border-color: var(--color-primary-shade-1);
+}
+.color[data-v-23ba8f70]:hover {
+  cursor: pointer;
+}.context-menu[data-v-75cfc2b3] {
   position: absolute;
 }
-.node-wrapper[data-v-45f1741d] {
+.node-wrapper[data-v-75cfc2b3] {
   --node-width: 100px;
   /*
   	Set the node height to 100px as a base.
@@ -1637,7 +1723,7 @@
   width: var(--node-width);
   height: var(--node-height);
 }
-.node-wrapper .node-description[data-v-45f1741d] {
+.node-wrapper .node-description[data-v-75cfc2b3] {
   position: absolute;
   top: var(--node-height);
   left: calc(var(--node-width) / 2 * -1);
@@ -1649,7 +1735,7 @@
   min-width: calc(var(--node-width) * 2);
   pointer-events: none;
 }
-.node-wrapper .node-description .node-name > p[data-v-45f1741d] {
+.node-wrapper .node-description .node-name > p[data-v-75cfc2b3] {
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
@@ -1659,7 +1745,7 @@
   font-weight: var(--font-weight-bold);
   line-height: var(--font-line-height-compact);
 }
-.node-wrapper .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper .node-description .node-subtitle[data-v-75cfc2b3] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1667,10 +1753,10 @@
   color: var(--color-text-light);
   font-size: 0.8em;
 }
-.node-wrapper.touch-active .node-options[data-v-45f1741d], .node-wrapper:hover .node-options[data-v-45f1741d], .node-wrapper.menu-open .node-options[data-v-45f1741d] {
+.node-wrapper.touch-active .node-options[data-v-75cfc2b3], .node-wrapper:hover .node-options[data-v-75cfc2b3], .node-wrapper.menu-open .node-options[data-v-75cfc2b3] {
   opacity: 1;
 }
-.node-wrapper .node-options[data-v-45f1741d] {
+.node-wrapper .node-options[data-v-75cfc2b3] {
   cursor: default;
   position: absolute;
   bottom: 100%;
@@ -1693,11 +1779,11 @@
   -webkit-transition: opacity 100ms ease-in;
   transition: opacity 100ms ease-in;
 }
-.node-wrapper .node-options[data-v-45f1741d] .button {
+.node-wrapper .node-options[data-v-75cfc2b3] .button {
   --button-font-color: var(--color-text-light);
   --button-border-radius: 0;
 }
-.node-wrapper .node-options-inner[data-v-45f1741d] {
+.node-wrapper .node-options-inner[data-v-75cfc2b3] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1707,16 +1793,16 @@
   background-color: var(--color-canvas-background);
   border-radius: var(--border-radius-base);
 }
-.node-wrapper .node-default[data-v-45f1741d] {
+.node-wrapper .node-default[data-v-75cfc2b3] {
   position: absolute;
   width: 100%;
   height: 100%;
   cursor: pointer;
 }
-.node-wrapper .node-default.disable-pointer-events[data-v-45f1741d] {
+.node-wrapper .node-default.disable-pointer-events[data-v-75cfc2b3] {
   pointer-events: none;
 }
-.node-wrapper .node-default .node-box[data-v-45f1741d] {
+.node-wrapper .node-default .node-box[data-v-75cfc2b3] {
   width: 100%;
   height: 100%;
   border: 2px solid var(--color-foreground-xdark);
@@ -1724,13 +1810,13 @@
   background-color: var(--color-node-background);
   --color-background-node-icon-badge: var(--color-node-background);
 }
-.node-wrapper .node-default .node-box.executing[data-v-45f1741d] {
+.node-wrapper .node-default .node-box.executing[data-v-75cfc2b3] {
   background-color: var(--color-node-executing-background) !important;
 }
-.node-wrapper .node-default .node-box.executing .node-executing-info[data-v-45f1741d] {
+.node-wrapper .node-default .node-box.executing .node-executing-info[data-v-75cfc2b3] {
   display: inline-block;
 }
-.node-wrapper .node-default .node-executing-info[data-v-45f1741d] {
+.node-wrapper .node-default .node-executing-info[data-v-75cfc2b3] {
   display: none;
   position: absolute;
   left: 0px;
@@ -1743,138 +1829,138 @@
   text-align: center;
   color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7);
 }
-.node-wrapper .node-default .node-icon[data-v-45f1741d] {
+.node-wrapper .node-default .node-icon[data-v-75cfc2b3] {
   position: absolute;
   top: calc(50% - 20px);
   left: calc(50% - 20px);
 }
-.node-wrapper .node-default .node-info-icon[data-v-45f1741d] {
+.node-wrapper .node-default .node-info-icon[data-v-75cfc2b3] {
   position: absolute;
   bottom: 6px;
   right: 6px;
 }
-.node-wrapper .node-default .node-info-icon.shift-icon[data-v-45f1741d] {
+.node-wrapper .node-default .node-info-icon.shift-icon[data-v-75cfc2b3] {
   right: 12px;
 }
-.node-wrapper .node-default .node-info-icon .data-count[data-v-45f1741d] {
+.node-wrapper .node-default .node-info-icon .data-count[data-v-75cfc2b3] {
   font-weight: 600;
   color: var(--color-success);
 }
-.node-wrapper .node-default .node-info-icon .node-issues[data-v-45f1741d] {
+.node-wrapper .node-default .node-info-icon .node-issues[data-v-75cfc2b3] {
   color: var(--color-danger);
 }
-.node-wrapper .node-default .node-info-icon .items-count[data-v-45f1741d] {
+.node-wrapper .node-default .node-info-icon .items-count[data-v-75cfc2b3] {
   font-size: var(--font-size-s);
   padding: 0;
 }
-.node-wrapper .node-default .node-pin-data-icon[data-v-45f1741d] {
+.node-wrapper .node-default .node-pin-data-icon[data-v-75cfc2b3] {
   color: var(--color-secondary);
   margin-right: 2px;
 }
-.node-wrapper .node-default .node-pin-data-icon svg[data-v-45f1741d] {
+.node-wrapper .node-default .node-pin-data-icon svg[data-v-75cfc2b3] {
   height: 0.85rem;
 }
-.node-wrapper .node-default .waiting[data-v-45f1741d] {
+.node-wrapper .node-default .waiting[data-v-75cfc2b3] {
   color: var(--color-secondary);
 }
-.node-wrapper--config[data-v-45f1741d] {
+.node-wrapper--config[data-v-75cfc2b3] {
   --configurable-node-input-width: 55px;
   --node-width: 75px;
   --node-height: 75px;
 }
-.node-wrapper--config .node-default .node-icon[data-v-45f1741d] {
+.node-wrapper--config .node-default .node-icon[data-v-75cfc2b3] {
   scale: 0.75;
 }
-.node-wrapper--config .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config .node-default .node-box[data-v-75cfc2b3] {
   border: 2px solid var(--color-foreground-xdark);
   border-radius: 50px;
 }
-.node-wrapper--config .node-default .node-box.executing[data-v-45f1741d] {
+.node-wrapper--config .node-default .node-box.executing[data-v-75cfc2b3] {
   background-color: var(--color-node-executing-other-background) !important;
 }
-.node-wrapper--config .node-default .node-box .node-executing-info[data-v-45f1741d] {
+.node-wrapper--config .node-default .node-box .node-executing-info[data-v-75cfc2b3] {
   font-size: 2.85em;
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_chain .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_chain .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_chain-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_chain .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_chain .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_chain-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_document .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_document .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_document-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_document .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_document .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_document-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_embedding .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_embedding .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_embedding-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_embedding .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_embedding .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_embedding-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_languageModel .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_languageModel .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_languageModel-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_languageModel .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_languageModel .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_languageModel-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_memory .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_memory .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_memory-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_memory .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_memory .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_memory-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_outputParser .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_outputParser .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_outputParser-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_outputParser .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_outputParser .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_outputParser-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_tool .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_tool .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_tool-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_tool .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_tool .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_tool-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_retriever .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_retriever .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_retriever-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_retriever .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_retriever .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_retriever-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_textSplitter .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_textSplitter .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_textSplitter-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_textSplitter .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_textSplitter .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_textSplitter-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_vectorRetriever .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_vectorRetriever .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_vectorRetriever-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_vectorRetriever .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_vectorRetriever .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_vectorRetriever-color);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_vectorStore .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_vectorStore .node-default .node-box[data-v-75cfc2b3] {
   background: var(--node-type-ai_vectorStore-background);
 }
-.node-wrapper--config.node-wrapper--connection-type-ai_vectorStore .node-description .node-subtitle[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--connection-type-ai_vectorStore .node-description .node-subtitle[data-v-75cfc2b3] {
   color: var(--node-type-ai_vectorStore-color);
 }
-.node-wrapper--config .node-info-icon[data-v-45f1741d] {
+.node-wrapper--config .node-info-icon[data-v-75cfc2b3] {
   bottom: 4px !important;
   right: 50% !important;
   -webkit-transform: translateX(50%) scale(0.75);
           transform: translateX(50%) scale(0.75);
 }
-.node-wrapper--config.node-wrapper--configurable[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--configurable[data-v-75cfc2b3] {
   --configurable-node-icon-offset: 20px;
 }
-.node-wrapper--config.node-wrapper--configurable .node-info-icon[data-v-45f1741d] {
+.node-wrapper--config.node-wrapper--configurable .node-info-icon[data-v-75cfc2b3] {
   bottom: 1px !important;
   right: 1px !important;
 }
-.node-wrapper--configurable[data-v-45f1741d] {
+.node-wrapper--configurable[data-v-75cfc2b3] {
   --node-width: var(
   	--configurable-node-width,
   	calc(
@@ -1885,7 +1971,7 @@
   --configurable-node-icon-offset: 40px;
   --configurable-node-icon-size: 30px;
 }
-.node-wrapper--configurable .node-description[data-v-45f1741d] {
+.node-wrapper--configurable .node-description[data-v-75cfc2b3] {
   top: 50%;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
@@ -1896,23 +1982,23 @@
   min-width: unset;
   max-width: calc(var(--node-width) - var(--configurable-node-icon-offset) - var(--configurable-node-icon-size) - 2 * var(--spacing-s));
 }
-.node-wrapper--configurable .node-description .node-name > p[data-v-45f1741d] {
+.node-wrapper--configurable .node-description .node-name > p[data-v-75cfc2b3] {
   color: var(--color-configurable-node-name);
 }
-.node-wrapper--configurable .node-default .node-icon[data-v-45f1741d] {
+.node-wrapper--configurable .node-default .node-icon[data-v-75cfc2b3] {
   left: var(--configurable-node-icon-offset);
 }
-.node-wrapper--configurable .node-default .node-executing-info[data-v-45f1741d] {
+.node-wrapper--configurable .node-default .node-executing-info[data-v-75cfc2b3] {
   left: -67px;
 }
-.node-wrapper--configurable[data-node-type="@n8n/n8n-nodes-langchain.chatTrigger"][data-v-45f1741d] {
+.node-wrapper--configurable[data-node-type="@n8n/n8n-nodes-langchain.chatTrigger"][data-v-75cfc2b3] {
   --configurable-node-min-input-count: 1;
   --configurable-node-input-width: 176px;
 }
-.node-wrapper--trigger .node-default .node-box[data-v-45f1741d] {
+.node-wrapper--trigger .node-default .node-box[data-v-75cfc2b3] {
   border-radius: 32px 8px 8px 32px;
 }
-.node-wrapper .trigger-icon[data-v-45f1741d] {
+.node-wrapper .trigger-icon[data-v-75cfc2b3] {
   position: absolute;
   right: 100%;
   top: 0;
@@ -1930,7 +2016,7 @@
   height: fit-content;
   padding: var(--spacing-2xs);
 }
-.select-background[data-v-45f1741d] {
+.select-background[data-v-75cfc2b3] {
   --node--selected--box-shadow-radius: 8px;
   display: block;
   background-color: var(--color-canvas-selected);
@@ -1942,14 +2028,14 @@
   height: calc(100% + 2 * var(--node--selected--box-shadow-radius));
   width: calc(100% + 2 * var(--node--selected--box-shadow-radius)) !important;
 }
-.node-wrapper--trigger .select-background[data-v-45f1741d] {
+.node-wrapper--trigger .select-background[data-v-75cfc2b3] {
   border-radius: 36px 8px 8px 36px;
 }
-.node-wrapper--config .select-background[data-v-45f1741d] {
+.node-wrapper--config .select-background[data-v-75cfc2b3] {
   --node--selected--box-shadow-radius: 4px;
   border-radius: 60px;
 }
-.disabled-line-through[data-v-45f1741d] {
+.disabled-line-through[data-v-75cfc2b3] {
   border: 1px solid var(--color-foreground-dark);
   position: absolute;
   top: 49px;
@@ -1957,7 +2043,7 @@
   width: 111px;
   pointer-events: none;
 }
-.disabled-line-through.success[data-v-45f1741d] {
+.disabled-line-through.success[data-v-75cfc2b3] {
   border-color: var(--color-success-light);
 }.jtk-endpoint {
   z-index: 2;
@@ -2337,92 +2423,6 @@
 }
 [data-endpoint-label-length=large] {
   --stalk-size: var(--stalk-large-size);
-}.sticky-wrapper[data-v-679f99cc] {
-  position: absolute;
-}
-.sticky-wrapper .sticky-default .sticky-box[data-v-679f99cc] {
-  width: 100%;
-  height: 100%;
-}
-.sticky-wrapper .sticky-default.touch-active .sticky-options[data-v-679f99cc], .sticky-wrapper .sticky-default:hover .sticky-options[data-v-679f99cc] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  cursor: pointer;
-}
-.sticky-wrapper .sticky-default.is-read-only[data-v-679f99cc] {
-  pointer-events: none;
-}
-.sticky-wrapper .sticky-default .sticky-options[data-v-679f99cc] {
-  display: none;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-  position: absolute;
-  top: -25px;
-  left: -8px;
-  height: 26px;
-  font-size: 0.9em;
-  text-align: left;
-  z-index: 10;
-  color: #aaa;
-  text-align: center;
-}
-.sticky-wrapper .sticky-default .sticky-options .option[data-v-679f99cc] {
-  width: 28px;
-  display: inline-block;
-}
-.sticky-wrapper .sticky-default .sticky-options .option.touch[data-v-679f99cc] {
-  display: none;
-}
-.sticky-wrapper .sticky-default .sticky-options .option[data-v-679f99cc]:hover {
-  color: var(--color-primary);
-}
-.sticky-wrapper .sticky-default .force-show[data-v-679f99cc] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.sticky-wrapper .sticky-default.is-touch-device .sticky-options[data-v-679f99cc] {
-  left: -25px;
-  width: 150px;
-}
-.sticky-wrapper .sticky-default.is-touch-device .sticky-options .option.touch[data-v-679f99cc] {
-  display: initial;
-}
-.select-sticky-background[data-v-679f99cc] {
-  display: block;
-  position: absolute;
-  background-color: var(--color-canvas-selected);
-  border-radius: var(--border-radius-xlarge);
-  overflow: hidden;
-  height: calc(100% + 16px);
-  width: calc(100% + 16px);
-  left: -8px;
-  top: -8px;
-  z-index: 0;
-}
-.content[data-v-679f99cc] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  gap: var(--spacing-2xs);
-}
-.color[data-v-679f99cc] {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  border-color: var(--color-primary-shade-1);
-}
-.color[data-v-679f99cc]:hover {
-  cursor: pointer;
 }._canvasAddButton_1easi_1 {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2472,7 +2472,7 @@
   line-height: var(--font-line-height-xloose);
   color: var(--color-text-dark);
   margin-top: var(--spacing-2xs);
-}.node-view-root[data-v-6169c2fe] {
+}.node-view-root[data-v-9eae6026] {
   position: relative;
   -webkit-box-flex: 1;
       -ms-flex: 1;
@@ -2483,10 +2483,10 @@
   height: 100%;
   position: relative;
 }
-.node-view-wrapper[data-v-6169c2fe] {
+.node-view-wrapper[data-v-9eae6026] {
   position: fixed;
 }
-.node-view[data-v-6169c2fe] {
+.node-view[data-v-9eae6026] {
   position: relative;
   width: 100%;
   height: 100%;
@@ -2494,26 +2494,26 @@
           transform-origin: 0 0;
   z-index: -1;
 }
-.node-view-background[data-v-6169c2fe] {
+.node-view-background[data-v-9eae6026] {
   background-color: var(--color-canvas-background);
   position: absolute;
   width: 100vw;
   height: 100vh;
   z-index: -2;
 }
-.move-active[data-v-6169c2fe] {
+.move-active[data-v-9eae6026] {
   cursor: grab;
   cursor: -webkit-grab;
   -ms-touch-action: none;
       touch-action: none;
 }
-.move-in-process[data-v-6169c2fe] {
+.move-in-process[data-v-9eae6026] {
   cursor: grabbing;
   cursor: -webkit-grabbing;
   -ms-touch-action: none;
       touch-action: none;
 }
-.workflow-execute-wrapper[data-v-6169c2fe] {
+.workflow-execute-wrapper[data-v-9eae6026] {
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2531,11 +2531,11 @@
   width: auto;
 }
 @media (max-width: 600px) {
-.workflow-execute-wrapper[data-v-6169c2fe] {
+.workflow-execute-wrapper[data-v-9eae6026] {
     bottom: 150px;
 }
 }
-.workflow-execute-wrapper button[data-v-6169c2fe] {
+.workflow-execute-wrapper button[data-v-9eae6026] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -2547,13 +2547,13 @@
           align-items: center;
   margin-left: 0.625rem;
 }
-.workflow-execute-wrapper button[data-v-6169c2fe]:first-child {
+.workflow-execute-wrapper button[data-v-9eae6026]:first-child {
   margin: 0;
 }
 
 /* Makes sure that when selected with mouse it does not select text */
-.do-not-select *[data-v-6169c2fe],
-.jtk-drag-select *[data-v-6169c2fe] {
+.do-not-select *[data-v-9eae6026],
+.jtk-drag-select *[data-v-9eae6026] {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -3068,36 +3068,43 @@
   position: absolute;
   left: var(--spacing-l);
   top: var(--spacing-l);
-}[data-v-6169c2fe] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
+}[data-v-9eae6026] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-success-light);
 }
-[data-v-6169c2fe] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-6169c2fe] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-6169c2fe] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-9eae6026] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-9eae6026] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-9eae6026] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-success-light);
 }
-[data-v-6169c2fe] .node-view .connection-run-items-label.success {
+[data-v-9eae6026] .node-view .connection-run-items-label.success {
   color: var(--color-success);
 }
-[data-v-6169c2fe] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
+[data-v-9eae6026] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-foreground-xdark);
 }
-[data-v-6169c2fe] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-6169c2fe] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-6169c2fe] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-9eae6026] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-9eae6026] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-9eae6026] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-foreground-xdark);
 }
-[data-v-6169c2fe] .node-view .connection-run-items-label.success.pinned {
+[data-v-9eae6026] .node-view .connection-run-items-label.success.pinned {
   color: var(--color-foreground-xdark);
 }
-[data-v-6169c2fe] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path:not(.jtk-connector-outline) {
+[data-v-9eae6026] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path:not(.jtk-connector-outline) {
   stroke: var(--color-secondary);
 }
-[data-v-6169c2fe] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-6169c2fe] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-6169c2fe] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
+[data-v-9eae6026] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-9eae6026] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-9eae6026] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
   fill: var(--color-secondary);
 }
-[data-v-6169c2fe] .node-view .connection-run-items-label.success.pinned.has-run {
+[data-v-9eae6026] .node-view .connection-run-items-label.success.pinned.has-run {
   color: var(--color-secondary);
-}._canvasNodeToolbar_1ljrn_1 {
+}._canvasNodeToolbar_1rzl3_1 {
   padding-bottom: var(--spacing-2xs);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  width: 100%;
 }
-._canvasNodeToolbarItems_1ljrn_5 {
+._canvasNodeToolbarItems_1rzl3_8 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3109,7 +3116,7 @@
           justify-content: center;
   background-color: var(--color-canvas-background);
 }
-._canvasNodeToolbarItems_1ljrn_5 .button {
+._canvasNodeToolbarItems_1rzl3_8 .button {
   --button-font-color: var(--color-text-light);
 }._disabledStrikeThrough_8cj0z_1 {
   border: 1px solid var(--color-foreground-dark);
@@ -3245,8 +3252,16 @@
   margin: auto;
   color: var(--color-primary);
   padding: var(--spacing-2xs);
-}._sticky_1bbax_1 {
+}._sticky_ko0n2_1 {
   position: relative;
+  /**
+   * State classes
+   * The reverse order defines the priority in case multiple states are active
+   */
+}
+._sticky_ko0n2_1._selected_ko0n2_8 {
+  -webkit-box-shadow: 0 0 0 4px var(--color-canvas-selected);
+          box-shadow: 0 0 0 4px var(--color-canvas-selected);
 }._addNodes_13pm7_1 {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -3292,76 +3307,54 @@
   line-height: var(--font-line-height-xloose);
   color: var(--color-text-dark);
   margin-top: var(--spacing-2xs);
-}._handle_xh297_1 {
-  width: 8px;
-  height: 16px;
-  border-radius: 0;
-  background: var(--color-foreground-xdark);
-}
-._handle_xh297_1:hover {
-  background: var(--color-primary);
+}._wrapper_41pdh_1 {
+  position: relative;
+  width: 70px;
+  height: 24px;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
-._label_xh297_11 {
-  position: absolute;
-  top: 50%;
-  right: 12px;
-  -webkit-transform: translate(0, -50%);
-          transform: translate(0, -50%);
-  font-size: var(--font-size-2xs);
-  color: var(--color-foreground-xdark);
-  background: var(--color-background-light);
-  z-index: 1;
-}._handle_ro506_1 {
-  width: 16px;
-  height: 16px;
+._line_41pdh_10 {
+  width: 46px;
+  height: 24px;
 }
-._circle_ro506_6 {
-  width: 16px;
-  height: 16px;
-  border-radius: 100%;
-  background: var(--color-foreground-xdark);
+._plus_41pdh_15 {
+  width: 24px;
+  height: 24px;
+  margin-left: -1px;
 }
-._circle_ro506_6:hover {
-  background: var(--color-primary);
+._plus_41pdh_15:hover {
+  cursor: pointer;
 }
-._plus_ro506_16 {
-  position: absolute;
-  left: 16px;
-  top: 50%;
-  -webkit-transform: translate(0, -50%);
-          transform: translate(0, -50%);
-  width: 70px;
-  height: 24px;
+._plus_41pdh_15:hover path {
+  fill: var(--color-primary);
 }
-.vue-flow__handle.connecting ._plus_ro506_16 {
+._plus_41pdh_15:hover rect {
+  stroke: var(--color-primary);
+}.vue-flow__handle:not(.connectionindicator) + ._handle_k53b3_1 {
   display: none;
 }
-._label_ro506_28 {
+._label_k53b3_5 {
   position: absolute;
   top: 50%;
-  left: 20px;
+  left: var(--spacing-s);
   -webkit-transform: translate(0, -50%);
           transform: translate(0, -50%);
   font-size: var(--font-size-2xs);
   color: var(--color-foreground-xdark);
   background: var(--color-background-light);
   z-index: 1;
-}._handle_b5gv0_1 {
-  width: 14px;
-  height: 14px;
-  border-radius: 0;
-}
-._diamond_b5gv0_7 {
-  width: 14px;
-  height: 14px;
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-  background: hsl(var(--node-type-supplemental-color-h), var(--node-type-supplemental-color-s), var(--node-type-supplemental-color-l));
-}
-._diamond_b5gv0_7:hover {
-  background: var(--color-primary);
+}.vue-flow__handle:not(.connectionindicator) + ._handle_n4btp_1 {
+  display: none;
 }
-._label_b5gv0_17 {
+._label_n4btp_5 {
   position: absolute;
   top: 18px;
   left: 50%;
@@ -3371,9 +3364,13 @@
   color: var(--color-foreground-xdark);
   background: var(--color-background-light);
   z-index: 1;
-}._handle_n4rp3_1 {
-  width: auto;
-  height: auto;
+}
+._plus_n4btp_16 {
+  -webkit-transform: rotate(90deg) translateX(50%);
+          transform: rotate(90deg) translateX(50%);
+}._handle_4sv5e_1 {
+  width: 16px;
+  height: 16px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -3384,14 +3381,56 @@
       -ms-flex-align: center;
           align-items: center;
   border: 0;
-  background: none;
+  z-index: 1;
+  background: var(--color-foreground-xdark);
 }
-._handle_n4rp3_1 > * {
-  pointer-events: none;
-}._canvasNode_i26bs_1:hover ._canvasNodeToolbar_i26bs_1 {
+._handle_4sv5e_1:hover {
+  background: var(--color-primary);
+}
+._handle_4sv5e_1._inputs_4sv5e_14._main_4sv5e_14 {
+  width: 8px;
+  border-radius: 0;
+}
+._handle_4sv5e_1._inputs_4sv5e_14:not(._main_4sv5e_14) {
+  width: 14px;
+  height: 14px;
+  -webkit-transform-origin: 0 0;
+          transform-origin: 0 0;
+  -webkit-transform: rotate(45deg) translate(2px, 2px);
+          transform: rotate(45deg) translate(2px, 2px);
+  border-radius: 0;
+  background: hsl(var(--node-type-supplemental-color-h), var(--node-type-supplemental-color-s), var(--node-type-supplemental-color-l));
+}
+._handle_4sv5e_1._inputs_4sv5e_14:not(._main_4sv5e_14):hover {
+  background: var(--color-primary);
+}
+._renderType_4sv5e_30 {
+  position: absolute;
+  z-index: 0;
+}
+._renderType_4sv5e_30._top_4sv5e_34 {
+  top: 0;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+._renderType_4sv5e_30._right_4sv5e_38 {
+  right: 0;
+  -webkit-transform: translate(100%, -50%);
+          transform: translate(100%, -50%);
+}
+._renderType_4sv5e_30._left_4sv5e_42 {
+  left: 0;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+._renderType_4sv5e_30._bottom_4sv5e_46 {
+  bottom: 0;
+  -webkit-transform: translate(-50%, 50%);
+          transform: translate(-50%, 50%);
+}._canvasNode_1oyiq_1:hover ._canvasNodeToolbar_1oyiq_1, ._canvasNode_1oyiq_1._showToolbar_1oyiq_1 ._canvasNodeToolbar_1oyiq_1 {
   opacity: 1;
 }
-._canvasNodeToolbar_i26bs_1 {
+._canvasNodeToolbar_1oyiq_1 {
   -webkit-transition: opacity 0.1s ease-in;
   transition: opacity 0.1s ease-in;
   position: absolute;
@@ -3400,9 +3439,6 @@
   -webkit-transform: translate(-50%, -100%);
           transform: translate(-50%, -100%);
   opacity: 0;
-}
-._canvasNodeToolbar_i26bs_1:focus-within {
-  opacity: 1;
 }._canvasEdgeToolbar_gool4_1 {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -3428,6 +3464,11 @@
 }
 ._edgeToolbar_fh0dc_5:hover {
   opacity: 1;
+}._canvas_n41gg_1 {
+  opacity: 0;
+}
+._canvas_n41gg_1._visible_n41gg_4 {
+  opacity: 1;
 }.vue-flow__controls {
   display: -webkit-box;
   display: -ms-flexbox;