n8n-editor-ui 1.97.0 → 1.98.0

package/dist/assets/{LogsPanel-D7j-yJQx.css → LogsPanel-DVSP-ORT.css}

@@ -120,54 +120,41 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-file[data-v-70b9370d] {
+._container_1uwbw_123 {
+  font-size: var(--font-size-2xs);
+  text-align: left;
+  padding-inline-start: var(--spacing-s);
+  padding-inline-end: var(--spacing-2xs);
+  padding-block: var(--spacing-2xs);
+  background-color: var(--color-foreground-xlight);
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  flex-wrap: nowrap;
-  width: -moz-fit-content;
-  width: fit-content;
-  max-width: 15rem;
-  padding: 0.5rem;
-  border-radius: 0.25rem;
-  gap: 0.25rem;
-  font-size: 0.75rem;
-  background: white;
-  color: var(--chat--color-dark);
-  border: 1px solid var(--chat--color-dark);
+  line-height: var(--font-line-height-compact);
+}
+._container_1uwbw_123:last-child {
+  /** Panel collapsed */
   cursor: pointer;
 }
-.chat-file-name-tooltip[data-v-70b9370d] {
-  overflow: hidden;
+._container_1uwbw_123:not(:last-child) {
+  /** Panel open */
+  border-bottom: var(--border-base);
 }
-.chat-file-name[data-v-70b9370d] {
+._title_1uwbw_144 {
+  flex-grow: 1;
+  flex-shrink: 1;
   overflow: hidden;
-  max-width: 100%;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin: 0;
 }
-.chat-file-delete[data-v-70b9370d],
-.chat-file-preview[data-v-70b9370d] {
-  background: none;
-  border: none;
-  display: block;
-  cursor: pointer;
+._actions_1uwbw_152 {
   flex-shrink: 0;
-}
-.chat-file-delete[data-v-70b9370d] {
-  position: relative;
-  /* Increase hit area for better clickability */
-}
-.chat-file-delete[data-v-70b9370d]:hover {
-  color: red;
-}
-.chat-file-delete[data-v-70b9370d]:before {
-  content: "";
-  position: absolute;
-  top: -10px;
-  right: -10px;
-  bottom: -10px;
-  left: -10px;
+  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));
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -290,84 +277,13 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-message {
-  display: block;
-  position: relative;
-  max-width: -moz-fit-content;
-  max-width: fit-content;
-  font-size: var(--chat--message--font-size);
-  padding: var(--chat--message--padding);
-  border-radius: var(--chat--message--border-radius);
-  scroll-margin: 3rem;
-}
-.chat-message .chat-message-actions {
-  position: absolute;
-  bottom: calc(100% - 0.5rem);
-  left: 0;
-  opacity: 0;
-  transform: translateY(-0.25rem);
-  display: flex;
-  gap: 1rem;
-}
-.chat-message.chat-message-from-user .chat-message-actions {
-  left: auto;
-  right: 0;
-}
-.chat-message:hover .chat-message-actions {
-  opacity: 1;
-}
-.chat-message p {
-  line-height: var(--chat--message-line-height);
-  word-wrap: break-word;
-}
-.chat-message + .chat-message {
-  margin-top: var(--chat--message--margin-bottom);
-}
-.chat-message.chat-message-from-user + .chat-message.chat-message-from-bot, .chat-message.chat-message-from-bot + .chat-message.chat-message-from-user {
-  margin-top: var(--chat--spacing);
-}
-.chat-message.chat-message-from-bot {
-  color: var(--chat--message--bot--color);
-  border-bottom-left-radius: 0;
-}
-.chat-message.chat-message-from-bot:not(.chat-message-transparent) {
-  background-color: var(--chat--message--bot--background);
-  border: var(--chat--message--bot--border);
-}
-.chat-message.chat-message-from-user {
-  color: var(--chat--message--user--color);
-  margin-left: auto;
-  border-bottom-right-radius: 0;
-}
-.chat-message.chat-message-from-user:not(.chat-message-transparent) {
-  background-color: var(--chat--message--user--background);
-  border: var(--chat--message--user--border);
-}
-.chat-message > .chat-message-markdown {
-  display: block;
-  box-sizing: border-box;
-}
-.chat-message > .chat-message-markdown > *:first-child {
-  margin-top: 0;
-}
-.chat-message > .chat-message-markdown > *:last-child {
-  margin-bottom: 0;
-}
-.chat-message > .chat-message-markdown pre {
-  font-family: inherit;
-  font-size: inherit;
-  margin: 0;
-  white-space: pre-wrap;
-  box-sizing: border-box;
-  padding: var(--chat--spacing);
-  background: var(--chat--message--pre--background);
-  border-radius: var(--chat--border-radius);
+._name_1t0q3_123 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.chat-message .chat-message-files {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-  padding-top: 0.5rem;
+._name_1t0q3_123 del:not(:last-child) {
+  margin-right: var(--spacing-4xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -490,163 +406,146 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-button {
-  display: inline-flex;
-  text-align: center;
-  vertical-align: middle;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  color: var(--chat--button--color);
-  background-color: var(--chat--button--background);
-  border: 1px solid transparent;
-  padding: var(--chat--button--padding);
-  font-size: 1rem;
-  line-height: 1.5;
-  border-radius: var(--chat--button--border-radius);
-  transition: color var(--chat--transition-duration) ease-in-out, background-color var(--chat--transition-duration) ease-in-out, border-color var(--chat--transition-duration) ease-in-out, box-shadow var(--chat--transition-duration) ease-in-out;
-  cursor: pointer;
+._container_1ohan_123 {
+  display: flex;
+  align-items: center;
+  justify-content: stretch;
+  overflow: hidden;
+  position: relative;
+  z-index: 1;
 }
-.chat-button:hover {
-  color: var(--chat--button--hover--color);
-  background-color: var(--chat--button--hover--background);
-  text-decoration: none;
+._container_1ohan_123 > * {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: var(--spacing-2xs);
 }
-.chat-button:focus {
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+._background_1ohan_138 {
+  position: absolute;
+  left: calc(var(--indent-depth) * 32px);
+  top: 0;
+  width: calc(100% - var(--indent-depth) * 32px);
+  height: 100%;
+  border-radius: var(--border-radius-base);
+  z-index: -1;
 }
-.chat-button:disabled {
-  opacity: 0.65;
-}/* 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-get-started {
-  padding-top: var(--chat--spacing);
-  padding-bottom: var(--chat--spacing);
-  display: flex;
-  justify-content: center;
-  align-items: center;
+._selected_1ohan_147 ._background_1ohan_138 {
+  background-color: var(--color-foreground-base);
+}
+._container_1ohan_123:hover:not(._selected_1ohan_147) ._background_1ohan_138 {
+  background-color: var(--color-background-light-base);
+}
+._selected_1ohan_147:not(:hover)._error_1ohan_153 ._background_1ohan_138 {
+  background-color: var(--color-danger-tint-2);
+}
+._indent_1ohan_157 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: var(--spacing-xl);
+  align-self: stretch;
+  position: relative;
+  overflow: hidden;
+  margin-bottom: 0;
+}
+._indent_1ohan_157._connectorCurved_1ohan_166: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_1ohan_157._connectorStraight_1ohan_176:after {
+  content: "";
+  position: absolute;
+  left: var(--spacing-s);
+  top: 0;
+  border-left: 2px solid var(--color-canvas-dot);
   height: 100%;
+}
+._icon_1ohan_185 {
+  margin-left: var(--row-gap-thickness);
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+._name_1ohan_191 {
+  flex-basis: 0;
+  flex-grow: 1;
+  padding-inline-start: 0;
+}
+._timeTook_1ohan_197 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 20%;
+}
+._timeTook_1ohan_197 ._errorIcon_1ohan_202 {
+  margin-right: var(--spacing-4xs);
+  vertical-align: text-bottom;
+}
+._startedAt_1ohan_207 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 25%;
+}
+._consumedTokens_1ohan_213 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 15%;
+  text-align: right;
+}
+._compactErrorIcon_1ohan_220 {
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+._container_1ohan_123:hover ._compactErrorIcon_1ohan_220 {
+  display: none;
+}
+._partialExecutionButton_1ohan_228,
+._openNdvButton_1ohan_229 {
+  transition: none;
+  /* By default, take space but keep invisible */
+  visibility: hidden;
+}
+._container_1ohan_123._compact_1ohan_220 ._partialExecutionButton_1ohan_228,
+._container_1ohan_123._compact_1ohan_220 ._openNdvButton_1ohan_229 {
+  /* When compact, collapse to save space */
+  display: none;
+}
+._container_1ohan_123:hover ._partialExecutionButton_1ohan_228:not(._unavailable_1ohan_239),
+._container_1ohan_123:hover ._openNdvButton_1ohan_229:not(._unavailable_1ohan_239) {
+  visibility: visible;
+  display: inline-flex;
+}
+._partialExecutionButton_1ohan_228,
+._openNdvButton_1ohan_229,
+._toggleButton_1ohan_247 {
+  flex-grow: 0;
+  flex-shrink: 0;
+  border: none;
+  background: transparent;
+  color: var(--color-text-base);
+  align-items: center;
+  justify-content: center;
+}
+._partialExecutionButton_1ohan_228:last-child,
+._openNdvButton_1ohan_229:last-child,
+._toggleButton_1ohan_247:last-child {
+  margin-inline-end: var(--spacing-5xs);
+}
+._partialExecutionButton_1ohan_228:hover,
+._openNdvButton_1ohan_229:hover,
+._toggleButton_1ohan_247:hover {
+  background: transparent;
+}
+._partialExecutionButton_1ohan_228:disabled,
+._openNdvButton_1ohan_229:disabled,
+._toggleButton_1ohan_247:disabled {
+  visibility: hidden !important;
+}
+._toggleButton_1ohan_247 {
+  display: inline-flex;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -769,12 +668,19 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-powered-by {
-  text-align: center;
+._container_pt5hk_123 {
+  display: flex;
+  align-items: center;
 }
-.chat-powered-by a {
-  color: var(--chat--color-primary);
-  text-decoration: none;
+._container_pt5hk_123 > * {
+  padding-inline: var(--spacing-2xs);
+  flex-shrink: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._container_pt5hk_123 > *:not(:last-child) {
+  border-right: var(--border-base);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -897,8 +803,60 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-get-started-footer {
-  padding: var(--chat--spacing);
+._container_fcgc7_123 {
+  flex-grow: 1;
+  flex-shrink: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  overflow: hidden;
+  background-color: var(--color-foreground-xlight);
+}
+._clearButton_fcgc7_133 {
+  border: none;
+  color: var(--color-text-light);
+  gap: var(--spacing-5xs);
+}
+._content_fcgc7_139 {
+  position: relative;
+  flex-grow: 1;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: stretch;
+}
+._content_fcgc7_139._empty_fcgc7_148 {
+  align-items: center;
+  justify-content: center;
+}
+._emptyText_fcgc7_153 {
+  max-width: 20em;
+  text-align: center;
+}
+._summary_fcgc7_158 {
+  padding: var(--spacing-2xs);
+}
+._tree_fcgc7_162 {
+  padding: 0 var(--spacing-2xs) var(--spacing-2xs) var(--spacing-2xs);
+  scroll-padding-block: var(--spacing-3xs);
+}
+._tree_fcgc7_162 .el-icon {
+  display: none;
+}
+._switchViewButtons_fcgc7_170 {
+  position: absolute;
+  z-index: 10; /* higher than log entry rows background */
+  right: 0;
+  top: 0;
+  margin: var(--spacing-4xs) var(--spacing-2xs);
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
+}
+._content_fcgc7_139:hover ._switchViewButtons_fcgc7_170 {
+  visibility: visible;
+  opacity: 1;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1021,103 +979,54 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-input[data-v-f0e5731e] {
+.chat-file[data-v-70b9370d] {
   display: flex;
-  justify-content: center;
   align-items: center;
-  width: 100%;
-  flex-direction: column;
-  position: relative;
-}
-.chat-input[data-v-f0e5731e] * {
-  box-sizing: border-box;
-}
-.chat-inputs[data-v-f0e5731e] {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: flex-end;
-}
-.chat-inputs textarea[data-v-f0e5731e] {
-  font-family: inherit;
-  font-size: var(--chat--input--font-size);
-  width: 100%;
-  border: var(--chat--input--border, 0);
-  border-radius: var(--chat--input--border-radius);
-  padding: var(--chat--input--padding);
-  min-height: var(--chat--textarea--height, 2.5rem);
-  max-height: var(--chat--textarea--max-height);
-  height: var(--chat--textarea--height, 2.5rem);
-  resize: none;
-  overflow-y: auto;
-  background: var(--chat--input--background, white);
-  color: var(--chat--input--text-color, initial);
-  outline: none;
-  line-height: var(--chat--input--line-height, 1.5);
-}
-.chat-inputs textarea[data-v-f0e5731e]::-moz-placeholder {
-  font-size: var(--chat--input--placeholder--font-size, var(--chat--input--font-size));
-}
-.chat-inputs textarea[data-v-f0e5731e]::placeholder {
-  font-size: var(--chat--input--placeholder--font-size, var(--chat--input--font-size));
-}
-.chat-inputs textarea[data-v-f0e5731e]:focus, .chat-inputs textarea[data-v-f0e5731e]:hover {
-  border-color: var(--chat--input--border-active, 0);
-}
-.chat-inputs-controls[data-v-f0e5731e] {
-  display: flex;
-}
-.chat-input-send-button[data-v-f0e5731e],
-.chat-input-file-button[data-v-f0e5731e] {
-  height: var(--chat--textarea--height);
-  width: var(--chat--textarea--height);
-  background: var(--chat--input--send--button--background, white);
+  flex-wrap: nowrap;
+  width: -moz-fit-content;
+  width: fit-content;
+  max-width: 15rem;
+  padding: 0.5rem;
+  border-radius: 0.25rem;
+  gap: 0.25rem;
+  font-size: 0.75rem;
+  background: white;
+  color: var(--chat--color-dark);
+  border: 1px solid var(--chat--color-dark);
   cursor: pointer;
-  color: var(--chat--input--send--button--color, var(--chat--color-secondary));
-  border: 0;
-  font-size: 24px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  transition: color var(--chat--transition-duration) ease;
 }
-.chat-input-send-button svg[data-v-f0e5731e],
-.chat-input-file-button svg[data-v-f0e5731e] {
-  min-width: -moz-fit-content;
-  min-width: fit-content;
-}
-.chat-input-send-button[disabled][data-v-f0e5731e],
-.chat-input-file-button[disabled][data-v-f0e5731e] {
-  cursor: no-drop;
-  color: var(--chat--color-disabled);
+.chat-file-name-tooltip[data-v-70b9370d] {
+  overflow: hidden;
 }
-.chat-input-send-button .chat-input-send-button[data-v-f0e5731e]:hover, .chat-input-send-button .chat-input-send-button[data-v-f0e5731e]:focus,
-.chat-input-file-button .chat-input-send-button[data-v-f0e5731e]:hover,
-.chat-input-file-button .chat-input-send-button[data-v-f0e5731e]:focus {
-  background: var(--chat--input--send--button--background-hover, var(--chat--input--send--button--background));
-  color: var(--chat--input--send--button--color-hover);
+.chat-file-name[data-v-70b9370d] {
+  overflow: hidden;
+  max-width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin: 0;
 }
-.chat-input-file-button[data-v-f0e5731e] {
-  background: var(--chat--input--file--button--background, white);
-  color: var(--chat--input--file--button--color);
+.chat-file-delete[data-v-70b9370d],
+.chat-file-preview[data-v-70b9370d] {
+  background: none;
+  border: none;
+  display: block;
+  cursor: pointer;
+  flex-shrink: 0;
 }
-.chat-input-file-button[data-v-f0e5731e]:hover {
-  background: var(--chat--input--file--button--background-hover);
-  color: var(--chat--input--file--button--color-hover);
+.chat-file-delete[data-v-70b9370d] {
+  position: relative;
+  /* Increase hit area for better clickability */
 }
-.chat-files[data-v-f0e5731e] {
-  display: flex;
-  overflow-x: hidden;
-  overflow-y: auto;
-  width: 100%;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  padding: var(--chat--files-spacing);
+.chat-file-delete[data-v-70b9370d]:hover {
+  color: red;
 }
-.chat-input-left-panel[data-v-f0e5731e] {
-  width: var(--chat--input--left--panel--width);
-  margin-left: 0.4rem;
+.chat-file-delete[data-v-70b9370d]:before {
+  content: "";
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  bottom: -10px;
+  left: -10px;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1240,49 +1149,84 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-layout {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  overflow-y: auto;
-  flex-direction: column;
-  font-family: var(--chat--font-family);
+.chat-message {
+  display: block;
+  position: relative;
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+  font-size: var(--chat--message--font-size);
+  padding: var(--chat--message--padding);
+  border-radius: var(--chat--message--border-radius);
+  scroll-margin: 3rem;
 }
-.chat-layout .chat-header {
+.chat-message .chat-message-actions {
+  position: absolute;
+  bottom: calc(100% - 0.5rem);
+  left: 0;
+  opacity: 0;
+  transform: translateY(-0.25rem);
   display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 1em;
-  height: var(--chat--header-height);
-  padding: var(--chat--header--padding);
-  background: var(--chat--header--background);
-  color: var(--chat--header--color);
-  border-top: var(--chat--header--border-top);
-  border-bottom: var(--chat--header--border-bottom);
-  border-left: var(--chat--header--border-left);
-  border-right: var(--chat--header--border-right);
+  gap: 1rem;
 }
-.chat-layout .chat-header h1 {
-  font-size: var(--chat--heading--font-size);
-  color: var(--chat--header--color);
+.chat-message.chat-message-from-user .chat-message-actions {
+  left: auto;
+  right: 0;
 }
-.chat-layout .chat-header p {
-  font-size: var(--chat--subtitle--font-size);
-  line-height: var(--chat--subtitle--line-height);
+.chat-message:hover .chat-message-actions {
+  opacity: 1;
 }
-.chat-layout .chat-body {
-  background: var(--chat--body--background);
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-  position: relative;
-  min-height: 100px;
+.chat-message p {
+  line-height: var(--chat--message-line-height);
+  word-wrap: break-word;
 }
-.chat-layout .chat-footer {
-  border-top: 1px solid var(--chat--color-light-shade-100);
-  background: var(--chat--footer--background);
-  color: var(--chat--footer--color);
+.chat-message + .chat-message {
+  margin-top: var(--chat--message--margin-bottom);
+}
+.chat-message.chat-message-from-user + .chat-message.chat-message-from-bot, .chat-message.chat-message-from-bot + .chat-message.chat-message-from-user {
+  margin-top: var(--chat--spacing);
+}
+.chat-message.chat-message-from-bot {
+  color: var(--chat--message--bot--color);
+  border-bottom-left-radius: 0;
+}
+.chat-message.chat-message-from-bot:not(.chat-message-transparent) {
+  background-color: var(--chat--message--bot--background);
+  border: var(--chat--message--bot--border);
+}
+.chat-message.chat-message-from-user {
+  color: var(--chat--message--user--color);
+  margin-left: auto;
+  border-bottom-right-radius: 0;
+}
+.chat-message.chat-message-from-user:not(.chat-message-transparent) {
+  background-color: var(--chat--message--user--background);
+  border: var(--chat--message--user--border);
+}
+.chat-message > .chat-message-markdown {
+  display: block;
+  box-sizing: border-box;
+}
+.chat-message > .chat-message-markdown > *:first-child {
+  margin-top: 0;
+}
+.chat-message > .chat-message-markdown > *:last-child {
+  margin-bottom: 0;
+}
+.chat-message > .chat-message-markdown pre {
+  font-family: inherit;
+  font-size: inherit;
+  margin: 0;
+  white-space: pre-wrap;
+  box-sizing: border-box;
+  padding: var(--chat--spacing);
+  background: var(--chat--message--pre--background);
+  border-radius: var(--chat--border-radius);
+}
+.chat-message .chat-message-files {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+  padding-top: 0.5rem;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1405,19 +1349,34 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-heading {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.chat-close-button {
-  display: flex;
-  border: none;
-  background: none;
+.chat-button {
+  display: inline-flex;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  color: var(--chat--button--color);
+  background-color: var(--chat--button--background);
+  border: 1px solid transparent;
+  padding: var(--chat--button--padding);
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: var(--chat--button--border-radius);
+  transition: color var(--chat--transition-duration) ease-in-out, background-color var(--chat--transition-duration) ease-in-out, border-color var(--chat--transition-duration) ease-in-out, box-shadow var(--chat--transition-duration) ease-in-out;
   cursor: pointer;
 }
-.chat-close-button:hover {
-  color: var(--chat--close--button--color-hover, var(--chat--color-primary));
+.chat-button:hover {
+  color: var(--chat--button--hover--color);
+  background-color: var(--chat--button--hover--background);
+  text-decoration: none;
+}
+.chat-button:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+.chat-button:disabled {
+  opacity: 0.65;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1540,67 +1499,13 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-window-wrapper {
-  position: fixed;
-  display: flex;
-  flex-direction: column;
-  bottom: var(--chat--window--bottom);
-  right: var(--chat--window--right);
-  z-index: var(--chat--window--z-index);
-  max-width: calc(100% - var(--chat--window--right, var(--chat--spacing)) * 2);
-  max-height: calc(100% - var(--chat--window--bottom, var(--chat--spacing)) * 2);
-}
-.chat-window-wrapper .chat-window {
+.chat-get-started {
+  padding-top: var(--chat--spacing);
+  padding-bottom: var(--chat--spacing);
   display: flex;
-  width: var(--chat--window--width);
-  height: var(--chat--window--height);
-  max-width: 100%;
-  max-height: 100%;
-  border: var(--chat--window--border, 1px solid var(--chat--color-light-shade-100));
-  border-radius: var(--chat--window--border-radius, var(--chat--border-radius));
-  margin-bottom: var(--chat--window--margin-bottom, var(--chat--spacing));
-  overflow: hidden;
-  transform-origin: bottom right;
-}
-.chat-window-wrapper .chat-window .chat-layout {
-  width: auto;
-  height: auto;
-  flex: 1;
-}
-.chat-window-wrapper .chat-window-toggle {
-  flex: 0 0 auto;
-  background: var(--chat--toggle--background);
-  color: var(--chat--toggle--color);
-  cursor: pointer;
-  width: var(--chat--toggle--width);
-  height: var(--chat--toggle--height);
-  border-radius: var(--chat--toggle--border-radius, 50%);
-  display: inline-flex;
-  align-items: center;
   justify-content: center;
-  margin-left: auto;
-  transition: transform var(--chat--transition-duration) ease, background var(--chat--transition-duration) ease;
-}
-.chat-window-wrapper .chat-window-toggle:hover, .chat-window-wrapper .chat-window-toggle:focus {
-  transform: scale(1.05);
-  background: var(--chat--toggle--hover--background);
-}
-.chat-window-wrapper .chat-window-toggle:active {
-  transform: scale(0.95);
-  background: var(--chat--toggle--active--background);
-}
-.chat-window-transition-enter-active, .chat-window-transition-leave-active {
-  transition: transform var(--chat--transition-duration) ease, opacity var(--chat--transition-duration) ease;
-}
-.chat-window-transition-enter-from, .chat-window-transition-leave-to {
-  transform: scale(0);
-  opacity: 0;
-}
-.chat-window-toggle-transition-enter-active, .chat-window-toggle-transition-leave-active {
-  transition: opacity var(--chat--transition-duration) ease;
-}
-.chat-window-toggle-transition-enter-from, .chat-window-toggle-transition-leave-to {
-  opacity: 0;
+  align-items: center;
+  height: 100%;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1723,66 +1628,12 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-message-typing {
-  max-width: 80px;
-}
-.chat-message-typing.chat-message-typing-animation-scaling .chat-message-typing-circle {
-  animation: chat-message-typing-animation-scaling 800ms ease-in-out infinite;
-  animation-delay: 3600ms;
-}
-.chat-message-typing.chat-message-typing-animation-bouncing .chat-message-typing-circle {
-  animation: chat-message-typing-animation-bouncing 800ms ease-in-out infinite;
-  animation-delay: 3600ms;
-}
-.chat-message-typing .chat-message-typing-body {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.chat-message-typing .chat-message-typing-circle {
-  display: block;
-  height: 10px;
-  width: 10px;
-  border-radius: 50%;
-  background-color: var(--chat--color-typing);
-  margin: 3px;
-}
-.chat-message-typing .chat-message-typing-circle:nth-child(1) {
-  animation-delay: 0ms;
-}
-.chat-message-typing .chat-message-typing-circle:nth-child(2) {
-  animation-delay: 333ms;
-}
-.chat-message-typing .chat-message-typing-circle:nth-child(3) {
-  animation-delay: 666ms;
-}
-@keyframes chat-message-typing-animation-scaling {
-0% {
-    transform: scale(1);
-}
-33% {
-    transform: scale(1);
-}
-50% {
-    transform: scale(1.4);
-}
-100% {
-    transform: scale(1);
-}
-}
-@keyframes chat-message-typing-animation-bouncing {
-0% {
-    transform: translateY(0);
-}
-33% {
-    transform: translateY(0);
-}
-50% {
-    transform: translateY(-10px);
-}
-100% {
-    transform: translateY(0);
+.chat-powered-by {
+  text-align: center;
 }
+.chat-powered-by a {
+  color: var(--chat--color-primary);
+  text-decoration: none;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -1905,45 +1756,8 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.chat-messages-list {
-  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: var(--spacing-l);
-  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;
-}
+.chat-get-started-footer {
+  padding: var(--chat--spacing);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2066,23 +1880,109 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_pqtqf_123 {
+.chat-input[data-v-f0e5731e] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  flex-direction: column;
+  position: relative;
+}
+.chat-input[data-v-f0e5731e] * {
+  box-sizing: border-box;
+}
+.chat-inputs[data-v-f0e5731e] {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+}
+.chat-inputs textarea[data-v-f0e5731e] {
+  font-family: inherit;
+  font-size: var(--chat--input--font-size);
+  width: 100%;
+  border: var(--chat--input--border, 0);
+  border-radius: var(--chat--input--border-radius);
+  padding: var(--chat--input--padding);
+  min-height: var(--chat--textarea--height, 2.5rem);
+  max-height: var(--chat--textarea--max-height);
+  height: var(--chat--textarea--height, 2.5rem);
+  resize: none;
+  overflow-y: auto;
+  background: var(--chat--input--background, white);
+  color: var(--chat--input--text-color, initial);
+  outline: none;
+  line-height: var(--chat--input--line-height, 1.5);
+}
+.chat-inputs textarea[data-v-f0e5731e]::-moz-placeholder {
+  font-size: var(--chat--input--placeholder--font-size, var(--chat--input--font-size));
+}
+.chat-inputs textarea[data-v-f0e5731e]::placeholder {
+  font-size: var(--chat--input--placeholder--font-size, var(--chat--input--font-size));
+}
+.chat-inputs textarea[data-v-f0e5731e]:focus, .chat-inputs textarea[data-v-f0e5731e]:hover {
+  border-color: var(--chat--input--border-active, 0);
+}
+.chat-inputs-controls[data-v-f0e5731e] {
+  display: flex;
+}
+.chat-input-send-button[data-v-f0e5731e],
+.chat-input-file-button[data-v-f0e5731e] {
+  height: var(--chat--textarea--height);
+  width: var(--chat--textarea--height);
+  background: var(--chat--input--send--button--background, white);
+  cursor: pointer;
+  color: var(--chat--input--send--button--color, var(--chat--color-secondary));
+  border: 0;
+  font-size: 24px;
   display: inline-flex;
   align-items: center;
-  margin: 0 var(--spacing-4xs);
+  justify-content: center;
+  transition: color var(--chat--transition-duration) ease;
 }
-._icon_pqtqf_129 {
-  color: var(--color-foreground-dark);
-  cursor: help;
+.chat-input-send-button svg[data-v-f0e5731e],
+.chat-input-file-button svg[data-v-f0e5731e] {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
 }
-._icon_pqtqf_129:hover {
-  color: var(--color-primary);
-}/* BEM support Func
- -------------------------- */
-/* Transition
--------------------------- */
-/* Color
--------------------------- */
+.chat-input-send-button[disabled][data-v-f0e5731e],
+.chat-input-file-button[disabled][data-v-f0e5731e] {
+  cursor: no-drop;
+  color: var(--chat--color-disabled);
+}
+.chat-input-send-button .chat-input-send-button[data-v-f0e5731e]:hover, .chat-input-send-button .chat-input-send-button[data-v-f0e5731e]:focus,
+.chat-input-file-button .chat-input-send-button[data-v-f0e5731e]:hover,
+.chat-input-file-button .chat-input-send-button[data-v-f0e5731e]:focus {
+  background: var(--chat--input--send--button--background-hover, var(--chat--input--send--button--background));
+  color: var(--chat--input--send--button--color-hover);
+}
+.chat-input-file-button[data-v-f0e5731e] {
+  background: var(--chat--input--file--button--background, white);
+  color: var(--chat--input--file--button--color);
+}
+.chat-input-file-button[data-v-f0e5731e]:hover {
+  background: var(--chat--input--file--button--background-hover);
+  color: var(--chat--input--file--button--color-hover);
+}
+.chat-files[data-v-f0e5731e] {
+  display: flex;
+  overflow-x: hidden;
+  overflow-y: auto;
+  width: 100%;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  padding: var(--chat--files-spacing);
+}
+.chat-input-left-panel[data-v-f0e5731e] {
+  width: var(--chat--input--left--panel--width);
+  margin-left: 0.4rem;
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
 /* Link
 -------------------------- */
 /* Border
@@ -2199,17 +2099,49 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_u1r1u_123 {
-  display: inline-flex;
-  align-items: center;
-  margin: 0 var(--spacing-4xs);
+.chat-layout {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  overflow-y: auto;
+  flex-direction: column;
+  font-family: var(--chat--font-family);
 }
-._icon_u1r1u_129 {
-  color: var(--color-foreground-dark);
-  cursor: pointer;
+.chat-layout .chat-header {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 1em;
+  height: var(--chat--header-height);
+  padding: var(--chat--header--padding);
+  background: var(--chat--header--background);
+  color: var(--chat--header--color);
+  border-top: var(--chat--header--border-top);
+  border-bottom: var(--chat--header--border-bottom);
+  border-left: var(--chat--header--border-left);
+  border-right: var(--chat--header--border-right);
 }
-._icon_u1r1u_129:hover {
-  color: var(--color-primary);
+.chat-layout .chat-header h1 {
+  font-size: var(--chat--heading--font-size);
+  color: var(--chat--header--color);
+}
+.chat-layout .chat-header p {
+  font-size: var(--chat--subtitle--font-size);
+  line-height: var(--chat--subtitle--line-height);
+}
+.chat-layout .chat-body {
+  background: var(--chat--body--background);
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  position: relative;
+  min-height: 100px;
+}
+.chat-layout .chat-footer {
+  border-top: 1px solid var(--chat--color-light-shade-100);
+  background: var(--chat--footer--background);
+  color: var(--chat--footer--color);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2332,41 +2264,19 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1uwbw_123 {
-  font-size: var(--font-size-2xs);
-  text-align: left;
-  padding-inline-start: var(--spacing-s);
-  padding-inline-end: var(--spacing-2xs);
-  padding-block: var(--spacing-2xs);
-  background-color: var(--color-foreground-xlight);
+.chat-heading {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  line-height: var(--font-line-height-compact);
 }
-._container_1uwbw_123:last-child {
-  /** Panel collapsed */
+.chat-close-button {
+  display: flex;
+  border: none;
+  background: none;
   cursor: pointer;
 }
-._container_1uwbw_123:not(:last-child) {
-  /** Panel open */
-  border-bottom: var(--border-base);
-}
-._title_1uwbw_144 {
-  flex-grow: 1;
-  flex-shrink: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._actions_1uwbw_152 {
-  flex-shrink: 0;
-  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));
+.chat-close-button:hover {
+  color: var(--chat--close--button--color-hover, var(--chat--color-primary));
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2489,119 +2399,67 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._chat_1r0jy_123 {
-  --chat--spacing: var(--spacing-xs);
-  --chat--message--padding: var(--spacing-2xs);
-  --chat--message--font-size: var(--font-size-xs);
-  --chat--input--font-size: var(--font-size-s);
-  --chat--input--placeholder--font-size: var(--font-size-xs);
-  --chat--message--bot--background: transparent;
-  --chat--message--user--background: var(--color-text-lighter);
-  --chat--message--bot--color: var(--color-text-dark);
-  --chat--message--user--color: var(--color-text-dark);
-  --chat--message--bot--border: none;
-  --chat--message--user--border: none;
-  --chat--message--user--border: none;
-  --chat--input--padding: var(--spacing-xs);
-  --chat--color-typing: var(--color-text-light);
-  --chat--textarea--max-height: calc(var(--panel-height) * 0.3);
-  --chat--message--pre--background: var(--color-foreground-light);
-  --chat--textarea--height: 2.5rem;
-  height: 100%;
+.chat-window-wrapper {
+  position: fixed;
   display: flex;
   flex-direction: column;
-  overflow: hidden;
-  background-color: var(--color-background-light);
-}
-._chatHeader_1r0jy_148 {
-  font-size: var(--font-size-s);
-  font-weight: var(--font-weight-regular);
-  line-height: 18px;
-  text-align: left;
-  border-bottom: 1px solid var(--color-foreground-base);
-  padding: var(--chat--spacing);
-  background-color: var(--color-foreground-xlight);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-._chatTitle_1r0jy_161 {
-  font-weight: var(--font-weight-medium);
+  bottom: var(--chat--window--bottom);
+  right: var(--chat--window--right);
+  z-index: var(--chat--window--z-index);
+  max-width: calc(100% - var(--chat--window--right, var(--chat--spacing)) * 2);
+  max-height: calc(100% - var(--chat--window--bottom, var(--chat--spacing)) * 2);
 }
-._session_1r0jy_165 {
+.chat-window-wrapper .chat-window {
   display: flex;
-  align-items: center;
-  gap: var(--spacing-2xs);
-  color: var(--color-text-base);
-  max-width: 70%;
-}
-._sessionId_1r0jy_173 {
-  display: inline-block;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  width: var(--chat--window--width);
+  height: var(--chat--window--height);
+  max-width: 100%;
+  max-height: 100%;
+  border: var(--chat--window--border, 1px solid var(--chat--color-light-shade-100));
+  border-radius: var(--chat--window--border-radius, var(--chat--border-radius));
+  margin-bottom: var(--chat--window--margin-bottom, var(--chat--spacing));
   overflow: hidden;
+  transform-origin: bottom right;
 }
-._sessionId_1r0jy_173._copyable_1r0jy_179 {
-  cursor: pointer;
-}
-._headerButton_1r0jy_183 {
-  max-height: 1.1rem;
-  border: none;
-}
-._newHeaderButton_1r0jy_188 {
-  border: none;
-  color: var(--color-text-light);
+.chat-window-wrapper .chat-window .chat-layout {
+  width: auto;
+  height: auto;
+  flex: 1;
 }
-._chatBody_1r0jy_193 {
-  display: flex;
-  height: 100%;
-  overflow: auto;
-  flex-direction: column;
+.chat-window-wrapper .chat-window-toggle {
+  flex: 0 0 auto;
+  background: var(--chat--toggle--background);
+  color: var(--chat--toggle--color);
+  cursor: pointer;
+  width: var(--chat--toggle--width);
+  height: var(--chat--toggle--height);
+  border-radius: var(--chat--toggle--border-radius, 50%);
+  display: inline-flex;
   align-items: center;
   justify-content: center;
+  margin-left: auto;
+  transition: transform var(--chat--transition-duration) ease, background var(--chat--transition-duration) ease;
 }
-._messages_1r0jy_202 {
-  border-radius: var(--border-radius-base);
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-  padding-top: var(--spacing-l);
-}
-._messages_1r0jy_202:not(:last-child) {
-  margin-right: 1em;
+.chat-window-wrapper .chat-window-toggle:hover, .chat-window-wrapper .chat-window-toggle:focus {
+  transform: scale(1.05);
+  background: var(--chat--toggle--hover--background);
 }
-._messagesInput_1r0jy_213 {
-  --input-border-color: var(--border-color-base);
-  --chat--input--border: none;
-  --chat--input--border-radius: 0.5rem;
-  --chat--input--send--button--background: transparent;
-  --chat--input--send--button--color: var(--color-primary);
-  --chat--input--file--button--background: transparent;
-  --chat--input--file--button--color: var(--color-primary);
-  --chat--input--border-active: var(--input-focus-border-color, var(--color-secondary));
-  --chat--files-spacing: var(--spacing-2xs);
-  --chat--input--background: transparent;
-  --chat--input--file--button--color: var(--color-button-secondary-font);
-  --chat--input--file--button--color-hover: var(--color-primary);
-  padding: var(--spacing-5xs);
-  margin: 0 var(--chat--spacing) var(--chat--spacing);
-  flex-grow: 1;
-  display: flex;
-  background: var(--color-lm-chat-bot-background);
-  border-radius: var(--chat--input--border-radius);
-  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));
+.chat-window-wrapper .chat-window-toggle:active {
+  transform: scale(0.95);
+  background: var(--chat--toggle--active--background);
 }
-[data-theme=dark] ._messagesInput_1r0jy_213 {
-  --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
+.chat-window-transition-enter-active, .chat-window-transition-leave-active {
+  transition: transform var(--chat--transition-duration) ease, opacity var(--chat--transition-duration) ease;
 }
-@media (prefers-color-scheme: dark) {
-._messagesInput_1r0jy_213 {
-    --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
+.chat-window-transition-enter-from, .chat-window-transition-leave-to {
+  transform: scale(0);
+  opacity: 0;
 }
+.chat-window-toggle-transition-enter-active, .chat-window-toggle-transition-leave-active {
+  transition: opacity var(--chat--transition-duration) ease;
 }
-._messagesInput_1r0jy_213:focus-within {
-  --input-border-color: #4538a3;
+.chat-window-toggle-transition-enter-from, .chat-window-toggle-transition-leave-to {
+  opacity: 0;
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2724,13 +2582,66 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._name_1t0q3_123 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.chat-message-typing {
+  max-width: 80px;
+}
+.chat-message-typing.chat-message-typing-animation-scaling .chat-message-typing-circle {
+  animation: chat-message-typing-animation-scaling 800ms ease-in-out infinite;
+  animation-delay: 3600ms;
+}
+.chat-message-typing.chat-message-typing-animation-bouncing .chat-message-typing-circle {
+  animation: chat-message-typing-animation-bouncing 800ms ease-in-out infinite;
+  animation-delay: 3600ms;
+}
+.chat-message-typing .chat-message-typing-body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.chat-message-typing .chat-message-typing-circle {
+  display: block;
+  height: 10px;
+  width: 10px;
+  border-radius: 50%;
+  background-color: var(--chat--color-typing);
+  margin: 3px;
+}
+.chat-message-typing .chat-message-typing-circle:nth-child(1) {
+  animation-delay: 0ms;
+}
+.chat-message-typing .chat-message-typing-circle:nth-child(2) {
+  animation-delay: 333ms;
+}
+.chat-message-typing .chat-message-typing-circle:nth-child(3) {
+  animation-delay: 666ms;
+}
+@keyframes chat-message-typing-animation-scaling {
+0% {
+    transform: scale(1);
+}
+33% {
+    transform: scale(1);
+}
+50% {
+    transform: scale(1.4);
+}
+100% {
+    transform: scale(1);
+}
+}
+@keyframes chat-message-typing-animation-bouncing {
+0% {
+    transform: translateY(0);
+}
+33% {
+    transform: translateY(0);
+}
+50% {
+    transform: translateY(-10px);
+}
+100% {
+    transform: translateY(0);
 }
-._name_1t0q3_123 del:not(:last-child) {
-  margin-right: var(--spacing-4xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -2853,146 +2764,178 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_1ohan_123 {
+.chat-messages-list {
+  margin-top: auto;
+  display: block;
+  padding: var(--chat--messages-list--padding);
+}
+.empty-container {
+  container-type: size;
   display: flex;
   align-items: center;
-  justify-content: stretch;
-  overflow: hidden;
-  position: relative;
-  z-index: 1;
-}
-._container_1ohan_123 > * {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  padding: var(--spacing-2xs);
-}
-._background_1ohan_138 {
-  position: absolute;
-  left: calc(var(--indent-depth) * 32px);
-  top: 0;
-  width: calc(100% - var(--indent-depth) * 32px);
-  height: 100%;
-  border-radius: var(--border-radius-base);
-  z-index: -1;
-}
-._selected_1ohan_147 ._background_1ohan_138 {
-  background-color: var(--color-foreground-base);
-}
-._container_1ohan_123:hover:not(._selected_1ohan_147) ._background_1ohan_138 {
-  background-color: var(--color-background-light-base);
+  justify-content: center;
 }
-._selected_1ohan_147:not(:hover)._error_1ohan_153 ._background_1ohan_138 {
-  background-color: var(--color-danger-tint-2);
+.empty-container p {
+  max-width: 16em;
+  margin: 0;
 }
-._indent_1ohan_157 {
-  flex-grow: 0;
-  flex-shrink: 0;
-  width: var(--spacing-xl);
-  align-self: stretch;
-  position: relative;
+.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: var(--spacing-l);
   overflow: hidden;
-  margin-bottom: 0;
-}
-._indent_1ohan_157._connectorCurved_1ohan_166: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_1ohan_157._connectorStraight_1ohan_176:after {
-  content: "";
-  position: absolute;
-  left: var(--spacing-s);
-  top: 0;
-  border-left: 2px solid var(--color-canvas-dot);
-  height: 100%;
-}
-._icon_1ohan_185 {
-  margin-left: var(--row-gap-thickness);
-  flex-grow: 0;
-  flex-shrink: 0;
-}
-._name_1ohan_191 {
-  flex-basis: 0;
-  flex-grow: 1;
-  padding-inline-start: 0;
-}
-._timeTook_1ohan_197 {
-  flex-grow: 0;
-  flex-shrink: 0;
-  width: 20%;
-}
-._timeTook_1ohan_197 ._errorIcon_1ohan_202 {
-  margin-right: var(--spacing-4xs);
-  vertical-align: text-bottom;
-}
-._startedAt_1ohan_207 {
-  flex-grow: 0;
-  flex-shrink: 0;
-  width: 25%;
-}
-._consumedTokens_1ohan_213 {
-  flex-grow: 0;
-  flex-shrink: 0;
-  width: 15%;
-  text-align: right;
-}
-._compactErrorIcon_1ohan_220 {
-  flex-grow: 0;
-  flex-shrink: 0;
 }
-._container_1ohan_123:hover ._compactErrorIcon_1ohan_220 {
-  display: none;
+.emptyIcon {
+  zoom: 2.5;
+  color: var(--color-button-secondary-border);
 }
-._partialExecutionButton_1ohan_228,
-._openNdvButton_1ohan_229 {
-  transition: none;
-  /* By default, take space but keep invisible */
-  visibility: hidden;
+@container (height < 150px) {
+.empty {
+    flex-direction: row;
+    text-align: left;
 }
-._container_1ohan_123._compact_1ohan_220 ._partialExecutionButton_1ohan_228,
-._container_1ohan_123._compact_1ohan_220 ._openNdvButton_1ohan_229 {
-  /* When compact, collapse to save space */
-  display: none;
+.emptyIcon {
+    zoom: 1.5;
 }
-._container_1ohan_123:hover ._partialExecutionButton_1ohan_228:not(._unavailable_1ohan_239),
-._container_1ohan_123:hover ._openNdvButton_1ohan_229:not(._unavailable_1ohan_239) {
-  visibility: visible;
+}/* 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_pqtqf_123 {
   display: inline-flex;
-}
-._partialExecutionButton_1ohan_228,
-._openNdvButton_1ohan_229,
-._toggleButton_1ohan_247 {
-  flex-grow: 0;
-  flex-shrink: 0;
-  border: none;
-  background: transparent;
-  color: var(--color-text-base);
   align-items: center;
-  justify-content: center;
-}
-._partialExecutionButton_1ohan_228:last-child,
-._openNdvButton_1ohan_229:last-child,
-._toggleButton_1ohan_247:last-child {
-  margin-inline-end: var(--spacing-5xs);
-}
-._partialExecutionButton_1ohan_228:hover,
-._openNdvButton_1ohan_229:hover,
-._toggleButton_1ohan_247:hover {
-  background: transparent;
+  margin: 0 var(--spacing-4xs);
 }
-._partialExecutionButton_1ohan_228:disabled,
-._openNdvButton_1ohan_229:disabled,
-._toggleButton_1ohan_247:disabled {
-  visibility: hidden !important;
+._icon_pqtqf_129 {
+  color: var(--color-foreground-dark);
+  cursor: help;
 }
-._toggleButton_1ohan_247 {
-  display: inline-flex;
+._icon_pqtqf_129:hover {
+  color: var(--color-primary);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -3115,19 +3058,17 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_pt5hk_123 {
-  display: flex;
+._container_u1r1u_123 {
+  display: inline-flex;
   align-items: center;
+  margin: 0 var(--spacing-4xs);
 }
-._container_pt5hk_123 > * {
-  padding-inline: var(--spacing-2xs);
-  flex-shrink: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+._icon_u1r1u_129 {
+  color: var(--color-foreground-dark);
+  cursor: pointer;
 }
-._container_pt5hk_123 > *:not(:last-child) {
-  border-right: var(--border-base);
+._icon_u1r1u_129:hover {
+  color: var(--color-primary);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -3250,60 +3191,119 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_fcgc7_123 {
-  flex-grow: 1;
-  flex-shrink: 1;
+._chat_1r0jy_123 {
+  --chat--spacing: var(--spacing-xs);
+  --chat--message--padding: var(--spacing-2xs);
+  --chat--message--font-size: var(--font-size-xs);
+  --chat--input--font-size: var(--font-size-s);
+  --chat--input--placeholder--font-size: var(--font-size-xs);
+  --chat--message--bot--background: transparent;
+  --chat--message--user--background: var(--color-text-lighter);
+  --chat--message--bot--color: var(--color-text-dark);
+  --chat--message--user--color: var(--color-text-dark);
+  --chat--message--bot--border: none;
+  --chat--message--user--border: none;
+  --chat--message--user--border: none;
+  --chat--input--padding: var(--spacing-xs);
+  --chat--color-typing: var(--color-text-light);
+  --chat--textarea--max-height: calc(var(--panel-height) * 0.3);
+  --chat--message--pre--background: var(--color-foreground-light);
+  --chat--textarea--height: 2.5rem;
+  height: 100%;
   display: flex;
   flex-direction: column;
-  align-items: stretch;
   overflow: hidden;
+  background-color: var(--color-background-light);
+}
+._chatHeader_1r0jy_148 {
+  font-size: var(--font-size-s);
+  font-weight: var(--font-weight-regular);
+  line-height: 18px;
+  text-align: left;
+  border-bottom: 1px solid var(--color-foreground-base);
+  padding: var(--chat--spacing);
   background-color: var(--color-foreground-xlight);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
-._clearButton_fcgc7_133 {
+._chatTitle_1r0jy_161 {
+  font-weight: var(--font-weight-medium);
+}
+._session_1r0jy_165 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2xs);
+  color: var(--color-text-base);
+  max-width: 70%;
+}
+._sessionId_1r0jy_173 {
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+._sessionId_1r0jy_173._copyable_1r0jy_179 {
+  cursor: pointer;
+}
+._headerButton_1r0jy_183 {
+  max-height: 1.1rem;
+  border: none;
+}
+._newHeaderButton_1r0jy_188 {
   border: none;
   color: var(--color-text-light);
-  gap: var(--spacing-5xs);
 }
-._content_fcgc7_139 {
-  position: relative;
-  flex-grow: 1;
-  overflow: auto;
+._chatBody_1r0jy_193 {
   display: flex;
+  height: 100%;
+  overflow: auto;
   flex-direction: column;
-  align-items: stretch;
-  justify-content: stretch;
-}
-._content_fcgc7_139._empty_fcgc7_148 {
   align-items: center;
   justify-content: center;
 }
-._emptyText_fcgc7_153 {
-  max-width: 20em;
-  text-align: center;
+._messages_1r0jy_202 {
+  border-radius: var(--border-radius-base);
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  padding-top: var(--spacing-l);
 }
-._summary_fcgc7_158 {
-  padding: var(--spacing-2xs);
+._messages_1r0jy_202:not(:last-child) {
+  margin-right: 1em;
 }
-._tree_fcgc7_162 {
-  padding: 0 var(--spacing-2xs) var(--spacing-2xs) var(--spacing-2xs);
-  scroll-padding-block: var(--spacing-3xs);
+._messagesInput_1r0jy_213 {
+  --input-border-color: var(--border-color-base);
+  --chat--input--border: none;
+  --chat--input--border-radius: 0.5rem;
+  --chat--input--send--button--background: transparent;
+  --chat--input--send--button--color: var(--color-primary);
+  --chat--input--file--button--background: transparent;
+  --chat--input--file--button--color: var(--color-primary);
+  --chat--input--border-active: var(--input-focus-border-color, var(--color-secondary));
+  --chat--files-spacing: var(--spacing-2xs);
+  --chat--input--background: transparent;
+  --chat--input--file--button--color: var(--color-button-secondary-font);
+  --chat--input--file--button--color-hover: var(--color-primary);
+  padding: var(--spacing-5xs);
+  margin: 0 var(--chat--spacing) var(--chat--spacing);
+  flex-grow: 1;
+  display: flex;
+  background: var(--color-lm-chat-bot-background);
+  border-radius: var(--chat--input--border-radius);
+  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));
 }
-._tree_fcgc7_162 .el-icon {
-  display: none;
+[data-theme=dark] ._messagesInput_1r0jy_213 {
+  --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
 }
-._switchViewButtons_fcgc7_170 {
-  position: absolute;
-  z-index: 10; /* higher than log entry rows background */
-  right: 0;
-  top: 0;
-  margin: var(--spacing-4xs) var(--spacing-2xs);
-  visibility: hidden;
-  opacity: 0;
-  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
+@media (prefers-color-scheme: dark) {
+._messagesInput_1r0jy_213 {
+    --chat--input--text-color: var(--input-font-color, var(--color-text-dark));
 }
-._content_fcgc7_139:hover ._switchViewButtons_fcgc7_170 {
-  visibility: visible;
-  opacity: 1;
+}
+._messagesInput_1r0jy_213:focus-within {
+  --input-border-color: #4538a3;
 }/* BEM support Func
  -------------------------- */
 /* Transition