n8n-editor-ui 1.97.1 → 1.98.1

package/dist/assets/{NodeView-BdvXMmMp.css → NodeView-Duifly4c.css}

@@ -1785,7 +1785,1065 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-._node_1d2zc_123 {
+._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;
+}
+._iconWrapper_178ym_137 {
+  display: inline-flex;
+  margin-right: var(--spacing-2xs);
+}/* 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
+ -------------------------- */
+#communityNode > div {
+  cursor: auto;
+  padding-right: 0;
+  padding-left: 0;
+}
+#communityNode > div:hover {
+  color: unset;
+}/* 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
+ -------------------------- */
+.webhooks[data-v-84b9da4b] {
+  padding-bottom: var(--spacing-xs);
+  margin: var(--spacing-xs) 0;
+  border-bottom: 1px solid var(--color-text-lighter);
+}
+.webhooks .headline[data-v-84b9da4b] {
+  color: var(--color-primary);
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-2xs);
+}
+.http-field[data-v-84b9da4b] {
+  position: absolute;
+  width: 50px;
+  display: inline-block;
+  top: calc(50% - 8px);
+}
+.http-method[data-v-84b9da4b] {
+  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-84b9da4b] {
+  font-size: 1.3em;
+  margin-right: 0.5em;
+}
+.mode-selection-headline[data-v-84b9da4b] {
+  line-height: 1.8em;
+}
+.node-webhooks[data-v-84b9da4b] {
+  margin-left: 1em;
+}
+.url-field[data-v-84b9da4b] {
+  display: inline-block;
+  width: calc(100% - 60px);
+  margin-left: 55px;
+}
+.url-field-full-width[data-v-84b9da4b] {
+  display: inline-block;
+  margin: 5px 10px;
+}
+.url-selection[data-v-84b9da4b] {
+  margin-top: var(--spacing-xs);
+}
+.minimize-button[data-v-84b9da4b] {
+  display: inline-block;
+  transition-duration: 0.5s;
+  transition-property: transform;
+}
+.expanded .minimize-button[data-v-84b9da4b] {
+  transform: rotate(90deg);
+}
+.webhook-url[data-v-84b9da4b] {
+  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-84b9da4b] {
+  line-height: 1.5;
+  position: relative;
+  margin-top: var(--spacing-xs);
+  background-color: var(--color-foreground-xlight);
+  border-radius: 3px;
+}/* 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
+ -------------------------- */
+@keyframes _horizontal-shake_ac466_1 {
+0% {
+    transform: translateX(0);
+}
+25% {
+    transform: translateX(5px);
+}
+50% {
+    transform: translateX(-5px);
+}
+75% {
+    transform: translateX(5px);
+}
+100% {
+    transform: translateX(0);
+}
+}
+._container_ac466_140 {
+  --node-size: 45px;
+  --plus-button-size: 30px;
+  --animation-duration: 150ms;
+  --collapsed-offset: 10px;
+  padding-top: calc(var(--node-size) + var(--spacing-3xs));
+}
+._connections_ac466_148 {
+  min-height: calc(var(--node-size) + var(--spacing-m));
+  position: absolute;
+  bottom: calc(var(--node-size) / 2 * -1);
+  left: 0;
+  right: 0;
+  -webkit-user-select: none;
+          user-select: none;
+  justify-content: space-between;
+  display: grid;
+  grid-template-columns: repeat(var(--possible-connections), 1fr);
+}
+._connectionType_ac466_160 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  transition: all calc(var(--animation-duration) - 50ms) ease;
+}
+._connectionLabel_ac466_167 {
+  margin-bottom: var(--spacing-2xs);
+  font-size: var(--font-size-2xs);
+  -webkit-user-select: none;
+          user-select: none;
+  text-wrap: nowrap;
+}
+._connectionLabel_ac466_167._hasIssues_ac466_173 {
+  color: var(--color-danger);
+}
+._connectedNodesWrapper_ac466_177 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+}
+._plusButton_ac466_185 {
+  transition: all var(--animation-duration) ease;
+  position: absolute;
+  top: var(--spacing-2xs);
+}
+._plusButton_ac466_185._hasIssues_ac466_173 {
+  animation: _horizontal-shake_ac466_1 500ms;
+}
+._plusButton_ac466_185._hasIssues_ac466_173 button {
+  --button-font-color: var(--color-danger);
+  --button-border-color: var(--color-danger);
+}
+._plusButton_ac466_185:not(:last-child) {
+  z-index: 1;
+  right: 100%;
+  margin-right: calc(var(--plus-button-size) * -1 * 0.9);
+  pointer-events: none;
+}
+._connectedNodesWrapperExpanded_ac466_203 ._plusButton_ac466_185:not(:last-child) {
+  margin-right: var(--spacing-2xs);
+  opacity: 1;
+  pointer-events: all;
+}
+._connectedNodesMultiple_ac466_209 {
+  transition: all var(--animation-duration) ease;
+}
+._connectedNodesWrapperExpanded_ac466_203 {
+  z-index: 1;
+}
+._connections_ac466_148:has(._connectedNodesWrapperExpanded_ac466_203) ._connectionType_ac466_160:not(:has(._connectedNodesWrapperExpanded_ac466_203)) {
+  opacity: 0;
+  pointer-events: none;
+  visibility: hidden;
+}
+._connectedNode_ac466_177 {
+  border: var(--border-base);
+  background-color: var(--color-node-background);
+  border-radius: 100%;
+  padding: var(--spacing-xs);
+  cursor: pointer;
+  pointer-events: all;
+  transition: all var(--animation-duration) ease;
+  position: relative;
+  display: flex;
+  justify-self: center;
+  align-self: center;
+}
+._connectedNodes_ac466_177 {
+  display: flex;
+  justify-content: center;
+  margin-right: calc((var(--nodes-length) - 1) * -1 * (var(--node-size) - var(--collapsed-offset)));
+}
+._connectedNodesWrapperExpanded_ac466_203 ._connectedNodes_ac466_177 {
+  margin-right: 0;
+  margin-right: calc((var(--spacing-2xs) + var(--plus-button-size)) * -1);
+}
+._nodeWrapper_ac466_247 {
+  transition: all var(--animation-duration) ease;
+  transform-origin: center;
+  z-index: 1;
+}
+._connectedNodesWrapperExpanded_ac466_203 ._nodeWrapper_ac466_247:not(:first-child) {
+  margin-left: var(--spacing-2xs);
+}
+._nodeWrapper_ac466_247._hasIssues_ac466_173 ._connectedNode_ac466_177 {
+  border-width: calc(var(--border-width-base) * 2);
+  border-color: var(--color-danger);
+}
+._nodeWrapper_ac466_247:not(:first-child) {
+  transform: translateX(calc(var(--node-index) * -1 * (var(--node-size) - var(--collapsed-offset))));
+}
+._connectedNodesWrapperExpanded_ac466_203 ._nodeWrapper_ac466_247 {
+  transform: translateX(0);
+}/* 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
+ -------------------------- */
+._header_13al3_123 {
+  background-color: var(--color-background-base);
+}
+._warningIcon_13al3_127 {
+  color: var(--color-text-lighter);
+  font-size: var(--font-size-2xl);
+}
+._descriptionContainer_13al3_132 {
+  display: flex;
+  flex-direction: column;
+}/* 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-settings[data-v-114fd48f] {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background-color: var(--color-background-xlight);
+  height: 100%;
+  width: 100%;
+}
+.node-settings .no-parameters[data-v-114fd48f] {
+  margin-top: var(--spacing-xs);
+}
+.node-settings .header-side-menu[data-v-114fd48f] {
+  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-114fd48f] {
+  padding-top: var(--spacing-5xs);
+}
+.node-settings .node-is-not-valid[data-v-114fd48f] {
+  height: 75%;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  line-height: var(--font-line-height-regular);
+}
+.node-settings .node-parameters-wrapper[data-v-114fd48f] {
+  overflow-y: auto;
+  padding: 0 var(--spacing-m) var(--spacing-l) var(--spacing-m);
+  flex-grow: 1;
+}
+.node-settings.dragging[data-v-114fd48f] {
+  border-color: var(--color-primary);
+  box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
+}
+.parameter-content[data-v-114fd48f] {
+  font-size: 0.9em;
+  margin-right: -15px;
+  margin-left: -15px;
+}
+.parameter-content input[data-v-114fd48f] {
+  width: calc(100% - 35px);
+  padding: 5px;
+}
+.parameter-content select[data-v-114fd48f] {
+  width: calc(100% - 20px);
+  padding: 5px;
+}
+.parameter-content[data-v-114fd48f]:before {
+  display: table;
+  content: " ";
+  position: relative;
+  box-sizing: border-box;
+  clear: both;
+}
+.parameter-wrapper[data-v-114fd48f] {
+  padding: 0 1em;
+}
+.color-reset-button-wrapper[data-v-114fd48f] {
+  position: relative;
+}
+.color-reset-button[data-v-114fd48f] {
+  position: absolute;
+  right: 7px;
+  top: -25px;
+}
+.node-version[data-v-114fd48f] {
+  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-114fd48f] {
+  border-style: dashed;
+  border-color: #ff9600;
+  display: inline-block;
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  background-color: #793300;
+}/* 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_jt24t_123 {
   --canvas-node--max-vertical-handles: max(
   	var(--canvas-node--main-input-count),
   	var(--canvas-node--main-output-count),
@@ -1818,20 +2876,33 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
    * The reverse order defines the priority in case multiple states are active
    */
 }
-._node_1d2zc_123._trigger_1d2zc_156 {
+._node_jt24t_123._trigger_jt24t_156 {
   border-radius: var(--trigger-node--border-radius) var(--border-radius-large) var(--border-radius-large) var(--trigger-node--border-radius);
 }
-._node_1d2zc_123._configuration_1d2zc_159 {
+._node_jt24t_123._settingsView_jt24t_159 {
+  /*margin-top: calc(var(--canvas-node--width) * 0.8);*/
+  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_jt24t_123._settingsView_jt24t_159 > * {
+  zoom: calc(1 / var(--zoom, 1));
+  width: 100% !important;
+}
+._node_jt24t_123._configuration_jt24t_172 {
   --canvas-node--width: 80px;
   --canvas-node--height: 80px;
   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: 50px;
 }
-._node_1d2zc_123._configuration_1d2zc_159 ._statusIcons_1d2zc_166 {
+._node_jt24t_123._configuration_jt24t_172 ._statusIcons_jt24t_179 {
   right: unset;
 }
-._node_1d2zc_123._configurable_1d2zc_169 {
+._node_jt24t_123._configurable_jt24t_182 {
   --canvas-node--height: 100px;
   --canvas-node--width: calc(
   	max(var(--configurable-node--input-count, 4), var(--configurable-node--min-input-count)) *
@@ -1839,10 +2910,10 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   );
   justify-content: flex-start;
 }
-._node_1d2zc_123._configurable_1d2zc_169 .n8n-node-icon {
+._node_jt24t_123._configurable_jt24t_182 .n8n-node-icon {
   margin-left: var(--configurable-node--icon-offset);
 }
-._node_1d2zc_123._configurable_1d2zc_169 ._description_1d2zc_180 {
+._node_jt24t_123._configurable_jt24t_182 ._description_jt24t_193 {
   top: unset;
   position: relative;
   margin-top: 0;
@@ -1852,45 +2923,45 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   min-width: unset;
   max-width: calc(var(--canvas-node--width) - var(--configurable-node--icon-offset) - var(--configurable-node--icon-size) - 2 * var(--spacing-s));
 }
-._node_1d2zc_123._configurable_1d2zc_169 ._label_1d2zc_190 {
+._node_jt24t_123._configurable_jt24t_182 ._label_jt24t_203 {
   text-align: left;
 }
-._node_1d2zc_123._configurable_1d2zc_169 ._subtitle_1d2zc_193 {
+._node_jt24t_123._configurable_jt24t_182 ._subtitle_jt24t_206 {
   text-align: left;
 }
-._node_1d2zc_123._configurable_1d2zc_169._configuration_1d2zc_159 {
+._node_jt24t_123._configurable_jt24t_182._configuration_jt24t_172 {
   --canvas-node--height: 75px;
 }
-._node_1d2zc_123._configurable_1d2zc_169._configuration_1d2zc_159 ._statusIcons_1d2zc_166 {
+._node_jt24t_123._configurable_jt24t_182._configuration_jt24t_172 ._statusIcons_jt24t_179 {
   right: calc(-1 * var(--spacing-2xs));
   bottom: 0;
 }
-._node_1d2zc_123._selected_1d2zc_203 {
+._node_jt24t_123._selected_jt24t_216 {
   box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
 }
-._node_1d2zc_123._success_1d2zc_206 {
+._node_jt24t_123._success_jt24t_219 {
   border-color: var(--color-canvas-node-success-border-color, var(--color-success));
 }
-._node_1d2zc_123._warning_1d2zc_209 {
+._node_jt24t_123._warning_jt24t_222 {
   border-color: var(--color-warning);
 }
-._node_1d2zc_123._error_1d2zc_212 {
+._node_jt24t_123._error_jt24t_225 {
   border-color: var(--color-canvas-node-error-border-color, var(--color-danger));
 }
-._node_1d2zc_123._pinned_1d2zc_215 {
+._node_jt24t_123._pinned_jt24t_228 {
   border-color: var(--color-canvas-node-pinned-border-color, var(--color-node-pinned-border));
 }
-._node_1d2zc_123._disabled_1d2zc_218 {
+._node_jt24t_123._disabled_jt24t_231 {
   border-color: var(--color-canvas-node-disabled-border-color, var(--color-foreground-base));
 }
-._node_1d2zc_123._running_1d2zc_221 {
+._node_jt24t_123._running_jt24t_234 {
   background-color: var(--color-node-executing-background);
   border-color: var(--color-canvas-node-running-border-color, var(--color-node-running-border));
 }
-._node_1d2zc_123._waiting_1d2zc_225 {
+._node_jt24t_123._waiting_jt24t_238 {
   border-color: var(--color-canvas-node-waiting-border-color, var(--color-secondary));
 }
-._description_1d2zc_180 {
+._description_jt24t_193 {
   top: 100%;
   position: absolute;
   width: 100%;
@@ -1901,8 +2972,8 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   gap: var(--spacing-4xs);
   align-items: center;
 }
-._label_1d2zc_190,
-._disabledLabel_1d2zc_242 {
+._label_jt24t_203,
+._disabledLabel_jt24t_255 {
   font-size: var(--font-size-m);
   text-align: center;
   text-overflow: ellipsis;
@@ -1914,7 +2985,7 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   font-weight: var(--font-weight-medium);
   line-height: var(--font-line-height-compact);
 }
-._subtitle_1d2zc_193 {
+._subtitle_jt24t_206 {
   width: 100%;
   text-align: center;
   color: var(--color-text-light);
@@ -1925,7 +2996,7 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   line-height: var(--font-line-height-compact);
   font-weight: var(--font-weight-regular);
 }
-._statusIcons_1d2zc_166 {
+._statusIcons_jt24t_179 {
   position: absolute;
   bottom: var(--canvas-node--status-icons-offset);
   right: var(--canvas-node--status-icons-offset);
@@ -4760,7 +5831,175 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-._executionButtons_8gz1l_123 {
+._component_18nok_123 {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+}
+._split_18nok_129 ._button_18nok_129 {
+  height: var(--spacing-2xl);
+  padding-inline-start: var(--spacing-xs);
+  padding-inline-end: var(--spacing-xl);
+  padding-block: 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);
+}
+._chevron_18nok_136:disabled {
+  background-color: transparent !important;
+}
+._menu_18nok_153 .el-dropdown {
+  height: 100%;
+}
+._menuItem_18nok_157 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2xs);
+}
+._menuItem_18nok_157._disabled_18nok_163 ._menuIcon_18nok_163 {
+  opacity: 0.2;
+}
+._buttonContent_18nok_167 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start !important;
+  gap: var(--spacing-5xs);
+}
+._subText_18nok_174 {
+  font-size: var(--font-size-2xs);
+}/* 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
+ -------------------------- */
+._executionButtons_1d2c1_123 {
   position: absolute;
   display: flex;
   justify-content: center;
@@ -4771,38 +6010,41 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   width: auto;
 }
 @media screen and (max-width: 991px) {
-._executionButtons_8gz1l_123 {
+._executionButtons_1d2c1_123 {
     left: auto;
     right: var(--spacing-s);
     transform: none;
 }
 }
-._executionButtons_8gz1l_123 button {
+._executionButtons_1d2c1_123 button {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-left: 0.625rem;
 }
-._executionButtons_8gz1l_123 button:first-child {
+._executionButtons_1d2c1_123 button:first-child {
   margin: 0;
 }
 @media screen and (max-width: 767px) {
-._executionButtons_8gz1l_123 button {
+._executionButtons_1d2c1_123 button {
     text-indent: -10000px;
     width: 42px;
     height: 42px;
     padding: 0;
 }
-._executionButtons_8gz1l_123 button span {
+._executionButtons_1d2c1_123 button span {
     margin: 0;
 }
 }
-._setupCredentialsButtonWrapper_8gz1l_161 {
+._executionButtons_1d2c1_123 ._chatButton_1d2c1_160 {
+  align-self: stretch;
+}
+._setupCredentialsButtonWrapper_1d2c1_164 {
   position: absolute;
   left: var(--spacing-s);
   top: var(--spacing-s);
 }
-._readOnlyEnvironmentNotification_8gz1l_167 {
+._readOnlyEnvironmentNotification_1d2c1_170 {
   position: absolute;
   bottom: 16px;
   left: 50%;