n8n-editor-ui 1.81.1 → 1.82.0

package/dist/assets/{index-CKK_xS1q.css → index-DvUG3hgI.css}

@@ -5772,16 +5772,9 @@ select {
   transition: opacity 340ms ease-out;
 }
 .el-scrollbar__wrap {
-  overflow: scroll;
+  overflow: auto;
   height: 100%;
 }
-.el-scrollbar__wrap--hidden-default {
-  scrollbar-width: none;
-}
-.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
 
 .el-scrollbar__thumb {
   position: relative;
@@ -15367,6 +15360,7 @@ select {
 /* BEM
  -------------------------- */
 :root {
+  /* Colors */
   --chat--color-primary: #e74266;
   --chat--color-primary-shade-50: #db4061;
   --chat--color-primary-shade-100: #cf3c5c;
@@ -15380,23 +15374,100 @@ select {
   --chat--color-dark: #101330;
   --chat--color-disabled: #777980;
   --chat--color-typing: #404040;
+  /* Base Layout */
   --chat--spacing: 1rem;
   --chat--border-radius: 0.25rem;
   --chat--transition-duration: 0.15s;
+  --chat--font-family: (
+  	-apple-system,
+  	BlinkMacSystemFont,
+  	"Segoe UI",
+  	Roboto,
+  	Oxygen-Sans,
+  	Ubuntu,
+  	Cantarell,
+  	"Helvetica Neue",
+  	sans-serif
+  );
+  /* Window Dimensions */
   --chat--window--width: 400px;
   --chat--window--height: 600px;
-  --chat--textarea--height: 50px;
+  --chat--window--bottom: var(--chat--spacing);
+  --chat--window--right: var(--chat--spacing);
+  --chat--window--z-index: 9999;
+  --chat--window--border: 1px solid var(--chat--color-light-shade-50);
+  --chat--window--border-radius: var(--chat--border-radius);
+  --chat--window--margin-bottom: var(--chat--spacing);
+  /* Header Styles */
+  --chat--header-height: auto;
+  --chat--header--padding: var(--chat--spacing);
+  --chat--header--background: var(--chat--color-dark);
+  --chat--header--color: var(--chat--color-light);
+  --chat--header--border-top: none;
+  --chat--header--border-bottom: none;
+  --chat--header--border-left: none;
+  --chat--header--border-right: none;
+  --chat--heading--font-size: 2em;
+  --chat--subtitle--font-size: inherit;
+  --chat--subtitle--line-height: 1.8;
+  /* Message Styles */
+  --chat--message--font-size: 1rem;
+  --chat--message--padding: var(--chat--spacing);
+  --chat--message--border-radius: var(--chat--border-radius);
+  --chat--message-line-height: 1.5;
+  --chat--message--margin-bottom: calc(var(--chat--spacing) * 1);
   --chat--message--bot--background: var(--chat--color-white);
   --chat--message--bot--color: var(--chat--color-dark);
+  --chat--message--bot--border: none;
   --chat--message--user--background: var(--chat--color-secondary);
   --chat--message--user--color: var(--chat--color-white);
+  --chat--message--user--border: none;
   --chat--message--pre--background: rgba(0, 0, 0, 0.05);
+  --chat--messages-list--padding: var(--chat--spacing);
+  /* Toggle Button */
+  --chat--toggle--size: 64px;
+  --chat--toggle--width: var(--chat--toggle--size);
+  --chat--toggle--height: var(--chat--toggle--size);
+  --chat--toggle--border-radius: 50%;
   --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;
+  /* Input Area */
+  --chat--textarea--height: 50px;
+  --chat--textarea--max-height: 30rem;
+  --chat--input--font-size: inherit;
+  --chat--input--border: 0;
+  --chat--input--border-radius: 0;
+  --chat--input--padding: 0.8rem;
+  --chat--input--background: var(--chat--color-white);
+  --chat--input--text-color: initial;
+  --chat--input--line-height: 1.5;
+  --chat--input--placeholder--font-size: var(--chat--input--font-size);
+  --chat--input--border-active: 0;
+  --chat--input--left--panel--width: 2rem;
+  /* Button Styles */
+  --chat--button--color: var(--chat--color-light);
+  --chat--button--background: var(--chat--color-primary);
+  --chat--button--padding: calc(var(--chat--spacing) * 1 / 2) var(--chat--spacing);
+  --chat--button--border-radius: var(--chat--border-radius);
+  --chat--button--hover--color: var(--chat--color-light);
+  --chat--button--hover--background: var(--chat--color-primary-shade-50);
+  --chat--close--button--color-hover: var(--chat--color-primary);
+  /* Send and File Buttons */
+  --chat--input--send--button--background: var(--chat--color-white);
+  --chat--input--send--button--color: var(--chat--color-light);
+  --chat--input--send--button--background-hover: var(--chat--color-primary-shade-50);
+  --chat--input--send--button--color-hover: var(--chat--color-secondary-shade-50);
+  --chat--input--file--button--background: var(--chat--color-white);
+  --chat--input--file--button--color: var(--chat--color-secondary);
+  --chat--input--file--button--background-hover: var(--chat--input--file--button--background);
+  --chat--input--file--button--color-hover: var(--chat--color-secondary-shade-50);
+  --chat--files-spacing: 0.25rem;
+  /* Body and Footer */
+  --chat--body--background: var(--chat--color-light);
+  --chat--footer--background: var(--chat--color-light);
+  --chat--footer--color: var(--chat--color-dark);
 }
 pre code.hljs {
   display: block;
@@ -20878,13 +20949,13 @@ li:hover ._iconContainer_1u6p2_147 svg {
  -------------------------- */
 /* BEM
  -------------------------- */
-.fade-enter-active[data-v-9ec840a6],
-.fade-leave-active[data-v-9ec840a6] {
+.fade-enter-active[data-v-76a59b58],
+.fade-leave-active[data-v-76a59b58] {
   -webkit-transition: opacity 200ms;
   transition: opacity 200ms;
 }
-.fade-enter-from[data-v-9ec840a6],
-.fade-leave-to[data-v-9ec840a6] {
+.fade-enter-from[data-v-76a59b58],
+.fade-leave-to[data-v-76a59b58] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */
@@ -21922,7 +21993,7 @@ li:hover ._iconContainer_1u6p2_147 svg {
  -------------------------- */
 /* BEM
  -------------------------- */
-[data-v-d60955d7] .el-color-picker .el-color-picker__empty,[data-v-d60955d7] .el-color-picker .el-color-picker__icon {
+[data-v-74f39017] .el-color-picker .el-color-picker__empty,[data-v-74f39017] .el-color-picker .el-color-picker__icon {
   display: none;
 }/* BEM support Func
  -------------------------- */
@@ -22205,7 +22276,7 @@ li:hover ._iconContainer_1u6p2_147 svg {
  -------------------------- */
 /* BEM
  -------------------------- */
-[data-v-9e749478] table {
+[data-v-72a48eb2] table {
   border: 1px solid var(--color-foreground-base);
   border-collapse: separate;
   overflow: hidden;
@@ -22216,44 +22287,44 @@ li:hover ._iconContainer_1u6p2_147 svg {
   background-color: var(--color-background-xlight);
   table-layout: fixed;
 }
-[data-v-9e749478] table th {
+[data-v-72a48eb2] table th {
   font-size: var(--font-size-2xs);
   font-weight: var(--font-weight-regular);
   padding: 10px 8px;
 }
-[data-v-9e749478] table td {
+[data-v-72a48eb2] table td {
   font-size: var(--font-size-s);
   padding: 3px 8px;
   height: 47px;
   width: auto;
 }
-[data-v-9e749478] table td:first-child {
+[data-v-72a48eb2] table td:first-child {
   padding-left: 16px;
 }
-[data-v-9e749478] table td:last-child {
+[data-v-72a48eb2] table td:last-child {
   padding-right: 16px;
 }
-[data-v-9e749478] table th,[data-v-9e749478] table td {
+[data-v-72a48eb2] table th,[data-v-72a48eb2] table td {
   vertical-align: middle;
   border-bottom: 1px solid var(--color-foreground-base);
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-[data-v-9e749478] table th:last-child,[data-v-9e749478] table td:last-child {
+[data-v-72a48eb2] table th:last-child,[data-v-72a48eb2] table td:last-child {
   border-right: none;
 }
-[data-v-9e749478] table tbody tr:hover {
+[data-v-72a48eb2] table tbody tr:hover {
   background-color: var(--color-background-light);
 }
-[data-v-9e749478] table tbody tr:last-child th,[data-v-9e749478] table tbody tr:last-child td {
+[data-v-72a48eb2] table tbody tr:last-child th,[data-v-72a48eb2] table tbody tr:last-child td {
   border-bottom: none;
 }
-.datatableWrapper[data-v-9e749478] {
+.datatableWrapper[data-v-72a48eb2] {
   display: block;
   width: 100%;
 }
-.pagination[data-v-9e749478] {
+.pagination[data-v-72a48eb2] {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -22268,7 +22339,7 @@ li:hover ._iconContainer_1u6p2_147 svg {
   overflow: visible;
   margin-top: var(--spacing-s);
 }
-.pageSizeSelector[data-v-9e749478] {
+.pageSizeSelector[data-v-72a48eb2] {
   text-transform: capitalize;
   max-width: 150px;
   -webkit-box-flex: 0;
@@ -23103,10 +23174,10 @@ li:hover ._iconContainer_1u6p2_147 svg {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1cz16_123 {
+._container_1phqv_123 {
   background-color: var(--color-background-base);
 }
-._header_1cz16_127 {
+._header_1phqv_127 {
   cursor: pointer;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -23115,16 +23186,15 @@ li:hover ._iconContainer_1u6p2_147 svg {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  gap: var(--spacing-3xs);
 }
-._header_1cz16_127 ._headerText_1cz16_133 {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-}
-._expanded_1cz16_137 {
+._expanded_1phqv_136 {
   padding: var(--spacing-s) var(--spacing-s) var(--spacing-2xs) var(--spacing-s);
 }
-._accordionItems_1cz16_141 {
+._accordionItems_1phqv_140 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -23137,17 +23207,17 @@ li:hover ._iconContainer_1u6p2_147 svg {
           align-items: flex-start !important;
   width: 100%;
 }
-._accordionItem_1cz16_141 {
+._accordionItem_1phqv_140 {
   display: block !important;
   text-align: left;
 }
-._description_1cz16_153 {
+._description_1phqv_152 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 0 var(--spacing-s) var(--spacing-s) var(--spacing-s);
 }
-._description_1cz16_153 b {
+._description_1phqv_152 b {
   font-weight: var(--font-weight-bold);
 }/* BEM support Func
  -------------------------- */
@@ -24797,7 +24867,7 @@ input[type=checkbox] + label {
  -------------------------- */
 /* BEM
  -------------------------- */
-.el-tooltip svg[data-v-49b045ef] {
+.el-tooltip svg[data-v-744f1375] {
   color: var(--color-foreground-xdark);
 }/* BEM support Func
  -------------------------- */
@@ -28216,7 +28286,7 @@ ul.user-stack-list li:hover {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1psne_123 {
+._container_25gnl_123 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -28225,27 +28295,27 @@ ul.user-stack-list li:hover {
           align-items: center;
   gap: var(--spacing-5xs);
 }
-._container_1psne_123._small_1psne_128 {
+._container_25gnl_123._small_25gnl_128 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   padding: var(--spacing-4xs) var(--spacing-3xs);
 }
-._container_1psne_123._border_1psne_132 {
+._container_25gnl_123._border_25gnl_132 {
   border: var(--border-base);
   border-radius: var(--border-radius-base);
 }
-._list_1psne_137 {
+._list_25gnl_137 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   list-style: none;
 }
-._item_1psne_142._current_1psne_142 span {
+._item_25gnl_142._current_25gnl_142 span {
   color: var(--color-text-dark);
 }
-._ellipsis_1psne_146 ._dots_1psne_146,
-._ellipsis_1psne_146 ._tooltip-ellipsis_1psne_147 {
+._ellipsis_25gnl_146 ._dots_25gnl_146,
+._ellipsis_25gnl_146 ._tooltip-ellipsis_25gnl_147 {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -28253,18 +28323,18 @@ ul.user-stack-list li:hover {
           user-select: none;
   color: var(--color-text-base);
 }
-._ellipsis_1psne_146._disabled_1psne_152 ._dots_1psne_146,
-._ellipsis_1psne_146._disabled_1psne_152 ._tooltip-ellipsis_1psne_147 {
+._ellipsis_25gnl_146._disabled_25gnl_152 ._dots_25gnl_146,
+._ellipsis_25gnl_146._disabled_25gnl_152 ._tooltip-ellipsis_25gnl_147 {
   cursor: default;
 }
-._ellipsis_1psne_146._disabled_1psne_152 ._dots_1psne_146 {
+._ellipsis_25gnl_146._disabled_25gnl_152 ._dots_25gnl_146 {
   cursor: default;
   color: var(--color-text-base);
 }
-._ellipsis_1psne_146._disabled_1psne_152 ._dots_1psne_146:hover {
+._ellipsis_25gnl_146._disabled_25gnl_152 ._dots_25gnl_146:hover {
   color: var(--color-text-base);
 }
-._hidden-items-menu_1psne_164 {
+._hidden-items-menu_25gnl_164 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -28272,11 +28342,11 @@ ul.user-stack-list li:hover {
   top: var(--spacing-5xs);
   color: var(--color-text-base);
 }
-._tooltip-loading_1psne_171 {
+._tooltip-loading_25gnl_171 {
   min-width: var(--spacing-3xl);
   width: 100%;
 }
-._tooltip-loading_1psne_171 .n8n-loading > div {
+._tooltip-loading_25gnl_171 .n8n-loading > div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -28286,68 +28356,68 @@ ul.user-stack-list li:hover {
           flex-direction: column;
   gap: var(--spacing-xs);
 }
-._tooltip-loading_1psne_171 .el-skeleton__item {
+._tooltip-loading_25gnl_171 .el-skeleton__item {
   margin: 0;
 }
-._tooltip_1psne_147 {
+._tooltip_25gnl_147 {
   padding: var(--spacing-xs) var(--spacing-2xs);
 }
-._tooltip_1psne_147 > div {
+._tooltip_25gnl_147 > div {
   color: var(--color-text-lighter);
 }
-._tooltip_1psne_147 > div span {
+._tooltip_25gnl_147 > div span {
   font-size: var(--font-size-2xs);
 }
-._tooltip_1psne_147 ._tooltip-loading_1psne_171 {
+._tooltip_25gnl_147 ._tooltip-loading_25gnl_171 {
   min-width: var(--spacing-4xl);
 }
-._dots_1psne_146 {
+._dots_25gnl_146 {
   padding: 0 var(--spacing-4xs);
   color: var(--color-text-light);
   border-radius: var(--border-radius-base);
 }
-._dots_1psne_146:hover, ._dots_1psne_146:focus {
+._dots_25gnl_146:hover, ._dots_25gnl_146:focus {
   background-color: var(--color-background-base);
   color: var(--color-primary);
 }
-._small_1psne_128 ._list_1psne_137 {
+._small_25gnl_128 ._list_25gnl_137 {
   gap: var(--spacing-5xs);
 }
-._small_1psne_128 ._item_1psne_142,
-._small_1psne_128 ._item_1psne_142 * {
+._small_25gnl_128 ._item_25gnl_142,
+._small_25gnl_128 ._item_25gnl_142 * {
   color: var(--color-text-base);
   font-size: var(--font-size-2xs);
   font-weight: 600;
 }
-._small_1psne_128 ._item_1psne_142 a:hover * {
+._small_25gnl_128 ._item_25gnl_142 a:hover * {
   color: var(--color-text-dark);
 }
-._small_1psne_128 ._separator_1psne_219 {
+._small_25gnl_128 ._separator_25gnl_219 {
   font-size: var(--font-size-m);
   color: var(--color-text-base);
 }
-._medium_1psne_224 li {
+._medium_25gnl_224 li {
   padding: var(--spacing-4xs);
 }
-._medium_1psne_224 ._item_1psne_142,
-._medium_1psne_224 ._item_1psne_142 * {
-  color: var(--color-text-light);
+._medium_25gnl_224 ._item_25gnl_142,
+._medium_25gnl_224 ._item_25gnl_142 * {
+  color: var(--color-text-base);
   font-size: var(--font-size-m);
 }
-._medium_1psne_224 ._item_1psne_142 a:hover * {
-  color: var(--color-text-base);
+._medium_25gnl_224 ._item_25gnl_142 a:hover * {
+  color: var(--color-text-dark);
 }
-._medium_1psne_224 ._ellipsis_1psne_146 {
+._medium_25gnl_224 ._ellipsis_25gnl_146 {
   padding-right: 0;
   padding-left: 0;
   color: var(--color-text-light);
 }
-._medium_1psne_224 ._ellipsis_1psne_146:hover {
+._medium_25gnl_224 ._ellipsis_25gnl_146:hover {
   color: var(--color-text-base);
 }
-._medium_1psne_224 ._separator_1psne_219 {
+._medium_25gnl_224 ._separator_25gnl_219 {
   font-size: var(--font-size-xl);
-  color: var(--prim-gray-670);
+  color: var(--color-foreground-base);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -29379,49 +29449,49 @@ ul.user-stack-list li:hover {
  -------------------------- */
 /* BEM
  -------------------------- */
-.slide-vertical-enter-active[data-v-4f385609],
-.slide-vertical-leave-active[data-v-4f385609] {
+.slide-vertical-enter-active[data-v-573c3786],
+.slide-vertical-leave-active[data-v-573c3786] {
   -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
   transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
   transition: transform 0.5s ease, opacity 0.5s ease;
   transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
 }
-.slide-vertical-enter[data-v-4f385609] {
+.slide-vertical-enter[data-v-573c3786] {
   -webkit-transform: translateY(100%);
           transform: translateY(100%);
   opacity: 0;
 }
-.slide-vertical-leave-to[data-v-4f385609] {
+.slide-vertical-leave-to[data-v-573c3786] {
   -webkit-transform: translateY(-100%);
           transform: translateY(-100%);
   opacity: 0;
 }
-.slide-horizontal-enter-active[data-v-4f385609],
-.slide-horizontal-leave-active[data-v-4f385609] {
+.slide-horizontal-enter-active[data-v-573c3786],
+.slide-horizontal-leave-active[data-v-573c3786] {
   -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
   transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
   transition: transform 0.5s ease, opacity 0.5s ease;
   transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
 }
-.slide-horizontal-enter[data-v-4f385609] {
+.slide-horizontal-enter[data-v-573c3786] {
   -webkit-transform: translateX(100%);
           transform: translateX(100%);
   opacity: 0;
 }
-.slide-horizontal-leave-to[data-v-4f385609] {
+.slide-horizontal-leave-to[data-v-573c3786] {
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
   opacity: 0;
 }
-.fade-enter-active[data-v-4f385609],
-.fade-leave-active[data-v-4f385609] {
+.fade-enter-active[data-v-573c3786],
+.fade-leave-active[data-v-573c3786] {
   -webkit-transition: opacity 0.5s ease;
   transition: opacity 0.5s ease;
 }
-.fade-enter[data-v-4f385609] {
+.fade-enter[data-v-573c3786] {
   opacity: 0;
 }
-.fade-leave-to[data-v-4f385609] {
+.fade-leave-to[data-v-573c3786] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */
@@ -33756,19 +33826,19 @@ code[class^=language-] {
 ._parameter-issues_1b4ft_257 {
   width: 25px !important;
 }
-.text-fade-in-out-enter-active[data-v-8f40a1ff],
-.text-fade-in-out-leave-active[data-v-8f40a1ff] {
+.text-fade-in-out-enter-active[data-v-54eb310f],
+.text-fade-in-out-leave-active[data-v-54eb310f] {
 	transition:
 		opacity 0.5s ease-in-out,
 		transform 0.5s ease-in-out;
 }
-.text-fade-in-out-enter[data-v-8f40a1ff],
-.text-fade-in-out-leave-to[data-v-8f40a1ff] {
+.text-fade-in-out-enter[data-v-54eb310f],
+.text-fade-in-out-leave-to[data-v-54eb310f] {
 	opacity: 0;
 	transform: translateX(10px);
 }
-.text-fade-in-out-enter-to[data-v-8f40a1ff],
-.text-fade-in-out-leave[data-v-8f40a1ff] {
+.text-fade-in-out-enter-to[data-v-54eb310f],
+.text-fade-in-out-leave[data-v-54eb310f] {
 	opacity: 1;
 }
 /* BEM support Func
@@ -34988,28 +35058,28 @@ code[class^=language-] {
  -------------------------- */
 /* BEM
  -------------------------- */
-.schema-header-wrapper[data-v-4b08fb0a] {
+.schema-header-wrapper[data-v-50538982] {
   padding-bottom: var(--spacing-2xs);
 }
-.schema-header[data-v-4b08fb0a] {
+.schema-header[data-v-50538982] {
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.toggle[data-v-4b08fb0a] {
+.toggle[data-v-50538982] {
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.collapse-icon[data-v-4b08fb0a] {
+.collapse-icon[data-v-50538982] {
   transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
 }
-.collapsed[data-v-4b08fb0a] {
+.collapsed[data-v-50538982] {
   transform: rotateZ(-90deg);
 }
-.icon[data-v-4b08fb0a] {
+.icon[data-v-50538982] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -35019,28 +35089,28 @@ code[class^=language-] {
   background-color: var(--color-background-xlight);
   margin-right: var(--spacing-2xs);
 }
-.icon-trigger[data-v-4b08fb0a] {
+.icon-trigger[data-v-50538982] {
   border-radius: 16px 4px 4px 16px;
 }
-.title[data-v-4b08fb0a] {
+.title[data-v-50538982] {
   font-size: var(--font-size-2xs);
   color: var(--color-text-dark);
 }
-.info[data-v-4b08fb0a] {
+.info[data-v-50538982] {
   margin-left: var(--spacing-2xs);
   color: var(--color-text-light);
   font-weight: var(--font-weight-regular);
 }
-.trigger-icon[data-v-4b08fb0a] {
+.trigger-icon[data-v-50538982] {
   margin-left: var(--spacing-2xs);
   color: var(--color-primary);
 }
-.item-count[data-v-4b08fb0a] {
+.item-count[data-v-50538982] {
   font-size: var(--font-size-2xs);
   color: var(--color-text-light);
   margin-left: auto;
 }
-.notice[data-v-4b08fb0a] {
+.notice[data-v-50538982] {
   margin-left: var(--spacing-2xl);
   margin-top: var(--spacing-2xs);
   margin-bottom: 0;
@@ -35335,17 +35405,17 @@ code[class^=language-] {
   border-color: var(--color-primary-tint-1);
   background-color: var(--color-primary-tint-3);
 }.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
-.full-height[data-v-52b1c91c] {
+.full-height[data-v-0152f535] {
 	height: 100%;
 }
-.run-data-schema[data-v-52b1c91c] {
+.run-data-schema[data-v-0152f535] {
 	padding: 0;
 }
-.scroller[data-v-52b1c91c] {
+.scroller[data-v-0152f535] {
 	padding: 0 var(--spacing-s);
 	padding-bottom: var(--spacing-2xl);
 }
-.no-results[data-v-52b1c91c] {
+.no-results[data-v-0152f535] {
 	text-align: center;
 	padding: var(--spacing-s) var(--spacing-s) var(--spacing-xl) var(--spacing-s);
 }
@@ -36494,34 +36564,175 @@ code[class^=language-] {
  -------------------------- */
 /* BEM
  -------------------------- */
-.readonly-code[data-v-0ce25612] {
+._editor_1eb80_123 {
+  height: 100%;
+}
+._editor_1eb80_123 > div {
+  height: 100%;
+}
+._fillHeight_1eb80_130 {
+  height: 100%;
+}
+._droppable_1eb80_134 .cm-editor {
+  border-color: var(--color-ndv-droppable-parameter);
+  border-style: dashed;
+  border-width: 1.5px;
+}
+._activeDrop_1eb80_140 .cm-editor {
+  border-color: var(--color-success);
+  border-style: solid;
+  cursor: grabbing;
+  border-width: 1px;
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.readonly-code[data-v-f37ddf82] {
   font-size: var(--font-size-xs);
 }
-.switch-input[data-v-0ce25612] {
+.switch-input[data-v-f37ddf82] {
   margin: var(--spacing-5xs) 0 var(--spacing-2xs) 0;
 }
-.parameter-value-container[data-v-0ce25612] {
+.parameter-value-container[data-v-f37ddf82] {
   display: flex;
   align-items: center;
 }
-.parameter-actions[data-v-0ce25612] {
+.parameter-actions[data-v-f37ddf82] {
   display: inline-flex;
   align-items: center;
 }
-.parameter-switch[data-v-0ce25612] {
+.parameter-switch[data-v-f37ddf82] {
   display: inline-flex;
   align-self: flex-start;
   justify-items: center;
   gap: var(--spacing-xs);
 }
-.parameter-input[data-v-0ce25612] {
+.parameter-input[data-v-f37ddf82] {
   display: inline-block;
   position: relative;
 }
-.parameter-input[data-v-0ce25612] .color-input {
+.parameter-input[data-v-f37ddf82] .color-input {
   display: flex;
 }
-.parameter-input[data-v-0ce25612] .color-input .el-color-picker__trigger {
+.parameter-input[data-v-f37ddf82] .color-input .el-color-picker__trigger {
   border: none;
 }/* BEM support Func
  -------------------------- */
@@ -41149,12 +41360,12 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.fade-enter-active[data-v-353c68e2],
-.fade-leave-active[data-v-353c68e2] {
+.fade-enter-active[data-v-5a9fa127],
+.fade-leave-active[data-v-5a9fa127] {
   transition: opacity 0.2s;
 }
-.fade-enter[data-v-353c68e2],
-.fade-leave-to[data-v-353c68e2] {
+.fade-enter[data-v-5a9fa127],
+.fade-leave-to[data-v-5a9fa127] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */
@@ -42486,24 +42697,24 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.workflow-settings[data-v-6dbf1613] {
+.workflow-settings[data-v-a8c4854a] {
   font-size: var(--font-size-s);
 }
-.workflow-settings .el-row[data-v-6dbf1613] {
+.workflow-settings .el-row[data-v-a8c4854a] {
   padding: 0.25em 0;
 }
-.setting-name[data-v-6dbf1613] {
+.setting-name[data-v-a8c4854a] {
   line-height: 32px;
 }
-.setting-name svg[data-v-6dbf1613] {
+.setting-name svg[data-v-a8c4854a] {
   display: inline-flex;
   opacity: 0;
   transition: opacity 0.3s ease;
 }
-.setting-name:hover svg[data-v-6dbf1613] {
+.setting-name:hover svg[data-v-a8c4854a] {
   opacity: 1;
 }
-.timeout-input[data-v-6dbf1613] {
+.timeout-input[data-v-a8c4854a] {
   margin-left: 5px;
 }/* BEM support Func
  -------------------------- */
@@ -43025,25 +43236,21 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-._notice_nczql_123 {
+._notice_jrpub_123 {
   margin: 0;
 }
-._hint_nczql_127 {
-  color: var(--color-text-light);
-  margin-bottom: var(--spacing-s);
-}
-._form_nczql_132 {
+._form_jrpub_127 {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs);
 }
-._expirationSection_nczql_138 {
+._expirationSection_jrpub_133 {
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   gap: var(--spacing-xs);
 }
-._footer_nczql_145 {
+._footer_jrpub_140 {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -45475,27 +45682,27 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.duplicate-parameter[data-v-c5cdbdaa] .button {
+.duplicate-parameter[data-v-056512f2] .button {
   --button-background-color: var(--color-background-base);
   --button-border-color: var(--color-foreground-base);
 }
-.duplicate-parameter[data-v-c5cdbdaa] .duplicate-parameter-item {
+.duplicate-parameter[data-v-056512f2] .duplicate-parameter-item {
   position: relative;
 }
-.duplicate-parameter[data-v-c5cdbdaa] .duplicate-parameter-item .multi > .delete-item {
+.duplicate-parameter[data-v-056512f2] .duplicate-parameter-item .multi > .delete-item {
   top: 0.1em;
 }
-.duplicate-parameter[data-v-c5cdbdaa] .duplicate-parameter-input-item {
+.duplicate-parameter[data-v-056512f2] .duplicate-parameter-input-item {
   margin: 0.5em 0 0.25em 2em;
 }
-.duplicate-parameter[data-v-c5cdbdaa] .duplicate-parameter-item + .duplicate-parameter-item .collection-parameter-wrapper {
+.duplicate-parameter[data-v-056512f2] .duplicate-parameter-item + .duplicate-parameter-item .collection-parameter-wrapper {
   border-top: 1px dashed #999;
   margin-top: var(--spacing-xs);
 }
-.duplicate-parameter-item ~ .add-item-wrapper[data-v-c5cdbdaa] {
+.duplicate-parameter-item ~ .add-item-wrapper[data-v-056512f2] {
   margin-top: var(--spacing-xs);
 }
-.delete-item[data-v-c5cdbdaa] {
+.delete-item[data-v-056512f2] {
   display: none;
   position: absolute;
   left: 0.1em;
@@ -45505,10 +45712,10 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
   width: 15px;
   font-size: var(--font-size-2xs);
 }
-.delete-item[data-v-c5cdbdaa] :hover {
+.delete-item[data-v-056512f2] :hover {
   color: #ff0000;
 }
-.no-items-exist[data-v-c5cdbdaa] {
+.no-items-exist[data-v-056512f2] {
   margin: var(--spacing-xs) 0;
 }
 .duplicate-parameter-item:hover > .delete-item {
@@ -46781,13 +46988,13 @@ tr:hover ._ops_p819s_133:not(._disabled_p819s_123) {
  -------------------------- */
 /* BEM
  -------------------------- */
-.connection-switch[data-v-84e491b7] {
+.connection-switch[data-v-6383fc51] {
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.connection-switch.error[data-v-84e491b7] .el-switch.is-checked .el-switch__core {
+.connection-switch.error[data-v-6383fc51] .el-switch.is-checked .el-switch__core {
   background-color: #ff4027;
   border-color: #ff4027;
 }/* BEM support Func