@syncfusion/ej2-material-theme 34.2.8 → 35.1.37

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-material-theme",
-	"version": "34.2.8",
+	"version": "35.1.37",
 	"description": "A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -16,5 +16,5 @@
 		"url": "https://github.com/syncfusion/ej2-javascript-ui-controls"
 	},
 	"typings": "index.d.ts",
-	"_id": "@syncfusion/ej2-material-theme@34.2.8"
+	"_id": "@syncfusion/ej2-material-theme@35.1.37"
 }

package/styles/ai-assistview/_bigger.scss

@@ -302,11 +302,19 @@
           min-height: $thinking-timeline-progress-indicator-min-height-bigger;
           font-size: $thinking-timeline-progress-indicator-font-size-bigger;
         }
-        .progress-line::after {
+        .e-progress-line::after {
           top: $thinking-timeline-progress-indicator-min-height-bigger;
           height: $aiassist-thinking-progress-line-height-bigger;
         }
       }
     }
+    .e-mention-chip,
+    .e-mention-chip:hover {
+      max-height: $assist-textarea-line-height-bigger;
+      line-height: $assist-textarea-line-height-bigger;
+      .e-icons {
+        font-size: 14px;
+      }
+    }
   }
 }

package/styles/ai-assistview/_layout.scss

@@ -3,6 +3,7 @@
   .e-aiassistview {
     border: $ai-assist-border solid;
     position: relative;
+    display: block;
     &.e-assist-tab-header-disabled .e-view-header {
       display: none;
     }
@@ -388,6 +389,11 @@
       }
 
       &:not(.e-footer-expanded).e-toolbar-inline {
+        .e-textarea-icons-wrapper:has(.e-footer-left-items) {
+          .e-assist-textarea {
+            padding-left: 0;
+          }
+        }
         .e-footer-icons-wrapper {
           width: fit-content;
           .e-toolbar-items.e-tbar-pos {
@@ -413,7 +419,8 @@
           }
         }
       }
-      .e-footer-icons-wrapper {
+      .e-footer-icons-wrapper,
+      .e-footer-left-items {
         display: flex;
         align-items: center;
         gap: $assist-footer-icons-gap;
@@ -507,13 +514,26 @@
           border-top-left-radius: $footer-border-top-left-radius;
         }
         &.e-footer-expanded .e-textarea-icons-wrapper {
-          display: block;
+          display: flex;
+          flex-wrap: wrap;
+          align-items: flex-end;
+          gap: $assist-multirow-footer-icons-padding;
+          .e-assist-textarea {
+            width: 100%;
+            order: 1;
+          }
+          .e-hidden-textarea {
+            width: 100%;
+            order: 2;
+          }
+          .e-footer-left-items {
+            order: 3;
+          }
           .e-footer-icons-wrapper {
             padding: $assist-multirow-footer-icons-padding;
             justify-content: end;
-          }
-          .e-assist-textarea {
-            width: 100%;
+            order: 4;
+            flex: 1;
           }
         }
         &.e-toolbar-bottom .e-textarea-icons-wrapper {
@@ -700,7 +720,8 @@
         }
       }
     }
-    .e-footer-icons-wrapper .e-upload {
+    .e-footer-icons-wrapper .e-upload,
+    .e-footer-left-items .e-upload {
       display: none;
     }
 
@@ -982,10 +1003,10 @@
         width: 100%;
         margin: 5px 0;
         align-items: center;
-        .content {
+        .e-stage-content {
           padding-left: 10px;
           margin-bottom: 8px;
-          .content-container {
+          .e-stage-content-container {
             display: flex;
             justify-content: space-between;
           }
@@ -1004,7 +1025,7 @@
           justify-content: center;
         }
 
-        .progress-line::after {
+        .e-progress-line::after {
           content: '';
           position: absolute;
           top: $thinking-timeline-progress-indicator-min-height;
@@ -1016,16 +1037,61 @@
           z-index: 999;
         }
 
-        .progress-line {
+        .e-progress-line {
           position: relative;
         }
 
         // Hide connector line for last timeline item (supports both class-based and CSS selector approaches)
-        &.e-timeline-last-item .progress-line::after {
+        &.e-timeline-last-item .e-progress-line::after {
           display: none;
         }
       }
     }
+
+    //Mention Styles
+    .e-mention.e-editable-element {
+      border: none;
+    }
+
+    .e-mention-chip,
+    .e-mention-chip:hover {
+      display: inline-block;
+      padding: 0 6px;
+      align-items: center;
+      max-height: $assist-textarea-line-height;
+      line-height: $assist-textarea-line-height;
+      border-radius: 18px;
+      .e-icons {
+        font-size: 12px;
+        margin-right: 4px;
+      }
+    }
+    .e-prompt-text .e-mention-chip,
+    .e-prompt-text .e-footer .e-mention-chip:hover {
+      display: inline-flex;
+    }
+  }
+
+  /* Telemetry summary tooltip */
+  .e-assist-telemetry-tooltip-body {
+    min-width: 150px;
+    max-width: 320px;
+  }
+
+  .e-assist-telemetry-row {
+    align-items: center;
+    justify-content: space-between;
+    display: flex;
+    padding: 3px 0;
+  }
+
+  .e-assist-telemetry-value {
+    font-weight: 500;
+    font-variant-numeric: tabular-nums;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 90px;
   }
 
   @media (max-width: 760px) {

package/styles/ai-assistview/_material-definition.scss

@@ -312,3 +312,6 @@ $aiassist-regenerate-tbar-ext-btn-focus-box-shadow: none !default;
 $aiassist-regenerate-tbar-btn-icons-focus-color: rgba($grey-light-font, .54) !default;
 $aiassist-regenerate-tbar-hover-bg: rgba($grey-black, .12) !default;
 $aiassist-regenerate-tbar-hover-border-color: rgba($grey-black, .12) !default;
+
+$ai-assist-mention-chip-color: $primary !default;
+$ai-assist-mention-chip-bg-color: $primary-50 !default;

package/styles/ai-assistview/_theme.scss

@@ -212,7 +212,8 @@
           }
         }
       }
-      .e-footer-icons-wrapper {
+      .e-footer-icons-wrapper,
+      .e-footer-left-items {
         .e-toolbar-item::after {
           background-color: transparent;
         }
@@ -398,6 +399,16 @@
     .e-toolbar .e-toolbar-item {
       box-shadow: none;
     }
+    // Mention styles
+    .e-mention-chip,
+    .e-mention-chip:hover {
+      background: $ai-assist-mention-chip-bg-color;
+      color: $ai-assist-mention-chip-color;
+      border: none;
+      @if $theme-name == 'fluent2-highcontrast' {
+        background: rgba(71, 95, 97, 1);
+      }
+    }
   }
   .e-prompt-toolbar,
   .e-content-footer {

package/styles/ai-assistview/ai-assistview-lite.css

@@ -61,6 +61,7 @@
 .e-aiassistview {
   border: 1px solid;
   position: relative;
+  display: block;
 }
 .e-aiassistview.e-assist-tab-header-disabled .e-view-header {
   display: none;
@@ -447,6 +448,9 @@
 .e-aiassistview .e-footer.e-footer-expanded.e-toolbar-inline .e-footer-icons-wrapper .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
   position: absolute;
 }
+.e-aiassistview .e-footer:not(.e-footer-expanded).e-toolbar-inline .e-textarea-icons-wrapper:has(.e-footer-left-items) .e-assist-textarea {
+  padding-left: 0;
+}
 .e-aiassistview .e-footer:not(.e-footer-expanded).e-toolbar-inline .e-footer-icons-wrapper {
   width: -moz-fit-content;
   width: fit-content;
@@ -463,7 +467,8 @@
 .e-aiassistview .e-footer:not(.e-footer-expanded).e-toolbar-inline .e-footer-icons-wrapper .e-toolbar[style*="width:"][style*=px] .e-toolbar[style*=px] .e-toolbar-items.e-tbar-pos .e-toolbar-center {
   position: unset;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper {
+.e-aiassistview .e-footer .e-footer-icons-wrapper,
+.e-aiassistview .e-footer .e-footer-left-items {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
@@ -471,40 +476,50 @@
   gap: 8px;
   padding: 2px 2px 2px 0;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar {
   width: 100%;
   min-height: 28px;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-tbar-btn {
   min-height: 28px;
   min-width: 28px;
   cursor: default;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:focus {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:focus,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-tbar-btn:focus {
   padding: 0;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-assist-stop) {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-assist-stop),
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-tbar-btn:has(.e-assist-stop) {
   max-width: 28px;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-assist-stop) .e-btn-icon {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-tbar-btn:has(.e-assist-stop) .e-btn-icon,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-tbar-btn:has(.e-assist-stop) .e-btn-icon {
   min-width: 28px;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-right .e-toolbar-item:last-child,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item {
   min-height: unset;
   min-width: unset;
   max-height: 28px;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-icons:not(.disabled) {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-icons:not(.disabled),
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible .e-icons:not(.disabled) {
   outline: 1px solid;
   padding: 4px;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-assist-attachment-icon {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-assist-attachment-icon,
+.e-aiassistview .e-footer .e-footer-left-items .e-assist-attachment-icon {
   font-size: 14px;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-icons {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-icons,
+.e-aiassistview .e-footer .e-footer-left-items .e-icons {
   cursor: pointer;
 }
 .e-aiassistview .e-footer .e-assist-textarea {
@@ -552,15 +567,36 @@
   border-top-left-radius: 4px;
 }
 .e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper {
-  display: block;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-align: end;
+      align-items: flex-end;
+  gap: 2px;
+}
+.e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-assist-textarea {
+  width: 100%;
+  -ms-flex-order: 1;
+      order: 1;
+}
+.e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-hidden-textarea {
+  width: 100%;
+  -ms-flex-order: 2;
+      order: 2;
+}
+.e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-footer-left-items {
+  -ms-flex-order: 3;
+      order: 3;
 }
 .e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-footer-icons-wrapper {
   padding: 2px;
   -ms-flex-pack: end;
       justify-content: end;
-}
-.e-aiassistview .e-footer:not(.e-footer-template).e-footer-expanded .e-textarea-icons-wrapper .e-assist-textarea {
-  width: 100%;
+  -ms-flex-order: 4;
+      order: 4;
+  -ms-flex: 1;
+      flex: 1;
 }
 .e-aiassistview .e-footer:not(.e-footer-template).e-toolbar-bottom .e-textarea-icons-wrapper {
   display: block;
@@ -730,7 +766,8 @@
   padding: 2px 0 2px 2px;
   padding-right: unset;
 }
-.e-aiassistview .e-footer-icons-wrapper .e-upload {
+.e-aiassistview .e-footer-icons-wrapper .e-upload,
+.e-aiassistview .e-footer-left-items .e-upload {
   display: none;
 }
 .e-aiassistview .e-prompt-content .e-prompt-uploaded-files:has(.e-assist-uploaded-file-item) {
@@ -1011,11 +1048,11 @@
   -ms-flex-align: center;
       align-items: center;
 }
-.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .content {
+.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-stage-content {
   padding-left: 10px;
   margin-bottom: 8px;
 }
-.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .content .content-container {
+.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-stage-content .e-stage-content-container {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: justify;
@@ -1036,7 +1073,7 @@
   -ms-flex-pack: center;
       justify-content: center;
 }
-.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .progress-line::after {
+.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-progress-line::after {
   content: "";
   position: absolute;
   top: 28px;
@@ -1047,12 +1084,56 @@
   background-color: #e0e0e0;
   z-index: 999;
 }
-.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .progress-line {
+.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container .e-progress-line {
   position: relative;
 }
-.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container.e-timeline-last-item .progress-line::after {
+.e-aiassistview .e-aiassist-thinking-timeline .e-thinking-timeline-item-container.e-timeline-last-item .e-progress-line::after {
   display: none;
 }
+.e-aiassistview .e-mention.e-editable-element {
+  border: none;
+}
+.e-aiassistview .e-mention-chip,
+.e-aiassistview .e-mention-chip:hover {
+  display: inline-block;
+  padding: 0 6px;
+  -ms-flex-align: center;
+      align-items: center;
+  max-height: 22px;
+  line-height: 22px;
+  border-radius: 18px;
+}
+.e-aiassistview .e-mention-chip .e-icons,
+.e-aiassistview .e-mention-chip:hover .e-icons {
+  font-size: 12px;
+  margin-right: 4px;
+}
+.e-aiassistview .e-prompt-text .e-mention-chip,
+.e-aiassistview .e-prompt-text .e-footer .e-mention-chip:hover {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.e-assist-telemetry-tooltip-body {
+  min-width: 150px;
+  max-width: 320px;
+}
+.e-assist-telemetry-row {
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 3px 0;
+}
+.e-assist-telemetry-value {
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 90px;
+}
 @media (max-width: 760px) {
   .e-aiassistview .e-view-container {
     width: 100%;
@@ -1205,28 +1286,42 @@
 .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-clear-icon:not(.e-assist-clear-icon-hide).disabled {
   color: rgba(0, 0, 0, 0.54);
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar-item::after {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar-item::after,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar-item::after {
   background-color: transparent;
 }
 .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar,
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar-items {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar-items,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar-items {
   background: #fff;
   border: none;
   box-shadow: none;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
   box-shadow: none;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons.disabled, .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons.disabled {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons.disabled, .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons.disabled,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-icons.disabled,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons.disabled {
   color: rgba(0, 0, 0, 0.54);
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-assist-stop, .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-assist-stop {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-assist-stop, .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-assist-stop,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible) .e-assist-stop,
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-assist-stop {
   color: #3f51b5;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-icons.disabled), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-icons.disabled), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-icons.disabled) {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-icons.disabled), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-icons.disabled), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-icons.disabled),
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-icons.disabled),
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-icons.disabled),
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-icons.disabled) {
   background: transparent;
 }
-.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-assist-stop), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-assist-stop), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-assist-stop) {
+.e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-assist-stop), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-assist-stop), .e-aiassistview .e-footer .e-footer-icons-wrapper .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-assist-stop),
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:hover:not(:focus-visible):has(.e-assist-stop),
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:active:has(.e-assist-stop),
+.e-aiassistview .e-footer .e-footer-left-items .e-toolbar .e-toolbar-item .e-tbar-btn:focus:not(:focus-visible):has(.e-assist-stop) {
   background: transparent;
 }
 .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover:active .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text, .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text,
@@ -1320,6 +1415,12 @@
 .e-aiassistview .e-toolbar .e-toolbar-item {
   box-shadow: none;
 }
+.e-aiassistview .e-mention-chip,
+.e-aiassistview .e-mention-chip:hover {
+  background: #e8eaf6;
+  color: #3f51b5;
+  border: none;
+}
 .e-prompt-toolbar .e-toolbar,
 .e-prompt-toolbar .e-toolbar .e-toolbar-items,
 .e-prompt-toolbar .e-tbar-btn:not(:hover),