n8n-editor-ui 1.100.0 → 1.101.0

package/dist/assets/{NodeView-RurRbUaI.css → NodeView-DL8JxnMc.css}

@@ -1785,21 +1785,13 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_178ym_123 {
-  font-weight: var(--font-weight-medium);
-  display: flex;
-  font-size: var(--font-size-m);
-  margin-right: var(--spacing-s);
-  color: var(--color-text-dark);
-  width: 100%;
-}
-._textWrapper_178ym_132 {
-  display: flex;
-  flex-grow: 1;
+#communityNode > div {
+  cursor: auto;
+  padding-right: 0;
+  padding-left: 0;
 }
-._iconWrapper_178ym_137 {
-  display: inline-flex;
-  margin-right: var(--spacing-2xs);
+#communityNode > div:hover {
+  color: unset;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1922,13 +1914,21 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-#communityNode > div {
-  cursor: auto;
-  padding-right: 0;
-  padding-left: 0;
+._container_178ym_123 {
+  font-weight: var(--font-weight-medium);
+  display: flex;
+  font-size: var(--font-size-m);
+  margin-right: var(--spacing-s);
+  color: var(--color-text-dark);
+  width: 100%;
 }
-#communityNode > div:hover {
-  color: unset;
+._textWrapper_178ym_132 {
+  display: flex;
+  flex-grow: 1;
+}
+._iconWrapper_178ym_137 {
+  display: inline-flex;
+  margin-right: var(--spacing-2xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2504,19 +2504,14 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-._header_ksz9x_123 {
+._header_13al3_123 {
   background-color: var(--color-background-base);
 }
-._headerActions_ksz9x_127 {
-  display: flex;
-  gap: var(--spacing-4xs);
-  align-items: center;
-}
-._warningIcon_ksz9x_133 {
+._warningIcon_13al3_127 {
   color: var(--color-text-lighter);
   font-size: var(--font-size-2xl);
 }
-._descriptionContainer_ksz9x_138 {
+._descriptionContainer_13al3_132 {
   display: flex;
   flex-direction: column;
 }/* BEM support Func
@@ -2641,7 +2636,7 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-.node-settings[data-v-d069a584] {
+.node-settings[data-v-8e2785e0] {
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -2649,19 +2644,22 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   height: 100%;
   width: 100%;
 }
-.node-settings .no-parameters[data-v-d069a584] {
+.node-settings .no-parameters[data-v-8e2785e0] {
   margin-top: var(--spacing-xs);
 }
-.node-settings .header-side-menu[data-v-d069a584] {
+.node-settings .header-side-menu[data-v-8e2785e0] {
   padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-s);
   font-size: var(--font-size-l);
   display: flex;
   justify-content: space-between;
 }
-.node-settings .header-side-menu .node-name[data-v-d069a584] {
+.node-settings .header-side-menu .node-name[data-v-8e2785e0] {
   padding-top: var(--spacing-5xs);
 }
-.node-settings .node-is-not-valid[data-v-d069a584] {
+.node-settings.embedded .header-side-menu[data-v-8e2785e0] {
+  padding: var(--spacing-xs);
+}
+.node-settings .node-is-not-valid[data-v-8e2785e0] {
   height: 75%;
   padding: 10px;
   display: flex;
@@ -2671,54 +2669,75 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   text-align: center;
   line-height: var(--font-line-height-regular);
 }
-.node-settings .node-parameters-wrapper[data-v-d069a584] {
+.node-settings .node-parameters-wrapper[data-v-8e2785e0] {
   overflow-y: auto;
   padding: 0 var(--spacing-m) var(--spacing-l) var(--spacing-m);
   flex-grow: 1;
 }
-.node-settings.dragging[data-v-d069a584] {
+.node-settings.embedded .node-parameters-wrapper[data-v-8e2785e0] {
+  padding: 0 var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);
+}
+.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-8e2785e0] {
+  padding: 0 var(--spacing-2xs) var(--spacing-xs) var(--spacing-xs);
+}
+@supports not (selector(::-webkit-scrollbar)) {
+.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-8e2785e0] {
+    scrollbar-width: thin;
+}
+}
+@supports selector(::-webkit-scrollbar) {
+.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-8e2785e0]::-webkit-scrollbar {
+    width: var(--spacing-2xs);
+}
+.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-8e2785e0]::-webkit-scrollbar-thumb {
+    border-radius: var(--spacing-2xs);
+    background: var(--color-foreground-dark);
+    border: var(--spacing-5xs) solid white;
+}
+}
+.node-settings.dragging[data-v-8e2785e0] {
   border-color: var(--color-primary);
   box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
 }
-.parameter-content[data-v-d069a584] {
+.parameter-content[data-v-8e2785e0] {
   font-size: 0.9em;
   margin-right: -15px;
   margin-left: -15px;
 }
-.parameter-content input[data-v-d069a584] {
+.parameter-content input[data-v-8e2785e0] {
   width: calc(100% - 35px);
   padding: 5px;
 }
-.parameter-content select[data-v-d069a584] {
+.parameter-content select[data-v-8e2785e0] {
   width: calc(100% - 20px);
   padding: 5px;
 }
-.parameter-content[data-v-d069a584]:before {
+.parameter-content[data-v-8e2785e0]:before {
   display: table;
   content: " ";
   position: relative;
   box-sizing: border-box;
   clear: both;
 }
-.parameter-wrapper[data-v-d069a584] {
+.parameter-wrapper[data-v-8e2785e0] {
   padding: 0 1em;
 }
-.color-reset-button-wrapper[data-v-d069a584] {
+.color-reset-button-wrapper[data-v-8e2785e0] {
   position: relative;
 }
-.color-reset-button[data-v-d069a584] {
+.color-reset-button[data-v-8e2785e0] {
   position: absolute;
   right: 7px;
   top: -25px;
 }
-.node-version[data-v-d069a584] {
+.node-version[data-v-8e2785e0] {
   border-top: var(--border-base);
   font-size: var(--font-size-xs);
   font-size: var(--font-size-2xs);
   padding: var(--spacing-xs) 0 var(--spacing-2xs) 0;
   color: var(--color-text-light);
 }
-.parameter-value input.expression[data-v-d069a584] {
+.parameter-value input.expression[data-v-8e2785e0] {
   border-style: dashed;
   border-color: #ff9600;
   display: inline-block;
@@ -2848,7 +2867,188 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-._node_1b2gp_123 {
+:root ._component_1kmdn_123 {
+  position: relative;
+  align-items: flex-start;
+  justify-content: stretch;
+  overflow: visible;
+  border-width: 0 !important;
+  outline: none;
+  box-shadow: none !important;
+  background-color: transparent;
+  width: calc(var(--canvas-node--width) * 1.5);
+}
+:root ._component_1kmdn_123._expanded_1kmdn_134 {
+  cursor: default;
+}
+:root ._component_1kmdn_123._collapsed_1kmdn_137 {
+  height: 50px;
+  margin-block: calc(var(--canvas-node--width) * 0.25);
+}
+:root .vue-flow__node:has(._component_1kmdn_123) {
+  z-index: 10;
+}
+.selected :root .vue-flow__node:has(._component_1kmdn_123) {
+  z-index: 11;
+}
+:root ._collapsedContent_1kmdn_149,
+:root ._settingsView_1kmdn_150 {
+  border-radius: var(--border-radius-base);
+  border: 1px solid var(--canvas-node--border-color, var(--color-foreground-xdark));
+  z-index: 1000;
+  position: absolute;
+  left: 0;
+  width: 100%;
+}
+.selected :root ._collapsedContent_1kmdn_149,
+.selected :root ._settingsView_1kmdn_150 {
+  box-shadow: 0 0 0 4px var(--color-canvas-selected-transparent);
+  z-index: 1001;
+}
+:root ._collapsedContent_1kmdn_149 > *,
+:root ._settingsView_1kmdn_150 > * {
+  zoom: var(--zoom);
+}
+:root ._settingsView_1kmdn_150 {
+  height: auto;
+  max-height: min(200%, 300px);
+  top: -10%;
+  min-height: 120%;
+}
+._collapsedContent_1kmdn_149 {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-s);
+  background-color: white;
+  padding: var(--spacing-2xs);
+  background-color: var(--color-background-xlight);
+  color: var(--color-text-base);
+  cursor: pointer;
+}/* 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
+ -------------------------- */
+._node_1gj9w_123 {
   --canvas-node-border-width: 2px;
   --trigger-node--border-radius: 36px;
   --canvas-node--status-icons-offset: var(--spacing-3xs);
@@ -2870,33 +3070,21 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
    * The reverse order defines the priority in case multiple states are active
    */
 }
-._node_1b2gp_123._trigger_1b2gp_145 {
+._node_1gj9w_123._trigger_1gj9w_145 {
   border-radius: var(--trigger-node--border-radius) var(--border-radius-large) var(--border-radius-large) var(--trigger-node--border-radius);
 }
-._node_1b2gp_123._settingsView_1b2gp_148 {
-  height: calc(var(--canvas-node--height) * 2.4) !important;
-  width: calc(var(--canvas-node--width) * 1.6) !important;
-  align-items: flex-start;
-  justify-content: stretch;
-  overflow: auto;
-  border-radius: var(--border-radius-large) !important;
-}
-._node_1b2gp_123._settingsView_1b2gp_148 > * {
-  zoom: calc(1 / var(--zoom, 1));
-  width: 100% !important;
-}
-._node_1b2gp_123._configuration_1b2gp_160 {
+._node_1gj9w_123._configuration_1gj9w_148 {
   background: var(--canvas-node--background, var(--node-type-supplemental-background));
   border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-dark));
   border-radius: calc(var(--canvas-node--height) / 2);
 }
-._node_1b2gp_123._configuration_1b2gp_160 ._statusIcons_1b2gp_165 {
+._node_1gj9w_123._configuration_1gj9w_148 ._statusIcons_1gj9w_153 {
   right: unset;
 }
-._node_1b2gp_123._configurable_1b2gp_168 ._icon_1b2gp_168 {
+._node_1gj9w_123._configurable_1gj9w_156 ._icon_1gj9w_156 {
   margin-left: calc(40px - (var(--node-icon-size)) / 2 - var(--canvas-node-border-width));
 }
-._node_1b2gp_123._configurable_1b2gp_168 ._description_1b2gp_171 {
+._node_1gj9w_123._configurable_1gj9w_156 ._description_1gj9w_159 {
   top: unset;
   position: relative;
   margin-top: 0;
@@ -2909,48 +3097,63 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   flex-grow: 1;
   flex-shrink: 1;
 }
-._node_1b2gp_123._configurable_1b2gp_168 ._label_1b2gp_184 {
+._node_1gj9w_123._configurable_1gj9w_156 ._label_1gj9w_172 {
   text-align: left;
 }
-._node_1b2gp_123._configurable_1b2gp_168 ._subtitle_1b2gp_187 {
+._node_1gj9w_123._configurable_1gj9w_156 ._subtitle_1gj9w_175 {
   text-align: left;
 }
-._node_1b2gp_123._configurable_1b2gp_168._configuration_1b2gp_160 ._icon_1b2gp_168 {
+._node_1gj9w_123._configurable_1gj9w_156._configuration_1gj9w_148 ._icon_1gj9w_156 {
   margin-left: calc((var(--canvas-node--height) - var(--node-icon-size)) / 2);
 }
-._node_1b2gp_123._configurable_1b2gp_168._configuration_1b2gp_160:not(._running_1b2gp_193) ._statusIcons_1b2gp_165 {
+._node_1gj9w_123._configurable_1gj9w_156._configuration_1gj9w_148:not(._running_1gj9w_181) ._statusIcons_1gj9w_153 {
   position: static;
   margin-right: var(--spacing-2xs);
 }
-._node_1b2gp_123._configurable_1b2gp_168._configuration_1b2gp_160 ._description_1b2gp_171 {
+._node_1gj9w_123._configurable_1gj9w_156._configuration_1gj9w_148 ._description_1gj9w_159 {
   margin-right: var(--spacing-xs);
 }
-._node_1b2gp_123._selected_1b2gp_200 {
+._node_1gj9w_123._selected_1gj9w_188 {
   box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
 }
-._node_1b2gp_123._success_1b2gp_203 {
-  border-color: var(--color-canvas-node-success-border-color, var(--color-success));
+._node_1gj9w_123._success_1gj9w_191 {
+  --canvas-node--border-color: var(
+  	--color-canvas-node-success-border-color,
+  	var(--color-success)
+  );
 }
-._node_1b2gp_123._warning_1b2gp_206 {
-  border-color: var(--color-warning);
+._node_1gj9w_123._warning_1gj9w_197 {
+  --canvas-node--border-color: var(--color-warning);
 }
-._node_1b2gp_123._error_1b2gp_209 {
-  border-color: var(--color-canvas-node-error-border-color, var(--color-danger));
+._node_1gj9w_123._error_1gj9w_200 {
+  --canvas-node--border-color: var(--color-canvas-node-error-border-color, var(--color-danger));
 }
-._node_1b2gp_123._pinned_1b2gp_212 {
-  border-color: var(--color-canvas-node-pinned-border-color, var(--color-node-pinned-border));
+._node_1gj9w_123._pinned_1gj9w_203 {
+  --canvas-node--border-color: var(
+  	--color-canvas-node-pinned-border-color,
+  	var(--color-node-pinned-border)
+  );
 }
-._node_1b2gp_123._disabled_1b2gp_215 {
-  border-color: var(--color-canvas-node-disabled-border-color, var(--color-foreground-base));
+._node_1gj9w_123._disabled_1gj9w_209 {
+  --canvas-node--border-color: var(
+  	--color-canvas-node-disabled-border-color,
+  	var(--color-foreground-base)
+  );
 }
-._node_1b2gp_123._running_1b2gp_193 {
+._node_1gj9w_123._running_1gj9w_181 {
   background-color: var(--color-node-executing-background);
-  border-color: var(--color-canvas-node-running-border-color, var(--color-node-running-border));
-}
-._node_1b2gp_123._waiting_1b2gp_222 {
-  border-color: var(--color-canvas-node-waiting-border-color, var(--color-secondary));
-}
-._description_1b2gp_171 {
+  --canvas-node--border-color: var(
+  	--color-canvas-node-running-border-color,
+  	var(--color-node-running-border)
+  );
+}
+._node_1gj9w_123._waiting_1gj9w_222 {
+  --canvas-node--border-color: var(
+  	--color-canvas-node-waiting-border-color,
+  	var(--color-secondary)
+  );
+}
+._description_1gj9w_159 {
   top: 100%;
   position: absolute;
   width: 100%;
@@ -2960,8 +3163,8 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   flex-direction: column;
   gap: var(--spacing-4xs);
 }
-._label_1b2gp_184,
-._disabledLabel_1b2gp_238 {
+._label_1gj9w_172,
+._disabledLabel_1gj9w_241 {
   font-size: var(--font-size-m);
   text-align: center;
   text-overflow: ellipsis;
@@ -2973,7 +3176,7 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   font-weight: var(--font-weight-medium);
   line-height: var(--font-line-height-compact);
 }
-._subtitle_1b2gp_187 {
+._subtitle_1gj9w_175 {
   width: 100%;
   text-align: center;
   color: var(--color-text-light);
@@ -2984,12 +3187,12 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   line-height: var(--font-line-height-compact);
   font-weight: var(--font-weight-regular);
 }
-._statusIcons_1b2gp_165 {
+._statusIcons_1gj9w_153 {
   position: absolute;
   bottom: var(--canvas-node--status-icons-offset);
   right: var(--canvas-node--status-icons-offset);
 }
-._icon_1b2gp_168 {
+._icon_1gj9w_156 {
   flex-grow: 0;
   flex-shrink: 0;
 }/* BEM support Func
@@ -5560,12 +5763,12 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-.minimap-enter-active[data-v-f87bc480],
-.minimap-leave-active[data-v-f87bc480] {
+.minimap-enter-active[data-v-49d79266],
+.minimap-leave-active[data-v-49d79266] {
   transition: opacity 0.3s ease;
 }
-.minimap-enter-from[data-v-f87bc480],
-.minimap-leave-to[data-v-f87bc480] {
+.minimap-enter-from[data-v-49d79266],
+.minimap-leave-to[data-v-49d79266] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */
@@ -5964,51 +6167,235 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-._component_18nok_123 {
+._container_1s06k_123 {
+  display: flex;
+  flex-direction: column;
+  width: 528px;
+  border-left: 1px solid var(--color-foreground-base);
+  background: var(--color-background-base);
+}
+._closeButton_1s06k_131:hover {
+  cursor: pointer;
+}
+._header_1s06k_135 {
+  display: flex;
+  padding: var(--spacing-2xs);
+  justify-content: space-between;
+  border-bottom: 1px solid var(--color-foreground-base);
+  background: var(--color-background-xlight);
+}
+._content_1s06k_143 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}
+._content_1s06k_143._emptyContent_1s06k_149 {
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+}
+._content_1s06k_143._emptyContent_1s06k_149 ._emptyText_1s06k_154 {
+  max-width: 300px;
+}
+._content_1s06k_143 ._tabHeader_1s06k_157 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid var(--color-foreground-base);
+  padding: var(--spacing-2xs);
+}
+._content_1s06k_143 ._tabHeader_1s06k_157 ._tabHeaderText_1s06k_164 {
+  display: flex;
+  gap: var(--spacing-4xs);
+  align-items: center;
+}
+._content_1s06k_143 ._tabHeader_1s06k_157 ._buttonWrapper_1s06k_169 {
+  display: flex;
+  padding: 6px 8px 6px 34px;
+  justify-content: flex-end;
+}
+._content_1s06k_143 ._parameterDetailsWrapper_1s06k_174 {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  gap: var(--spacing-2xs);
+  padding: var(--spacing-2xs);
+}
+._content_1s06k_143 ._parameterDetailsWrapper_1s06k_174 ._parameterOptionsWrapper_1s06k_181 {
+  display: flex;
+  justify-content: space-between;
+}
+._content_1s06k_143 ._parameterDetailsWrapper_1s06k_174 ._editorContainer_1s06k_185 {
+  display: flex;
+  height: 100%;
+}
+._content_1s06k_143 ._parameterDetailsWrapper_1s06k_174 ._editorContainer_1s06k_185 ._editor_1s06k_185 {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  font-size: var(--font-size-xs);
+}/* 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
+ -------------------------- */
+._component_p52lz_123 {
   position: relative;
   display: flex;
   align-items: stretch;
 }
-._split_18nok_129 ._button_18nok_129 {
+._split_p52lz_129 ._button_p52lz_129 {
   height: var(--spacing-2xl);
   padding-inline-start: var(--spacing-xs);
-  padding-inline-end: var(--spacing-xl);
   padding-block: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
-._chevron_18nok_136 {
-  position: absolute;
-  right: var(--spacing-3xs);
-  top: var(--spacing-3xs);
-  width: 18px;
-  height: calc(100% - var(--spacing-3xs) * 2);
-  border: none;
-  padding: 0;
-  background-color: transparent;
-}
-._chevron_18nok_136:not(:disabled):hover {
-  background-color: var(--prim-color-primary-tint-100);
+._divider_p52lz_137 {
+  width: 1px;
+  background-color: var(--button-font-color, var(--color-button-primary-font));
 }
-._chevron_18nok_136:disabled {
-  background-color: transparent !important;
+._chevron_p52lz_142 {
+  width: 40px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
-._menu_18nok_153 .el-dropdown {
+._menu_p52lz_148 .el-dropdown {
   height: 100%;
 }
-._menuItem_18nok_157 {
+._menuItem_p52lz_152 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2xs);
 }
-._menuItem_18nok_157._disabled_18nok_163 ._menuIcon_18nok_163 {
+._menuItem_p52lz_152._disabled_p52lz_158 ._menuIcon_p52lz_158 {
   opacity: 0.2;
 }
-._buttonContent_18nok_167 {
+._buttonContent_p52lz_162 {
   display: flex;
   flex-direction: column;
   align-items: flex-start !important;
   gap: var(--spacing-5xs);
 }
-._subText_18nok_174 {
+._subText_p52lz_169 {
   font-size: var(--font-size-2xs);
 }/* BEM support Func
  -------------------------- */
@@ -6132,7 +6519,11 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-._executionButtons_1d2c1_123 {
+._wrapper_1xmhy_123 {
+  display: flex;
+  width: 100%;
+}
+._executionButtons_1xmhy_128 {
   position: absolute;
   display: flex;
   justify-content: center;
@@ -6143,41 +6534,41 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   width: auto;
 }
 @media screen and (max-width: 991px) {
-._executionButtons_1d2c1_123 {
+._executionButtons_1xmhy_128 {
     left: auto;
     right: var(--spacing-s);
     transform: none;
 }
 }
-._executionButtons_1d2c1_123 button {
+._executionButtons_1xmhy_128 button {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-left: 0.625rem;
 }
-._executionButtons_1d2c1_123 button:first-child {
+._executionButtons_1xmhy_128 button:first-child {
   margin: 0;
 }
 @media screen and (max-width: 767px) {
-._executionButtons_1d2c1_123 button {
+._executionButtons_1xmhy_128 button {
     text-indent: -10000px;
     width: 42px;
     height: 42px;
     padding: 0;
 }
-._executionButtons_1d2c1_123 button span {
+._executionButtons_1xmhy_128 button span {
     margin: 0;
 }
 }
-._executionButtons_1d2c1_123 ._chatButton_1d2c1_160 {
+._executionButtons_1xmhy_128 ._chatButton_1xmhy_165 {
   align-self: stretch;
 }
-._setupCredentialsButtonWrapper_1d2c1_164 {
+._setupCredentialsButtonWrapper_1xmhy_169 {
   position: absolute;
   left: var(--spacing-s);
   top: var(--spacing-s);
 }
-._readOnlyEnvironmentNotification_1d2c1_170 {
+._readOnlyEnvironmentNotification_1xmhy_175 {
   position: absolute;
   bottom: 16px;
   left: 50%;