n8n-editor-ui 1.85.2 → 1.87.0

package/dist/assets/{CanvasChatSwitch-BcSDHC-c.css → CanvasChatSwitch-0IWSu8RE.css}

@@ -1929,7 +1929,7 @@
   justify-content: center;
   gap: var(--spacing-xs);
   padding-inline: var(--spacing-m);
-  padding-bottom: 1.5em;
+  padding-bottom: var(--spacing-l);
   overflow: hidden;
 }
 .emptyIcon {
@@ -2332,12 +2332,11 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_oxcgo_123 {
+._container_u9nuz_123 {
   font-size: var(--font-size-2xs);
-  font-weight: 400;
-  line-height: 18px;
   text-align: left;
-  padding-inline: var(--spacing-s);
+  padding-inline-start: var(--spacing-s);
+  padding-inline-end: var(--spacing-xs);
   padding-block: var(--spacing-2xs);
   background-color: var(--color-foreground-xlight);
   display: flex;
@@ -2345,20 +2344,19 @@
   align-items: center;
   line-height: var(--font-line-height-compact);
 }
-._container_oxcgo_123:last-child {
+._container_u9nuz_123:last-child {
   /** Panel collapsed */
   cursor: pointer;
 }
-._container_oxcgo_123:not(:last-child) {
+._container_u9nuz_123:not(:last-child) {
   /** Panel open */
-  border-bottom: 1px solid var(--color-foreground-base);
+  border-bottom: var(--border-base);
 }
-._title_oxcgo_145 {
-  font-weight: 600;
+._title_u9nuz_144 {
   flex-grow: 1;
   flex-shrink: 1;
 }
-._actions_oxcgo_151 {
+._actions_u9nuz_149 {
   display: flex;
   align-items: center;
   color: var(--color-text-base);
@@ -2366,7 +2364,7 @@
   /* Let button heights not affect the header height */
   margin-block: calc(-1 * var(--spacing-s));
 }
-._actions_oxcgo_151 button {
+._actions_u9nuz_149 button {
   border: none;
   color: var(--color-text-light);
 }/* BEM support Func
@@ -2491,7 +2489,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._chat_fs224_123 {
+._chat_14fd2_123 {
   --chat--spacing: var(--spacing-xs);
   --chat--message--padding: var(--spacing-2xs);
   --chat--message--font-size: var(--font-size-xs);
@@ -2515,7 +2513,7 @@
   overflow: hidden;
   background-color: var(--color-background-light);
 }
-._chatHeader_fs224_148 {
+._chatHeader_14fd2_148 {
   font-size: var(--font-size-s);
   font-weight: var(--font-weight-regular);
   line-height: 18px;
@@ -2527,30 +2525,30 @@
   justify-content: space-between;
   align-items: center;
 }
-._chatTitle_fs224_161 {
+._chatTitle_14fd2_161 {
   font-weight: var(--font-weight-medium);
 }
-._session_fs224_165 {
+._session_14fd2_165 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2xs);
   color: var(--color-text-base);
   max-width: 70%;
 }
-._sessionId_fs224_173 {
+._sessionId_14fd2_173 {
   display: inline-block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._sessionId_fs224_173._copyable_fs224_179 {
+._sessionId_14fd2_173._copyable_14fd2_179 {
   cursor: pointer;
 }
-._headerButton_fs224_183 {
+._headerButton_14fd2_183 {
   max-height: 1.1rem;
   border: none;
 }
-._chatBody_fs224_188 {
+._chatBody_14fd2_188 {
   display: flex;
   height: 100%;
   overflow: auto;
@@ -2558,17 +2556,17 @@
   align-items: center;
   justify-content: center;
 }
-._messages_fs224_197 {
+._messages_14fd2_197 {
   border-radius: var(--border-radius-base);
   height: 100%;
   width: 100%;
   overflow: auto;
-  padding-top: 1.5em;
+  padding-top: var(--spacing-l);
 }
-._messages_fs224_197:not(:last-child) {
+._messages_14fd2_197:not(:last-child) {
   margin-right: 1em;
 }
-._messagesInput_fs224_208 {
+._messagesInput_14fd2_208 {
   --input-border-color: var(--border-color-base);
   --chat--input--border: none;
   --chat--input--border-radius: 0.5rem;
@@ -2590,15 +2588,15 @@
   transition: border-color 200ms ease-in-out;
   border: var(--input-border-color, var(--border-color-base)) var(--input-border-style, var(--border-style-base)) var(--input-border-width, var(--border-width-base));
 }
-[data-theme=dark] ._messagesInput_fs224_208 {
+[data-theme=dark] ._messagesInput_14fd2_208 {
   --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
 }
 @media (prefers-color-scheme: dark) {
-._messagesInput_fs224_208 {
+._messagesInput_14fd2_208 {
     --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
 }
 }
-._messagesInput_fs224_208:focus-within {
+._messagesInput_14fd2_208:focus-within {
   --input-border-color: #4538a3;
 }/* BEM support Func
  -------------------------- */
@@ -3066,25 +3064,460 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_wrmwc_123 {
+._container_1jepl_123 {
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
+  --row-gap-thickness: 1px;
+}
+._container_1jepl_123 > * {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: var(--spacing-2xs);
+  margin-bottom: var(--row-gap-thickness);
+}
+._background_1jepl_140 {
+  position: absolute;
+  left: calc(var(--row-gap-thickness) + var(--indent-depth) * 32px);
+  top: 0;
+  width: calc(100% - var(--indent-depth) * 32px - var(--row-gap-thickness));
+  height: calc(100% - var(--row-gap-thickness));
+  border-radius: var(--border-radius-base);
+  z-index: -1;
+}
+._selected_1jepl_149 ._background_1jepl_140, ._container_1jepl_123:hover ._background_1jepl_140 {
+  background-color: var(--color-foreground-base);
+}
+._selected_1jepl_149:not(:hover)._error_1jepl_152 ._background_1jepl_140 {
+  background-color: var(--color-danger-tint-2);
+}
+._indent_1jepl_156 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: var(--spacing-xl);
+  align-self: stretch;
+  position: relative;
+  overflow: hidden;
+  margin-bottom: 0;
+}
+._indent_1jepl_156._connectorCurved_1jepl_165:before {
+  content: "";
+  position: absolute;
+  left: var(--spacing-s);
+  bottom: var(--spacing-s);
+  border: 2px solid var(--color-canvas-dot);
+  width: var(--spacing-l);
+  height: var(--spacing-l);
+  border-radius: var(--border-radius-large);
+}
+._indent_1jepl_156._connectorStraight_1jepl_175:after {
+  content: "";
+  position: absolute;
+  left: var(--spacing-s);
+  top: 0;
+  border-left: 2px solid var(--color-canvas-dot);
+  height: 100%;
+}
+._icon_1jepl_184 {
+  margin-left: var(--row-gap-thickness);
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+._name_1jepl_190 {
+  flex-grow: 1;
+  padding-inline-start: 0;
+}
+._timeTook_1jepl_195 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 20%;
+}
+._timeTook_1jepl_195 ._errorIcon_1jepl_200 {
+  margin-right: var(--spacing-4xs);
+  vertical-align: text-bottom;
+}
+._compact_1jepl_204:hover ._timeTook_1jepl_195 {
+  width: auto;
+}
+._compact_1jepl_204:not(:hover) ._timeTook_1jepl_195 {
+  display: none;
+}
+._startedAt_1jepl_211 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 30%;
+}
+._compact_1jepl_204 ._startedAt_1jepl_211 {
+  display: none;
+}
+._consumedTokens_1jepl_220 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 10%;
+  text-align: right;
+}
+._compact_1jepl_204:hover ._consumedTokens_1jepl_220 {
+  width: auto;
+}
+._compact_1jepl_204 ._consumedTokens_1jepl_220:empty, ._compact_1jepl_204:not(:hover) ._consumedTokens_1jepl_220 {
+  display: none;
+}
+._compactErrorIcon_1jepl_233 {
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+._container_1jepl_123:hover ._compactErrorIcon_1jepl_233 {
+  display: none;
+}
+._partialExecutionButton_1jepl_241,
+._openNdvButton_1jepl_242 {
+  transition: none;
+  /* By default, take space but keep invisible */
+  visibility: hidden;
+}
+._container_1jepl_123._compact_1jepl_204 ._partialExecutionButton_1jepl_241,
+._container_1jepl_123._compact_1jepl_204 ._openNdvButton_1jepl_242 {
+  /* When compact, collapse to save space */
+  display: none;
+}
+._container_1jepl_123:hover ._partialExecutionButton_1jepl_241:not(._unavailable_1jepl_252),
+._container_1jepl_123:hover ._openNdvButton_1jepl_242:not(._unavailable_1jepl_252) {
+  visibility: visible;
+  display: inline-flex;
+}
+._partialExecutionButton_1jepl_241,
+._openNdvButton_1jepl_242,
+._toggleButton_1jepl_260 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  border: none;
+  background: transparent;
+  margin-inline-end: var(--spacing-5xs);
+  color: var(--color-text-base);
+  align-items: center;
+  justify-content: center;
+}
+._partialExecutionButton_1jepl_241:hover,
+._openNdvButton_1jepl_242:hover,
+._toggleButton_1jepl_260:hover {
+  background: transparent;
+}
+._toggleButton_1jepl_260 {
+  display: inline-flex;
+}/* 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_1xpvq_123 {
   flex-grow: 1;
   flex-shrink: 1;
   display: flex;
   flex-direction: column;
   align-items: stretch;
+  overflow: hidden;
+  background-color: var(--color-foreground-xlight);
 }
-._content_wrmwc_131 {
-  padding: var(--spacing-2xs);
+._content_1xpvq_133 {
+  position: relative;
   flex-grow: 1;
-}
-._content_wrmwc_131._empty_wrmwc_135 {
+  overflow: auto;
   display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: stretch;
+}
+._content_1xpvq_133._empty_1xpvq_142 {
   align-items: center;
   justify-content: center;
 }
-._emptyText_wrmwc_141 {
+._emptyText_1xpvq_147 {
   max-width: 20em;
   text-align: center;
+}
+._scrollable_1xpvq_152 {
+  padding: var(--spacing-2xs);
+  flex-grow: 1;
+  flex-shrink: 1;
+  overflow: auto;
+}
+._summary_1xpvq_159 {
+  display: flex;
+  align-items: center;
+  padding-block: var(--spacing-2xs);
+}
+._summary_1xpvq_159 > * {
+  padding-inline: var(--spacing-2xs);
+}
+._summary_1xpvq_159 > *:not(:last-child) {
+  border-right: var(--border-base);
+}
+._tree_1xpvq_171 {
+  margin-top: var(--spacing-2xs);
+}
+._tree_1xpvq_171 .el-icon {
+  display: none;
+}
+._switchViewButtons_1xpvq_178 {
+  position: absolute;
+  right: 0;
+  top: 0;
+  margin: 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_q8l5j_123 {
+  flex-grow: 1;
+  flex-shrink: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  overflow: hidden;
+  background-color: var(--color-foreground-xlight);
+}
+._content_q8l5j_133 {
+  flex-grow: 1;
+  padding: var(--spacing-s);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -3208,41 +3641,50 @@
 /* BEM
  -------------------------- */
 @media all and (display-mode: picture-in-picture) {
-._resizeWrapper_1brak_124 {
+._resizeWrapper_1zlbj_124 {
     height: 100% !important;
     max-height: 100vh !important;
 }
 }
-._pipContent_1brak_129 {
+._pipContent_1zlbj_129 {
   height: 100%;
   position: relative;
   overflow: hidden;
 }
-._resizeWrapper_1brak_124 {
-  height: auto;
+._resizeWrapper_1zlbj_124 {
+  height: 100%;
   min-height: 0;
   flex-basis: 0;
-  border-top: 1px solid var(--color-foreground-base);
+  border-top: var(--border-base);
   background-color: var(--color-background-light);
-  display: flex;
-  align-items: stretch;
-  justify-content: stretch;
 }
-._resizeWrapper_1brak_124._isOpen_1brak_145 {
+._resizeWrapper_1zlbj_124._isOpen_1zlbj_142 {
   height: var(--panel-height);
   min-height: 4rem;
   max-height: 90vh;
   flex-basis: content;
 }
-._container_1brak_152 {
+._container_1zlbj_149 {
+  height: 100%;
   display: flex;
   flex-grow: 1;
 }
-._container_1brak_152 > *:not(:last-child) {
-  border-right: 1px solid var(--color-foreground-base);
+._container_1zlbj_149 > *:not(:last-child) {
+  border-right: var(--border-base);
 }
-._chat_1brak_160 {
+._chat_1zlbj_158 {
   width: var(--chat-width);
   flex-shrink: 0;
   max-width: 100%;
+}
+._logsOverview_1zlbj_164 {
+  flex-basis: 20%;
+  flex-grow: 1;
+  flex-shrink: 1;
+  min-width: 360px;
+}
+._logDetails_1zlbj_171 {
+  flex-basis: 60%;
+  flex-grow: 1;
+  flex-shrink: 1;
 }