n8n-editor-ui 1.102.2 → 1.104.0

package/dist/assets/{NodeView-BbQy7Are.css → NodeView-G2qfXaOy.css}

@@ -1777,6 +1777,356 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
 --------------------------*/
 /* Break-point
 --------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._select_wv0ev_123 {
+  --max-select-width: 224px;
+  max-width: var(--max-select-width);
+}
+._select_wv0ev_123 .el-input--suffix .el-input__inner {
+  padding-left: calc(var(--spacing-l) + var(--spacing-4xs));
+  padding-right: var(--spacing-l);
+}
+._node_wv0ev_132 {
+  --select-option-padding: 0 var(--spacing-s);
+  display: flex;
+  align-items: center;
+  font-size: var(--font-size-2xs);
+  gap: var(--spacing-4xs);
+}
+._icon_wv0ev_140 {
+  padding-right: var(--spacing-4xs);
+}
+._title_wv0ev_144 {
+  color: var(--color-text-dark);
+  font-weight: var(--font-weight-regular);
+  max-width: var(--max-select-width);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+._disabled_wv0ev_153 ._title_wv0ev_144 {
+  color: var(--color-text-light);
+}
+._subtitle_wv0ev_157 {
+  margin-left: auto;
+  padding-left: var(--spacing-2xs);
+  color: var(--color-text-light);
+  font-weight: var(--font-weight-regular);
+}
+._empty_1x72k_2 {
+	display: flex;
+	flex-flow: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--spacing-2xs);
+
+	line-height: 2;
+	color: var(--color-text-base);
+}
+._title_1x72k_13 {
+	font-size: var(--font-size-m);
+	font-weight: var(--font-weight-bold);
+	color: var(--color-text-base);
+	margin: 0;
+}
+._description_1x72k_20 {
+	font-size: var(--font-size-s);
+	max-width: 180px;
+	margin: 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
+ -------------------------- */
+._runData_1mq3a_123 {
+  background-color: var(--color-run-data-background);
+}
+._mappedNode_1mq3a_127 {
+  padding: 0 var(--spacing-s) var(--spacing-s);
+}
+._titleSection_1mq3a_131 {
+  display: flex;
+  max-width: 300px;
+  align-items: center;
+}
+._titleSection_1mq3a_131 > * {
+  margin-right: var(--spacing-2xs);
+}
+._titleSectionV2_1mq3a_140 {
+  padding-left: var(--spacing-4xs);
+}
+._inputModeTab_1mq3a_144 {
+  margin-left: auto;
+}
+._noOutputData_1mq3a_148 {
+  max-width: 250px;
+}
+._noOutputData_1mq3a_148 > * {
+  margin-bottom: var(--spacing-2xs);
+}
+._recoveredOutputData_1mq3a_155 {
+  margin: auto;
+  max-width: 250px;
+  text-align: center;
+}
+._recoveredOutputData_1mq3a_155 > *:first-child {
+  margin-bottom: var(--spacing-m);
+}
+._notConnected_1mq3a_164 {
+  max-width: 300px;
+}
+._notConnected_1mq3a_164 > *:first-child {
+  margin-bottom: var(--spacing-m);
+}
+._notConnected_1mq3a_164 > * {
+  margin-bottom: var(--spacing-2xs);
+}
+._title_1mq3a_131 {
+  text-transform: uppercase;
+  letter-spacing: 3px;
+}
+._titleV2_1mq3a_179 {
+  letter-spacing: 2px;
+  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
@@ -1795,11 +2145,145 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
 }
 ._textWrapper_178ym_132 {
   display: flex;
-  flex-grow: 1;
+  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
+ -------------------------- */
+._container_1lo1n_123 {
+  display: flex;
+  justify-content: right;
+  align-items: center;
+  gap: var(--spacing-2xs);
+  padding: var(--spacing-s);
 }
-._iconWrapper_178ym_137 {
-  display: inline-flex;
-  margin-right: var(--spacing-2xs);
+._separator_1lo1n_131 {
+  height: var(--border-width-base);
+  background: var(--color-foreground-base);
+  margin-right: var(--spacing-s);
+  margin-left: var(--spacing-s);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2785,7 +3269,7 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-.node-settings[data-v-c8d3cd57] {
+.node-settings[data-v-b0fee41c] {
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -2793,22 +3277,22 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   height: 100%;
   width: 100%;
 }
-.node-settings .no-parameters[data-v-c8d3cd57] {
+.node-settings .no-parameters[data-v-b0fee41c] {
   margin-top: var(--spacing-xs);
 }
-.node-settings .header-side-menu[data-v-c8d3cd57] {
+.node-settings .header-side-menu[data-v-b0fee41c] {
   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-c8d3cd57] {
+.node-settings .header-side-menu .node-name[data-v-b0fee41c] {
   padding-top: var(--spacing-5xs);
 }
-.node-settings.embedded .header-side-menu[data-v-c8d3cd57] {
+.node-settings.embedded .header-side-menu[data-v-b0fee41c] {
   padding: var(--spacing-xs);
 }
-.node-settings .node-is-not-valid[data-v-c8d3cd57] {
+.node-settings .node-is-not-valid[data-v-b0fee41c] {
   height: 75%;
   padding: 10px;
   display: flex;
@@ -2818,80 +3302,80 @@ 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-c8d3cd57] {
+.node-settings .node-parameters-wrapper[data-v-b0fee41c] {
   display: flex;
   flex-direction: column;
   overflow-y: auto;
   padding: 0 var(--spacing-m) var(--spacing-l) var(--spacing-m);
   flex-grow: 1;
 }
-.node-settings .node-parameters-wrapper.ndv-v2[data-v-c8d3cd57] {
+.node-settings .node-parameters-wrapper.ndv-v2[data-v-b0fee41c] {
   padding: 0 var(--spacing-s) var(--spacing-l) var(--spacing-s);
 }
-.node-settings.embedded .node-parameters-wrapper[data-v-c8d3cd57] {
+.node-settings.embedded .node-parameters-wrapper[data-v-b0fee41c] {
   padding: 0 var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);
 }
-.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-c8d3cd57] {
+.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-b0fee41c] {
   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-c8d3cd57] {
+.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-b0fee41c] {
     scrollbar-width: thin;
 }
 }
 @supports selector(::-webkit-scrollbar) {
-.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-c8d3cd57]::-webkit-scrollbar {
+.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-b0fee41c]::-webkit-scrollbar {
     width: var(--spacing-2xs);
 }
-.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-c8d3cd57]::-webkit-scrollbar-thumb {
+.node-settings.embedded .node-parameters-wrapper.with-static-scrollbar[data-v-b0fee41c]::-webkit-scrollbar-thumb {
     border-radius: var(--spacing-2xs);
     background: var(--color-foreground-dark);
-    border: var(--spacing-5xs) solid white;
+    border: var(--spacing-5xs) solid var(--color-background-xlight);
 }
 }
-.node-settings.dragging[data-v-c8d3cd57] {
+.node-settings.dragging[data-v-b0fee41c] {
   border-color: var(--color-primary);
   box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
 }
-.parameter-content[data-v-c8d3cd57] {
+.parameter-content[data-v-b0fee41c] {
   font-size: 0.9em;
   margin-right: -15px;
   margin-left: -15px;
 }
-.parameter-content input[data-v-c8d3cd57] {
+.parameter-content input[data-v-b0fee41c] {
   width: calc(100% - 35px);
   padding: 5px;
 }
-.parameter-content select[data-v-c8d3cd57] {
+.parameter-content select[data-v-b0fee41c] {
   width: calc(100% - 20px);
   padding: 5px;
 }
-.parameter-content[data-v-c8d3cd57]:before {
+.parameter-content[data-v-b0fee41c]:before {
   display: table;
   content: " ";
   position: relative;
   box-sizing: border-box;
   clear: both;
 }
-.parameter-wrapper[data-v-c8d3cd57] {
+.parameter-wrapper[data-v-b0fee41c] {
   padding: 0 1em;
 }
-.color-reset-button-wrapper[data-v-c8d3cd57] {
+.color-reset-button-wrapper[data-v-b0fee41c] {
   position: relative;
 }
-.color-reset-button[data-v-c8d3cd57] {
+.color-reset-button[data-v-b0fee41c] {
   position: absolute;
   right: 7px;
   top: -25px;
 }
-.node-version[data-v-c8d3cd57] {
+.node-version[data-v-b0fee41c] {
   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-c8d3cd57] {
+.parameter-value input.expression[data-v-b0fee41c] {
   border-style: dashed;
   border-color: #ff9600;
   display: inline-block;
@@ -3021,55 +3505,40 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-:root ._component_1kmdn_123 {
+:root ._component_1fv8q_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);
+  border-width: 1px !important;
+  border-radius: var(--border-radius-base) !important;
+  width: calc(var(--canvas-node--width) * var(--node-width-scaler));
 }
-:root ._component_1kmdn_123._expanded_1kmdn_134 {
+:root ._component_1fv8q_123._expanded_1fv8q_131 {
   cursor: default;
+  height: auto;
+  max-height: min(var(--canvas-node--height) * 2, 300px);
+  min-height: var(--spacing-3xl);
 }
-:root ._component_1kmdn_123._collapsed_1kmdn_137 {
-  height: 50px;
-  margin-block: calc(var(--canvas-node--width) * 0.25);
+:root ._component_1fv8q_123._collapsed_1fv8q_137 {
+  overflow: hidden;
+  height: var(--spacing-3xl);
 }
-:root .vue-flow__node:has(._component_1kmdn_123) {
+:root .vue-flow__node:has(._component_1fv8q_123) {
   z-index: 10;
 }
-.selected :root .vue-flow__node:has(._component_1kmdn_123) {
+.selected :root .vue-flow__node:has(._component_1fv8q_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));
+:root ._collapsedContent_1fv8q_149,
+:root ._settingsView_1fv8q_150 {
   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 {
+  border-radius: var(--border-radius-base);
   height: auto;
-  max-height: min(200%, 300px);
-  top: -10%;
-  min-height: 120%;
+  max-height: calc(min(var(--canvas-node--height) * 2, 300px) - var(--border-width-base) * 2);
+  min-height: var(--spacing-3xl);
 }
-._collapsedContent_1kmdn_149 {
+._collapsedContent_1fv8q_149 {
   height: 100%;
   display: flex;
   align-items: center;
@@ -3080,6 +3549,165 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
   background-color: var(--color-background-xlight);
   color: var(--color-text-base);
   cursor: pointer;
+}
+._collapsedContent_1fv8q_149 > * {
+  zoom: calc(var(--zoom) * 1.25);
+}
+._settingsView_1fv8q_150 > * {
+  zoom: var(--zoom);
+}
+._inputPanelContainer_1fv8q_179 {
+  position: absolute;
+  right: 100%;
+  top: 0;
+  padding-right: var(--spacing-4xs);
+  margin-top: calc(-1 * var(--border-width-base));
+  width: 180px;
+  z-index: 2000;
+  max-height: 80vh;
+}
+._inputPanel_1fv8q_179 {
+  border: var(--border-base);
+  border-width: 1px;
+  background-color: var(--color-background-light);
+  border-radius: var(--border-radius-large);
+  zoom: var(--zoom);
+  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
+  padding: var(--spacing-2xs);
+  height: 100%;
+}
+._inputPanelTitle_1fv8q_201 {
+  text-transform: uppercase;
+  letter-spacing: 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
+ -------------------------- */
+.input-enter-active[data-v-7a0aa493],
+.input-leave-active[data-v-7a0aa493] {
+  transition: opacity 0.3s ease;
+}
+.input-enter-from[data-v-7a0aa493],
+.input-leave-to[data-v-7a0aa493] {
+  opacity: 0;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -5913,12 +6541,12 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-.minimap-enter-active[data-v-49d79266],
-.minimap-leave-active[data-v-49d79266] {
+.minimap-enter-active[data-v-5ad26715],
+.minimap-leave-active[data-v-5ad26715] {
   transition: opacity 0.3s ease;
 }
-.minimap-enter-from[data-v-49d79266],
-.minimap-leave-to[data-v-49d79266] {
+.minimap-enter-from[data-v-5ad26715],
+.minimap-leave-to[data-v-5ad26715] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */
@@ -6317,79 +6945,122 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1shes_123 {
+._wrapper_1ebmp_123 {
   display: flex;
-  flex-direction: column;
-  width: 528px;
+  flex-direction: row nowrap;
   border-left: 1px solid var(--color-foreground-base);
-  background: var(--color-background-base);
+  background: var(--color-background-xlight);
   overflow-y: hidden;
+  height: 100%;
 }
-._closeButton_1shes_132:hover {
-  cursor: pointer;
-}
-._header_1shes_136 {
+._container_1ebmp_132 {
   display: flex;
-  padding: var(--spacing-2xs);
-  justify-content: space-between;
-  border-bottom: 1px solid var(--color-foreground-base);
-  background: var(--color-background-xlight);
+  flex-direction: column;
+  height: 100%;
 }
-._content_1shes_144 {
+._content_1ebmp_138 {
   display: flex;
   flex-direction: column;
   height: 100%;
   width: 100%;
 }
-._content_1shes_144._emptyContent_1shes_150 {
+._content_1ebmp_138._emptyContent_1ebmp_144 {
   text-align: center;
   justify-content: center;
   align-items: center;
 }
-._content_1shes_144._emptyContent_1shes_150 ._emptyText_1shes_155 {
-  max-width: 300px;
+._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 {
+  margin: 0 var(--spacing-xl);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2xs);
+}
+._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 ._focusParameterWrapper_1ebmp_155 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-2xs);
+  margin-bottom: var(--spacing-m);
+}
+._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 ._focusParameterWrapper_1ebmp_155 ._iconWrapper_1ebmp_162 {
+  position: relative;
+  display: inline-block;
+}
+._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 ._focusParameterWrapper_1ebmp_155 ._pointerIcon_1ebmp_166 {
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translate(-20%, -30%);
+  pointer-events: none;
 }
-._content_1shes_144 ._tabHeader_1shes_158 {
+._content_1ebmp_138._emptyContent_1ebmp_144 ._emptyText_1ebmp_149 ._focusParameterWrapper_1ebmp_155 [class*="_disabled_"] {
+  cursor: default !important;
+}
+._content_1ebmp_138 ._tabHeader_1ebmp_176 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid var(--color-foreground-base);
   padding: var(--spacing-2xs);
 }
-._content_1shes_144 ._tabHeader_1shes_158 ._tabHeaderText_1shes_165 {
+._content_1ebmp_138 ._tabHeader_1ebmp_176 ._tabHeaderText_1ebmp_183 {
   display: flex;
   gap: var(--spacing-4xs);
-  align-items: center;
+  align-items: baseline;
 }
-._content_1shes_144 ._tabHeader_1shes_158 ._buttonWrapper_1shes_170 {
+._content_1ebmp_138 ._tabHeader_1ebmp_176 ._buttonWrapper_1ebmp_188 {
   display: flex;
-  padding: 6px 8px 6px 34px;
-  justify-content: flex-end;
+  gap: var(--spacing-2xs);
+  align-items: center;
 }
-._content_1shes_144 ._parameterDetailsWrapper_1shes_175 {
+._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 {
   display: flex;
   height: 100%;
   flex-direction: column;
   gap: var(--spacing-2xs);
   padding: var(--spacing-2xs);
 }
-._content_1shes_144 ._parameterDetailsWrapper_1shes_175 ._parameterOptionsWrapper_1shes_182 {
+._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._parameterOptionsWrapper_1ebmp_200 {
   display: flex;
   justify-content: space-between;
 }
-._content_1shes_144 ._parameterDetailsWrapper_1shes_175 ._editorContainer_1shes_186 {
-  display: flex;
+._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._noExecutionDataTip_1ebmp_204 {
+  align-content: center;
+}
+._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._editorContainer_1ebmp_207 {
   height: 100%;
   overflow-y: auto;
 }
-._content_1shes_144 ._parameterDetailsWrapper_1shes_175 ._editorContainer_1shes_186 ._editor_1shes_186 {
+._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._editorContainer_1ebmp_207 ._editor_1ebmp_207 {
   display: flex;
   height: 100%;
   width: 100%;
-  font-size: var(--font-size-xs);
+  font-size: var(--font-size-2xs);
 }
-._content_1shes_144 ._parameterDetailsWrapper_1shes_175 ._editorContainer_1shes_186 ._editor_1shes_186 .cm-editor {
+._content_1ebmp_138 ._parameterDetailsWrapper_1ebmp_193 ._editorContainer_1ebmp_207 ._editor_1ebmp_207 .cm-editor {
+  background-color: var(--color-code-background);
   width: 100%;
+}
+._delayedShow_1ebmp_222 {
+  opacity: 0;
+  transition: opacity 0.1s none;
+  animation: _triggerShow_1ebmp_1 0.1s normal 0.1s forwards;
+}
+@keyframes _triggerShow_1ebmp_1 {
+to {
+    opacity: 1;
+}
+}
+._closeButton_1ebmp_233 {
+  cursor: pointer;
+}
+._heightFull_1ebmp_237 {
+  height: 100%;
+}
+._forceHover_1ebmp_241 {
+  color: var(--color-button-secondary-hover-active-focus-font);
+  border-color: var(--color-button-secondary-hover-active-focus-border);
+  background-color: var(--color-button-secondary-hover-active-focus-background);
 }/* BEM support Func
  -------------------------- */
 /* Transition