jodit-pro 4.8.13 → 4.9.2

package/es2021.en/plugins/ai-assistant-pro/ai-assistant-pro.css

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.8.13
+ * Version: v4.9.2
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -429,32 +429,6 @@
 .jodit-ui-main-panel_view_welcome .jodit-ui-main-panel__footer {
   display: block;
 }
-.jodit-ui-main-panel__back-button .jodit-ui-button__button,
-.jodit-ui-main-panel__new-button .jodit-ui-button__button,
-.jodit-ui-main-panel__close-button .jodit-ui-button__button,
-.jodit-ui-main-panel__settings-button .jodit-ui-button__button {
-  padding: var(--jd-ai-space-sm) !important;
-  border: 1px solid var(--jd-ai-border-light) !important;
-  border-radius: var(--jd-ai-radius-md) !important;
-  background: var(--jd-ai-bg-elevated) !important;
-  box-shadow: var(--jd-ai-shadow-sm) !important;
-  transition: all var(--jd-ai-transition-base) !important;
-}
-.jodit-ui-main-panel__back-button .jodit-ui-button__button:hover,
-.jodit-ui-main-panel__new-button .jodit-ui-button__button:hover,
-.jodit-ui-main-panel__close-button .jodit-ui-button__button:hover,
-.jodit-ui-main-panel__settings-button .jodit-ui-button__button:hover {
-  border-color: var(--jd-ai-border-primary) !important;
-  background: var(--jd-ai-bg-primary) !important;
-  box-shadow: var(--jd-ai-shadow-md) !important;
-  transform: scale(1.05);
-}
-.jodit-ui-main-panel__back-button .jodit-ui-button__button:active,
-.jodit-ui-main-panel__new-button .jodit-ui-button__button:active,
-.jodit-ui-main-panel__close-button .jodit-ui-button__button:active,
-.jodit-ui-main-panel__settings-button .jodit-ui-button__button:active {
-  transform: scale(0.95);
-}
 .jodit-ui-main-panel_displaymode_dialog .jodit-ui-main-panel__close-button,
 .jodit-ui-main-panel_allowclose_false .jodit-ui-main-panel__close-button {
   display: none;
@@ -471,16 +445,16 @@
 .jodit-ui-main-panel_displaymode_flight .jodit-ui-main-panel__header-title {
   font-size: var(--jd-ai-text-lg);
 }
-.jodit-ui-main-panel__new-button .jodit-ui-button__button {
+.jodit-ui-main-panel__new-button button {
   border: none !important;
   background: var(--jd-ai-primary-gradient) !important;
   box-shadow: var(--jd-ai-shadow-primary-md) !important;
   color: var(--jd-ai-text-white) !important;
 }
-.jodit-ui-main-panel__new-button .jodit-ui-button__button:hover {
+.jodit-ui-main-panel__new-button button:hover {
   box-shadow: var(--jd-ai-shadow-primary-lg) !important;
 }
-.jodit-ui-main-panel__new-button .jodit-ui-button__button svg {
+.jodit-ui-main-panel__new-button button svg {
   fill: var(--jd-ai-text-white) !important;
 }
 .jodit-ui-main-panel__loading-overlay {
@@ -666,13 +640,9 @@
   align-items: center;
   justify-content: center;
   padding: 0;
-  border: 1px solid var(--jd-ai-border-danger);
-  border-radius: var(--jd-ai-radius-sm);
   margin-left: var(--jd-ai-space-sm);
-  background: var(--jd-ai-bg-danger);
   color: var(--jd-ai-text-danger);
   cursor: pointer;
-  opacity: 0;
   transition: all var(--jd-ai-transition-base);
 }
 .jodit-ui-conversation-list__item-delete:hover {
@@ -723,40 +693,266 @@
   padding: var(--jd-padding-default);
   overflow-y: auto;
 }
-.jodit-ui-message-list__message {
+.jodit-ui-message-list__artifacts {
+  display: flex;
+  flex-direction: column;
+  gap: var(--jd-ai-space-md);
+}
+.jodit-ui-artifact {
+  display: flex;
+  overflow: hidden;
+  flex-direction: column;
+  border: 1px solid var(--jd-ai-border-light);
+  border-radius: var(--jd-ai-radius-lg);
+  background: var(--jd-ai-bg-secondary);
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  transition: all var(--jd-ai-transition-base);
+}
+.jodit-ui-artifact:hover {
+  border-color: var(--jd-ai-border-medium);
+  box-shadow: var(--jd-ai-shadow-md);
+}
+.jodit-ui-artifact__status {
+  display: flex;
+  align-items: center;
+  padding: var(--jd-ai-space-sm) var(--jd-ai-space-md);
+  border-bottom: 1px solid var(--jd-ai-border-light);
+  background: var(--jd-ai-bg-elevated);
+  color: var(--jd-ai-text-secondary);
+  font-size: var(--jd-ai-text-xs);
+  font-weight: var(--jd-ai-weight-medium);
+  gap: var(--jd-ai-space-sm);
+}
+.jodit-ui-artifact__status[data-status='generating'] {
+  animation: ai-shimmer 2s infinite;
+  background: linear-gradient(90deg, var(--jd-ai-bg-elevated) 0%, var(--jd-ai-bg-hover) 50%, var(--jd-ai-bg-elevated) 100%);
+  background-size: 200% 100%;
+}
+.jodit-ui-artifact__status[data-status='ready'] {
+  background: rgba(52, 199, 89, 0.1);
+  color: var(--jd-ai-success);
+}
+.jodit-ui-artifact__status[data-status='failed'] {
+  background: rgba(255, 59, 48, 0.1);
+  color: var(--jd-ai-error);
+}
+.jodit-ui-artifact__status-icon {
+  font-size: var(--jd-ai-text-md);
+}
+.jodit-ui-artifact__status-text {
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+}
+.jodit-ui-artifact__content {
+  padding: var(--jd-ai-space-lg);
+}
+.jodit-ui-artifact__loader {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--jd-ai-space-3xl);
+  gap: var(--jd-ai-space-md);
+}
+.jodit-ui-artifact__spinner {
+  width: 40px;
+  height: 40px;
+  border: 4px solid var(--jd-ai-border-light);
+  border-radius: 50%;
+  border-top-color: var(--jd-ai-accent);
+  animation: ai-spin 1s linear infinite;
+}
+.jodit-ui-artifact__loader-message {
+  color: var(--jd-ai-text-secondary);
+  font-size: var(--jd-ai-text-sm);
+}
+.jodit-ui-artifact__error {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: var(--jd-ai-space-3xl);
+  gap: var(--jd-ai-space-md);
+  text-align: center;
+}
+.jodit-ui-artifact__error-icon {
+  font-size: var(--jd-ai-text-3xl);
+}
+.jodit-ui-artifact__error-message {
+  color: var(--jd-ai-error);
+  font-size: var(--jd-ai-text-sm);
+}
+.jodit-ui-artifact__image {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.jodit-ui-artifact__caption {
+  padding-top: var(--jd-ai-space-md);
+  border-top: 1px solid var(--jd-ai-border-light);
+  margin-top: var(--jd-ai-space-md);
+  color: var(--jd-ai-text-secondary);
+  font-size: var(--jd-ai-text-sm);
+  font-style: italic;
+}
+.jodit-ui-artifact__audio {
+  width: 100%;
+  height: 40px;
+}
+.jodit-ui-artifact__file-card {
+  display: flex;
+  align-items: center;
+  padding: var(--jd-ai-space-lg);
+  border-radius: var(--jd-ai-radius-md);
+  background: var(--jd-ai-bg-tertiary);
+  gap: var(--jd-ai-space-md);
+  transition: all var(--jd-ai-transition-fast);
+}
+.jodit-ui-artifact__file-card:hover {
+  background: var(--jd-ai-bg-hover);
+}
+.jodit-ui-artifact__file-icon {
+  flex-shrink: 0;
+  font-size: var(--jd-ai-text-3xl);
+}
+.jodit-ui-artifact__file-info {
+  min-width: 0;
+  flex: 1;
+}
+.jodit-ui-artifact__file-name {
+  overflow: hidden;
+  color: var(--jd-ai-text-primary);
+  font-weight: var(--jd-ai-weight-medium);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.jodit-ui-artifact__file-size {
+  margin-top: var(--jd-ai-space-xs);
+  color: var(--jd-ai-text-tertiary);
+  font-size: var(--jd-ai-text-xs);
+}
+.jodit-ui-artifact__download-btn {
+  display: inline-block;
+  padding: var(--jd-ai-space-sm) var(--jd-ai-space-lg);
+  border: none;
+  border-radius: var(--jd-ai-radius-md);
+  background: var(--jd-ai-primary-gradient);
+  box-shadow: var(--jd-ai-shadow-primary-sm);
+  color: var(--jd-ai-text-white);
+  cursor: pointer;
+  font-size: var(--jd-ai-text-sm);
+  font-weight: var(--jd-ai-weight-medium);
+  text-decoration: none;
+  transition: all var(--jd-ai-transition-fast);
+}
+.jodit-ui-artifact__download-btn:hover {
+  box-shadow: var(--jd-ai-shadow-primary-md);
+  transform: translateY(-1px);
+}
+.jodit-ui-artifact__download-btn:active {
+  transform: translateY(0);
+}
+.jodit-ui-artifact__json {
+  padding: var(--jd-ai-space-lg);
+  border-radius: var(--jd-ai-radius-md);
+  margin: 0;
+  background: var(--jd-ai-bg-tertiary);
+  font-size: var(--jd-ai-text-sm);
+  line-height: 1.5;
+  overflow-x: auto;
+}
+.jodit-ui-artifact__json code {
+  color: var(--jd-ai-text-primary);
+  font-family: 'SF Mono', Monaco, Consolas, monospace;
+}
+.jodit-ui-artifact__json::-webkit-scrollbar {
+  height: 8px;
+}
+.jodit-ui-artifact__json::-webkit-scrollbar-track {
+  background: transparent;
+}
+.jodit-ui-artifact__json::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background: var(--jd-ai-border-medium);
+}
+.jodit-ui-artifact__json::-webkit-scrollbar-thumb:hover {
+  background: var(--jd-ai-border-dark);
+}
+.jodit-ui-artifact__placeholder {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: var(--jd-ai-space-3xl);
+  gap: var(--jd-ai-space-md);
+}
+.jodit-ui-artifact__placeholder-icon {
+  font-size: var(--jd-ai-text-3xl);
+  opacity: 0.5;
+}
+.jodit-ui-artifact__placeholder-text {
+  color: var(--jd-ai-text-tertiary);
+  font-size: var(--jd-ai-text-sm);
+}
+.jodit-ui-artifact-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--jd-ai-space-md);
+}
+@keyframes ai-shimmer {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+@media (width <= 480px) {
+  .jodit-ui-message-list-item__message-bubble {
+    max-width: 85%;
+  }
+  .jodit-ui-artifact__content {
+    padding: var(--jd-ai-space-md);
+  }
+  .jodit-ui-artifact__loader,
+  .jodit-ui-artifact__error,
+  .jodit-ui-artifact__placeholder {
+    padding: var(--jd-ai-space-2xl);
+  }
+}
+.jodit-ui-message-list-item__message {
   display: flex;
   max-width: 100%;
   margin-bottom: var(--jd-ai-space-lg);
   animation: ai-slide-in var(--jd-ai-transition-slow);
 }
-.jodit-ui-message-list__message[data-role='user'] {
+.jodit-ui-message-list-item__message[data-role='user'] {
   justify-content: flex-end;
 }
-.jodit-ui-message-list__message[data-role='assistant'] {
+.jodit-ui-message-list-item__message[data-role='assistant'] {
   justify-content: flex-start;
 }
-.jodit-ui-message-list__message[data-role='tool'] {
+.jodit-ui-message-list-item__message[data-role='tool'] {
   justify-content: center;
 }
-.jodit-ui-message-list__message-bubble {
+.jodit-ui-message-list-item__message-bubble {
   position: relative;
-  max-width: 70%;
+  max-width: 90%;
   padding: var(--jd-ai-space-lg);
   border-radius: var(--jd-ai-radius-xl);
   overflow-wrap: break-word;
   transition: all var(--jd-ai-transition-base);
 }
-.jodit-ui-message-list__message-bubble_user_true {
+.jodit-ui-message-list-item__message-bubble_user_true {
   border: none;
   border-radius: var(--jd-ai-radius-xl) var(--jd-ai-radius-xl) var(--jd-ai-radius-sm) var(--jd-ai-radius-xl);
   background: var(--jd-ai-message-user-gradient);
   box-shadow: var(--jd-ai-shadow-primary-sm);
   color: var(--jd-ai-message-user-text);
 }
-.jodit-ui-message-list__message-bubble_user_true:hover {
+.jodit-ui-message-list-item__message-bubble_user_true:hover {
   box-shadow: var(--jd-ai-shadow-primary-md);
 }
-.jodit-ui-message-list__message-bubble_assistant_true {
+.jodit-ui-message-list-item__message-bubble_assistant_true {
   padding: var(--jd-ai-space-lg);
   border: 1px solid var(--jd-ai-border-light);
   border-radius: var(--jd-ai-radius-xl) var(--jd-ai-radius-xl) var(--jd-ai-radius-xl) var(--jd-ai-radius-sm);
@@ -764,10 +960,10 @@
   box-shadow: var(--jd-ai-shadow-sm);
   color: var(--jd-ai-message-assistant-text);
 }
-.jodit-ui-message-list__message-bubble_assistant_true:hover {
+.jodit-ui-message-list-item__message-bubble_assistant_true:hover {
   box-shadow: var(--jd-ai-shadow-md);
 }
-.jodit-ui-message-list__message-bubble_tool_true {
+.jodit-ui-message-list-item__message-bubble_tool_true {
   max-width: 80%;
   padding: var(--jd-ai-space-md) var(--jd-ai-space-lg);
   border: 1px solid var(--jd-ai-border-medium);
@@ -779,11 +975,11 @@
   font-family: 'SF Mono', Monaco, Consolas, monospace;
   font-size: var(--jd-ai-text-sm);
 }
-.jodit-ui-message-list__message-bubble_tool_true:hover {
+.jodit-ui-message-list-item__message-bubble_tool_true:hover {
   border-left-color: var(--jd-ai-accent-hover);
   box-shadow: var(--jd-ai-shadow-md);
 }
-.jodit-ui-message-list__message-content {
+.jodit-ui-message-list-item__message-content {
   overflow: auto;
   margin-bottom: 4px;
   color: inherit;
@@ -791,136 +987,136 @@
   line-height: 1.6;
   overflow-wrap: break-word;
 }
-.jodit-ui-message-list__message-content h1,
-.jodit-ui-message-list__message-content h2,
-.jodit-ui-message-list__message-content h3,
-.jodit-ui-message-list__message-content h4,
-.jodit-ui-message-list__message-content h5,
-.jodit-ui-message-list__message-content h6 {
+.jodit-ui-message-list-item__message-content h1,
+.jodit-ui-message-list-item__message-content h2,
+.jodit-ui-message-list-item__message-content h3,
+.jodit-ui-message-list-item__message-content h4,
+.jodit-ui-message-list-item__message-content h5,
+.jodit-ui-message-list-item__message-content h6 {
   margin-top: var(--jd-ai-space-xl);
   margin-bottom: var(--jd-ai-space-md);
   color: inherit;
   font-weight: var(--jd-ai-weight-semibold);
   line-height: 1.3;
 }
-.jodit-ui-message-list__message-content h1:first-child,
-.jodit-ui-message-list__message-content h2:first-child,
-.jodit-ui-message-list__message-content h3:first-child,
-.jodit-ui-message-list__message-content h4:first-child,
-.jodit-ui-message-list__message-content h5:first-child,
-.jodit-ui-message-list__message-content h6:first-child {
+.jodit-ui-message-list-item__message-content h1:first-child,
+.jodit-ui-message-list-item__message-content h2:first-child,
+.jodit-ui-message-list-item__message-content h3:first-child,
+.jodit-ui-message-list-item__message-content h4:first-child,
+.jodit-ui-message-list-item__message-content h5:first-child,
+.jodit-ui-message-list-item__message-content h6:first-child {
   margin-top: 0;
 }
-.jodit-ui-message-list__message-content h1 {
+.jodit-ui-message-list-item__message-content h1 {
   padding-bottom: var(--jd-ai-space-sm);
   border-bottom: 2px solid var(--jd-ai-border-light);
   font-size: var(--jd-ai-text-2xl);
 }
-.jodit-ui-message-list__message-content h2 {
+.jodit-ui-message-list-item__message-content h2 {
   padding-bottom: var(--jd-ai-space-xs);
   border-bottom: 1px solid var(--jd-ai-border-light);
   font-size: var(--jd-ai-text-xl);
 }
-.jodit-ui-message-list__message-content h3 {
+.jodit-ui-message-list-item__message-content h3 {
   font-size: var(--jd-ai-text-lg);
 }
-.jodit-ui-message-list__message-content h4 {
+.jodit-ui-message-list-item__message-content h4 {
   font-size: var(--jd-ai-text-md);
 }
-.jodit-ui-message-list__message-content h5 {
+.jodit-ui-message-list-item__message-content h5 {
   font-size: var(--jd-ai-text-base);
 }
-.jodit-ui-message-list__message-content h6 {
+.jodit-ui-message-list-item__message-content h6 {
   color: var(--jd-ai-text-tertiary);
   font-size: var(--jd-ai-text-sm);
 }
-.jodit-ui-message-list__message-content p {
+.jodit-ui-message-list-item__message-content p {
   margin: var(--jd-ai-space-md) 0;
   line-height: 1.6;
 }
-.jodit-ui-message-list__message-content p:first-child {
+.jodit-ui-message-list-item__message-content p:first-child {
   margin-top: 0;
 }
-.jodit-ui-message-list__message-content p:last-child {
+.jodit-ui-message-list-item__message-content p:last-child {
   margin-bottom: 0;
 }
-.jodit-ui-message-list__message-content strong,
-.jodit-ui-message-list__message-content b {
+.jodit-ui-message-list-item__message-content strong,
+.jodit-ui-message-list-item__message-content b {
   font-weight: var(--jd-ai-weight-bold);
 }
-.jodit-ui-message-list__message-content em,
-.jodit-ui-message-list__message-content i {
+.jodit-ui-message-list-item__message-content em,
+.jodit-ui-message-list-item__message-content i {
   font-style: italic;
 }
-.jodit-ui-message-list__message-content u {
+.jodit-ui-message-list-item__message-content u {
   text-decoration: underline;
 }
-.jodit-ui-message-list__message-content s,
-.jodit-ui-message-list__message-content del {
+.jodit-ui-message-list-item__message-content s,
+.jodit-ui-message-list-item__message-content del {
   opacity: 0.7;
   text-decoration: line-through;
 }
-.jodit-ui-message-list__message-content mark {
+.jodit-ui-message-list-item__message-content mark {
   padding: 2px 4px;
   border-radius: var(--jd-ai-radius-xs);
   background-color: rgba(255, 235, 59, 0.4);
 }
-.jodit-ui-message-list__message-content a {
+.jodit-ui-message-list-item__message-content a {
   border-bottom: 1px solid transparent;
   color: var(--jd-ai-accent-pink-start);
   text-decoration: none;
   transition: all var(--jd-ai-transition-fast);
 }
-.jodit-ui-message-list__message-content a:hover {
+.jodit-ui-message-list-item__message-content a:hover {
   border-bottom-color: currentcolor;
   color: var(--jd-ai-accent-pink-end);
 }
-.jodit-ui-message-list__message-content a:active {
+.jodit-ui-message-list-item__message-content a:active {
   opacity: 0.8;
 }
-.jodit-ui-message-list__message-content ul,
-.jodit-ui-message-list__message-content ol {
+.jodit-ui-message-list-item__message-content ul,
+.jodit-ui-message-list-item__message-content ol {
   padding-left: var(--jd-ai-space-2xl);
   margin: var(--jd-ai-space-md) 0;
 }
-.jodit-ui-message-list__message-content ul:first-child,
-.jodit-ui-message-list__message-content ol:first-child {
+.jodit-ui-message-list-item__message-content ul:first-child,
+.jodit-ui-message-list-item__message-content ol:first-child {
   margin-top: 0;
 }
-.jodit-ui-message-list__message-content ul:last-child,
-.jodit-ui-message-list__message-content ol:last-child {
+.jodit-ui-message-list-item__message-content ul:last-child,
+.jodit-ui-message-list-item__message-content ol:last-child {
   margin-bottom: 0;
 }
-.jodit-ui-message-list__message-content ul {
+.jodit-ui-message-list-item__message-content ul {
   list-style-type: disc;
 }
-.jodit-ui-message-list__message-content ul ul {
+.jodit-ui-message-list-item__message-content ul ul {
   list-style-type: circle;
 }
-.jodit-ui-message-list__message-content ul ul ul {
+.jodit-ui-message-list-item__message-content ul ul ul {
   list-style-type: square;
 }
-.jodit-ui-message-list__message-content ol {
+.jodit-ui-message-list-item__message-content ol {
   list-style-type: decimal;
 }
-.jodit-ui-message-list__message-content ol ol {
+.jodit-ui-message-list-item__message-content ol ol {
   list-style-type: lower-alpha;
 }
-.jodit-ui-message-list__message-content ol ol ol {
+.jodit-ui-message-list-item__message-content ol ol ol {
   list-style-type: lower-roman;
 }
-.jodit-ui-message-list__message-content li {
+.jodit-ui-message-list-item__message-content li {
   margin: var(--jd-ai-space-xs) 0;
   line-height: 1.6;
 }
-.jodit-ui-message-list__message-content li > p {
+.jodit-ui-message-list-item__message-content li > p {
   margin: var(--jd-ai-space-xs) 0;
 }
-.jodit-ui-message-list__message-content li > ul,
-.jodit-ui-message-list__message-content li > ol {
+.jodit-ui-message-list-item__message-content li > ul,
+.jodit-ui-message-list-item__message-content li > ol {
   margin-top: var(--jd-ai-space-xs);
 }
-.jodit-ui-message-list__message-content blockquote {
+.jodit-ui-message-list-item__message-content blockquote {
   padding: var(--jd-ai-space-md) var(--jd-ai-space-lg);
   border-radius: var(--jd-ai-radius-sm);
   border-left: 4px solid var(--jd-ai-accent-pink-start);
@@ -929,16 +1125,16 @@
   color: var(--jd-ai-text-secondary);
   font-style: italic;
 }
-.jodit-ui-message-list__message-content blockquote p:first-child {
+.jodit-ui-message-list-item__message-content blockquote p:first-child {
   margin-top: 0;
 }
-.jodit-ui-message-list__message-content blockquote p:last-child {
+.jodit-ui-message-list-item__message-content blockquote p:last-child {
   margin-bottom: 0;
 }
-.jodit-ui-message-list__message-content blockquote > blockquote {
+.jodit-ui-message-list-item__message-content blockquote > blockquote {
   margin-top: var(--jd-ai-space-md);
 }
-.jodit-ui-message-list__message-content code {
+.jodit-ui-message-list-item__message-content code {
   padding: 2px 6px;
   border: 1px solid var(--jd-ai-border-light);
   border-radius: var(--jd-ai-radius-xs);
@@ -949,7 +1145,7 @@
   overflow-wrap: anywhere;
   white-space: pre-wrap;
 }
-.jodit-ui-message-list__message-content pre {
+.jodit-ui-message-list-item__message-content pre {
   padding: var(--jd-ai-space-lg);
   border: 1px solid var(--jd-ai-border-light);
   border-radius: var(--jd-ai-radius-md);
@@ -959,20 +1155,20 @@
   line-height: 1.5;
   overflow-x: auto;
 }
-.jodit-ui-message-list__message-content pre::-webkit-scrollbar {
+.jodit-ui-message-list-item__message-content pre::-webkit-scrollbar {
   height: 8px;
 }
-.jodit-ui-message-list__message-content pre::-webkit-scrollbar-track {
+.jodit-ui-message-list-item__message-content pre::-webkit-scrollbar-track {
   background: transparent;
 }
-.jodit-ui-message-list__message-content pre::-webkit-scrollbar-thumb {
+.jodit-ui-message-list-item__message-content pre::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background: var(--jd-ai-border-medium);
 }
-.jodit-ui-message-list__message-content pre::-webkit-scrollbar-thumb:hover {
+.jodit-ui-message-list-item__message-content pre::-webkit-scrollbar-thumb:hover {
   background: var(--jd-ai-border-dark);
 }
-.jodit-ui-message-list__message-content pre > code {
+.jodit-ui-message-list-item__message-content pre > code {
   padding: 0;
   border: none;
   background: transparent;
@@ -980,7 +1176,7 @@
   font-size: inherit;
   white-space: pre;
 }
-.jodit-ui-message-list__message-content table {
+.jodit-ui-message-list-item__message-content table {
   overflow: hidden;
   width: 100%;
   border: 1px solid var(--jd-ai-border-light);
@@ -990,36 +1186,36 @@
   border-spacing: 0;
   font-size: var(--jd-ai-text-sm);
 }
-.jodit-ui-message-list__message-content thead {
+.jodit-ui-message-list-item__message-content thead {
   background: var(--jd-ai-bg-elevated);
 }
-.jodit-ui-message-list__message-content th {
+.jodit-ui-message-list-item__message-content th {
   padding: var(--jd-ai-space-md) var(--jd-ai-space-lg);
   border-bottom: 2px solid var(--jd-ai-border-medium);
   color: var(--jd-ai-text-primary);
   font-weight: var(--jd-ai-weight-semibold);
   text-align: left;
 }
-.jodit-ui-message-list__message-content td {
+.jodit-ui-message-list-item__message-content td {
   padding: var(--jd-ai-space-md) var(--jd-ai-space-lg);
   border-bottom: 1px solid var(--jd-ai-border-light);
 }
-.jodit-ui-message-list__message-content tbody tr {
+.jodit-ui-message-list-item__message-content tbody tr {
   transition: background var(--jd-ai-transition-fast);
 }
-.jodit-ui-message-list__message-content tbody tr:hover {
+.jodit-ui-message-list-item__message-content tbody tr:hover {
   background: var(--jd-ai-bg-hover);
 }
-.jodit-ui-message-list__message-content tbody tr:last-child td {
+.jodit-ui-message-list-item__message-content tbody tr:last-child td {
   border-bottom: none;
 }
-.jodit-ui-message-list__message-content hr {
+.jodit-ui-message-list-item__message-content hr {
   height: 2px;
   border: none;
   margin: var(--jd-ai-space-xl) 0;
   background: linear-gradient(to right, transparent, var(--jd-ai-border-medium) 50%, transparent);
 }
-.jodit-ui-message-list__message-content img {
+.jodit-ui-message-list-item__message-content img {
   max-width: 100%;
   height: auto;
   border-radius: var(--jd-ai-radius-md);
@@ -1027,25 +1223,25 @@
   box-shadow: var(--jd-ai-shadow-sm);
   transition: all var(--jd-ai-transition-base);
 }
-.jodit-ui-message-list__message-content img:hover {
+.jodit-ui-message-list-item__message-content img:hover {
   box-shadow: var(--jd-ai-shadow-md);
 }
-.jodit-ui-message-list__message-content input[type='checkbox'] {
+.jodit-ui-message-list-item__message-content input[type='checkbox'] {
   margin-right: var(--jd-ai-space-sm);
   accent-color: var(--jd-ai-accent-pink-start);
   cursor: pointer;
 }
-.jodit-ui-message-list__message-content details {
+.jodit-ui-message-list-item__message-content details {
   padding: var(--jd-ai-space-md);
   border: 1px solid var(--jd-ai-border-light);
   border-radius: var(--jd-ai-radius-md);
   margin: var(--jd-ai-space-md) 0;
   background: var(--jd-ai-bg-secondary);
 }
-.jodit-ui-message-list__message-content details[open] {
+.jodit-ui-message-list-item__message-content details[open] {
   padding-bottom: var(--jd-ai-space-lg);
 }
-.jodit-ui-message-list__message-content summary {
+.jodit-ui-message-list-item__message-content summary {
   padding: var(--jd-ai-space-sm);
   border-radius: var(--jd-ai-radius-sm);
   margin: calc(var(--jd-ai-space-sm) * -1);
@@ -1054,13 +1250,13 @@
   transition: background var(--jd-ai-transition-fast);
   user-select: none;
 }
-.jodit-ui-message-list__message-content summary:hover {
+.jodit-ui-message-list-item__message-content summary:hover {
   background: var(--jd-ai-bg-hover);
 }
-.jodit-ui-message-list__message-content summary::marker {
+.jodit-ui-message-list-item__message-content summary::marker {
   color: var(--jd-ai-accent-pink-start);
 }
-.jodit-ui-message-list__message-content kbd {
+.jodit-ui-message-list-item__message-content kbd {
   display: inline-block;
   padding: 3px 6px;
   border: 1px solid var(--jd-ai-border-medium);
@@ -1071,79 +1267,79 @@
   font-family: 'SF Mono', Monaco, Consolas, monospace;
   font-size: 0.85em;
 }
-.jodit-ui-message-list__message-content sub,
-.jodit-ui-message-list__message-content sup {
+.jodit-ui-message-list-item__message-content sub,
+.jodit-ui-message-list-item__message-content sup {
   position: relative;
   font-size: 0.75em;
   line-height: 0;
   vertical-align: baseline;
 }
-.jodit-ui-message-list__message-content sub {
+.jodit-ui-message-list-item__message-content sub {
   bottom: -0.25em;
 }
-.jodit-ui-message-list__message-content sup {
+.jodit-ui-message-list-item__message-content sup {
   top: -0.5em;
 }
-.jodit-ui-message-list__message-content abbr[title] {
+.jodit-ui-message-list-item__message-content abbr[title] {
   border-bottom: none;
   cursor: help;
   text-decoration: underline dotted;
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content code {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content code {
   border-color: rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.2);
   color: var(--jd-ai-text-white);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content pre {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content pre {
   border-color: rgba(255, 255, 255, 0.2);
   background: rgba(0, 0, 0, 0.15);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content blockquote {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content blockquote {
   border-left-color: var(--jd-ai-text-white-secondary);
   background: rgba(0, 0, 0, 0.1);
   color: var(--jd-ai-text-white-secondary);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content a {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content a {
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
   color: var(--jd-ai-text-white);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content a:hover {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content a:hover {
   border-bottom-color: var(--jd-ai-text-white);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content hr {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content hr {
   background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content h1,
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content h2 {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content h1,
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content h2 {
   border-bottom-color: rgba(255, 255, 255, 0.3);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content th {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content th {
   border-bottom-color: rgba(255, 255, 255, 0.3);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content td {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content td {
   border-bottom-color: rgba(255, 255, 255, 0.15);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content table {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content table {
   border-color: rgba(255, 255, 255, 0.2);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content kbd {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content kbd {
   border-color: rgba(255, 255, 255, 0.3);
   background: rgba(0, 0, 0, 0.2);
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-content mark {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-content mark {
   background-color: rgba(255, 235, 59, 0.3);
 }
-.jodit-ui-message-list__message-bubble_assistant_true .jodit-ui-message-list__message-content pre > code {
+.jodit-ui-message-list-item__message-bubble_assistant_true .jodit-ui-message-list-item__message-content pre > code {
   color: var(--jd-ai-text-primary);
 }
-.jodit-ui-message-list__message-timestamp {
+.jodit-ui-message-list-item__message-timestamp {
   margin-top: var(--jd-ai-space-sm);
   font-size: var(--jd-ai-text-xs);
   font-weight: var(--jd-ai-weight-medium);
   letter-spacing: 0.3px;
 }
-.jodit-ui-message-list__message-actions {
+.jodit-ui-message-list-item__message-actions {
   position: absolute;
   z-index: 10;
   right: var(--jd-ai-space-xs);
@@ -1151,16 +1347,16 @@
   opacity: 0;
   transition: opacity var(--jd-ai-transition-fast);
 }
-.jodit-ui-message-list__message-bubble:hover .jodit-ui-message-list__message-actions {
+.jodit-ui-message-list-item__message-bubble:hover .jodit-ui-message-list-item__message-actions {
   opacity: 1;
 }
-.jodit-ui-message-list__message-bubble_user_true .jodit-ui-message-list__message-timestamp {
+.jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-timestamp {
   color: var(--jd-ai-text-white-secondary);
 }
-.jodit-ui-message-list__message-bubble_assistant_true .jodit-ui-message-list__message-timestamp {
+.jodit-ui-message-list-item__message-bubble_assistant_true .jodit-ui-message-list-item__message-timestamp {
   color: var(--jd-ai-text-tertiary);
 }
-.jodit-ui-message-list__tool-call {
+.jodit-ui-message-list-item__tool-call {
   position: relative;
   display: flex;
   max-width: 100%;
@@ -1176,14 +1372,14 @@
   gap: 0;
   transition: all var(--jd-ai-transition-base);
 }
-.jodit-ui-message-list__tool-call:hover {
+.jodit-ui-message-list-item__tool-call:hover {
   border-color: var(--jd-ai-accent);
   box-shadow: var(--jd-ai-shadow-md);
 }
-.jodit-ui-message-list__tool-call + .jodit-ui-message-list__tool-call {
+.jodit-ui-message-list-item__tool-call + .jodit-ui-message-list-item__tool-call {
   margin-top: var(--jd-ai-space-md);
 }
-.jodit-ui-message-list__tool-header {
+.jodit-ui-message-list-item__tool-header {
   display: flex;
   min-height: var(--jd-ai-tool-min-height);
   flex-direction: row;
@@ -1193,12 +1389,7 @@
   border-top-right-radius: var(--jd-ai-radius-lg);
   gap: var(--jd-ai-space-md);
 }
-.jodit-ui-message-list__message:has(.jodit-ui-message-list__artifacts) .jodit-ui-message-list__message-bubble,
-.jodit-ui-message-list__message:has(.jodit-ui-message-list__tool-call) .jodit-ui-message-list__message-bubble {
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-.jodit-ui-message-list__tool-icon {
+.jodit-ui-message-list-item__tool-icon {
   position: relative;
   z-index: var(--jd-ai-z-elevated);
   display: flex;
@@ -1209,7 +1400,7 @@
   justify-content: center;
   font-size: var(--jd-ai-text-3xl);
 }
-.jodit-ui-message-list__tool-name {
+.jodit-ui-message-list-item__tool-name {
   position: relative;
   z-index: var(--jd-ai-z-elevated);
   min-width: 0;
@@ -1220,7 +1411,7 @@
   font-weight: var(--jd-ai-weight-semibold);
   line-height: 1.4;
 }
-.jodit-ui-message-list__tool-status {
+.jodit-ui-message-list-item__tool-status {
   position: relative;
   z-index: var(--jd-ai-z-elevated);
   flex-shrink: 0;
@@ -1234,7 +1425,7 @@
   text-transform: uppercase;
   white-space: nowrap;
 }
-.jodit-ui-message-list__tool-result-header {
+.jodit-ui-message-list-item__tool-result-header {
   display: flex;
   align-items: center;
   padding-bottom: var(--jd-ai-space-sm);
@@ -1242,7 +1433,7 @@
   margin-bottom: var(--jd-ai-space-sm);
   gap: var(--jd-ai-space-sm);
 }
-.jodit-ui-message-list__tool-result-icon {
+.jodit-ui-message-list-item__tool-result-icon {
   display: flex;
   width: 20px;
   height: 20px;
@@ -1251,13 +1442,13 @@
   justify-content: center;
   font-size: var(--jd-ai-text-lg);
 }
-.jodit-ui-message-list__tool-result-title {
+.jodit-ui-message-list-item__tool-result-title {
   color: var(--jd-ai-text-primary);
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   font-size: var(--jd-ai-text-sm);
   font-weight: var(--jd-ai-weight-semibold);
 }
-.jodit-ui-message-list__tool-result-content {
+.jodit-ui-message-list-item__tool-result-content {
   max-height: 200px;
   padding: var(--jd-ai-space-sm);
   border: 1px solid var(--jd-ai-border-light);
@@ -1270,28 +1461,28 @@
   overflow-y: auto;
   white-space: pre-wrap;
 }
-.jodit-ui-message-list__tool-result-content::-webkit-scrollbar {
+.jodit-ui-message-list-item__tool-result-content::-webkit-scrollbar {
   width: 6px;
 }
-.jodit-ui-message-list__tool-result-content::-webkit-scrollbar-track {
+.jodit-ui-message-list-item__tool-result-content::-webkit-scrollbar-track {
   background: transparent;
 }
-.jodit-ui-message-list__tool-result-content::-webkit-scrollbar-thumb {
+.jodit-ui-message-list-item__tool-result-content::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: var(--jd-ai-border-medium);
 }
-.jodit-ui-message-list__tool-result-content::-webkit-scrollbar-thumb:hover {
+.jodit-ui-message-list-item__tool-result-content::-webkit-scrollbar-thumb:hover {
   background: var(--jd-ai-border-dark);
 }
-.jodit-ui-message-list__tool-result-error {
+.jodit-ui-message-list-item__tool-result-error {
   color: var(--jd-ai-danger);
   font-weight: var(--jd-ai-weight-medium);
 }
-.jodit-ui-message-list__tool-expandable {
+.jodit-ui-message-list-item__tool-expandable {
   padding: var(--jd-ai-space-md) var(--jd-ai-space-lg);
   border-top: 1px solid var(--jd-ai-border-light);
 }
-.jodit-ui-message-list__tool-expandable-toggle {
+.jodit-ui-message-list-item__tool-expandable-toggle {
   width: 100%;
   padding: var(--jd-ai-space-sm);
   border: none;
@@ -1304,14 +1495,14 @@
   text-align: left;
   transition: all var(--jd-ai-transition-fast);
 }
-.jodit-ui-message-list__tool-expandable-toggle:hover {
+.jodit-ui-message-list-item__tool-expandable-toggle:hover {
   background: var(--jd-ai-bg-hover);
   color: var(--jd-ai-text-primary);
 }
-.jodit-ui-message-list__tool-expandable-toggle:active {
+.jodit-ui-message-list-item__tool-expandable-toggle:active {
   background: var(--jd-ai-bg-active);
 }
-.jodit-ui-message-list__tool-expandable-content {
+.jodit-ui-message-list-item__tool-expandable-content {
   max-height: 300px;
   padding: var(--jd-ai-space-md);
   border: 1px solid var(--jd-ai-border-light);
@@ -1326,245 +1517,24 @@
   overflow-y: auto;
   white-space: pre;
 }
-.jodit-ui-message-list__tool-expandable-content::-webkit-scrollbar {
+.jodit-ui-message-list-item__tool-expandable-content::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
-.jodit-ui-message-list__tool-expandable-content::-webkit-scrollbar-track {
+.jodit-ui-message-list-item__tool-expandable-content::-webkit-scrollbar-track {
   background: transparent;
 }
-.jodit-ui-message-list__tool-expandable-content::-webkit-scrollbar-thumb {
+.jodit-ui-message-list-item__tool-expandable-content::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: var(--jd-ai-border-medium);
 }
-.jodit-ui-message-list__tool-expandable-content::-webkit-scrollbar-thumb:hover {
+.jodit-ui-message-list-item__tool-expandable-content::-webkit-scrollbar-thumb:hover {
   background: var(--jd-ai-border-dark);
 }
-.jodit-ui-message-list__artifacts {
-  display: flex;
-  flex-direction: column;
-  gap: var(--jd-ai-space-md);
-}
-.jodit-ui-artifact {
-  display: flex;
-  overflow: hidden;
-  flex-direction: column;
-  border: 1px solid var(--jd-ai-border-light);
-  border-radius: var(--jd-ai-radius-lg);
-  background: var(--jd-ai-bg-secondary);
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-  transition: all var(--jd-ai-transition-base);
-}
-.jodit-ui-artifact:hover {
-  border-color: var(--jd-ai-border-medium);
-  box-shadow: var(--jd-ai-shadow-md);
-}
-.jodit-ui-artifact__status {
-  display: flex;
-  align-items: center;
-  padding: var(--jd-ai-space-sm) var(--jd-ai-space-md);
-  border-bottom: 1px solid var(--jd-ai-border-light);
-  background: var(--jd-ai-bg-elevated);
-  color: var(--jd-ai-text-secondary);
-  font-size: var(--jd-ai-text-xs);
-  font-weight: var(--jd-ai-weight-medium);
-  gap: var(--jd-ai-space-sm);
-}
-.jodit-ui-artifact__status[data-status='generating'] {
-  animation: ai-shimmer 2s infinite;
-  background: linear-gradient(90deg, var(--jd-ai-bg-elevated) 0%, var(--jd-ai-bg-hover) 50%, var(--jd-ai-bg-elevated) 100%);
-  background-size: 200% 100%;
-}
-.jodit-ui-artifact__status[data-status='ready'] {
-  background: rgba(52, 199, 89, 0.1);
-  color: var(--jd-ai-success);
-}
-.jodit-ui-artifact__status[data-status='failed'] {
-  background: rgba(255, 59, 48, 0.1);
-  color: var(--jd-ai-error);
-}
-.jodit-ui-artifact__status-icon {
-  font-size: var(--jd-ai-text-md);
-}
-.jodit-ui-artifact__status-text {
-  letter-spacing: 0.5px;
-  text-transform: uppercase;
-}
-.jodit-ui-artifact__content {
-  padding: var(--jd-ai-space-lg);
-}
-.jodit-ui-artifact__loader {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: var(--jd-ai-space-3xl);
-  gap: var(--jd-ai-space-md);
-}
-.jodit-ui-artifact__spinner {
-  width: 40px;
-  height: 40px;
-  border: 4px solid var(--jd-ai-border-light);
-  border-radius: 50%;
-  border-top-color: var(--jd-ai-accent);
-  animation: ai-spin 1s linear infinite;
-}
-.jodit-ui-artifact__loader-message {
-  color: var(--jd-ai-text-secondary);
-  font-size: var(--jd-ai-text-sm);
-}
-.jodit-ui-artifact__error {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: var(--jd-ai-space-3xl);
-  gap: var(--jd-ai-space-md);
-  text-align: center;
-}
-.jodit-ui-artifact__error-icon {
-  font-size: var(--jd-ai-text-3xl);
-}
-.jodit-ui-artifact__error-message {
-  color: var(--jd-ai-error);
-  font-size: var(--jd-ai-text-sm);
-}
-.jodit-ui-artifact__image {
-  display: block;
-  max-width: 100%;
-  height: auto;
-}
-.jodit-ui-artifact__caption {
-  padding-top: var(--jd-ai-space-md);
-  border-top: 1px solid var(--jd-ai-border-light);
-  margin-top: var(--jd-ai-space-md);
-  color: var(--jd-ai-text-secondary);
-  font-size: var(--jd-ai-text-sm);
-  font-style: italic;
-}
-.jodit-ui-artifact__audio {
-  width: 100%;
-  height: 40px;
-}
-.jodit-ui-artifact__file-card {
-  display: flex;
-  align-items: center;
-  padding: var(--jd-ai-space-lg);
-  border-radius: var(--jd-ai-radius-md);
-  background: var(--jd-ai-bg-tertiary);
-  gap: var(--jd-ai-space-md);
-  transition: all var(--jd-ai-transition-fast);
-}
-.jodit-ui-artifact__file-card:hover {
-  background: var(--jd-ai-bg-hover);
-}
-.jodit-ui-artifact__file-icon {
-  flex-shrink: 0;
-  font-size: var(--jd-ai-text-3xl);
-}
-.jodit-ui-artifact__file-info {
-  min-width: 0;
-  flex: 1;
-}
-.jodit-ui-artifact__file-name {
-  overflow: hidden;
-  color: var(--jd-ai-text-primary);
-  font-weight: var(--jd-ai-weight-medium);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.jodit-ui-artifact__file-size {
-  margin-top: var(--jd-ai-space-xs);
-  color: var(--jd-ai-text-tertiary);
-  font-size: var(--jd-ai-text-xs);
-}
-.jodit-ui-artifact__download-btn {
-  display: inline-block;
-  padding: var(--jd-ai-space-sm) var(--jd-ai-space-lg);
-  border: none;
-  border-radius: var(--jd-ai-radius-md);
-  background: var(--jd-ai-primary-gradient);
-  box-shadow: var(--jd-ai-shadow-primary-sm);
-  color: var(--jd-ai-text-white);
-  cursor: pointer;
-  font-size: var(--jd-ai-text-sm);
-  font-weight: var(--jd-ai-weight-medium);
-  text-decoration: none;
-  transition: all var(--jd-ai-transition-fast);
-}
-.jodit-ui-artifact__download-btn:hover {
-  box-shadow: var(--jd-ai-shadow-primary-md);
-  transform: translateY(-1px);
-}
-.jodit-ui-artifact__download-btn:active {
-  transform: translateY(0);
-}
-.jodit-ui-artifact__json {
-  padding: var(--jd-ai-space-lg);
-  border-radius: var(--jd-ai-radius-md);
-  margin: 0;
-  background: var(--jd-ai-bg-tertiary);
-  font-size: var(--jd-ai-text-sm);
-  line-height: 1.5;
-  overflow-x: auto;
-}
-.jodit-ui-artifact__json code {
-  color: var(--jd-ai-text-primary);
-  font-family: 'SF Mono', Monaco, Consolas, monospace;
-}
-.jodit-ui-artifact__json::-webkit-scrollbar {
-  height: 8px;
-}
-.jodit-ui-artifact__json::-webkit-scrollbar-track {
-  background: transparent;
-}
-.jodit-ui-artifact__json::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-  background: var(--jd-ai-border-medium);
-}
-.jodit-ui-artifact__json::-webkit-scrollbar-thumb:hover {
-  background: var(--jd-ai-border-dark);
-}
-.jodit-ui-artifact__placeholder {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: var(--jd-ai-space-3xl);
-  gap: var(--jd-ai-space-md);
-}
-.jodit-ui-artifact__placeholder-icon {
-  font-size: var(--jd-ai-text-3xl);
-  opacity: 0.5;
-}
-.jodit-ui-artifact__placeholder-text {
-  color: var(--jd-ai-text-tertiary);
-  font-size: var(--jd-ai-text-sm);
-}
-.jodit-ui-artifact-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--jd-ai-space-md);
-}
-@keyframes ai-shimmer {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-@media (width <= 480px) {
-  .jodit-ui-message-list__message-bubble {
-    max-width: 85%;
-  }
-  .jodit-ui-artifact__content {
-    padding: var(--jd-ai-space-md);
-  }
-  .jodit-ui-artifact__loader,
-  .jodit-ui-artifact__error,
-  .jodit-ui-artifact__placeholder {
-    padding: var(--jd-ai-space-2xl);
-  }
+.jodit-ui-message-list-item:has(.jodit-ui-message-list-item__artifacts) .jodit-ui-message-list-item__message-bubble,
+.jodit-ui-message-list-item:has(.jodit-ui-message-list-item__tool-call) .jodit-ui-message-list-item__message-bubble {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
 }
 /**
  * Permission Request styles
@@ -1738,7 +1708,7 @@
   padding-bottom: 2px;
   gap: 6px;
 }
-.jodit-ui-input-area__buttons .jodit-ui-button__button {
+.jodit-ui-input-area__buttons button {
   display: flex;
   width: var(--jd-ai-button-size);
   height: var(--jd-ai-button-size);
@@ -1752,14 +1722,14 @@
   color: var(--jd-ai-text-white);
   transition: all var(--jd-ai-transition-base);
 }
-.jodit-ui-input-area__buttons .jodit-ui-button__button:hover {
+.jodit-ui-input-area__buttons button:hover {
   box-shadow: var(--jd-ai-shadow-primary-lg);
   transform: scale(1.1);
 }
-.jodit-ui-input-area__buttons .jodit-ui-button__button:active {
+.jodit-ui-input-area__buttons button:active {
   transform: scale(0.95);
 }
-.jodit-ui-input-area__buttons .jodit-ui-button__button svg {
+.jodit-ui-input-area__buttons button svg {
   fill: var(--jd-ai-text-white);
 }
 @keyframes loading-pulse {