@ckeditor/ckeditor5-ai 48.0.1 → 48.1.0-alpha.0

package/dist/index-content.css

@@ -51,6 +51,7 @@
 
 .ck.ck-content.ck-ai-suggestion-streamable-content{
   padding:0;
+  overflow-x:auto;
 }
 
 .ck.ck-content.ck-ai-suggestion-streamable-content :first-child{

package/dist/index-editor.css

@@ -332,203 +332,6 @@
   display:flex;
 }
 
-.ck.ck-button.ck-tab-button{
-  cursor:pointer;
-  border:0;
-  justify-content:center;
-  padding:0;
-}
-
-.ck.ck-button.ck-tab-button:active, .ck.ck-button.ck-tab-button:focus{
-  box-shadow:none;
-}
-
-.ck.ck-button.ck-tab-button:not(.ck-disabled):hover{
-  background-color:var(--ck-color-tab-button-active-background);
-}
-
-.ck.ck-button.ck-tab-button .ck.ck-icon{
-  box-sizing:content-box;
-  padding:var(--ck-tab-button-padding);
-  color:var(--ck-color-tab-button-icon);
-}
-
-.ck.ck-button.ck-tab-button.ck-on{
-  background-color:var(--ck-color-tab-button-active-background);
-  color:var(--ck-color-tab-button-active-border);
-  border:0;
-}
-
-.ck.ck-button.ck-tab-button.ck-on .ck.ck-icon{
-  color:var(--ck-color-tab-button-active-icon);
-  background-color:var(--ck-color-tab-button-active-background);
-}
-
-.ck.ck-button.ck-tab-button.ck-tab-button_top.ck-on{
-  border-bottom:1px solid var(--ck-color-tab-button-active-icon);
-  box-shadow:var(--ck-color-tab-button-active-icon) 0 1px 0 0;
-}
-
-.ck.ck-button.ck-tab-button.ck-tab-button_top.ck-on .ck.ck-icon{
-  padding-bottom:calc(var(--ck-tab-button-padding) - 1px);
-}
-
-.ck.ck-button.ck-tab-button.ck-tab-button_left.ck-on{
-  border-left:0;
-  border-right:1px solid var(--ck-color-tab-button-active-icon);
-  box-shadow:var(--ck-color-tab-button-active-icon) 1px 0 0 0;
-}
-
-.ck.ck-button.ck-tab-button.ck-tab-button_left.ck-on .ck.ck-icon{
-  padding-right:calc(var(--ck-tab-button-padding) - 1px);
-}
-
-.ck.ck-button.ck-tab-button.ck-tab-button_right.ck-on{
-  border-right:0;
-  border-left:1px solid var(--ck-color-tab-button-active-icon);
-  box-shadow:var(--ck-color-tab-button-active-icon) -1px 0 0 0;
-}
-
-.ck.ck-button.ck-tab-button.ck-tab-button_right.ck-on .ck.ck-icon{
-  padding-left:calc(var(--ck-tab-button-padding) - 1px);
-}
-
-:root{
-  --ck-tabs-buttons-container-buttons-vertical-spacing:0;
-  --ck-color-ai-tabs-panels-container-background:var(--ck-color-ai-white);
-  --ck-color-ai-tabs-buttons-container-background:var(--ck-color-ai-gray-50);
-  --ck-color-ai-tabs-tab-button-icon:var(--ck-color-ai-gray-600);
-  --ck-color-ai-tabs-tab-button-active-icon:var(--ck-color-ai-gray-600);
-  --ck-color-ai-tabs-tab-button-active-border:var(--ck-color-ai-gray-600);
-  --ck-color-ai-tabs-tab-button-active-background:var(--ck-color-ai-gray-100);
-  --ck-tab-button-padding:12px;
-  --ck-tab-button-gap:var(--ck-spacing-medium);
-  --ck-tabs-panels-container-background:var(--ck-color-ai-tabs-panels-container-background);
-  --ck-color-tabs-buttons-container-background:var(--ck-color-ai-tabs-buttons-container-background);
-  --ck-color-tab-button-icon:var(--ck-color-ai-tabs-tab-button-icon);
-  --ck-color-tab-button-active-icon:var(--ck-color-ai-tabs-tab-button-active-icon);
-  --ck-color-tab-button-active-border:var(--ck-color-ai-tabs-tab-button-active-border);
-  --ck-color-tab-button-active-background:var(--ck-color-ai-tabs-tab-button-active-background);
-}
-
-.ck.ck-tabs{
-  font-size:var(--ck-font-size-base);
-  border:1px solid var(--ck-color-base-border);
-  border-radius:var(--ck-border-radius);
-  min-width:0;
-  display:flex;
-}
-
-.ck.ck-tabs.ck-tabs_top{
-  flex-direction:column;
-}
-
-.ck.ck-tabs.ck-tabs_left{
-  flex-direction:row;
-}
-
-.ck.ck-tabs.ck-tabs_right{
-  flex-direction:row-reverse;
-}
-
-.ck.ck-tabs .ck-tabs__panels-container{
-  background-color:var(--ck-tabs-panels-container-background);
-  flex-grow:1;
-  min-width:0;
-  transition:width .8s ease-in-out, height .8s ease-in-out;
-}
-
-.ck.ck-tabs .ck-tabs__buttons-container{
-  background-color:var(--ck-color-tabs-buttons-container-background);
-  gap:var(--ck-tab-button-gap);
-  display:flex;
-}
-
-.ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_top{
-  border-top:none;
-  border-bottom:1px solid var(--ck-color-base-border);
-  flex-direction:row;
-}
-
-.ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_left{
-  border-left:none;
-  border-right:1px solid var(--ck-color-base-border);
-}
-
-.ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_right{
-  border-right:none;
-  border-left:1px solid var(--ck-color-base-border);
-}
-
-.ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_left, .ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_right{
-  padding-top:var(--ck-tabs-buttons-container-buttons-vertical-spacing);
-  padding-bottom:var(--ck-tabs-buttons-container-buttons-vertical-spacing);
-  flex-direction:column;
-}
-
-:root{
-  --ck-tabs-overlay-top-position:0;
-  --ck-tabs-overlay-right-position:0;
-  --ck-tabs-overlay-left-position:auto;
-  --ck-tabs-overlay-bottom-position:auto;
-  --ck-tabs-overlay-height:100%;
-  --ck-ai-tabs-overlay-width:500px;
-  --ck-ai-tabs-overlay-width-maximized:50%;
-  --ck-ai-tabs-overlay-z-index:calc(var(--ck-z-dialog) - 1);
-  --ck-color-ai-tabs-overlay-tab-button-active-icon:var(--ck-color-ai-accent-700);
-  --ck-color-ai-tabs-overlay-tab-button-active-border:var(--ck-color-ai-accent-700);
-}
-
-.ck.ck-tabs.ck-ai-tabs{
-  --ck-tabs-buttons-container-buttons-vertical-spacing:61.5px;
-  --ck-color-tab-button-active-icon:var(--ck-color-ai-tabs-overlay-tab-button-active-icon);
-  --ck-color-tab-button-active-border:var(--ck-color-ai-tabs-overlay-tab-button-active-border);
-}
-
-.ck.ck-tabs.ck-ai-tabs .ck-tab-panel{
-  flex-direction:column;
-  height:100%;
-  display:flex;
-}
-
-.ck.ck-tabs.ck-ai-tabs .ck-tab-panel > *{
-  flex-grow:1;
-}
-
-.ck.ck-tabs.ck-ai-tabs .ck-tab-panel.ck-tab-panel_disabled{
-  pointer-events:none;
-  opacity:.5;
-}
-
-.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay{
-  height:var(--ck-tabs-overlay-height);
-  top:var(--ck-tabs-overlay-top-position);
-  right:var(--ck-tabs-overlay-right-position);
-  left:var(--ck-tabs-overlay-left-position);
-  bottom:var(--ck-tabs-overlay-bottom-position);
-  z-index:var(--ck-ai-tabs-overlay-z-index);
-  width:var(--ck-ai-tabs-overlay-width);
-  border-top:0;
-  border-bottom:0;
-  border-radius:0;
-  transition:width .3s;
-  position:fixed;
-}
-
-.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-ai-tabs_maximized{
-  width:var(--ck-ai-tabs-overlay-width-maximized);
-}
-
-.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-tabs_left{
-  --ck-tabs-overlay-right-position:auto;
-  --ck-tabs-overlay-left-position:0;
-  border-left:0;
-}
-
-.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-tabs_right{
-  border-right:0;
-}
-
 .ck.ck-button.ck-ai-tabs__resize.ck-on:not(:hover){
   background-color:var(--ck-color-ai-button-tertiary-background);
 }
@@ -574,10 +377,6 @@
   background-color:var(--ck-color-ai-chat-shortcuts-shortcut-icon-hover-background);
 }
 
-.ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__items{
-  margin-top:auto;
-}
-
 .ck.ck-ai-chat__prompt-input.ck-search.ck-ai-chat__prompt-input_highlighted .ck.ck-input.ck-textarea{
   --ck-color-ai-chat-prompt-input-animation-background:var(--ck-color-ai-chat-shortcuts-prompt-highlight-background);
   animation:var(--ck-ai-chat-prompt-input-animation), var(--ck-ai-chat-shortcuts-prompt-input-animation);
@@ -606,6 +405,7 @@
 
 .ck.ck-ai-suggestion__container{
   border-radius:var(--ck-rounded-corners-radius);
+  border:1px solid var(--ck-color-base-border);
   --ck-border-radius:4px;
   position:relative;
 }
@@ -614,7 +414,7 @@
   border-radius:var(--ck-rounded-corners-radius);
   height:3.23em;
   padding:0 var(--ck-spacing-large);
-  box-shadow:0 0 3px 1px var(--ck-color-ai-chat-suggestion-container-header-shadow);
+  border-bottom:1px solid var(--ck-color-base-border);
   z-index:1;
   border-bottom-right-radius:0;
   border-bottom-left-radius:0;
@@ -675,15 +475,28 @@
   display:flex;
 }
 
-.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-parts:empty{
-  display:none;
+.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-parts > .ck-ai-skeleton{
+  --ck-ai-skeleton-gap:var(--ck-spacing-standard);
+  padding-top:calc(var(--ck-ai-skeleton-gap) + var(--ck-spacing-large));
+  padding-bottom:calc(var(--ck-ai-skeleton-gap) + var(--ck-spacing-large));
+  background-color:var(--ck-color-base-background);
+  border-radius:var(--ck-rounded-corners-radius);
+  align-items:flex-start;
+  transition-delay:0s;
+  position:static;
+}
+
+.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-parts > .ck-ai-skeleton.ck-hidden{
+  transition-duration:0s;
 }
 
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part{
   border-radius:var(--ck-rounded-corners-radius);
   padding:var(--ck-spacing-large);
   background:var(--ck-color-base-background);
+  opacity:0;
   padding-top:0;
+  animation:.2s ease-out forwards ck-ai-suggestion-content-part-fade-in;
   position:relative;
 }
 
@@ -708,15 +521,11 @@
   opacity:.5;
 }
 
-.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part:hover{
+.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_pending:hover{
   box-shadow:0 1px 3px 1.5px var(--ck-color-ai-chat-suggestion-container-header-shadow);
 }
 
-.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part:hover .ck-ai-suggestion__body__content-part__title{
-  color:var(--ck-color-ai-chat-primary-button-background);
-}
-
-.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_pending:hover .ck-toolbar .ck-icon{
+.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_pending:hover .ck-ai-suggestion__body__content-part__title, .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_pending:hover .ck-toolbar .ck-icon{
   color:var(--ck-color-ai-chat-primary-button-background);
 }
 
@@ -730,6 +539,12 @@
   padding:var(--ck-spacing-standard);
 }
 
+@keyframes ck-ai-suggestion-content-part-fade-in{
+  to{
+    opacity:1;
+  }
+}
+
 :root{
   --ck-color-ai-chat-feed-item-background:var(--ck-color-ai-gray-50);
   --ck-color-ai-chat-feed-item-background-secondary:var(--ck-color-ai-gray-50);
@@ -753,13 +568,14 @@
   overflow-y:auto;
 }
 
-.ck.ck-ai-chat__feed:has(.ck-ai-skeleton:not(.ck-hidden)){
+.ck.ck-ai-chat__feed:has( > .ck-ai-skeleton:not(.ck-hidden)){
   overflow:hidden;
 }
 
 .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__items{
   gap:var(--ck-spacing-extra-large) 0;
   flex-direction:column;
+  margin-top:auto;
   display:flex;
 }
 
@@ -1932,6 +1748,234 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
   --ck-color-button-on-color:var(--ck-color-ai-toggle-on-text);
 }
 
+:root{
+  --ck-tabs-overlay-top-position:0;
+  --ck-tabs-overlay-right-position:0;
+  --ck-tabs-overlay-left-position:auto;
+  --ck-tabs-overlay-bottom-position:auto;
+  --ck-tabs-overlay-height:100%;
+  --ck-ai-tabs-overlay-width:500px;
+  --ck-ai-tabs-overlay-width-maximized:50%;
+  --ck-ai-tabs-overlay-z-index:calc(var(--ck-z-dialog) - 1);
+  --ck-color-ai-tabs-overlay-tab-button-active-icon:var(--ck-color-ai-accent-700);
+  --ck-color-ai-tabs-overlay-tab-button-active-border:var(--ck-color-ai-accent-700);
+}
+
+.ck-tab-panel{
+  flex-direction:column;
+  height:100%;
+  display:flex;
+}
+
+.ck-tab-panel > *{
+  flex-grow:1;
+}
+
+.ck-tab-panel.ck-tab-panel_disabled{
+  pointer-events:none;
+  opacity:var(--ck-disabled-opacity);
+}
+
+.ck.ck-tabs.ck-ai-tabs{
+  --ck-tabs-buttons-container-buttons-vertical-spacing:61.5px;
+  --ck-color-tab-button-active-icon:var(--ck-color-ai-tabs-overlay-tab-button-active-icon);
+  --ck-color-tab-button-active-border:var(--ck-color-ai-tabs-overlay-tab-button-active-border);
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs_collapsed .ck-tabs__buttons-container{
+  border:none;
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs_collapsed .ck-tabs__panels-container{
+  flex-grow:0;
+  overflow:hidden;
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs_collapsed.ck-tabs_left, .ck.ck-tabs.ck-ai-tabs.ck-ai-tabs_collapsed.ck-tabs_right{
+  width:fit-content;
+  min-width:0;
+}
+
+:is(.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs_collapsed.ck-tabs_left, .ck.ck-tabs.ck-ai-tabs.ck-ai-tabs_collapsed.ck-tabs_right) .ck-tabs__panels-container{
+  width:0;
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs_collapsed.ck-tabs_top{
+  height:fit-content;
+  min-height:0;
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs_collapsed.ck-tabs_top .ck-tabs__panels-container{
+  height:0;
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay{
+  height:var(--ck-tabs-overlay-height);
+  top:var(--ck-tabs-overlay-top-position);
+  right:var(--ck-tabs-overlay-right-position);
+  left:var(--ck-tabs-overlay-left-position);
+  bottom:var(--ck-tabs-overlay-bottom-position);
+  z-index:var(--ck-ai-tabs-overlay-z-index);
+  width:var(--ck-ai-tabs-overlay-width);
+  border-top:0;
+  border-bottom:0;
+  border-radius:0;
+  transition:width .3s;
+  position:fixed;
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-ai-tabs_maximized{
+  width:var(--ck-ai-tabs-overlay-width-maximized);
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-ai-tabs_collapsed{
+  --ck-ai-tabs-overlay-width:0;
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-tabs_left{
+  --ck-tabs-overlay-right-position:auto;
+  --ck-tabs-overlay-left-position:0;
+  border-left:0;
+}
+
+.ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-tabs_right{
+  border-right:0;
+}
+
+.ck.ck-button.ck-tab-button{
+  cursor:pointer;
+  border:0;
+  justify-content:center;
+  padding:0;
+}
+
+.ck.ck-button.ck-tab-button:active, .ck.ck-button.ck-tab-button:focus{
+  box-shadow:none;
+}
+
+.ck.ck-button.ck-tab-button:not(.ck-disabled):hover{
+  background-color:var(--ck-color-tab-button-active-background);
+}
+
+.ck.ck-button.ck-tab-button .ck.ck-icon{
+  box-sizing:content-box;
+  padding:var(--ck-tab-button-padding);
+  color:var(--ck-color-tab-button-icon);
+}
+
+.ck.ck-button.ck-tab-button.ck-on{
+  background-color:var(--ck-color-tab-button-active-background);
+  color:var(--ck-color-tab-button-active-border);
+  border:0;
+}
+
+.ck.ck-button.ck-tab-button.ck-on .ck.ck-icon{
+  color:var(--ck-color-tab-button-active-icon);
+  background-color:var(--ck-color-tab-button-active-background);
+}
+
+.ck.ck-button.ck-tab-button.ck-tab-button_top.ck-on{
+  border-bottom:1px solid var(--ck-color-tab-button-active-icon);
+  box-shadow:var(--ck-color-tab-button-active-icon) 0 1px 0 0;
+}
+
+.ck.ck-button.ck-tab-button.ck-tab-button_top.ck-on .ck.ck-icon{
+  padding-bottom:calc(var(--ck-tab-button-padding) - 1px);
+}
+
+.ck.ck-button.ck-tab-button.ck-tab-button_left.ck-on{
+  border-left:0;
+  border-right:1px solid var(--ck-color-tab-button-active-icon);
+  box-shadow:var(--ck-color-tab-button-active-icon) 1px 0 0 0;
+}
+
+.ck.ck-button.ck-tab-button.ck-tab-button_left.ck-on .ck.ck-icon{
+  padding-right:calc(var(--ck-tab-button-padding) - 1px);
+}
+
+.ck.ck-button.ck-tab-button.ck-tab-button_right.ck-on{
+  border-right:0;
+  border-left:1px solid var(--ck-color-tab-button-active-icon);
+  box-shadow:var(--ck-color-tab-button-active-icon) -1px 0 0 0;
+}
+
+.ck.ck-button.ck-tab-button.ck-tab-button_right.ck-on .ck.ck-icon{
+  padding-left:calc(var(--ck-tab-button-padding) - 1px);
+}
+
+:root{
+  --ck-tabs-buttons-container-buttons-vertical-spacing:0;
+  --ck-color-ai-tabs-panels-container-background:var(--ck-color-ai-white);
+  --ck-color-ai-tabs-buttons-container-background:var(--ck-color-ai-gray-50);
+  --ck-color-ai-tabs-tab-button-icon:var(--ck-color-ai-gray-600);
+  --ck-color-ai-tabs-tab-button-active-icon:var(--ck-color-ai-accent-700);
+  --ck-color-ai-tabs-tab-button-active-border:var(--ck-color-ai-accent-700);
+  --ck-color-ai-tabs-tab-button-active-background:var(--ck-color-ai-gray-100);
+  --ck-tab-button-padding:12px;
+  --ck-tab-button-gap:var(--ck-spacing-medium);
+  --ck-tabs-panels-container-background:var(--ck-color-ai-tabs-panels-container-background);
+  --ck-color-tabs-buttons-container-background:var(--ck-color-ai-tabs-buttons-container-background);
+  --ck-color-tab-button-icon:var(--ck-color-ai-tabs-tab-button-icon);
+  --ck-color-tab-button-active-icon:var(--ck-color-ai-tabs-tab-button-active-icon);
+  --ck-color-tab-button-active-border:var(--ck-color-ai-tabs-tab-button-active-border);
+  --ck-color-tab-button-active-background:var(--ck-color-ai-tabs-tab-button-active-background);
+}
+
+.ck.ck-tabs{
+  font-size:var(--ck-font-size-base);
+  border:1px solid var(--ck-color-base-border);
+  border-radius:var(--ck-border-radius);
+  min-width:0;
+  display:flex;
+}
+
+.ck.ck-tabs.ck-tabs_top{
+  flex-direction:column;
+}
+
+.ck.ck-tabs.ck-tabs_left{
+  flex-direction:row;
+}
+
+.ck.ck-tabs.ck-tabs_right{
+  flex-direction:row-reverse;
+}
+
+.ck-tabs__panels-container{
+  background-color:var(--ck-tabs-panels-container-background);
+  flex-grow:1;
+  min-width:0;
+  transition:width .8s ease-in-out, height .8s ease-in-out;
+}
+
+.ck-tabs__buttons-container{
+  background-color:var(--ck-color-tabs-buttons-container-background);
+  gap:var(--ck-tab-button-gap);
+  display:flex;
+}
+
+.ck-tabs__buttons-container.ck-tabs__buttons-container_top{
+  border-top:none;
+  border-bottom:1px solid var(--ck-color-base-border);
+  flex-direction:row;
+}
+
+.ck-tabs__buttons-container.ck-tabs__buttons-container_left{
+  border-left:none;
+  border-right:1px solid var(--ck-color-base-border);
+}
+
+.ck-tabs__buttons-container.ck-tabs__buttons-container_right{
+  border-right:none;
+  border-left:1px solid var(--ck-color-base-border);
+}
+
+.ck-tabs__buttons-container.ck-tabs__buttons-container_left, .ck-tabs__buttons-container.ck-tabs__buttons-container_right{
+  padding-top:var(--ck-tabs-buttons-container-buttons-vertical-spacing);
+  padding-bottom:var(--ck-tabs-buttons-container-buttons-vertical-spacing);
+  flex-direction:column;
+}
+
 :root{
   --ai-skeleton-z-index:calc(var(--ck-z-default) + 1);
   --ck-color-ai-core-skeleton-gradient-edge:var(--ck-color-ai-gray-25);
@@ -2171,22 +2215,6 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
   line-height:1.85em;
 }
 
-.ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat__start-conversation{
-  min-height:unset;
-  font-size:11.7px;
-}
-
-.ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat__start-conversation > .ck-button__label{
-  line-height:1.4em;
-}
-
-.ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat__start-conversation > .ck.ck-icon.ck-button__icon{
-  --ck-icon-font-size:.632em;
-  --ck-icon-size:calc(1.84615 * 1em);
-  color:var(--ck-color-ai-chat-text);
-  margin-inline-end:0;
-}
-
 .ck .ck-ai-chat-history .ck-confirm-view{
   --ck-icon-font-size:.666em;
   --ck-ui-component-min-height:1.7em;
@@ -2439,6 +2467,7 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
 
 .ck.ck-content.ck-ai-suggestion-streamable-content{
   padding:0;
+  overflow-x:auto;
 }
 
 .ck.ck-content.ck-ai-suggestion-streamable-content :first-child{
@@ -3237,21 +3266,15 @@ div.ck.ck-ai-suggestion__content-part-state.ck-ai-suggestion__content-part-state
   display:flex;
 }
 
-.ck.ck-ai-review .ck-ai_review__check-run .ck-ai_review__check-run-results-wrapper{
+.ck.ck-ai-review .ck-ai_review__check-run .ck-ai_review__check-run-results-container{
   height:100%;
-  position:relative;
   overflow:auto;
 }
 
-.ck.ck-ai-review .ck-ai_review__check-run .ck-ai_review__check-run-results-wrapper:has(.ck-ai_review__check-run-skeleton-container:not(.ck-hidden)){
-  overflow:hidden;
-}
-
 .ck.ck-ai-review .ck-ai_review__check-run .ck-ai_review__check-run-skeleton-container{
   width:100%;
   height:100%;
-  position:absolute;
-  top:0;
+  overflow:hidden;
 }
 
 .ck.ck-ai-review .ck-ai_review__check-run .ck-ai_review__check-run-skeleton-container .ck-ai_review__check-run-skeleton-item{