n8n-editor-ui 1.101.0 → 1.102.0

package/dist/assets/{NodeDetailsView-BaIj2qAa.css → TriggerPanel-DRpKKKun.css}

@@ -361,181 +361,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._dragContainer_16elv_123 {
-  pointer-events: all;
-}
-._dragButton_16elv_127 {
-  background-color: var(--color-background-base);
-  width: 64px;
-  height: 21px;
-  border-top-left-radius: var(--border-radius-base);
-  border-top-right-radius: var(--border-radius-base);
-  cursor: grab;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-  position: relative;
-  z-index: 3;
-}
-._dragButton_16elv_127:hover ._leftArrow_16elv_141,
-._dragButton_16elv_127:hover ._rightArrow_16elv_142 {
-  visibility: visible;
-}
-._visible_16elv_146 {
-  visibility: visible !important;
-}
-._arrow_16elv_150 {
-  position: absolute;
-  color: var(--color-background-xlight);
-  font-size: var(--font-size-3xs);
-  visibility: hidden;
-  top: 0;
-}
-._leftArrow_16elv_141 {
-  left: -16px;
-}
-._rightArrow_16elv_142 {
-  right: -16px;
-}
-._grid_16elv_168 > div {
-  display: flex;
-}
-._grid_16elv_168 > div:first-child > div {
-  margin-bottom: 2px;
-}
-._grid_16elv_168 > div > div {
-  height: 2px;
-  width: 2px;
-  border-radius: 50%;
-  background-color: var(--color-foreground-xdark);
-  margin-right: 4px;
-}
-._grid_16elv_168 > div > div:last-child {
-  margin-right: 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
- -------------------------- */
-._floatingNodes_1tkq5_123 {
+._floatingNodes_1o49e_123 {
   position: absolute;
   bottom: 0;
   top: 0;
@@ -544,10 +370,10 @@
   z-index: 10;
   pointer-events: none;
 }
-._floatingNodes_1tkq5_123 {
+._floatingNodes_1o49e_123 {
   right: 0;
 }
-._nodesList_1tkq5_137 {
+._nodesList_1o49e_137 {
   list-style: none;
   padding: 0;
   position: absolute;
@@ -561,40 +387,40 @@
   gap: var(--spacing-s);
   transition: transform 0.2s ease-in-out;
 }
-._nodesList_1tkq5_137._inputSub_1tkq5_151, ._nodesList_1tkq5_137._outputSub_1tkq5_151 {
+._nodesList_1o49e_137._inputSub_1o49e_151, ._nodesList_1o49e_137._outputSub_1o49e_151 {
   right: 0;
   left: 0;
   flex-direction: row;
 }
-._nodesList_1tkq5_137._outputSub_1tkq5_151 {
+._nodesList_1o49e_137._outputSub_1o49e_151 {
   top: 0;
 }
-._nodesList_1tkq5_137._inputSub_1tkq5_151 {
+._nodesList_1o49e_137._inputSub_1o49e_151 {
   bottom: 0;
 }
-._nodesList_1tkq5_137._outputMain_1tkq5_162, ._nodesList_1tkq5_137._inputMain_1tkq5_162 {
+._nodesList_1o49e_137._outputMain_1o49e_162, ._nodesList_1o49e_137._inputMain_1o49e_162 {
   top: 0;
   bottom: 0;
 }
-._nodesList_1tkq5_137._outputMain_1tkq5_162 {
+._nodesList_1o49e_137._outputMain_1o49e_162 {
   right: 0;
 }
-._nodesList_1tkq5_137._inputMain_1tkq5_162 {
+._nodesList_1o49e_137._inputMain_1o49e_162 {
   left: 0;
 }
-._nodesList_1tkq5_137._outputMain_1tkq5_162 {
+._nodesList_1o49e_137._outputMain_1o49e_162 {
   transform: translateX(50%);
 }
-._nodesList_1tkq5_137._outputSub_1tkq5_151 {
+._nodesList_1o49e_137._outputSub_1o49e_151 {
   transform: translateY(-50%);
 }
-._nodesList_1tkq5_137._inputMain_1tkq5_162 {
+._nodesList_1o49e_137._inputMain_1o49e_162 {
   transform: translateX(-50%);
 }
-._nodesList_1tkq5_137._inputSub_1tkq5_151 {
+._nodesList_1o49e_137._inputSub_1o49e_151 {
   transform: translateY(50%);
 }
-._connectedNode_1tkq5_185 {
+._connectedNode_1o49e_185 {
   border: var(--border-base);
   background-color: var(--color-node-background);
   border-radius: 100%;
@@ -608,7 +434,7 @@
   justify-self: center;
   align-self: center;
 }
-._connectedNode_1tkq5_185::after {
+._connectedNode_1o49e_185::after {
   content: "";
   position: absolute;
   top: -35%;
@@ -617,24 +443,64 @@
   left: -15%;
   z-index: -1;
 }
-._outputMain_1tkq5_162 ._connectedNode_1tkq5_185, ._inputMain_1tkq5_162 ._connectedNode_1tkq5_185 {
+._outputMain_1o49e_162 ._connectedNode_1o49e_185, ._inputMain_1o49e_162 ._connectedNode_1o49e_185 {
   border-radius: var(--border-radius-large);
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._outputMain_1tkq5_162 ._connectedNode_1tkq5_185:hover {
+._outputMain_1o49e_162 ._connectedNode_1o49e_185:hover {
   transform: scale(1.2) translateX(-50%);
 }
-._outputSub_1tkq5_151 ._connectedNode_1tkq5_185:hover {
+._outputSub_1o49e_151 ._connectedNode_1o49e_185:hover {
   transform: scale(1.2) translateY(50%);
 }
-._inputMain_1tkq5_162 ._connectedNode_1tkq5_185:hover {
+._inputMain_1o49e_162 ._connectedNode_1o49e_185:hover {
   transform: scale(1.2) translateX(50%);
 }
-._inputSub_1tkq5_151 ._connectedNode_1tkq5_185:hover {
+._inputSub_1o49e_151 ._connectedNode_1o49e_185:hover {
   transform: scale(1.2) translateY(-50%);
-}/* BEM support Func
+}
+._connectedNode_1o49e_185 {
+  padding: var(--spacing-xs);
+}
+._connectedNode_1o49e_185::after {
+  display: none;
+}
+._v2_1o49e_233 ._outputMain_1o49e_162 ._connectedNode_1o49e_185:hover {
+  transform: scale(1.1);
+}
+._v2_1o49e_233 ._outputSub_1o49e_151 ._connectedNode_1o49e_185:hover {
+  transform: scale(1.1);
+}
+._v2_1o49e_233 ._inputMain_1o49e_162 ._connectedNode_1o49e_185:hover {
+  transform: scale(1.1);
+}
+._v2_1o49e_233 ._inputSub_1o49e_151 ._connectedNode_1o49e_185:hover {
+  transform: scale(1.1);
+}
+._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
 -------------------------- */
@@ -756,67 +622,9 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._dataPanel_181lg_123 {
-  position: absolute;
-  height: calc(100% - 2 * var(--spacing-l));
-  position: absolute;
-  top: var(--spacing-l);
-  z-index: 0;
-  min-width: 280px;
-}
-._inputPanel_181lg_132 {
-  left: var(--spacing-l);
-}
-._inputPanel_181lg_132 > * {
-  border-radius: var(--border-radius-large) 0 0 var(--border-radius-large);
-}
-._outputPanel_181lg_140 {
-  right: var(--spacing-l);
-}
-._outputPanel_181lg_140 > * {
-  border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
-}
-._mainPanel_181lg_148 {
-  position: absolute;
-  height: 100%;
-}
-._mainPanel_181lg_148:hover ._draggable_181lg_152 {
-  visibility: visible;
-}
-._mainPanelInner_181lg_156 {
-  height: 100%;
-  border: var(--border-base);
-  border-radius: var(--border-radius-large);
-  box-shadow: 0 4px 16px rgba(50, 61, 85, 0.1);
-  overflow: hidden;
-}
-._mainPanelInner_181lg_156._dragging_181lg_163 {
-  border-color: var(--color-primary);
-  box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
-}
-._draggable_181lg_152 {
-  visibility: hidden;
-}
-._double-width_181lg_172 {
-  left: 90%;
-}
-._dragButtonContainer_181lg_176 {
-  position: absolute;
-  top: -12px;
-  width: 100%;
-  height: 12px;
+._tooltipRow_14r7d_123 {
   display: flex;
-  justify-content: center;
-  pointer-events: none;
-}
-._dragButtonContainer_181lg_176 ._draggable_181lg_152 {
-  pointer-events: all;
-}
-._dragButtonContainer_181lg_176:hover ._draggable_181lg_152 {
-  visibility: visible;
-}
-._visible_181lg_192 {
-  visibility: visible;
+  column-gap: var(--spacing-4xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -939,155 +747,30 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._tooltipRow_14r7d_123 {
-  display: flex;
-  column-gap: var(--spacing-4xs);
-}/* 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
- -------------------------- */
-._block_wafm4_123 {
-  padding: var(--spacing-s) 0 var(--spacing-2xs) var(--spacing-2xs);
-  border: 1px solid var(--color-foreground-light);
-  margin-top: var(--spacing-s);
-  border-radius: var(--border-radius-base);
-}
-:root ._blockContent_wafm4_130 {
-  height: 0;
-  overflow: hidden;
-}
-:root ._blockContent_wafm4_130._blockContentExpanded_wafm4_134 {
-  height: auto;
-}
-._rawSwitch_wafm4_138 {
-  opacity: 0;
-  height: -moz-fit-content;
-  height: fit-content;
-  margin-left: auto;
-  margin-right: var(--spacing-2xs);
-}
-._block_wafm4_123:hover ._rawSwitch_wafm4_138 {
-  opacity: 1;
-}
-._blockHeader_wafm4_148 {
+._block_wafm4_123 {
+  padding: var(--spacing-s) 0 var(--spacing-2xs) var(--spacing-2xs);
+  border: 1px solid var(--color-foreground-light);
+  margin-top: var(--spacing-s);
+  border-radius: var(--border-radius-base);
+}
+:root ._blockContent_wafm4_130 {
+  height: 0;
+  overflow: hidden;
+}
+:root ._blockContent_wafm4_130._blockContentExpanded_wafm4_134 {
+  height: auto;
+}
+._rawSwitch_wafm4_138 {
+  opacity: 0;
+  height: -moz-fit-content;
+  height: fit-content;
+  margin-left: auto;
+  margin-right: var(--spacing-2xs);
+}
+._block_wafm4_123:hover ._rawSwitch_wafm4_138 {
+  opacity: 1;
+}
+._blockHeader_wafm4_148 {
   display: flex;
   gap: var(--spacing-xs);
   cursor: pointer;
@@ -1333,377 +1016,57 @@
   content: "";
   position: absolute;
   top: 2rem;
-  bottom: 1.2rem;
-  left: 0.75rem;
-  width: 0.125rem;
-  background-color: var(--color-foreground-base);
-}
-._container_1qaq4_171 .el-tree-node__expand-icon {
-  display: none;
-}
-._container_1qaq4_171 .el-tree {
-  margin-left: calc(-1 * var(--spacing-xs));
-}
-._container_1qaq4_171 .el-tree-node__content {
-  margin-left: var(--spacing-xs);
-}
-._nodeIcon_1qaq4_198 {
-  padding: var(--spacing-3xs) var(--spacing-3xs);
-  border-radius: var(--border-radius-base);
-  margin-right: var(--spacing-4xs);
-}
-._isSelected_1qaq4_204 {
-  background-color: var(--color-foreground-base);
-}
-._treeNode_1qaq4_208 {
-  display: inline-flex;
-  border-radius: var(--border-radius-base);
-  align-items: center;
-  padding-right: var(--spacing-3xs);
-  margin: var(--spacing-4xs) 0;
-  font-size: var(--font-size-2xs);
-  color: var(--color-text-dark);
-  margin-bottom: var(--spacing-3xs);
-  cursor: pointer;
-}
-._treeNode_1qaq4_208._isSelected_1qaq4_204 {
-  font-weight: var(--font-weight-bold);
-}
-._treeNode_1qaq4_208:hover {
-  background-color: var(--color-foreground-base);
-}
-._treeNode_1qaq4_208[data-tree-depth="0"] {
-  margin-left: calc(-1 * var(--spacing-2xs));
-}
-._treeNode_1qaq4_208:after {
-  content: "";
-  position: absolute;
-  margin: auto;
-  background-color: var(--color-foreground-base);
-  height: 0.125rem;
-  left: 0.75rem;
-  width: calc(var(--item-depth) * 0.625rem);
-  margin-top: var(--spacing-3xs);
-}/* 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
- -------------------------- */
-[data-output-type="logs"] [class*="itemsCount"],
-[data-output-type="logs"] [class*="displayModes"] {
-  display: none;
-}
-._runData_6c8lp_128 {
-  background-color: var(--color-run-data-background);
-}
-._outputTypeSelect_6c8lp_132 {
-  margin-bottom: var(--spacing-4xs);
-  width: -moz-fit-content;
-  width: fit-content;
-}
-._titleSection_6c8lp_137 {
-  display: flex;
-  align-items: center;
-}
-._titleSection_6c8lp_137 > * {
-  margin-right: var(--spacing-2xs);
-}
-._title_6c8lp_137 {
-  text-transform: uppercase;
-  color: var(--color-text-light);
-  letter-spacing: 3px;
-  font-weight: var(--font-weight-bold);
-  font-size: var(--font-size-s);
-}
-._noOutputData_6c8lp_153 {
-  max-width: 180px;
-}
-._noOutputData_6c8lp_153 > *:first-child {
-  margin-bottom: var(--spacing-m);
-}
-._noOutputData_6c8lp_153 > * {
-  margin-bottom: var(--spacing-2xs);
-}
-._recoveredOutputData_6c8lp_163 {
-  margin: auto;
-  max-width: 250px;
-  text-align: center;
-}
-._recoveredOutputData_6c8lp_163 > *:first-child {
-  margin-bottom: var(--spacing-m);
-}/* 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
- -------------------------- */
-._select_wv0ev_123 {
-  --max-select-width: 224px;
-  max-width: var(--max-select-width);
+  bottom: 1.2rem;
+  left: 0.75rem;
+  width: 0.125rem;
+  background-color: var(--color-foreground-base);
 }
-._select_wv0ev_123 .el-input--suffix .el-input__inner {
-  padding-left: calc(var(--spacing-l) + var(--spacing-4xs));
-  padding-right: var(--spacing-l);
+._container_1qaq4_171 .el-tree-node__expand-icon {
+  display: none;
 }
-._node_wv0ev_132 {
-  --select-option-padding: 0 var(--spacing-s);
-  display: flex;
+._container_1qaq4_171 .el-tree {
+  margin-left: calc(-1 * var(--spacing-xs));
+}
+._container_1qaq4_171 .el-tree-node__content {
+  margin-left: var(--spacing-xs);
+}
+._nodeIcon_1qaq4_198 {
+  padding: var(--spacing-3xs) var(--spacing-3xs);
+  border-radius: var(--border-radius-base);
+  margin-right: var(--spacing-4xs);
+}
+._isSelected_1qaq4_204 {
+  background-color: var(--color-foreground-base);
+}
+._treeNode_1qaq4_208 {
+  display: inline-flex;
+  border-radius: var(--border-radius-base);
   align-items: center;
+  padding-right: var(--spacing-3xs);
+  margin: var(--spacing-4xs) 0;
   font-size: var(--font-size-2xs);
-  gap: var(--spacing-4xs);
+  color: var(--color-text-dark);
+  margin-bottom: var(--spacing-3xs);
+  cursor: pointer;
 }
-._icon_wv0ev_140 {
-  padding-right: var(--spacing-4xs);
+._treeNode_1qaq4_208._isSelected_1qaq4_204 {
+  font-weight: var(--font-weight-bold);
 }
-._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;
+._treeNode_1qaq4_208:hover {
+  background-color: var(--color-foreground-base);
 }
-._disabled_wv0ev_153 ._title_wv0ev_144 {
-  color: var(--color-text-light);
+._treeNode_1qaq4_208[data-tree-depth="0"] {
+  margin-left: calc(-1 * var(--spacing-2xs));
 }
-._subtitle_wv0ev_157 {
-  margin-left: auto;
-  padding-left: var(--spacing-2xs);
-  color: var(--color-text-light);
-  font-weight: var(--font-weight-regular);
+._treeNode_1qaq4_208:after {
+  content: "";
+  position: absolute;
+  margin: auto;
+  background-color: var(--color-foreground-base);
+  height: 0.125rem;
+  left: 0.75rem;
+  width: calc(var(--item-depth) * 0.625rem);
+  margin-top: var(--spacing-3xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1826,52 +1189,61 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._runData_115kf_123 {
+[data-output-type="logs"] [class*="itemsCount"],
+[data-output-type="logs"] [class*="displayModes"] {
+  display: none;
+}
+._runData_16mi2_128 {
   background-color: var(--color-run-data-background);
 }
-._mappedNode_115kf_127 {
-  padding: 0 var(--spacing-s) var(--spacing-s);
+._outputTypeSelect_16mi2_132 {
+  margin-bottom: var(--spacing-4xs);
+  width: -moz-fit-content;
+  width: fit-content;
 }
-._titleSection_115kf_131 {
+._titleSection_16mi2_137 {
   display: flex;
-  max-width: 300px;
   align-items: center;
 }
-._titleSection_115kf_131 > * {
+._titleSection_16mi2_137 > * {
   margin-right: var(--spacing-2xs);
 }
-._inputModeTab_115kf_140 {
-  margin-left: auto;
+._titleSectionV2_16mi2_145 {
+  padding-left: var(--spacing-4xs);
 }
-._noOutputData_115kf_144 {
-  max-width: 250px;
+._title_16mi2_137 {
+  text-transform: uppercase;
+  color: var(--color-text-light);
+  letter-spacing: 2px;
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-s);
+}
+._titleV2_16mi2_157 {
+  letter-spacing: 2px;
+  font-size: var(--font-size-xs);
+}
+._noOutputData_16mi2_162 {
+  max-width: 180px;
 }
-._noOutputData_115kf_144 > * {
+._noOutputData_16mi2_162 > *:first-child {
+  margin-bottom: var(--spacing-m);
+}
+._noOutputData_16mi2_162 > * {
   margin-bottom: var(--spacing-2xs);
 }
-._recoveredOutputData_115kf_151 {
+._recoveredOutputData_16mi2_172 {
   margin: auto;
   max-width: 250px;
   text-align: center;
 }
-._recoveredOutputData_115kf_151 > *:first-child {
-  margin-bottom: var(--spacing-m);
-}
-._notConnected_115kf_160 {
-  max-width: 300px;
-}
-._notConnected_115kf_160 > *:first-child {
+._recoveredOutputData_16mi2_172 > *:first-child {
   margin-bottom: var(--spacing-m);
 }
-._notConnected_115kf_160 > * {
-  margin-bottom: var(--spacing-2xs);
-}
-._title_115kf_131 {
-  text-transform: uppercase;
-  color: var(--color-text-light);
-  letter-spacing: 3px;
+._link_16mi2_181 {
+  display: inline;
+  padding: 0;
   font-size: var(--font-size-s);
-  font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-regular);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1994,56 +1366,40 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_13dut_123 {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-color: var(--color-background-base);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: var(--spacing-s) var(--spacing-s) var(--spacing-xl) var(--spacing-s);
-  text-align: center;
-  overflow: hidden;
-}
-._container_13dut_123 > * {
-  width: 100%;
-}
-._header_13dut_140 {
-  margin-bottom: var(--spacing-s);
-}
-._header_13dut_140 > * {
-  margin-bottom: var(--spacing-2xs);
-}
-._action_13dut_147 {
-  margin-bottom: var(--spacing-2xl);
-}
-._shake_13dut_151 {
-  animation: _shake_13dut_151 8s infinite;
-}
-@keyframes _shake_13dut_151 {
-90% {
-    transform: translateX(0);
+._select_wv0ev_123 {
+  --max-select-width: 224px;
+  max-width: var(--max-select-width);
 }
-92.5% {
-    transform: translateX(6px);
+._select_wv0ev_123 .el-input--suffix .el-input__inner {
+  padding-left: calc(var(--spacing-l) + var(--spacing-4xs));
+  padding-right: var(--spacing-l);
 }
-95% {
-    transform: translateX(-6px);
+._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);
 }
-97.5% {
-    transform: translateX(6px);
+._icon_wv0ev_140 {
+  padding-right: var(--spacing-4xs);
 }
-100% {
-    transform: translateX(0);
+._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);
 }
-._accordion_13dut_172 {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
+._subtitle_wv0ev_157 {
+  margin-left: auto;
+  padding-left: var(--spacing-2xs);
+  color: var(--color-text-light);
+  font-weight: var(--font-weight-regular);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2166,13 +1522,59 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.fade-enter-active[data-v-0f040cf5],
-.fade-leave-active[data-v-0f040cf5] {
-  transition: opacity 200ms;
+._runData_1mdum_123 {
+  background-color: var(--color-run-data-background);
 }
-.fade-enter[data-v-0f040cf5],
-.fade-leave-to[data-v-0f040cf5] {
-  opacity: 0;
+._mappedNode_1mdum_127 {
+  padding: 0 var(--spacing-s) var(--spacing-s);
+}
+._titleSection_1mdum_131 {
+  display: flex;
+  max-width: 300px;
+  align-items: center;
+}
+._titleSection_1mdum_131 > * {
+  margin-right: var(--spacing-2xs);
+}
+._titleSectionV2_1mdum_140 {
+  padding-left: var(--spacing-4xs);
+}
+._inputModeTab_1mdum_144 {
+  margin-left: auto;
+}
+._noOutputData_1mdum_148 {
+  max-width: 250px;
+}
+._noOutputData_1mdum_148 > * {
+  margin-bottom: var(--spacing-2xs);
+}
+._recoveredOutputData_1mdum_155 {
+  margin: auto;
+  max-width: 250px;
+  text-align: center;
+}
+._recoveredOutputData_1mdum_155 > *:first-child {
+  margin-bottom: var(--spacing-m);
+}
+._notConnected_1mdum_164 {
+  max-width: 300px;
+}
+._notConnected_1mdum_164 > *:first-child {
+  margin-bottom: var(--spacing-m);
+}
+._notConnected_1mdum_164 > * {
+  margin-bottom: var(--spacing-2xs);
+}
+._title_1mdum_131 {
+  text-transform: uppercase;
+  color: var(--color-text-light);
+  letter-spacing: 3px;
+  font-size: var(--font-size-s);
+  font-weight: var(--font-weight-bold);
+}
+._titleV2_1mdum_182 {
+  letter-spacing: 2px;
+  font-size: var(--font-size-xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2295,35 +1697,56 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-[data-has-output-connection=true] .ndv-connection-hint-notice {
-  display: none;
-}
-.ndv-wrapper {
-  overflow: visible;
-  margin-top: 0;
-}
-.data-display-wrapper {
+._container_1mcl9_123 {
+  position: relative;
+  width: 100%;
   height: 100%;
-  margin-top: var(--spacing-xl) !important;
-  margin-bottom: var(--spacing-xl) !important;
+  background-color: var(--color-run-data-background);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-s) var(--spacing-s) var(--spacing-xl) var(--spacing-s);
+  text-align: center;
+  overflow: hidden;
+}
+._container_1mcl9_123 > * {
   width: 100%;
-  background: none;
-  border: none;
 }
-.data-display-wrapper .el-dialog__header {
-  padding: 0 !important;
+._header_1mcl9_140 {
+  margin-bottom: var(--spacing-s);
 }
-.data-display-wrapper .el-dialog__body {
-  padding: 0 !important;
-  height: 100%;
-  min-height: 400px;
-  overflow: visible;
-  border-radius: 8px;
+._header_1mcl9_140 > * {
+  margin-bottom: var(--spacing-2xs);
 }
-.data-display {
-  height: 100%;
+._action_1mcl9_147 {
+  margin-bottom: var(--spacing-2xl);
+}
+._shake_1mcl9_151 {
+  animation: _shake_1mcl9_151 8s infinite;
+}
+@keyframes _shake_1mcl9_151 {
+90% {
+    transform: translateX(0);
+}
+92.5% {
+    transform: translateX(6px);
+}
+95% {
+    transform: translateX(-6px);
+}
+97.5% {
+    transform: translateX(6px);
+}
+100% {
+    transform: translateX(0);
+}
+}
+._accordion_1mcl9_172 {
+  position: absolute;
+  bottom: 0;
+  left: 0;
   width: 100%;
-  display: flex;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2446,41 +1869,11 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._modalBackground_176ah_123 {
-  height: 100%;
-  width: 100%;
-}
-._triggerWarning_176ah_128 {
-  max-width: 180px;
-}
-._backToCanvas_176ah_132 {
-  position: fixed;
-  top: var(--spacing-xs);
-  left: var(--spacing-l);
-}
-._backToCanvas_176ah_132 span {
-  color: var(--color-ndv-back-font);
-}
-._backToCanvas_176ah_132:hover {
-  cursor: pointer;
-}
-._backToCanvas_176ah_132 > * {
-  margin-right: var(--spacing-3xs);
-}
-@media (min-width: 1920px) {
-._backToCanvas_176ah_132 {
-    top: var(--spacing-xs);
-    left: var(--spacing-m);
-}
-}
-._featureRequest_176ah_153 {
-  position: absolute;
-  bottom: var(--spacing-4xs);
-  left: calc(100% + var(--spacing-s));
-  color: var(--color-feature-request-font);
-  font-size: var(--font-size-2xs);
-  white-space: nowrap;
+.fade-enter-active[data-v-a321aff2],
+.fade-leave-active[data-v-a321aff2] {
+  transition: opacity 200ms;
 }
-._featureRequest_176ah_153 * {
-  margin-right: var(--spacing-3xs);
+.fade-enter[data-v-a321aff2],
+.fade-leave-to[data-v-a321aff2] {
+  opacity: 0;
 }