@ckeditor/ckeditor5-ai 47.2.0 → 47.3.0-alpha.1

package/theme/aiquickactions/aiquickactions.css

@@ -10,32 +10,37 @@
 :root {
 	--ck-ai-quick-actions-button-color: hsla(263, 59%, 52%, 1);
 	--ck-ai-quick-actions-button-background-color: hsla(265, 100%, 96%, 1);
+	--ck-ai-quick-actions-list-max-height: 300px;
+	--ck-ai-quick-actions-list-item-group-row-color: hsla(0, 0%, 44%, 1);
+	--ck-ai-quick-actions-dropdown-max-width: 309px;
+	--ck-ai-quick-actions-group-single-button-height: 28.68px;
+	--ck-ai-quick-actions-group-search-result-button-min-height: 40.68px;
+
 }
 
-.ck-ai-quick-actions {
-	width: 300px;
+.ck-dropdown > .ck-dropdown__panel > .ck-ai-quick-actions {
+	max-width: var(--ck-ai-quick-actions-dropdown-max-width);
 
-	svg.ck-icon {
-		width: 20px;
-		height: 20px;
+	ul {
+		max-height: var(--ck-ai-quick-actions-list-max-height);
+		overflow: auto;
 	}
 }
 
-& .ck-ai-quick-actions-dropdown,
-& .ck-ai-quick-actions-group-panel {
-	--ck-color-list-button-hover-background: var(--ck-ai-quick-actions-button-background-color);
-	--ck-color-button-default-hover-background: var(--ck-ai-quick-actions-button-background-color);
-	--ck-color-button-on-background: var(--ck-ai-quick-actions-button-background-color);
-	--ck-color-button-on-hover-background: var(--ck-ai-quick-actions-button-background-color);
+.ck-ai-quick-actions-group-panel > .ck-ai-quick-actions-group-list {
+	max-width: var(--ck-ai-quick-actions-dropdown-max-width);
 
-	& .ck.ck-button:not(.ck-dropdown__button) {
-		border-color: transparent;
-		box-shadow: none;
+	span {
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
+}
 
-	& .ck.ck-button.ck-dropdown__button.ck-on {
-		color: var(--ck-ai-quick-actions-button-color);
-	}
+.ck-ai-quick-actions-dropdown  .ck.ck-button:not(.ck-dropdown__button),
+.ck-ai-quick-actions-group-panel  .ck.ck-button:not(.ck-dropdown__button) {
+	border-color: transparent;
+	box-shadow: none;
 }
 
 .ck-toolbar__items {
@@ -48,15 +53,124 @@
 		--ck-color-button-on-active-background:						hsl(262.1,100%,96.3%);
 		--ck-color-button-on-disabled-background: 					hsl(262.1,100%,96.3%);
 		--ck-color-button-on-color:									hsl(263.2,59.2%,52%);
-	
-		&:hover {
-			color: var(--ck-color-button-on-color);
-		}
+	}
+
+	&>.ck.ck-button.ck-ai-quick-actions-button:hover,  &>.ck-ai-quick-actions-dropdown > .ck.ck-button:hover {
+		color: var(--ck-color-button-on-color);
 	}
 }
 
-.ck-ai-quick-actions-dropdown  .ck.ck-button:not(.ck-dropdown__button):focus,
-.ck-ai-quick-actions-group-panel .ck.ck-button:not(.ck-dropdown__button):focus {
-	background-color: var(--ck-ai-quick-actions-button-background-color);
+.ck-ai-quick-actions-dropdown,
+.ck-ai-quick-actions-group-panel {
+	--ck-color-list-button-hover-background: var(--ck-ai-quick-actions-button-background-color);
+	--ck-color-button-default-hover-background: var(--ck-ai-quick-actions-button-background-color);
+	--ck-color-button-on-background: var(--ck-ai-quick-actions-button-background-color);
+	--ck-color-button-on-hover-background: var(--ck-ai-quick-actions-button-background-color);
+	--ck-color-search-border: hsla(216, 5%, 81%, 1);
+
+	& .ck.ck-button.ck-dropdown__button.ck-on {
+		color: var(--ck-ai-quick-actions-button-color);
+	}
+
+	& .ck-ai-quick-actions-search > .ck-search__query_with-icon {
+		padding: var(--ck-spacing-large);
+		border-bottom: 1px solid var(--ck-color-search-border);
+	}
+
+	& .ck-search__info {
+		width: 100%;
+		padding: var(--ck-spacing-medium) var(--ck-spacing-large);
+
+		& * {
+			white-space: normal;
+		}
+
+		& > span:first-child {
+			display: block;
+			font-weight: bold;
+		}
+
+		&:not(.ck-hidden) ~ .ck.ck-list {
+			display: none;
+		}
+	}
+
+	& .ck-ai-quick-actions-button_with-group__open-paren {
+		margin-left: var(--ck-spacing-medium);
+	}
+
+	& .ck-list__item > .ck.ck-button.ck-ai-quick-actions-search-result-button {
+		width: 100%;
+		margin-bottom: 3.9px;
+
+		& .ck-button__label {
+			width: 100%;
+		}
+
+		& .ck-ai-quick-actions-search-result__content {
+			display: flex;
+			flex-direction: column;
+			width: 100%;
+		}
+
+		& .ck-ai-quick-actions-search-result__group-row {
+			display: flex;
+			align-items: center;
+			color: var(--ck-ai-quick-actions-list-item-group-row-color);
+			font-size: calc(var(--ck-font-size-base) * 0.9);
+			margin-bottom: 0;
+
+			& .ck-icon {
+				width: 12px;
+				height: 12px;
+				margin-right: 2.7px;
+			}
+
+			& .ck.ck-highlighted-text {
+				color: hsla(0, 0%, 44%, 1);
+				font-size: calc(var(--ck-font-size-base) * 0.7);
+				line-height: calc(var(--ck-font-size-base) * 0.9);
+				margin-left: var(--ck-spacing-tiny);
+
+				mark {
+					vertical-align: middle;
+				}
+			}
+		}
+
+		&:not(.ck-ai-quick-actions-search-result-button_with-group) .ck-button__label > .ck-icon {
+			display: none;
+		}
+
+		& .ck-ai-quick-actions-search-result__action-row {
+			display: flex;
+			align-items: center;
+		}
+
+		&.ck-ai-quick-actions-search-result-button_with-group {
+			min-height: var(--ck-ai-quick-actions-group-search-result-button-min-height);
+			border: none;
+			padding-bottom: 0;
+			padding-top: 0;
+
+			span {
+				white-space: normal; 
+			}
+		}
+
+		&:not(.ck-ai-quick-actions-search-result-button_with-group) {
+			height: var(--ck-ai-quick-actions-group-single-button-height);
+			border: none;
+			padding-bottom: 0;
+			padding-top: 0;
+		}
+	}
+
+	& .ck.ck-button:not(.ck-dropdown__button):focus {
+		background-color: var(--ck-ai-quick-actions-button-background-color);
+	}
+
+	& .ck-list__item:last-child > .ck.ck-button:not(.ck-list-item-button) {
+		margin-bottom: 0;
+	}
 }
-	

package/theme/aireviewmode/aireviewmode-balloon-panel-suggestion.css

@@ -19,5 +19,29 @@
 		& .ck-suggestion-marker {
 			white-space: break-spaces;
 		}
+
+		& .ck-suggestion-marker-insertion {
+			border-top: 3px solid var(--ck-ai-suggestion-marker-insertion-border-color);
+			border-bottom: 3px solid var(--ck-ai-suggestion-marker-insertion-border-color);
+			background: var(--ck-ai-suggestion-marker-insertion-background-color);
+		}
+
+		& .ck-suggestion-marker-deletion {
+			border-top: 3px solid var(--ck-ai-suggestion-marker-deletion-border-color);
+			border-bottom: 3px solid var(--ck-ai-suggestion-marker-deletion-border-color);
+			background: var(--ck-ai-suggestion-marker-deletion-background-color);
+		}
+
+		&.ck-ai-review-mode-balloon-panel-suggestion_diff-active {
+			& .ck-suggestion-marker-insertion {
+				--ck-ai-suggestion-marker-insertion-border-color: var(--ck-ai-suggestion-marker-insertion-border-color-active);
+				--ck-ai-suggestion-marker-insertion-background-color: var(--ck-ai-suggestion-marker-insertion-background-color-active);
+			}
+
+			& .ck-suggestion-marker-deletion {
+				--ck-ai-suggestion-marker-deletion-border-color: var(--ck-ai-suggestion-marker-deletion-border-color-active);
+				--ck-ai-suggestion-marker-deletion-background-color: var(--ck-ai-suggestion-marker-deletion-background-color-active);
+			}
+		}
 	}
 }

package/theme/aireviewmode/aireviewmode-check-run.css

@@ -72,6 +72,19 @@
 
 			&.ck-ai-review-mode__check-run-result_active {
 				box-shadow: 3px 0px 0px 0px var(--ck-ai-review-check-list-item-active-border-color) inset;
+
+
+				& .ck-suggestion-marker-insertion {
+					border-top: 3px solid var(--ck-ai-suggestion-marker-insertion-border-color-active);
+					border-bottom: 3px solid var(--ck-ai-suggestion-marker-insertion-border-color-active);
+					background: var(--ck-ai-suggestion-marker-insertion-background-color-active);
+				}
+
+				& .ck-suggestion-marker-deletion {
+					border-top: 3px solid var(--ck-ai-suggestion-marker-deletion-border-color-active);
+					border-bottom: 3px solid var(--ck-ai-suggestion-marker-deletion-border-color-active);
+					background: var(--ck-ai-suggestion-marker-deletion-background-color-active);
+				}
 			}
 
 			&.ck-ai-review-mode__check-run-result_removing {

package/theme/aireviewmode/aireviewmode.css

@@ -9,7 +9,7 @@
 
 @import '../common/aiheader.css';
 @import '../common/aibutton.css';
-@import '../common/aichaterror.css';
+@import '../common/ainotification.css';
 @import '../common/aidisclaimer.css';
 @import '../common/aiskeleton.css';
 @import '../common/aispinner.css';
@@ -21,9 +21,7 @@
 }
 
 .ck {
-	--ck-color-ai-review-mode-suggestion: hsla(263, 59%, 52%, 0.5);
-
-	.ck-ai-review-mode {
+	& .ck-ai-review-mode {
 		max-height: 100%;
 		height: 100%;
 		display: flex;
@@ -31,9 +29,12 @@
 	}
 
 	&.ck-ai-review-mode-highlights {
-
 		span.ck-ai_review-mode-marker_add {
-			border-bottom: 3px solid var(--ck-color-ai-review-mode-suggestion);
+			border-bottom: 3px solid var(--ck-ai-review-mode-suggestion-color);
+
+			&.ck-ai-review-mode__change_active {
+				--ck-ai-review-mode-suggestion-color: var(--ck-ai-review-mode-suggestion-color-active);
+			}
 		}
 
 		span.ck-ai_review-mode-marker_hide {
@@ -44,7 +45,7 @@
 			position: relative;
 
 			&:before {
-				border-bottom: 3px solid var(--ck-color-ai-review-mode-suggestion);
+				border-bottom: 3px solid var(--ck-ai-review-mode-suggestion-color);
 				position: absolute;
 				content: "";
 				width: 100%;
@@ -53,7 +54,7 @@
 		}
 
 		span.ck-ai_review-mode-marker_underline {
-			border-bottom: 3px solid var(--ck-color-ai-review-mode-suggestion);
+			border-bottom: 3px solid var(--ck-ai-review-mode-suggestion-color);
 		}
 	}
 
@@ -63,7 +64,12 @@
 			white-space: break-spaces;
 			border-top: 3px solid var(--ck-ai-suggestion-marker-insertion-border-color);
 			border-bottom: 3px solid var(--ck-ai-suggestion-marker-insertion-border-color);
-			background: var(--ck-ai-suggestion-marker-insertion-background-color);
+			background-color: var(--ck-ai-suggestion-marker-insertion-background-color);
+
+			&.ck-ai-review-mode__change_active {
+				border-color: var(--ck-ai-suggestion-marker-insertion-border-color-active);
+				background-color: var(--ck-ai-suggestion-marker-insertion-background-color-active);
+			}
 		}
 
 		span.ck-ai_review-mode-marker_hide,
@@ -74,7 +80,12 @@
 			text-decoration: line-through;
 			text-decoration-color: var(--ck-ai-suggestion-marker-deletion-stroke-color);
 			text-decoration-thickness: 3px;
-			background: var(--ck-ai-suggestion-marker-deletion-background-color);
+			background-color: var(--ck-ai-suggestion-marker-deletion-background-color);
+
+			&.ck-ai-review-mode__change_active {
+				border-color: var(--ck-ai-suggestion-marker-deletion-border-color-active);
+				background-color: var(--ck-ai-suggestion-marker-deletion-background-color-active);
+			}
 		}
 
 		span.ck-ai_review-mode-marker_underline {
@@ -103,4 +114,16 @@
 			text-decoration-color: var(--ck-ai-suggestion-inactive-color-border);
 		}
 	}
+
+	.ck-ai-review-mode__general-error-container {
+		padding: var(--ck-spacing-extra-large) var(--ck-spacing-large) var(--ck-spacing-standard) var(--ck-spacing-large);
+
+		border-radius: var(--ck-ai-border-radius);
+
+		& > p {
+			max-width: 100%;
+			white-space: normal;
+			line-height: 1.4em;
+		}
+	}
 }

package/theme/common/{aichaterror.css → ainotification.css}

@@ -8,34 +8,37 @@
  */
 
 :root {
-	--ck-ai-chat-color-background-error: hsla(15, 100%, 97%, 1);
-	--ck-ai-chat-color-background-warning: hsla(36, 100%, 65.10%, 0.10);
+	--ck-ai-notification-error-color-background: hsla(15, 100%, 97%, 1);
+	--ck-ai-notification-warning-color-background: hsla(36, 100%, 65.10%, 0.10);
 
-	--ck-ai-chat-color-border-error: hsla(14, 100%, 68%, 1);
-	--ck-ai-chat-color-border-warning: hsla(36, 100%, 65%, 1);
+	--ck-ai-notification-error-color-border: hsla(14, 100%, 68%, 1);
+	--ck-ai-notification-warning-color-border: hsla(36, 100%, 65%, 1);
+
+	--ck-ai-border-radius: calc(var(--ck-border-radius) * 2);
 }
 
-/* TODO: rename the class to make it more generic and function as a modifier. */
-.ck.ck-ai-chat-error {
+.ck.ck-ai-notification {
 	display: flex;
 	align-items: flex-start;
 	justify-content: space-between;
 	gap: var(--ck-spacing-medium);
 	width: fit-content;
 
-	background-color: var(--ck-ai-chat-color-background-error);
-	border: 1px solid var(--ck-ai-chat-color-border-error);
 	padding: var(--ck-spacing-standard);
 	border-radius: var(--ck-ai-border-radius);
 
-	&.ck-ai-chat-error_warning {
-		background-color: var(--ck-ai-chat-color-background-warning);
-		border-color: var(--ck-ai-chat-color-border-warning);
+	&.ck-ai-notification_error {
+		background-color: var(--ck-ai-notification-error-color-background);
+		border: 1px solid var(--ck-ai-notification-error-color-border);
+	}
+
+	&.ck-ai-notification_warning {
+		background-color: var(--ck-ai-notification-warning-color-background);
+		border-color: var(--ck-ai-notification-warning-color-border);
 	}
 
 	& > p {
 		flex: 1;
-		max-width: calc(100% - (16px + var(--ck-spacing-medium)));
 		white-space: normal;
 		color: var(--ck-color-base-text);
 		line-height: var(--ck-line-height-base);
@@ -44,7 +47,7 @@
 	& > .ck-button {
 		--ck-icon-font-size: 0.666em;
 
-		&.ck-ai-chat-error__dismiss-button {
+		&.ck-ai-notification_error__dismiss-button {
 			--ck-icon-font-size: 0.666em;
 			--ck-ui-component-min-height: 16px;
 
@@ -53,7 +56,7 @@
 		}
 	}
 
-	&.ck-ai-chat-error_full-width {
+	&.ck-ai-notification__full-width {
 		& > p {
 			max-width: 100%;
 		}

package/theme/common/aitrackchanges.css

@@ -17,4 +17,13 @@
 	--ck-ai-suggestion-marker-deletion-border-color: var(--ck-color-suggestion-marker-deletion-border, hsla(345, 71%, 40%, .35));
 	--ck-ai-suggestion-marker-deletion-background-color: var(--ck-color-suggestion-marker-deletion-background, hsla(345, 71%, 65%, .35));
 	--ck-ai-suggestion-marker-deletion-stroke-color: var(--ck-color-suggestion-marker-deletion-stroke, hsla(345, 71%, 20%, .5));
+
+	--ck-ai-suggestion-marker-deletion-border-color-active: hsla(345, 71%, 25%, .5);
+	--ck-ai-suggestion-marker-deletion-background-color-active: hsla(345, 71%, 50%, .5);
+
+	--ck-ai-suggestion-marker-insertion-border-color-active: hsla(128, 71%, 25%, .5);
+	--ck-ai-suggestion-marker-insertion-background-color-active: hsla(128, 71%, 50%, .5);
+
+	--ck-ai-review-mode-suggestion-color: hsla(263, 59%, 52%, 0.5);
+	--ck-ai-review-mode-suggestion-color-active: hsla(263, 62%, 36%, 0.8);
 }

package/src/aichat/utils/scrollmanager.js

@@ -1,23 +0,0 @@
-/*
- *             Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
- *
- *
- *
- *
- *          +---------------------------------------------------------------------------------+
- *          |                                                                                 |
- *          |                                 Hello stranger!                                 |
- *          |                                                                                 |
- *          |                                                                                 |
- *          |   What you're currently looking at is the source code of a legally protected,   |
- *          |    proprietary software. Any attempts to deobfuscate / disassemble this code    |
- *          |               are forbidden and will result in legal consequences.              |
- *          |                                                                                 |
- *          |                                                                                 |
- *          +---------------------------------------------------------------------------------+
- *
- *
- *
- *
- */
-const _0x18ec83=_0x2844;(function(_0x2e2ad3,_0x50384a){const _0x29e7e6=_0x2844,_0x4db099=_0x2e2ad3();while(!![]){try{const _0x28173b=parseInt(_0x29e7e6(0xe3))/0x1+parseInt(_0x29e7e6(0xd8))/0x2*(-parseInt(_0x29e7e6(0xe5))/0x3)+parseInt(_0x29e7e6(0xdf))/0x4+-parseInt(_0x29e7e6(0xed))/0x5+-parseInt(_0x29e7e6(0xe8))/0x6*(parseInt(_0x29e7e6(0xea))/0x7)+parseInt(_0x29e7e6(0xe2))/0x8+parseInt(_0x29e7e6(0xf2))/0x9;if(_0x28173b===_0x50384a)break;else _0x4db099['push'](_0x4db099['shift']());}catch(_0x2ed9e6){_0x4db099['push'](_0x4db099['shift']());}}}(_0x37be,0x7f77f));const ws=[_0x18ec83(0xd6),_0x18ec83(0xe6),_0x18ec83(0xe0),_0x18ec83(0xf3)],fs=[_0x18ec83(0xf1),_0x18ec83(0xd3),_0x18ec83(0xd7),_0x18ec83(0xdd),_0x18ec83(0xd1),_0x18ec83(0xe4),'\x20'];function _0x37be(){const _0x2269ea=['PageUp','90oPqMdw','includes','stop','abortController','destroy','PageDown','auto','317932dssmZV','pointerdown','_onUserEvent','673736BeeJRp','797272ymWBKl','End','50079UxaqXe','touchstart','deltaY','246WvCwEt','scrollTo','142345ZJejze','bind','start','4959770gvYiUn','_stop','animationFrameId','element','ArrowUp','19242117zwUnmD','keydown','scrollHeight','signal','abort','isUserPaused','_rafUpdate','type','key','Home','addEventListener','ArrowDown','isRunning','_isAtBottom','wheel'];_0x37be=function(){return _0x2269ea;};return _0x37be();}function _0x2844(_0x11b264,_0xe084ac){const _0x37be0c=_0x37be();return _0x2844=function(_0x2844e5,_0x43048b){_0x2844e5=_0x2844e5-0xd1;let _0x1065b7=_0x37be0c[_0x2844e5];return _0x1065b7;},_0x2844(_0x11b264,_0xe084ac);}export class ScrollManager{[_0x18ec83(0xf0)];[_0x18ec83(0xef)];[_0x18ec83(0xd4)];[_0x18ec83(0xdb)];[_0x18ec83(0xf7)];constructor(_0x436fab){const _0x18785a=_0x18ec83;this[_0x18785a(0xf0)]=_0x436fab,this[_0x18785a(0xef)]=null,this[_0x18785a(0xd4)]=!0x1,this[_0x18785a(0xdb)]=new AbortController(),this[_0x18785a(0xf7)]=!0x1;for(const _0x362bb4 of ws){const _0x42d422=_0x18785a(0xf3)!==_0x362bb4;this[_0x18785a(0xf0)][_0x18785a(0xd2)](_0x362bb4,this[_0x18785a(0xe1)][_0x18785a(0xeb)](this),{'passive':_0x42d422,'signal':this[_0x18785a(0xdb)][_0x18785a(0xf5)]});}}[_0x18ec83(0xec)](){const _0xc2e6ba=_0x18ec83;this[_0xc2e6ba(0xd4)]||(this[_0xc2e6ba(0xd4)]=!0x0,this[_0xc2e6ba(0xf7)]=!0x1,this[_0xc2e6ba(0xef)]=requestAnimationFrame(this[_0xc2e6ba(0xf8)][_0xc2e6ba(0xeb)](this)));}[_0x18ec83(0xda)](){requestAnimationFrame(()=>{const _0x48f086=_0x2844;this[_0x48f086(0xee)]();});}[_0x18ec83(0xdc)](){const _0x311b00=_0x18ec83;this[_0x311b00(0xee)](),this[_0x311b00(0xdb)][_0x311b00(0xf6)]();}[_0x18ec83(0xee)](){const _0x480ff6=_0x18ec83;null!==this[_0x480ff6(0xef)]&&(cancelAnimationFrame(this[_0x480ff6(0xef)]),this[_0x480ff6(0xef)]=null),this[_0x480ff6(0xd4)]&&(this[_0x480ff6(0xd4)]=!0x1),this[_0x480ff6(0xf7)]=!0x1;}[_0x18ec83(0xe1)](_0x45cc27){const _0x22899e=_0x18ec83;if(this[_0x22899e(0xd4)]){if(_0x22899e(0xf3)===_0x45cc27[_0x22899e(0xf9)]){const _0x45b89b=_0x45cc27[_0x22899e(0xfa)];if(!fs[_0x22899e(0xd9)](_0x45b89b))return;}_0x45cc27 instanceof WheelEvent?_0x45cc27[_0x22899e(0xe7)]<0x0?this[_0x22899e(0xf7)]=!0x0:this[_0x22899e(0xf7)]=!this[_0x22899e(0xd5)]():this[_0x22899e(0xf7)]=!0x0;}}[_0x18ec83(0xd5)](){const _0x56217a=_0x18ec83,{scrollTop:_0x5a25a0,scrollHeight:_0x2bde45,clientHeight:_0x7dade9}=this[_0x56217a(0xf0)];return _0x2bde45-_0x5a25a0-_0x7dade9<=0x5;}[_0x18ec83(0xf8)](){const _0x13cfb5=_0x18ec83;this[_0x13cfb5(0xd4)]&&(this[_0x13cfb5(0xf7)]||this[_0x13cfb5(0xf0)][_0x13cfb5(0xe9)]({'top':this[_0x13cfb5(0xf0)][_0x13cfb5(0xf4)],'behavior':_0x13cfb5(0xde)}),this[_0x13cfb5(0xef)]=requestAnimationFrame(this[_0x13cfb5(0xf8)][_0x13cfb5(0xeb)](this)));}}