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

package/dist/index.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);
@@ -2174,22 +2218,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;
@@ -2442,6 +2470,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 {
@@ -3240,21 +3269,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 {

package/dist/index.d.ts

@@ -22,24 +22,24 @@ export { AIChatController, type AIChatFeedAPI, type AIToolEventCallback, type AI
 export { AIEditing } from './aicore/aiediting.js';
 export { AIChatUI } from './aichat/aichatui.js';
 export { type AISuggestionActionName } from './aichat/ui/feed/aichatfeedsuggestionitemactionsview.js';
-export { type AIChatFeedCustomElementView, type AIChatFeedCustomElementViewOptions } from './aichat/ui/feed/aichatfeedcustomelementview.js';
+export { AIChatFeedCustomElementView, type AIChatFeedCustomElementViewOptions } from './aichat/ui/feed/aichatfeedcustomelementview.js';
 export { AIEditorIntegration } from './aieditorintegration/aieditorintegration.js';
 export { AIToggleButtonUI } from './aieditorintegration/aitogglebutton/aitogglebuttonui.js';
 export { ToggleAICommand } from './aieditorintegration/aitogglebutton/toggleaicommand.js';
-export { type AITabsMainView, type AITabsMainViewOptions } from './aitabs/aitabsmainview.js';
-export { type AITabsView, type AITabsAddTabOptions, type AITabsViewOptions } from './aitabs/tabs/aitabsview.js';
+export { AITabsMainView, type AITabsMainViewOptions } from './aitabs/aitabsmainview.js';
+export { AITabsView, type AITabsAddTabOptions, type AITabsViewOptions, type AITabsActivateTabEvent } from './aitabs/tabs/aitabsview.js';
 export { type AIResizedTabsEvent, type AIResizeTabsEvent } from './aitabs/aitabs.js';
 export { type AIChatContextConfig, type AIAddContextOptionsState, type AIChatContextItemAddedEvent, type AIChatContextItemRemovedEvent, type AIChatContextSentEvent, type AIChatContextAddContextOptionsChangedEvent, type AIContextProvider, type AIContextResource, type AIContextResourceState, type AIContextProviderState, type AIContextTextResource, type AIContextCustomItem, type AIChatContextUploadProgressChangedEvent } from './aichat/model/aichatcontext.js';
-export { type AIContextItemType, type AIContextItemRequestData, type AIContextItem, type AIContextTextResourceType } from './aicore/model/aicontext.js';
+export { type AIContextItemType, type AIContextItemRequestData, type AIContextItem, type AIContextTextResourceType, type AIDataIdDocumentSource, type AIDocumentContextSlice } from './aicore/model/aicontext.js';
 export { type AIModelsConfig } from './aicore/model/aimodels.js';
-export { type AIToolData, type AIInteraction, type AIInteractionOptions, type AIInteractionStartedEvent, type AIInteractionStoppedEvent, type AIInteractionFinishedEvent, type AIInteractionDestroyedEvent, type AIInteractionReplyCreatedEvent } from './aicore/model/aiinteraction.js';
-export { type AIReply, type AIReplyType, type AIReplyContentUpdatedEvent, type AIReplyHotNode, type AIReplyChangeGroup, type AIReplyChangeGroupState } from './aicore/model/aireply.js';
+export { type AIToolData, AIInteraction, type AIInteractionOptions, type AIInteractionStartedEvent, type AIInteractionStoppedEvent, type AIInteractionFinishedEvent, type AIInteractionDestroyedEvent, type AIInteractionReplyCreatedEvent } from './aicore/model/aiinteraction.js';
+export { AIReply, type AIReplyType, type AIReplyContentUpdatedEvent, type AIReplyHotNode, type AIReplyChangeGroup, type AIReplyChangeGroupState } from './aicore/model/aireply.js';
 export { type AIGenericRequest, type AIConversationStartReply, type AIConversationStartRequest, type AIConnectorReply, type AIConnectorRequest, type AIConnectorQueryAssistantData, type AIUploadReply, type AIUploadRequest, type AIModelData, type AIModelRequest, type AIFetchDocumentReply, type AIFetchDocumentRequest, type AIConversationItem, type AIFetchConversationsRequest, type AIDeleteConversationRequest, type AIUserMessage, type AIUserMessageContent, type AIAssistantMessage, type AIConversationMessage, type AIGetConversationReply, type AIGetConversationRequest, type AIGetConversationMessagesRequest, type AIUpdateConversationRequest, type AIDeleteFileRequest, type AIDeleteDocumentRequest, type AIDeleteWebResourceRequest, type AIConnectorExecuteActionData, type AIConnectorExecuteCustomActionData, type AIConnectorSystemReviewData, type AIConnectorCustomReviewData, type AIUpdateRating, type AIRating, type AISource } from './aicore/aiconnector.js';
 export { type AIChatUIStartConversationEvent, type AIChatUISendUserMessageEvent, type AIChatUIAbortPromptStreamEvent, type AIChatUIAddDocumentToContextEvent, type AIChatUIAddFileToContextEvent, type AIChatUIRemoveContextItemEvent } from './aichat/aichatui.js';
 export { AIChatHistory } from './aichathistory/aichathistory.js';
 export { AIChatHistoryController } from './aichathistory/aichathistorycontroller.js';
 export { AIChatHistoryUI, type AIChatHistoryItemData, type AIChatHistoryCategoryData } from './aichathistory/aichathistoryui.js';
-export { type AIChatInteraction, type AIChatInteractionOptions } from './aichat/model/aichatinteraction.js';
+export { AIChatInteraction, type AIChatInteractionOptions } from './aichat/model/aichatinteraction.js';
 export { AIQuickActions, type AIQuickActionType, type AIQuickActionsConfig, type AIQuickActionCustomDefinition, type AIQuickActionCustomBaseDefinition, type AIQuickActionCustomActionDefinition, type AIQuickActionCustomChatDefinition } from './aiquickactions/aiquickactions.js';
 export { AIQuickActionsUI, type AIQuickActionsGroupDefinition, type AIQuickActionDefinition } from './aiquickactions/aiquickactionsui.js';
 export { AIActions, type AIActionsNames, type AIActionDefinition } from './aiactions/aiactions.js';
@@ -54,7 +54,7 @@ export { AIReviewCheckResult } from './aireviewcore/model/aireviewcheckresult.js
 export { AIReviewCheckRun } from './aireviewcore/model/aireviewcheckrun.js';
 export { type AIReviewCheckRunUpdatedEvent } from './aireviewcore/model/aireviewcheckrun.js';
 export { type AIReviewCheckRunStatus } from './aireviewcore/model/aireviewcheckrun.js';
-export { type AIReviewCheckResultChange } from './aireviewcore/model/aireviewcheckresultchange.js';
+export { AIReviewCheckResultChange } from './aireviewcore/model/aireviewcheckresultchange.js';
 export { AITranslate, type AITranslateConfig, type AITranslateLanguage } from './aitranslate/aitranslate.js';
 export { AITranslateController } from './aitranslate/aitranslatecontroller.js';
 export { AITranslateUI } from './aitranslate/aitranslateui.js';