n8n-editor-ui 1.83.2 → 1.85.0

package/dist/assets/{CanvasChat-CSLR5tKe.css → CanvasChatSwitch-BcSDHC-c.css}

@@ -1909,6 +1909,41 @@
   margin-top: auto;
   display: block;
   padding: var(--chat--messages-list--padding);
+}
+.empty-container {
+  container-type: size;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.empty-container p {
+  max-width: 16em;
+  margin: 0;
+}
+.empty {
+  text-align: center;
+  color: var(--color-text-base);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+  padding-inline: var(--spacing-m);
+  padding-bottom: 1.5em;
+  overflow: hidden;
+}
+.emptyIcon {
+  zoom: 2.5;
+  color: var(--color-button-secondary-border);
+}
+@container (height < 150px) {
+.empty {
+    flex-direction: row;
+    text-align: left;
+}
+.emptyIcon {
+    zoom: 1.5;
+}
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2297,7 +2332,166 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._chat_16ciy_123 {
+._container_oxcgo_123 {
+  font-size: var(--font-size-2xs);
+  font-weight: 400;
+  line-height: 18px;
+  text-align: left;
+  padding-inline: var(--spacing-s);
+  padding-block: var(--spacing-2xs);
+  background-color: var(--color-foreground-xlight);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  line-height: var(--font-line-height-compact);
+}
+._container_oxcgo_123:last-child {
+  /** Panel collapsed */
+  cursor: pointer;
+}
+._container_oxcgo_123:not(:last-child) {
+  /** Panel open */
+  border-bottom: 1px solid var(--color-foreground-base);
+}
+._title_oxcgo_145 {
+  font-weight: 600;
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+._actions_oxcgo_151 {
+  display: flex;
+  align-items: center;
+  color: var(--color-text-base);
+  max-width: 70%;
+  /* Let button heights not affect the header height */
+  margin-block: calc(-1 * var(--spacing-s));
+}
+._actions_oxcgo_151 button {
+  border: none;
+  color: var(--color-text-light);
+}/* 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
+ -------------------------- */
+._chat_fs224_123 {
   --chat--spacing: var(--spacing-xs);
   --chat--message--padding: var(--spacing-2xs);
   --chat--message--font-size: var(--font-size-xs);
@@ -2321,9 +2515,9 @@
   overflow: hidden;
   background-color: var(--color-background-light);
 }
-._chatHeader_16ciy_148 {
+._chatHeader_fs224_148 {
   font-size: var(--font-size-s);
-  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   line-height: 18px;
   text-align: left;
   border-bottom: 1px solid var(--color-foreground-base);
@@ -2333,43 +2527,48 @@
   justify-content: space-between;
   align-items: center;
 }
-._chatTitle_16ciy_161 {
-  font-weight: 600;
+._chatTitle_fs224_161 {
+  font-weight: var(--font-weight-medium);
 }
-._session_16ciy_165 {
+._session_fs224_165 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2xs);
   color: var(--color-text-base);
   max-width: 70%;
 }
-._sessionId_16ciy_173 {
+._sessionId_fs224_173 {
   display: inline-block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
+}
+._sessionId_fs224_173._copyable_fs224_179 {
   cursor: pointer;
 }
-._headerButton_16ciy_181 {
+._headerButton_fs224_183 {
   max-height: 1.1rem;
   border: none;
 }
-._chatBody_16ciy_186 {
+._chatBody_fs224_188 {
   display: flex;
   height: 100%;
   overflow: auto;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
-._messages_16ciy_192 {
+._messages_fs224_197 {
   border-radius: var(--border-radius-base);
   height: 100%;
   width: 100%;
   overflow: auto;
   padding-top: 1.5em;
 }
-._messages_16ciy_192:not(:last-child) {
+._messages_fs224_197:not(:last-child) {
   margin-right: 1em;
 }
-._messagesInput_16ciy_203 {
+._messagesInput_fs224_208 {
   --input-border-color: var(--border-color-base);
   --chat--input--border: none;
   --chat--input--border-radius: 0.5rem;
@@ -2391,15 +2590,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_16ciy_203 {
+[data-theme=dark] ._messagesInput_fs224_208 {
   --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
 }
 @media (prefers-color-scheme: dark) {
-._messagesInput_16ciy_203 {
+._messagesInput_fs224_208 {
     --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
 }
 }
-._messagesInput_16ciy_203:focus-within {
+._messagesInput_fs224_208:focus-within {
   --input-border-color: #4538a3;
 }/* BEM support Func
  -------------------------- */
@@ -2523,7 +2722,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._logsHeader_km5h4_123 {
+._logsHeader_1n9n2_123 {
   font-size: var(--font-size-s);
   font-weight: var(--font-weight-bold);
   height: 2.6875rem;
@@ -2536,13 +2735,10 @@
   justify-content: space-between;
   align-items: center;
 }
-._logsHeader_km5h4_123 ._close_km5h4_136 {
-  border: none;
-}
-._logsHeader_km5h4_123 span {
-  font-weight: 100;
+._logsHeader_1n9n2_123 span {
+  font-weight: var(--font-weight-regular);
 }
-._logsWrapper_km5h4_143 {
+._logsWrapper_1n9n2_140 {
   --node-icon-color: var(--color-text-base);
   height: 100%;
   overflow: hidden;
@@ -2550,13 +2746,20 @@
   display: flex;
   flex-direction: column;
 }
-._logsTitle_km5h4_152 {
+._logsTitle_1n9n2_149 {
   margin: 0 var(--spacing-s) var(--spacing-s);
 }
-._logs_km5h4_123 {
+._logs_1n9n2_123 {
   padding: var(--spacing-s) 0;
   flex-grow: 1;
   overflow: auto;
+}
+._actions_1n9n2_159 {
+  display: flex;
+  align-items: center;
+}
+._actions_1n9n2_159 button {
+  border: none;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2679,32 +2882,41 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._resizeWrapper_1tz98_123 {
+@media all and (display-mode: picture-in-picture) {
+._resizeWrapper_1aajp_124 {
+    height: 100% !important;
+    max-height: 100vh !important;
+}
+}
+._pipContent_1aajp_129 {
+  height: 100%;
+}
+._resizeWrapper_1aajp_124 {
   height: var(--panel-height);
   min-height: 4rem;
   max-height: 90vh;
   flex-basis: content;
   border-top: 1px solid var(--color-foreground-base);
 }
-._resizeWrapper_1tz98_123._empty_1tz98_130 {
+._resizeWrapper_1aajp_124._empty_1aajp_140 {
   height: auto;
   min-height: 0;
   flex-basis: 0;
 }
-._container_1tz98_136 {
+._container_1aajp_146 {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-._chatResizer_1tz98_144 {
+._chatResizer_1aajp_154 {
   display: flex;
   width: 100%;
   height: 100%;
   max-width: 100%;
 }
-._footer_1tz98_151 {
+._footer_1aajp_161 {
   border-top: 1px solid var(--color-foreground-base);
   width: 100%;
   background-color: var(--color-background-light);
@@ -2712,24 +2924,325 @@
   padding: var(--spacing-2xs);
   gap: var(--spacing-2xs);
 }
-._chat_1tz98_144 {
+._chat_1aajp_154 {
   width: var(--chat-width);
   flex-shrink: 0;
   border-right: 1px solid var(--color-foreground-base);
   max-width: 100%;
 }
-._chat_1tz98_144:only-child {
+._chat_1aajp_154:only-child {
   width: 100%;
 }
-._inner_1tz98_170 {
+._inner_1aajp_180 {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   height: 100%;
   width: 100%;
 }
-._logs_1tz98_178 {
+._logs_1aajp_188 {
+  flex-grow: 1;
+  flex-shrink: 1;
+  background-color: var(--color-background-light);
+}/* 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_wrmwc_123 {
   flex-grow: 1;
   flex-shrink: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+._content_wrmwc_131 {
+  padding: var(--spacing-2xs);
+  flex-grow: 1;
+}
+._content_wrmwc_131._empty_wrmwc_135 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._emptyText_wrmwc_141 {
+  max-width: 20em;
+  text-align: center;
+}/* 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
+ -------------------------- */
+@media all and (display-mode: picture-in-picture) {
+._resizeWrapper_1brak_124 {
+    height: 100% !important;
+    max-height: 100vh !important;
+}
+}
+._pipContent_1brak_129 {
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+._resizeWrapper_1brak_124 {
+  height: auto;
+  min-height: 0;
+  flex-basis: 0;
+  border-top: 1px solid var(--color-foreground-base);
   background-color: var(--color-background-light);
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
+}
+._resizeWrapper_1brak_124._isOpen_1brak_145 {
+  height: var(--panel-height);
+  min-height: 4rem;
+  max-height: 90vh;
+  flex-basis: content;
+}
+._container_1brak_152 {
+  display: flex;
+  flex-grow: 1;
+}
+._container_1brak_152 > *:not(:last-child) {
+  border-right: 1px solid var(--color-foreground-base);
+}
+._chat_1brak_160 {
+  width: var(--chat-width);
+  flex-shrink: 0;
+  max-width: 100%;
 }