jodit-pro-react 5.5.11 → 5.5.13

package/build/esm/index.css

@@ -711,6 +711,9 @@
 .jodit-ui-tooltip.jodit-ui-tooltip_visible_true {
   opacity: 1;
 }
+.jodit-ui-tooltip.jodit-ui-tooltip_above_true {
+  transform: translate(-50%, calc(var(--jd-padding-default)/-2));
+}
 .jodit-ui-block {
   align-items: center;
   display: flex;
@@ -5536,14 +5539,14 @@ svg.jodit-icon {
 }
 .jodit-ai-assistant-pro,
 :root {
-  --jd-ai-primary-start:#667eea;
-  --jd-ai-primary-end:#764ba2;
+  --jd-ai-primary-start:#636366;
+  --jd-ai-primary-end:#48484a;
   --jd-ai-primary-gradient:linear-gradient(
       135deg,var(--jd-ai-primary-start) 0%,var(--jd-ai-primary-end) 100%);
-  --jd-ai-accent:#667eea;
-  --jd-ai-accent-hover:#764ba2;
-  --jd-ai-accent-pink-start:#f093fb;
-  --jd-ai-accent-pink-end:#f5576c;
+  --jd-ai-accent:#636366;
+  --jd-ai-accent-hover:#48484a;
+  --jd-ai-accent-pink-start:#8e8e93;
+  --jd-ai-accent-pink-end:#636366;
   --jd-ai-accent-gradient:linear-gradient(
       135deg,var(--jd-ai-accent-pink-start) 0%,var(--jd-ai-accent-pink-end) 100%);
   --jd-ai-success:#34c759;
@@ -5557,35 +5560,35 @@ svg.jodit-icon {
   --jd-ai-text-white-secondary:hsla(0,0%,100%,.85);
   --jd-ai-text-white-tertiary:hsla(0,0%,100%,.6);
   --jd-ai-bg-primary:#fff;
-  --jd-ai-bg-secondary:#f5f7fa;
-  --jd-ai-bg-tertiary:#f8f9fa;
-  --jd-ai-bg-elevated:rgba(102,126,234,.08);
-  --jd-ai-bg-hover:rgba(102,126,234,.05);
+  --jd-ai-bg-secondary:#f5f5f7;
+  --jd-ai-bg-tertiary:#f8f8fa;
+  --jd-ai-bg-elevated:rgba(0,0,0,.04);
+  --jd-ai-bg-hover:rgba(0,0,0,.03);
   --jd-ai-bg-danger:rgba(255,59,48,.05);
   --jd-ai-bg-danger-hover:rgba(255,59,48,.15);
   --jd-ai-message-user-gradient:linear-gradient(
-      135deg,#667eea,#764ba2);
+      135deg,#6e6e73,#58585a);
   --jd-ai-message-assistant-gradient:linear-gradient(
-      135deg,#f5f7fa,#fff);
+      135deg,#f5f5f7,#fff);
   --jd-ai-message-user-text:var(--jd-ai-text-white);
   --jd-ai-message-assistant-text:var(--jd-ai-text-primary);
   --jd-ai-border-light:rgba(0,0,0,.06);
   --jd-ai-border-medium:rgba(0,0,0,.1);
   --jd-ai-border-dark:rgba(0,0,0,.15);
-  --jd-ai-border-primary:rgba(102,126,234,.3);
+  --jd-ai-border-primary:rgba(0,0,0,.12);
   --jd-ai-border-danger:rgba(255,59,48,.2);
   --jd-ai-text-danger:#ff3b30;
   --jd-ai-shadow-sm:0 2px 8px rgba(0,0,0,.05);
   --jd-ai-shadow-md:0 4px 12px rgba(0,0,0,.08);
   --jd-ai-shadow-lg:0 8px 24px rgba(0,0,0,.12);
   --jd-ai-shadow-xl:0 20px 60px rgba(0,0,0,.15);
-  --jd-ai-shadow-primary-sm:0 2px 8px rgba(102,126,234,.25);
-  --jd-ai-shadow-primary-md:0 4px 15px rgba(102,126,234,.3);
-  --jd-ai-shadow-primary-lg:0 6px 20px rgba(102,126,234,.4);
-  --jd-ai-shadow-accent-sm:0 2px 10px rgba(245,87,108,.25);
-  --jd-ai-shadow-accent-md:0 4px 15px rgba(245,87,108,.3);
-  --jd-ai-shadow-accent-lg:0 6px 20px rgba(245,87,108,.4);
-  --jd-ai-shadow-primary-focus:rgba(102,126,234,.08);
+  --jd-ai-shadow-primary-sm:0 2px 8px rgba(0,0,0,.1);
+  --jd-ai-shadow-primary-md:0 4px 15px rgba(0,0,0,.12);
+  --jd-ai-shadow-primary-lg:0 6px 20px rgba(0,0,0,.15);
+  --jd-ai-shadow-accent-sm:0 2px 10px rgba(0,0,0,.1);
+  --jd-ai-shadow-accent-md:0 4px 15px rgba(0,0,0,.12);
+  --jd-ai-shadow-accent-lg:0 6px 20px rgba(0,0,0,.15);
+  --jd-ai-shadow-primary-focus:rgba(0,0,0,.06);
   --jd-ai-overlay-light:hsla(0,0%,100%,.15);
   --jd-ai-overlay-medium:hsla(0,0%,100%,.25);
   --jd-ai-overlay-dark:rgba(0,0,0,.05);
@@ -5624,8 +5627,8 @@ svg.jodit-icon {
   --jd-ai-z-modal:100;
   --jd-ai-header-height:60px;
   --jd-ai-input-height:44px;
-  --jd-ai-button-size:40px;
-  --jd-ai-button-sm-size:32px;
+  --jd-ai-button-size:32px;
+  --jd-ai-button-sm-size:28px;
   --jd-ai-avatar-size:36px;
   --jd-ai-tool-min-height:56px;
 }
@@ -5639,12 +5642,12 @@ svg.jodit-icon {
 .jodit_theme_dark:not(:has(.jodit_theme_light)) .jodit-ui-main-panel,
 .jodit_theme_dark:not(:has(.jodit_theme_light)) .jodit-ui-settings-popup {
   --jd-color-background-default:var(--jd-dark-background-color);
-  --jd-ai-primary-start:#7c93ff;
-  --jd-ai-primary-end:#8b5fc7;
-  --jd-ai-accent:#7c93ff;
-  --jd-ai-accent-hover:#8b5fc7;
-  --jd-ai-accent-pink-start:#ff9ff3;
-  --jd-ai-accent-pink-end:#ff6b7a;
+  --jd-ai-primary-start:#98989d;
+  --jd-ai-primary-end:#8e8e93;
+  --jd-ai-accent:#98989d;
+  --jd-ai-accent-hover:#c7c7cc;
+  --jd-ai-accent-pink-start:#8e8e93;
+  --jd-ai-accent-pink-end:#98989d;
   --jd-ai-text-primary:#fff;
   --jd-ai-text-secondary:#e5e5e7;
   --jd-ai-text-tertiary:#98989d;
@@ -5654,12 +5657,12 @@ svg.jodit-icon {
   --jd-ai-bg-primary:#2b2b2b;
   --jd-ai-bg-secondary:#2c2c2e;
   --jd-ai-bg-tertiary:#3a3a3c;
-  --jd-ai-bg-elevated:rgba(124,147,255,.12);
-  --jd-ai-bg-hover:rgba(124,147,255,.08);
+  --jd-ai-bg-elevated:hsla(0,0%,100%,.08);
+  --jd-ai-bg-hover:hsla(0,0%,100%,.05);
   --jd-ai-bg-danger:rgba(255,59,48,.15);
   --jd-ai-bg-danger-hover:rgba(255,59,48,.25);
   --jd-ai-message-user-gradient:linear-gradient(
-      135deg,#7c93ff,#8b5fc7);
+      135deg,#58585a,#48484a);
   --jd-ai-message-assistant-gradient:linear-gradient(
       135deg,#3a3a3c,#48484a);
   --jd-ai-message-user-text:var(--jd-ai-text-white);
@@ -5667,20 +5670,20 @@ svg.jodit-icon {
   --jd-ai-border-light:hsla(0,0%,100%,.1);
   --jd-ai-border-medium:hsla(0,0%,100%,.15);
   --jd-ai-border-dark:hsla(0,0%,100%,.2);
-  --jd-ai-border-primary:rgba(124,147,255,.4);
+  --jd-ai-border-primary:hsla(0,0%,100%,.15);
   --jd-ai-border-danger:rgba(255,59,48,.3);
   --jd-ai-text-danger:#ff6b6b;
-  --jd-ai-shadow-sm:0 2px 8px rgba(0,0,0,.3);
-  --jd-ai-shadow-md:0 4px 12px rgba(0,0,0,.4);
-  --jd-ai-shadow-lg:0 8px 24px rgba(0,0,0,.5);
-  --jd-ai-shadow-xl:0 20px 60px rgba(0,0,0,.6);
-  --jd-ai-shadow-primary-sm:0 2px 8px rgba(124,147,255,.3);
-  --jd-ai-shadow-primary-md:0 4px 15px rgba(124,147,255,.35);
-  --jd-ai-shadow-primary-lg:0 6px 20px rgba(124,147,255,.4);
-  --jd-ai-shadow-accent-sm:0 2px 10px rgba(255,107,122,.3);
-  --jd-ai-shadow-accent-md:0 4px 15px rgba(255,107,122,.35);
-  --jd-ai-shadow-accent-lg:0 6px 20px rgba(255,107,122,.4);
-  --jd-ai-shadow-primary-focus:rgba(124,147,255,.12);
+  --jd-ai-shadow-sm:none;
+  --jd-ai-shadow-md:none;
+  --jd-ai-shadow-lg:none;
+  --jd-ai-shadow-xl:none;
+  --jd-ai-shadow-primary-sm:none;
+  --jd-ai-shadow-primary-md:none;
+  --jd-ai-shadow-primary-lg:none;
+  --jd-ai-shadow-accent-sm:none;
+  --jd-ai-shadow-accent-md:none;
+  --jd-ai-shadow-accent-lg:none;
+  --jd-ai-shadow-primary-focus:hsla(0,0%,100%,.05);
   --jd-ai-overlay-light:hsla(0,0%,100%,.1);
   --jd-ai-overlay-medium:hsla(0,0%,100%,.15);
   --jd-ai-overlay-dark:rgba(0,0,0,.3);
@@ -5705,7 +5708,7 @@ svg.jodit-icon {
 .jodit_theme_dark:not(:has(.jodit_theme_light)) .jodit-ui-settings-popup .jodit-ui-button_variant_default {
   background: var(--jd-ai-bg-elevated) !important;
   border: 1px solid var(--jd-ai-border-light) !important;
-  box-shadow: var(--jd-ai-shadow-sm) !important;
+  box-shadow: none !important;
 }
 .jodit-ai-assistant-pro_theme_dark:not(:has(.jodit-ai-assistant-pro_theme_light)) .jodit-ui-input__input,
 .jodit-ai-assistant-pro_theme_dark:not(:has(.jodit-ai-assistant-pro_theme_light)) .jodit-ui-main-panel .jodit-ui-input__input,
@@ -5751,23 +5754,23 @@ svg.jodit-icon {
 .jodit-ai-assistant-pro_theme_light,
 .jodit-ai-assistant-pro_theme_light .jodit-ui-main-panel,
 .jodit-ai-assistant-pro_theme_light .jodit-ui-settings-popup {
-  --jd-ai-primary-start:#667eea;
-  --jd-ai-primary-end:#764ba2;
+  --jd-ai-primary-start:#636366;
+  --jd-ai-primary-end:#48484a;
   --jd-ai-text-primary:#1c1c1e;
   --jd-ai-text-secondary:#3a3a3c;
   --jd-ai-text-tertiary:#8e8e93;
   --jd-ai-bg-primary:#fff;
-  --jd-ai-bg-secondary:#f5f7fa;
-  --jd-ai-bg-tertiary:#f8f9fa;
-  --jd-ai-bg-elevated:rgba(102,126,234,.08);
-  --jd-ai-bg-hover:rgba(102,126,234,.05);
+  --jd-ai-bg-secondary:#f5f5f7;
+  --jd-ai-bg-tertiary:#f8f8fa;
+  --jd-ai-bg-elevated:rgba(0,0,0,.04);
+  --jd-ai-bg-hover:rgba(0,0,0,.03);
   --jd-ai-border-light:rgba(0,0,0,.06);
   --jd-ai-border-medium:rgba(0,0,0,.1);
-  --jd-ai-border-primary:rgba(102,126,234,.3);
+  --jd-ai-border-primary:rgba(0,0,0,.12);
   --jd-ai-message-user-gradient:linear-gradient(
-      135deg,#667eea,#764ba2);
+      135deg,#6e6e73,#58585a);
   --jd-ai-message-assistant-gradient:linear-gradient(
-      135deg,#f5f7fa,#fff);
+      135deg,#f5f5f7,#fff);
   --jd-ai-shadow-sm:0 2px 8px rgba(0,0,0,.05);
   --jd-ai-shadow-md:0 4px 12px rgba(0,0,0,.08);
   --jd-ai-shadow-lg:0 8px 24px rgba(0,0,0,.12);
@@ -5823,7 +5826,6 @@ svg.jodit-icon {
   backdrop-filter: blur(20px) saturate(180%);
   background: hsla(0, 0%, 100%, .85);
   border-bottom: 1px solid var(--jd-ai-border-light);
-  box-shadow: var(--jd-ai-shadow-md);
   display: flex;
   gap: var(--jd-ai-space-md);
   justify-content: space-between;
@@ -5845,8 +5847,7 @@ svg.jodit-icon {
   display: none;
 }
 .jodit-ui-main-panel__header-title {
-  background: var(--jd-ai-primary-gradient);
-  background-clip: text;
+  color: var(--jd-ai-text-primary);
   flex: 1;
   font-size: var(--jd-ai-text-2xl);
   font-weight: var(--jd-ai-weight-bold);
@@ -5854,11 +5855,30 @@ svg.jodit-icon {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  -webkit-text-fill-color: transparent;
 }
 .jodit-ui-main-panel_view_conversation .jodit-ui-main-panel__header-left {
   display: flex;
 }
+.jodit-ui-main-panel__conversation-actions-button {
+  display: none;
+}
+.jodit-ui-main-panel_view_conversation .jodit-ui-main-panel__conversation-actions-button {
+  display: flex;
+}
+.jodit-ui-main-panel__header-title-input {
+  background: var(--jd-ai-bg-primary);
+  border: 1px solid var(--jd-ai-border-medium);
+  border-radius: var(--jd-ai-radius-sm);
+  color: var(--jd-ai-text-primary);
+  font-size: inherit;
+  font-weight: inherit;
+  outline: none;
+  padding: 2px 6px;
+  width: 100%;
+}
+.jodit-ui-main-panel__header-title-input:focus {
+  border-color: var(--jd-ai-text-tertiary);
+}
 .jodit-ui-main-panel__content {
   background: var(--jd-color-background-default);
   flex: 1;
@@ -5867,7 +5887,6 @@ svg.jodit-icon {
 .jodit-ui-main-panel__footer {
   background: var(--jd-ai-bg-primary);
   border-top: 1px solid var(--jd-ai-border-light);
-  box-shadow: var(--jd-ai-shadow-sm);
   display: none;
 }
 .jodit-ui-main-panel_view_conversation .jodit-ui-main-panel__footer,
@@ -5891,13 +5910,13 @@ svg.jodit-icon {
   font-size: var(--jd-ai-text-lg);
 }
 .jodit-ui-main-panel__new-button button {
-  background: var(--jd-ai-primary-gradient) !important;
+  background: var(--jd-ai-primary-start) !important;
   border: none !important;
-  box-shadow: var(--jd-ai-shadow-primary-md) !important;
+  box-shadow: none !important;
   color: var(--jd-ai-text-white) !important;
 }
 .jodit-ui-main-panel__new-button button:hover {
-  box-shadow: var(--jd-ai-shadow-primary-lg) !important;
+  opacity: .8;
 }
 .jodit-ui-main-panel__new-button button svg {
   fill: var(--jd-ai-text-white) !important;
@@ -5922,8 +5941,7 @@ svg.jodit-icon {
   animation: e .8s cubic-bezier(.4, 0, .2, 1) infinite;
   border: 4px solid var(--jd-ai-border-light);
   border-radius: var(--jd-ai-radius-full);
-  border-top-color: var(--jd-ai-primary-start);
-  box-shadow: var(--jd-ai-shadow-primary-sm);
+  border-top-color: var(--jd-ai-text-tertiary);
   height: var(--jd-ai-input-height);
   width: var(--jd-ai-input-height);
 }
@@ -5995,7 +6013,7 @@ svg.jodit-icon {
   animation: e .6s linear infinite;
   border: 2px solid var(--jd-ai-border-light);
   border-radius: var(--jd-ai-radius-full);
-  border-top-color: var(--jd-ai-primary-start);
+  border-top-color: var(--jd-ai-text-tertiary);
   display: none;
   height: var(--jd-ai-space-lg);
   margin-top: -8px;
@@ -6029,18 +6047,14 @@ svg.jodit-icon {
   background: var(--jd-ai-bg-hover);
   border-color: var(--jd-ai-border-primary);
 }
-.jodit-ui-conversation-list__item:hover .jodit-ui-conversation-list__item-delete {
-  opacity: 1;
-}
 .jodit-ui-conversation-list__item_active {
-  background: var(--jd-ai-message-assistant-gradient);
+  background: var(--jd-ai-bg-secondary);
   border-color: var(--jd-ai-border-primary);
 }
 .jodit-ui-conversation-list__item-avatar {
   align-items: center;
-  background: var(--jd-ai-primary-gradient);
-  border-radius: var(--jd-ai-radius-full);
-  box-shadow: var(--jd-ai-shadow-primary-sm);
+  background: var(--jd-ai-text-tertiary);
+  border-radius: var(--jd-ai-radius-md);
   color: var(--jd-ai-text-white);
   display: flex;
   flex-shrink: 0;
@@ -6062,29 +6076,15 @@ svg.jodit-icon {
   flex: 1;
   min-width: 0;
 }
-.jodit-ui-conversation-list__item-delete {
+.jodit-ui-conversation-list__item-actions {
   align-items: center;
-  color: var(--jd-ai-text-danger);
-  cursor: pointer;
+  color: var(--jd-ai-text-tertiary);
   display: flex;
   flex-shrink: 0;
-  height: var(--jd-ai-button-sm-size);
-  justify-content: center;
   margin-left: var(--jd-ai-space-sm);
-  padding: 0;
-  transition: all var(--jd-ai-transition-base);
-  width: var(--jd-ai-button-sm-size);
-}
-.jodit-ui-conversation-list__item-delete:hover {
-  background: var(--jd-ai-bg-danger-hover);
-  border-color: var(--jd-ai-text-danger);
-  transform: scale(1.1);
-}
-.jodit-ui-conversation-list__item-delete:active {
-  transform: scale(.9);
 }
-.jodit-ui-conversation-list__item-delete .jodit-icon {
-  font-size: var(--jd-ai-text-sm);
+.jodit-ui-conversation-list__item-actions:hover {
+  color: var(--jd-ai-text-primary);
 }
 .jodit-ui-conversation-list__item-title {
   font-weight: var(--jd-ai-weight-medium);
@@ -6093,15 +6093,29 @@ svg.jodit-icon {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.jodit-ui-conversation-list__item-title-input {
+  background: var(--jd-ai-bg-primary);
+  border: 1px solid var(--jd-ai-border-medium);
+  border-radius: var(--jd-ai-radius-sm);
+  color: var(--jd-ai-text-primary);
+  font-size: inherit;
+  font-weight: inherit;
+  outline: none;
+  padding: 2px 6px;
+  width: 100%;
+}
+.jodit-ui-conversation-list__item-title-input:focus {
+  border-color: var(--jd-ai-text-tertiary);
+}
 .jodit-ui-conversation-list__item-meta {
-  color: var(--jd-color-label);
+  color: var(--jd-ai-text-tertiary);
   font-size: var(--jd-font-size-small);
 }
 .jodit-ui-conversation-list__item-badge {
   align-items: center;
-  background: var(--jd-color-background-active);
+  background: var(--jd-ai-text-tertiary);
   border-radius: 10px;
-  color: var(--jd-color-white);
+  color: var(--jd-ai-text-white);
   display: flex;
   font-size: var(--jd-font-size-small);
   font-weight: 700;
@@ -6372,6 +6386,8 @@ svg.jodit-icon {
 }
 .jodit-ui-message-list-item__message-bubble {
   border-radius: var(--jd-ai-radius-xl);
+  display: flex;
+  flex-direction: column;
   max-width: 90%;
   overflow-wrap: break-word;
   padding: var(--jd-ai-space-lg);
@@ -6382,23 +6398,17 @@ svg.jodit-icon {
   background: var(--jd-ai-message-user-gradient);
   border: none;
   border-radius: var(--jd-ai-radius-xl) var(--jd-ai-radius-xl) var(--jd-ai-radius-sm) var(--jd-ai-radius-xl);
-  box-shadow: var(--jd-ai-shadow-primary-sm);
+  box-shadow: none;
   color: var(--jd-ai-message-user-text);
 }
-.jodit-ui-message-list-item__message-bubble_user_true:hover {
-  box-shadow: var(--jd-ai-shadow-primary-md);
-}
 .jodit-ui-message-list-item__message-bubble_assistant_true {
   background: var(--jd-ai-message-assistant-gradient);
   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);
-  box-shadow: var(--jd-ai-shadow-sm);
+  box-shadow: none;
   color: var(--jd-ai-message-assistant-text);
   padding: var(--jd-ai-space-lg);
 }
-.jodit-ui-message-list-item__message-bubble_assistant_true:hover {
-  box-shadow: var(--jd-ai-shadow-md);
-}
 .jodit-ui-message-list-item__message-bubble_tool_true {
   background:
     linear-gradient(
@@ -6798,7 +6808,8 @@ svg.jodit-icon {
   font-size: var(--jd-ai-text-xs);
   font-weight: var(--jd-ai-weight-medium);
   letter-spacing: .3px;
-  margin-top: var(--jd-ai-space-sm);
+  margin-top: auto;
+  padding-top: var(--jd-ai-space-sm);
 }
 .jodit-ui-message-list-item__message-actions {
   bottom: var(--jd-ai-space-xs);
@@ -6812,7 +6823,7 @@ svg.jodit-icon {
   opacity: 1;
 }
 .jodit-ui-message-list-item__message-bubble_user_true .jodit-ui-message-list-item__message-timestamp {
-  color: var(--jd-ai-text-white-secondary);
+  color: var(--jd-ai-text-white-tertiary);
 }
 .jodit-ui-message-list-item__message-bubble_assistant_true .jodit-ui-message-list-item__message-timestamp {
   color: var(--jd-ai-text-tertiary);
@@ -6822,7 +6833,7 @@ svg.jodit-icon {
   border: 1px solid var(--jd-ai-border-medium);
   border-bottom-right-radius: var(--jd-ai-radius-lg);
   border-top-right-radius: var(--jd-ai-radius-lg);
-  box-shadow: var(--jd-ai-shadow-sm);
+  box-shadow: none;
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -6831,18 +6842,17 @@ svg.jodit-icon {
   max-width: 100%;
   padding: 0;
   position: relative;
-  transition: all var(--jd-ai-transition-base);
 }
 .jodit-ui-message-list-item__tool-call:hover {
-  border-color: var(--jd-ai-accent);
-  box-shadow: var(--jd-ai-shadow-md);
+  border-color: var(--jd-ai-border-dark);
 }
 .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-item__tool-header {
   align-items: center;
-  background: var(--jd-ai-accent-gradient);
+  background: var(--jd-ai-bg-tertiary);
+  border-bottom: 1px solid var(--jd-ai-border-light);
   border-top-right-radius: var(--jd-ai-radius-lg);
   display: flex;
   flex-direction: row;
@@ -6852,40 +6862,40 @@ svg.jodit-icon {
 }
 .jodit-ui-message-list-item__tool-icon {
   align-items: center;
+  color: var(--jd-ai-text-tertiary);
   display: flex;
   flex-shrink: 0;
-  font-size: var(--jd-ai-text-3xl);
-  height: var(--jd-ai-avatar-size);
+  height: 24px;
   justify-content: center;
-  position: relative;
-  width: var(--jd-ai-avatar-size);
-  z-index: var(--jd-ai-z-elevated);
+  width: 24px;
+}
+.jodit-ui-message-list-item__tool-icon svg {
+  height: 16px;
+  width: 16px;
 }
 .jodit-ui-message-list-item__tool-name {
+  color: var(--jd-ai-text-primary);
   flex: 1;
   font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    Segoe UI,
-    sans-serif;
-  font-size: var(--jd-ai-text-lg);
+    SF Mono,
+    Monaco,
+    Consolas,
+    monospace;
+  font-size: var(--jd-ai-text-sm);
+  font-weight: var(--jd-ai-weight-medium);
   line-height: 1.4;
   min-width: 0;
 }
-.jodit-ui-message-list-item__tool-name,
-.jodit-ui-message-list-item__tool-status {
-  color: var(--jd-ai-text-white);
-  font-weight: var(--jd-ai-weight-semibold);
-  position: relative;
-  z-index: var(--jd-ai-z-elevated);
-}
 .jodit-ui-message-list-item__tool-status {
-  background: var(--jd-ai-overlay-medium);
+  background: transparent;
+  border: 1px solid var(--jd-ai-border-light);
   border-radius: var(--jd-ai-radius-sm);
+  color: var(--jd-ai-text-tertiary);
   flex-shrink: 0;
   font-size: var(--jd-ai-text-xs);
+  font-weight: var(--jd-ai-weight-medium);
   letter-spacing: .3px;
-  padding: var(--jd-ai-space-sm) var(--jd-ai-space-md);
+  padding: 2px var(--jd-ai-space-sm);
   text-transform: uppercase;
   white-space: nowrap;
 }
@@ -6951,13 +6961,16 @@ svg.jodit-icon {
   padding: var(--jd-ai-space-md) var(--jd-ai-space-lg);
 }
 .jodit-ui-message-list-item__tool-expandable-toggle {
+  align-items: center;
   background: transparent;
   border: none;
   border-radius: var(--jd-ai-radius-sm);
   color: var(--jd-ai-text-secondary);
   cursor: pointer;
+  display: flex;
   font-size: var(--jd-ai-text-sm);
   font-weight: var(--jd-ai-weight-medium);
+  gap: var(--jd-ai-space-sm);
   padding: var(--jd-ai-space-sm);
   text-align: left;
   transition: all var(--jd-ai-transition-fast);
@@ -6968,7 +6981,23 @@ svg.jodit-icon {
   color: var(--jd-ai-text-primary);
 }
 .jodit-ui-message-list-item__tool-expandable-toggle:active {
-  background: var(--jd-ai-bg-active);
+  background: var(--jd-ai-bg-hover);
+}
+.jodit-ui-message-list-item__tool-expandable-chevron {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  height: 16px;
+  justify-content: center;
+  transition: transform var(--jd-ai-transition-fast);
+  width: 16px;
+}
+.jodit-ui-message-list-item__tool-expandable-chevron svg {
+  height: 12px;
+  width: 12px;
+}
+.expanded > .jodit-ui-message-list-item__tool-expandable-chevron {
+  transform: rotate(90deg);
 }
 .jodit-ui-message-list-item__tool-expandable-content {
   background: var(--jd-ai-bg-tertiary);
@@ -7009,59 +7038,115 @@ svg.jodit-icon {
   border-top-right-radius: 0;
 }
 .jodit-ui-permission-request__container {
-  background: var(--jd-color-panel);
-  border: 1px solid var(--jd-ai-text-primary);
-  border-radius: calc(var(--jd-border-radius-default)*1.5);
-  margin: var(--jd-padding-default);
-  padding: calc(var(--jd-padding-default)*1.5);
+  background: var(--jd-ai-bg-secondary);
+  border: 1px solid var(--jd-ai-border-medium);
+  border-radius: var(--jd-ai-radius-lg);
+  margin: var(--jd-ai-space-md);
+  overflow: hidden;
+  padding: var(--jd-ai-space-md);
 }
 .jodit-ui-permission-request__header {
   align-items: center;
   display: flex;
-  gap: calc(var(--jd-padding-default)/2);
-  margin-bottom: calc(var(--jd-padding-default)/2);
+  gap: var(--jd-ai-space-sm);
+  margin-bottom: var(--jd-ai-space-md);
 }
 .jodit-ui-permission-request__icon {
   align-items: center;
-  border: 2px solid var(--jd-ai-text-primary);
-  border-radius: 50%;
-  color: var(--jd-ai-text-primary);
+  color: var(--jd-ai-text-secondary);
   display: flex;
-  font-weight: 700;
-  height: 24px;
+  flex-shrink: 0;
+  height: 20px;
   justify-content: center;
-  width: 24px;
+  width: 20px;
 }
-.jodit-ui-permission-request__icon:before {
-  content: "!";
+.jodit-ui-permission-request__icon svg {
+  height: 18px;
+  width: 18px;
 }
 .jodit-ui-permission-request__title {
   color: var(--jd-ai-text-primary);
-  font-weight: 700;
+  font-size: var(--jd-ai-text-sm);
+  font-weight: var(--jd-ai-weight-semibold);
+  letter-spacing: .2px;
 }
 .jodit-ui-permission-request__tool-info {
-  margin-bottom: var(--jd-padding-default);
+  background: var(--jd-ai-bg-tertiary);
+  border-radius: var(--jd-ai-radius-sm);
+  overflow: hidden;
+  padding: var(--jd-ai-space-sm) var(--jd-ai-space-md);
 }
 .jodit-ui-permission-request__tool-name {
-  font-family: monospace;
-  font-weight: 700;
-  margin-bottom: 4px;
+  color: var(--jd-ai-text-primary);
+  font-family:
+    SF Mono,
+    Monaco,
+    Consolas,
+    monospace;
+  font-size: var(--jd-ai-text-sm);
+  font-weight: var(--jd-ai-weight-medium);
+  margin-bottom: 2px;
 }
 .jodit-ui-permission-request__tool-args {
-  color: var(--jd-color-label);
-  font-family: monospace;
-  font-size: var(--jd-font-size-small);
-  max-height: 40px;
+  color: var(--jd-ai-text-tertiary);
+  font-family:
+    SF Mono,
+    Monaco,
+    Consolas,
+    monospace;
+  font-size: var(--jd-ai-text-xs);
+  line-height: 1.4;
+  max-height: 60px;
   overflow: auto;
+  overflow-wrap: anywhere;
 }
 .jodit-ui-permission-request__actions {
-  align-items: center;
+  border-top: 1px solid var(--jd-ai-border-medium);
   display: flex;
-  gap: calc(var(--jd-padding-default)/2);
+  flex-direction: column;
+  gap: var(--jd-ai-space-md);
+  margin-top: 0;
+  padding-top: var(--jd-ai-space-md);
+}
+.jodit-ui-permission-request__actions-buttons {
+  display: flex;
+  gap: var(--jd-ai-space-sm);
+}
+.jodit-ui-permission-request__actions-buttons .jodit-ui-button {
+  flex: 1;
 }
-.jodit-ui-permission-request__actions .jodit-ui-select {
+.jodit-ui-permission-request__actions-scope .jodit-ui-select {
   margin-bottom: 0;
 }
+.jodit-ui-permission-request .jodit-ui-button[data-ref=deny-permission] {
+  background: transparent !important;
+  border: 1px solid var(--jd-ai-border-medium) !important;
+  border-radius: var(--jd-ai-radius-sm) !important;
+  box-shadow: none !important;
+  color: var(--jd-ai-text-secondary) !important;
+  font-size: var(--jd-ai-text-xs) !important;
+  padding: 4px var(--jd-ai-space-md) !important;
+}
+.jodit-ui-permission-request .jodit-ui-button[data-ref=deny-permission]:hover {
+  background: var(--jd-ai-bg-hover) !important;
+  border-color: var(--jd-ai-text-tertiary) !important;
+  color: var(--jd-ai-text-primary) !important;
+}
+.jodit-ui-permission-request .jodit-ui-button[data-ref=approve-permission] {
+  background: var(--jd-ai-text-secondary) !important;
+  border: 1px solid var(--jd-ai-text-secondary) !important;
+  border-radius: var(--jd-ai-radius-sm) !important;
+  box-shadow: none !important;
+  color: var(--jd-ai-text-white) !important;
+  font-size: var(--jd-ai-text-xs) !important;
+  padding: 4px var(--jd-ai-space-md) !important;
+}
+.jodit-ui-permission-request .jodit-ui-button[data-ref=approve-permission]:hover {
+  background: var(--jd-ai-text-tertiary) !important;
+}
+.jodit-ui-permission-request .jodit-ui-button[data-ref=approve-permission]:active {
+  background: var(--jd-ai-text-primary) !important;
+}
 .jodit-ui-input-area__container {
   background: var(--jd-ai-bg-primary);
   padding: var(--jd-ai-space-lg);
@@ -7143,8 +7228,8 @@ svg.jodit-icon {
 }
 .jodit-ui-input-area__input-row:focus-within {
   background: var(--jd-ai-bg-primary);
-  border-color: var(--jd-ai-border-primary);
-  box-shadow: 0 0 0 3px var(--jd-ai-shadow-primary-focus);
+  border-color: var(--jd-ai-border-medium);
+  box-shadow: 0 0 0 2px var(--jd-ai-shadow-primary-focus);
 }
 .jodit-ui-input-area__textarea-wrapper {
   flex: 1;
@@ -7176,27 +7261,25 @@ svg.jodit-icon {
 }
 .jodit-ui-input-area__buttons button {
   align-items: center;
-  background: var(--jd-ai-primary-gradient);
-  border: none;
-  border-radius: var(--jd-ai-radius-full);
-  box-shadow: var(--jd-ai-shadow-primary-md);
-  color: var(--jd-ai-text-white);
+  background: var(--jd-ai-text-secondary) !important;
+  border: none !important;
+  border-radius: var(--jd-ai-radius-sm) !important;
+  box-shadow: none !important;
+  color: var(--jd-ai-text-white) !important;
   display: flex;
   height: var(--jd-ai-button-size);
   justify-content: center;
   padding: 0;
-  transition: all var(--jd-ai-transition-base);
   width: var(--jd-ai-button-size);
 }
 .jodit-ui-input-area__buttons button:hover {
-  box-shadow: var(--jd-ai-shadow-primary-lg);
-  transform: scale(1.1);
+  background: var(--jd-ai-text-tertiary) !important;
 }
 .jodit-ui-input-area__buttons button:active {
-  transform: scale(.95);
+  background: var(--jd-ai-text-primary) !important;
 }
 .jodit-ui-input-area__buttons button svg {
-  fill: var(--jd-ai-text-white);
+  fill: var(--jd-ai-text-white) !important;
 }
 @keyframes g {
   0%, 80%, to {