n8n-editor-ui 1.61.0 → 1.62.0

package/dist/assets/{index-CUw3_ZiY.css → index-DLT0DWwS.css}

@@ -1653,6 +1653,7 @@ Assigned to tile images in a tiled background
   --execution-card-border-running: var(--prim-color-alt-b-tint-250);
   --execution-card-border-unknown: var(--prim-gray-120);
   --execution-card-background-hover: var(--color-foreground-light);
+  --execution-card-text-waiting: var(--color-secondary);
   --execution-selector-background: var(--color-background-dark);
   --execution-selector-text: var(--color-text-xlight);
   --execution-select-all-text: var(--color-danger);
@@ -2548,6 +2549,7 @@ body[data-theme=dark] {
   --execution-selector-background: var(--prim-gray-740);
   --execution-selector-text: var(--color-text-base);
   --execution-select-all-text: var(--color-text-base);
+  --execution-card-text-waiting: var(--prim-color-secondary-tint-100);
   --color-run-data-background: var(--prim-gray-800);
   --color-ndv-droppable-parameter: var(--prim-color-primary);
   --color-ndv-droppable-parameter-background: var(--prim-color-primary-alpha-010);
@@ -2940,6 +2942,7 @@ body[data-theme=dark] {
     --execution-selector-background: var(--prim-gray-740);
     --execution-selector-text: var(--color-text-base);
     --execution-select-all-text: var(--color-text-base);
+    --execution-card-text-waiting: var(--prim-color-secondary-tint-100);
     --color-run-data-background: var(--prim-gray-800);
     --color-ndv-droppable-parameter: var(--prim-color-primary);
     --color-ndv-droppable-parameter-background: var(--prim-color-primary-alpha-010);
@@ -15570,13 +15573,45 @@ select {
 .text-justify {
   text-align: justify !important;
 }
+:root {
+  --chat--color-primary: #e74266;
+  --chat--color-primary-shade-50: #db4061;
+  --chat--color-primary-shade-100: #cf3c5c;
+  --chat--color-secondary: #20b69e;
+  --chat--color-secondary-shade-50: #1ca08a;
+  --chat--color-white: #ffffff;
+  --chat--color-light: #f2f4f8;
+  --chat--color-light-shade-50: #e6e9f1;
+  --chat--color-light-shade-100: #c2c5cc;
+  --chat--color-medium: #d2d4d9;
+  --chat--color-dark: #101330;
+  --chat--color-disabled: #777980;
+  --chat--color-typing: #404040;
+  --chat--spacing: 1rem;
+  --chat--border-radius: 0.25rem;
+  --chat--transition-duration: 0.15s;
+  --chat--window--width: 400px;
+  --chat--window--height: 600px;
+  --chat--textarea--height: 50px;
+  --chat--message--bot--background: var(--chat--color-white);
+  --chat--message--bot--color: var(--chat--color-dark);
+  --chat--message--user--background: var(--chat--color-secondary);
+  --chat--message--user--color: var(--chat--color-white);
+  --chat--message--pre--background: rgba(0, 0, 0, 0.05);
+  --chat--toggle--background: var(--chat--color-primary);
+  --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
+  --chat--toggle--active--background: var(--chat--color-primary-shade-100);
+  --chat--toggle--color: var(--chat--color-white);
+  --chat--toggle--size: 64px;
+  --chat--heading--font-size: 2em;
+}
 pre code.hljs {
   display: block;
   overflow-x: auto;
-  padding: 1em
+  padding: 1em;
 }
 code.hljs {
-  padding: 3px 5px
+  padding: 3px 5px;
 }
 /*!
   Theme: GitHub
@@ -15590,7 +15625,7 @@ code.hljs {
 */
 .hljs {
   color: #24292e;
-  background: #ffffff
+  background: #ffffff;
 }
 .hljs-doctag,
 .hljs-keyword,
@@ -15600,14 +15635,14 @@ code.hljs {
 .hljs-type,
 .hljs-variable.language_ {
   /* prettylights-syntax-keyword */
-  color: #d73a49
+  color: #d73a49;
 }
 .hljs-title,
 .hljs-title.class_,
 .hljs-title.class_.inherited__,
 .hljs-title.function_ {
   /* prettylights-syntax-entity */
-  color: #6f42c1
+  color: #6f42c1;
 }
 .hljs-attr,
 .hljs-attribute,
@@ -15620,64 +15655,64 @@ code.hljs {
 .hljs-selector-class,
 .hljs-selector-id {
   /* prettylights-syntax-constant */
-  color: #005cc5
+  color: #005cc5;
 }
 .hljs-regexp,
 .hljs-string,
 .hljs-meta .hljs-string {
   /* prettylights-syntax-string */
-  color: #032f62
+  color: #032f62;
 }
 .hljs-built_in,
 .hljs-symbol {
   /* prettylights-syntax-variable */
-  color: #e36209
+  color: #e36209;
 }
 .hljs-comment,
 .hljs-code,
 .hljs-formula {
   /* prettylights-syntax-comment */
-  color: #6a737d
+  color: #6a737d;
 }
 .hljs-name,
 .hljs-quote,
 .hljs-selector-tag,
 .hljs-selector-pseudo {
   /* prettylights-syntax-entity-tag */
-  color: #22863a
+  color: #22863a;
 }
 .hljs-subst {
   /* prettylights-syntax-storage-modifier-import */
-  color: #24292e
+  color: #24292e;
 }
 .hljs-section {
   /* prettylights-syntax-markup-heading */
   color: #005cc5;
-  font-weight: bold
+  font-weight: bold;
 }
 .hljs-bullet {
   /* prettylights-syntax-markup-list */
-  color: #735c0f
+  color: #735c0f;
 }
 .hljs-emphasis {
   /* prettylights-syntax-markup-italic */
   color: #24292e;
-  font-style: italic
+  font-style: italic;
 }
 .hljs-strong {
   /* prettylights-syntax-markup-bold */
   color: #24292e;
-  font-weight: bold
+  font-weight: bold;
 }
 .hljs-addition {
   /* prettylights-syntax-markup-inserted */
   color: #22863a;
-  background-color: #f0fff4
+  background-color: #f0fff4;
 }
 .hljs-deletion {
   /* prettylights-syntax-markup-deleted */
   color: #b31d28;
-  background-color: #ffeef0
+  background-color: #ffeef0;
 }
 .hljs-char.escape_,
 .hljs-link,
@@ -15686,39 +15721,244 @@ code.hljs {
 .hljs-punctuation,
 .hljs-tag {
   /* purposely ignored */
-  
 }
-:root {
-  --chat--color-primary: #e74266;
-  --chat--color-primary-shade-50: #db4061;
-  --chat--color-primary-shade-100: #cf3c5c;
-  --chat--color-secondary: #20b69e;
-  --chat--color-secondary-shade-50: #1ca08a;
-  --chat--color-white: #ffffff;
-  --chat--color-light: #f2f4f8;
-  --chat--color-light-shade-50: #e6e9f1;
-  --chat--color-light-shade-100: #c2c5cc;
-  --chat--color-medium: #d2d4d9;
-  --chat--color-dark: #101330;
-  --chat--color-disabled: #777980;
-  --chat--color-typing: #404040;
-  --chat--spacing: 1rem;
-  --chat--border-radius: 0.25rem;
-  --chat--transition-duration: 0.15s;
-  --chat--window--width: 400px;
-  --chat--window--height: 600px;
-  --chat--textarea--height: 50px;
-  --chat--message--bot--background: var(--chat--color-white);
-  --chat--message--bot--color: var(--chat--color-dark);
-  --chat--message--user--background: var(--chat--color-secondary);
-  --chat--message--user--color: var(--chat--color-white);
-  --chat--message--pre--background: rgba(0, 0, 0, 0.05);
-  --chat--toggle--background: var(--chat--color-primary);
-  --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
-  --chat--toggle--active--background: var(--chat--color-primary-shade-100);
-  --chat--toggle--color: var(--chat--color-white);
-  --chat--toggle--size: 64px;
-  --chat--heading--font-size: 2em;
+body[data-theme=dark] {
+  /*!
+    Theme: GitHub Dark Dimmed
+    Description: Dark dimmed theme as seen on github.com
+    Author: github.com
+    Maintainer: @Hirse
+    Updated: 2021-05-15
+
+    Colors taken from GitHub's CSS
+  */
+}
+body[data-theme=dark] pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+body[data-theme=dark] code.hljs {
+  padding: 3px 5px;
+}
+body[data-theme=dark] .hljs {
+  color: #adbac7;
+  background: #22272e;
+}
+body[data-theme=dark] .hljs-doctag,
+body[data-theme=dark] .hljs-keyword,
+body[data-theme=dark] .hljs-meta .hljs-keyword,
+body[data-theme=dark] .hljs-template-tag,
+body[data-theme=dark] .hljs-template-variable,
+body[data-theme=dark] .hljs-type,
+body[data-theme=dark] .hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #f47067;
+}
+body[data-theme=dark] .hljs-title,
+body[data-theme=dark] .hljs-title.class_,
+body[data-theme=dark] .hljs-title.class_.inherited__,
+body[data-theme=dark] .hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #dcbdfb;
+}
+body[data-theme=dark] .hljs-attr,
+body[data-theme=dark] .hljs-attribute,
+body[data-theme=dark] .hljs-literal,
+body[data-theme=dark] .hljs-meta,
+body[data-theme=dark] .hljs-number,
+body[data-theme=dark] .hljs-operator,
+body[data-theme=dark] .hljs-variable,
+body[data-theme=dark] .hljs-selector-attr,
+body[data-theme=dark] .hljs-selector-class,
+body[data-theme=dark] .hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #6cb6ff;
+}
+body[data-theme=dark] .hljs-regexp,
+body[data-theme=dark] .hljs-string,
+body[data-theme=dark] .hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #96d0ff;
+}
+body[data-theme=dark] .hljs-built_in,
+body[data-theme=dark] .hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #f69d50;
+}
+body[data-theme=dark] .hljs-comment,
+body[data-theme=dark] .hljs-code,
+body[data-theme=dark] .hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #768390;
+}
+body[data-theme=dark] .hljs-name,
+body[data-theme=dark] .hljs-quote,
+body[data-theme=dark] .hljs-selector-tag,
+body[data-theme=dark] .hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #8ddb8c;
+}
+body[data-theme=dark] .hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #adbac7;
+}
+body[data-theme=dark] .hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #316dca;
+  font-weight: bold;
+}
+body[data-theme=dark] .hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #eac55f;
+}
+body[data-theme=dark] .hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #adbac7;
+  font-style: italic;
+}
+body[data-theme=dark] .hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #adbac7;
+  font-weight: bold;
+}
+body[data-theme=dark] .hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #b4f1b4;
+  background-color: #1b4721;
+}
+body[data-theme=dark] .hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #ffd8d3;
+  background-color: #78191b;
+}
+body[data-theme=dark] .hljs-char.escape_,
+body[data-theme=dark] .hljs-link,
+body[data-theme=dark] .hljs-params,
+body[data-theme=dark] .hljs-property,
+body[data-theme=dark] .hljs-punctuation,
+body[data-theme=dark] .hljs-tag {
+  /* purposely ignored */
+}
+@media (prefers-color-scheme: dark) {
+  body {
+    /*!
+      Theme: GitHub Dark Dimmed
+      Description: Dark dimmed theme as seen on github.com
+      Author: github.com
+      Maintainer: @Hirse
+      Updated: 2021-05-15
+
+      Colors taken from GitHub's CSS
+    */
+  }
+  body pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em;
+  }
+  body code.hljs {
+    padding: 3px 5px;
+  }
+  body .hljs {
+    color: #adbac7;
+    background: #22272e;
+  }
+  body .hljs-doctag,
+  body .hljs-keyword,
+  body .hljs-meta .hljs-keyword,
+  body .hljs-template-tag,
+  body .hljs-template-variable,
+  body .hljs-type,
+  body .hljs-variable.language_ {
+    /* prettylights-syntax-keyword */
+    color: #f47067;
+  }
+  body .hljs-title,
+  body .hljs-title.class_,
+  body .hljs-title.class_.inherited__,
+  body .hljs-title.function_ {
+    /* prettylights-syntax-entity */
+    color: #dcbdfb;
+  }
+  body .hljs-attr,
+  body .hljs-attribute,
+  body .hljs-literal,
+  body .hljs-meta,
+  body .hljs-number,
+  body .hljs-operator,
+  body .hljs-variable,
+  body .hljs-selector-attr,
+  body .hljs-selector-class,
+  body .hljs-selector-id {
+    /* prettylights-syntax-constant */
+    color: #6cb6ff;
+  }
+  body .hljs-regexp,
+  body .hljs-string,
+  body .hljs-meta .hljs-string {
+    /* prettylights-syntax-string */
+    color: #96d0ff;
+  }
+  body .hljs-built_in,
+  body .hljs-symbol {
+    /* prettylights-syntax-variable */
+    color: #f69d50;
+  }
+  body .hljs-comment,
+  body .hljs-code,
+  body .hljs-formula {
+    /* prettylights-syntax-comment */
+    color: #768390;
+  }
+  body .hljs-name,
+  body .hljs-quote,
+  body .hljs-selector-tag,
+  body .hljs-selector-pseudo {
+    /* prettylights-syntax-entity-tag */
+    color: #8ddb8c;
+  }
+  body .hljs-subst {
+    /* prettylights-syntax-storage-modifier-import */
+    color: #adbac7;
+  }
+  body .hljs-section {
+    /* prettylights-syntax-markup-heading */
+    color: #316dca;
+    font-weight: bold;
+  }
+  body .hljs-bullet {
+    /* prettylights-syntax-markup-list */
+    color: #eac55f;
+  }
+  body .hljs-emphasis {
+    /* prettylights-syntax-markup-italic */
+    color: #adbac7;
+    font-style: italic;
+  }
+  body .hljs-strong {
+    /* prettylights-syntax-markup-bold */
+    color: #adbac7;
+    font-weight: bold;
+  }
+  body .hljs-addition {
+    /* prettylights-syntax-markup-inserted */
+    color: #b4f1b4;
+    background-color: #1b4721;
+  }
+  body .hljs-deletion {
+    /* prettylights-syntax-markup-deleted */
+    color: #ffd8d3;
+    background-color: #78191b;
+  }
+  body .hljs-char.escape_,
+  body .hljs-link,
+  body .hljs-params,
+  body .hljs-property,
+  body .hljs-punctuation,
+  body .hljs-tag {
+    /* purposely ignored */
+  }
 }
 .chat-message-markdown {
   /*
@@ -16207,7 +16447,6 @@ code.hljs {
 }
 .chat-message-markdown kbd,
 .chat-message-markdown code {
-  background: #eee;
   padding: 0.1em 0.25em;
   border-radius: 0.2rem;
   -webkit-box-decoration-break: clone;
@@ -16601,9 +16840,31 @@ code.hljs {
 }
 .vue-flow__resize-control.line {
   border-color: transparent;
+  z-index: 1;
+}
+.vue-flow__resize-control.line.top {
+  height: var(--spacing-s);
+  border-top-width: var(--spacing-s);
+}
+.vue-flow__resize-control.line.right {
+  width: var(--spacing-s);
+  border-right-width: var(--spacing-s);
+}
+.vue-flow__resize-control.line.bottom {
+  height: var(--spacing-s);
+  border-bottom-width: var(--spacing-s);
+}
+.vue-flow__resize-control.line.left {
+  width: var(--spacing-s);
+  border-left-width: var(--spacing-s);
 }
 .vue-flow__resize-control.handle {
   background-color: transparent;
+  width: var(--spacing-s);
+  height: var(--spacing-s);
+  border: 0;
+  border-radius: 0;
+  z-index: 1;
 }
 .vue-flow__minimap {
   height: 120px;
@@ -16630,6 +16891,9 @@ code.hljs {
   cursor: -webkit-grabbing;
   cursor: grabbing;
 }
+.vue-flow__node:has(.sticky--active) {
+  z-index: 1 !important;
+}
 .executions-list-move,
 .executions-list-enter-active,
 .executions-list-leave-active {
@@ -17709,11 +17973,23 @@ code[class^=language-] {
 }._container_1f34v_1 > * {
   margin-bottom: var(--spacing-s);
   overflow-wrap: break-word;
-}._editor_9hxlz_1 {
+}._editor_17r7a_1 {
   height: 100%;
 }
-._editor_9hxlz_1 > div {
+._editor_17r7a_1 > div {
   height: 100%;
+}
+._droppable_17r7a_8 .cm-editor {
+  border-color: var(--color-ndv-droppable-parameter);
+  border-style: dashed;
+  border-width: 1.5px;
+}
+._activeDrop_17r7a_14 .cm-editor {
+  border-color: var(--color-success);
+  border-style: solid;
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+  border-width: 1px;
 }._editor_9hxlz_1 {
   height: 100%;
 }
@@ -17789,17 +18065,60 @@ code[class^=language-] {
   margin-top: var(--spacing-4xs);
 }.dialog-wrapper .contact-prompt-modal .el-dialog__body {
   padding: 16px 24px 24px;
-}._credIcon_segkd_1 {
-  height: 26px;
-}
-._fallback_segkd_5 {
-  height: 28px;
-  width: 28px;
+}._icon_um24h_1 {
+  --node-icon-color: var(--color-foreground-dark);
+}._tip_1f7zb_1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  border-radius: 50%;
-  background-color: var(--color-foreground-base);
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--spacing-4xs);
+  line-height: var(--font-line-height-regular);
+  color: var(--color-text-base);
+  font-size: var(--font-size-2xs);
+  padding: var(--spacing-2xs);
+}
+._tip_1f7zb_1 code {
+  font-size: var(--font-size-3xs);
+  background: var(--color-background-base);
+  padding: var(--spacing-5xs);
+  border-radius: var(--border-radius-base);
+}
+._content_1f7zb_17 {
+  display: inline-block;
+}
+._tipText_1f7zb_21 {
+  display: inline;
+  color: var(--color-text-dark);
+  font-weight: var(--font-weight-bold);
+}
+._drag_1f7zb_27 ._tipText_1f7zb_21 {
+  line-height: 21px;
+}
+._text_1f7zb_31 {
+  display: inline;
+}
+._pill_1f7zb_35 {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: var(--color-text-dark);
+  border: var(--border-base);
+  border-color: var(--color-foreground-light);
+  background-color: var(--color-background-xlight);
+  padding: var(--spacing-5xs) var(--spacing-3xs);
+  margin: 0 var(--spacing-4xs);
+  border-radius: var(--border-radius-base);
+}
+._highlight_1f7zb_47 {
+  color: var(--color-primary);
+  background-color: var(--color-primary-tint-3);
+  border-color: var(--color-primary-tint-1);
 }._editor_dkru8_1 div[contenteditable=false] {
   background-color: var(--disabled-fill, var(--color-background-light));
   cursor: not-allowed;
@@ -17843,58 +18162,6 @@ code[class^=language-] {
   text-align: center;
   padding: 0 var(--spacing-4xs);
   max-width: var(--input-width);
-}._tip_16kcl_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  gap: var(--spacing-4xs);
-  line-height: var(--font-line-height-regular);
-  color: var(--color-text-base);
-  font-size: var(--font-size-2xs);
-  padding: var(--spacing-2xs);
-}
-._content_16kcl_11 {
-  display: inline-block;
-}
-._tipText_16kcl_15 {
-  display: inline;
-  color: var(--color-text-dark);
-  font-weight: var(--font-weight-bold);
-}
-._drag_16kcl_21 ._tipText_16kcl_15 {
-  line-height: 21px;
-}
-._text_16kcl_25 {
-  display: inline;
-}
-code {
-  font-size: var(--font-size-3xs);
-  background: var(--color-background-base);
-  padding: var(--spacing-5xs);
-  border-radius: var(--border-radius-base);
-}
-._pill_16kcl_36 {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  color: var(--color-text-dark);
-  border: var(--border-base);
-  border-color: var(--color-foreground-light);
-  background-color: var(--color-background-xlight);
-  padding: var(--spacing-5xs) var(--spacing-3xs);
-  margin: 0 var(--spacing-4xs);
-  border-radius: var(--border-radius-base);
-}
-._highlight_16kcl_48 {
-  color: var(--color-primary);
-  background-color: var(--color-primary-tint-3);
-  border-color: var(--color-primary-tint-1);
 }._dropdown_11vkg_1 {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -18359,10 +18626,10 @@ code {
       -ms-flex-pack: end;
           justify-content: flex-end;
   border-top: 1px solid var(--border-color-base);
-}[data-v-018088bc] .el-tabs .code-editor-tabs .cm-editor {
+}[data-v-cffccd96] .el-tabs .cm-editor {
   border: 0;
 }
-@-webkit-keyframes backgroundAnimation-018088bc {
+@-webkit-keyframes backgroundAnimation-cffccd96 {
 0% {
     background-color: none;
 }
@@ -18373,7 +18640,7 @@ code {
     background-color: none;
 }
 }
-@keyframes backgroundAnimation-018088bc {
+@keyframes backgroundAnimation-cffccd96 {
 0% {
     background-color: none;
 }
@@ -18384,11 +18651,11 @@ code {
     background-color: none;
 }
 }
-.flash-editor[data-v-018088bc] .cm-editor,
-.flash-editor[data-v-018088bc] .cm-gutter {
-  -webkit-animation: backgroundAnimation-018088bc 1.5s ease-in-out;
-          animation: backgroundAnimation-018088bc 1.5s ease-in-out;
-}._tabs_1kdqv_1 {
+.flash-editor[data-v-cffccd96] .cm-editor,
+.flash-editor[data-v-cffccd96] .cm-gutter {
+  -webkit-animation: backgroundAnimation-cffccd96 1.5s ease-in-out;
+          animation: backgroundAnimation-cffccd96 1.5s ease-in-out;
+}._tabs_12z7x_1 {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -18398,11 +18665,23 @@ code {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-._code-node-editor-container_1kdqv_7 {
+._code-node-editor-container_12z7x_7 {
   position: relative;
 }
-._fillHeight_1kdqv_11 {
+._fillHeight_12z7x_11 {
   height: 100%;
+}
+._editorInput_12z7x_15._droppable_12z7x_15 .cm-editor {
+  border-color: var(--color-ndv-droppable-parameter);
+  border-style: dashed;
+  border-width: 1.5px;
+}
+._editorInput_12z7x_15._activeDrop_12z7x_21 .cm-editor {
+  border-color: var(--color-success);
+  border-style: solid;
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+  border-width: 1px;
 }._container_16361_1 {
   margin-top: var(--spacing-xs);
 }
@@ -19191,19 +19470,31 @@ code {
 }
 ._parameter-issues_1qpyk_103 {
   width: 25px !important;
-}._sqlEditor_19qx2_1 {
+}._sqlEditor_1i4nc_1 {
   position: relative;
   height: 100%;
 }
-._codemirror_19qx2_6 {
+._codemirror_1i4nc_6 {
   height: 100%;
-}.readonly-code[data-v-b650831e] {
+}
+._codemirror_1i4nc_6._droppable_1i4nc_10 .cm-editor {
+  border-color: var(--color-ndv-droppable-parameter);
+  border-style: dashed;
+  border-width: 1.5px;
+}
+._codemirror_1i4nc_6._activeDrop_1i4nc_16 .cm-editor {
+  border-color: var(--color-success);
+  border-style: solid;
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+  border-width: 1px;
+}.readonly-code[data-v-06ab208e] {
   font-size: var(--font-size-xs);
 }
-.switch-input[data-v-b650831e] {
+.switch-input[data-v-06ab208e] {
   margin: var(--spacing-5xs) 0 var(--spacing-2xs) 0;
 }
-.parameter-value-container[data-v-b650831e] {
+.parameter-value-container[data-v-06ab208e] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -19211,7 +19502,7 @@ code {
       -ms-flex-align: center;
           align-items: center;
 }
-.parameter-actions[data-v-b650831e] {
+.parameter-actions[data-v-06ab208e] {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -19219,15 +19510,16 @@ code {
       -ms-flex-align: center;
           align-items: center;
 }
-.parameter-input[data-v-b650831e] {
+.parameter-input[data-v-06ab208e] {
   display: inline-block;
+  position: relative;
 }
-.parameter-input[data-v-b650831e] .color-input {
+.parameter-input[data-v-06ab208e] .color-input {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.parameter-input[data-v-b650831e] .color-input .el-color-picker__trigger {
+.parameter-input[data-v-06ab208e] .color-input .el-color-picker__trigger {
   border: none;
 }.ql-editor {
   padding: 6px;
@@ -19332,6 +19624,22 @@ code {
 }
 .code-edit-dialog .code-node-editor {
   height: 100%;
+}._tipVisible_2j3to_1 {
+  --input-border-bottom-left-radius: 0;
+  --input-border-bottom-right-radius: 0;
+}
+._tip_2j3to_1 {
+  position: absolute;
+  z-index: 2;
+  top: 100%;
+  background: var(--color-code-background);
+  border: var(--border-base);
+  border-top: none;
+  width: 100%;
+  -webkit-box-shadow: 0 2px 6px 0 rgba(68, 28, 23, 0.1);
+          box-shadow: 0 2px 6px 0 rgba(68, 28, 23, 0.1);
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
 }._singleline_a2zpi_1 {
   white-space: nowrap;
   overflow: hidden;
@@ -19380,30 +19688,13 @@ code {
 }
 ._noExpressionSelector_1no1e_19 span {
   padding-right: 0 !important;
-}._wrapper_r14s9_1 {
+}._wrapper_ua77s_1 {
   position: relative;
 }
-._wrapper_r14s9_1:hover ._options_r14s9_4 {
+._wrapper_ua77s_1:hover ._options_ua77s_4 {
   opacity: 1;
 }
-._tipVisible_r14s9_8 {
-  --input-border-bottom-left-radius: 0;
-  --input-border-bottom-right-radius: 0;
-}
-._tip_r14s9_8 {
-  position: absolute;
-  z-index: 2;
-  top: 100%;
-  background: var(--color-code-background);
-  border: var(--border-base);
-  border-top: none;
-  width: 100%;
-  -webkit-box-shadow: 0 2px 6px 0 rgba(68, 28, 23, 0.1);
-          box-shadow: 0 2px 6px 0 rgba(68, 28, 23, 0.1);
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-._options_r14s9_4 {
+._options_ua77s_4 {
   position: absolute;
   bottom: -22px;
   right: 0;
@@ -19412,7 +19703,7 @@ code {
   -webkit-transition: opacity 100ms ease-in;
   transition: opacity 100ms ease-in;
 }
-._options_r14s9_4._visible_r14s9_34 {
+._options_ua77s_4._visible_ua77s_16 {
   opacity: 1;
 }._authRadioButton_66vfv_1 {
   margin-right: 0 !important;
@@ -19708,7 +19999,7 @@ code {
 }
 ._valueLabel_1efpk_15 {
   font-weight: var(--font-weight-regular);
-}._projectInfo_1uqc7_1 {
+}._projectInfo_h7fgw_1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -19722,7 +20013,7 @@ code {
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-._projectInfo_1uqc7_1 > div {
+._projectInfo_h7fgw_1 > div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -19731,18 +20022,18 @@ code {
           align-items: center;
   gap: 8px;
 }
-._projectInfo_1uqc7_1 p {
+._projectInfo_h7fgw_1 p {
   font-size: var(--font-size-s);
   color: var(--color-text-dark);
   font-weight: var(--font-weight-bold);
   line-height: var(--font-line-height-loose);
 }
-._projectInfo_1uqc7_1 small {
+._projectInfo_h7fgw_1 small {
   font-size: var(--font-size-xs);
   color: var(--color-text-light);
   line-height: var(--font-line-height-loose);
 }
-._text_1uqc7_26 {
+._text_h7fgw_26 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -19750,6 +20041,9 @@ code {
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
+}
+._text_h7fgw_26 p {
+  margin: 0;
 }._project_1ngqu_1 {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -20396,7 +20690,7 @@ tr:hover ._ops_bizul_11:not(._disabled_bizul_1) {
 .chat-message-markdown ul,
 .chat-message-markdown ol {
   padding: 0 0 0 1em;
-}._no-node-connected_150oh_1 {
+}._no-node-connected_1dfrf_1 {
   width: 100%;
   height: 100%;
   display: -webkit-box;
@@ -20409,7 +20703,7 @@ tr:hover ._ops_bizul_11:not(._disabled_bizul_1) {
       -ms-flex-align: center;
           align-items: center;
 }
-._workflowLmChat_150oh_9 {
+._workflowLmChat_1dfrf_9 {
   --chat--spacing: var(--spacing-m);
   --chat--message--padding: var(--spacing-xs);
   display: -webkit-box;
@@ -20420,27 +20714,27 @@ tr:hover ._ops_bizul_11:not(._disabled_bizul_1) {
   min-height: 10rem;
 }
 @media (min-height: 34rem) {
-._workflowLmChat_150oh_9 {
+._workflowLmChat_1dfrf_9 {
     min-height: 14.5rem;
 }
 }
 @media (min-height: 47rem) {
-._workflowLmChat_150oh_9 {
+._workflowLmChat_1dfrf_9 {
     min-height: 25rem;
 }
 }
-._workflowLmChat_150oh_9 ::-webkit-scrollbar {
+._workflowLmChat_1dfrf_9 ::-webkit-scrollbar {
   width: 4px;
 }
-._workflowLmChat_150oh_9 ::-webkit-scrollbar-thumb {
+._workflowLmChat_1dfrf_9 ::-webkit-scrollbar-thumb {
   border-radius: var(--border-radius-base);
   background: var(--color-foreground-dark);
   border: 1px solid white;
 }
-._workflowLmChat_150oh_9 ::-webkit-scrollbar-thumb:hover {
+._workflowLmChat_1dfrf_9 ::-webkit-scrollbar-thumb:hover {
   background: var(--color-foreground-xdark);
 }
-._logsWrapper_150oh_39 {
+._logsWrapper_1dfrf_39 {
   --node-icon-color: var(--color-text-base);
   border: 1px solid var(--color-foreground-base);
   border-radius: var(--border-radius-base);
@@ -20449,10 +20743,10 @@ tr:hover ._ops_bizul_11:not(._disabled_bizul_1) {
   width: 100%;
   padding: var(--spacing-xs) 0;
 }
-._logsTitle_150oh_49 {
+._logsTitle_1dfrf_49 {
   margin: 0 var(--spacing-s) var(--spacing-s);
 }
-._messages_150oh_53 {
+._messages_1dfrf_53 {
   background-color: var(--color-lm-chat-messages-background);
   border: 1px solid var(--color-foreground-base);
   border-radius: var(--border-radius-base);
@@ -20461,13 +20755,13 @@ tr:hover ._ops_bizul_11:not(._disabled_bizul_1) {
   overflow: auto;
   padding-top: 1.5em;
 }
-._messages_150oh_53:not(:last-child) {
+._messages_1dfrf_53:not(:last-child) {
   margin-right: 1em;
 }
-._messages_150oh_53 * {
+._messages_1dfrf_53 * {
   font-size: var(--font-size-s);
 }
-._messagesInput_150oh_69 {
+._messagesInput_1dfrf_69 {
   --chat--input--border: var(--input-border-color, var(--border-color-base))
   	var(--input-border-style, var(--border-style-base))
   	var(--input-border-width, var(--border-width-base));
@@ -20482,8 +20776,13 @@ tr:hover ._ops_bizul_11:not(._disabled_bizul_1) {
   border-top-right-radius: var(--border-radius-base);
   overflow: hidden;
 }
-[data-theme=dark] ._messagesInput_150oh_69 {
+[data-theme=dark] ._messagesInput_1dfrf_69 {
   --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
+}
+@media (prefers-color-scheme: dark) {
+._messagesInput_1dfrf_69 {
+    --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
+}
 }.workflow-settings[data-v-07e77491] {
   font-size: var(--font-size-s);
 }
@@ -21800,13 +22099,6 @@ tr:hover ._ops_bizul_11:not(._disabled_bizul_1) {
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
-}._buttons_1lr6k_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
 }._container_196h9_1 p {
   line-height: normal;
 }