@ckeditor/ckeditor5-ai 47.0.0-alpha.9 → 47.1.0-alpha.0

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

@@ -71,13 +71,41 @@
 			padding: var(--ck-spacing-extra-large) var(--ck-spacing-large);
 			border-bottom: 1px solid var(--ck-color-base-border);
 
-			& .ck-ai-review-mode__check-run-results-header-title {
-				align-self: center;
-				font-weight: bold;
-				white-space: nowrap;
-				overflow: hidden;
-				max-width: 100%;
-				text-overflow: ellipsis;
+			& .ck-ai-review-mode__check-run-results-header-title-wrapper {
+				display: flex;
+				align-items: flex-start;
+				min-width: 0;
+
+				& > .ck-ai-spinner {
+					transition: width 0.25s, opacity 0.25s, margin-inline-end 0.25s, display 0.25s;
+					transition-behavior: allow-discrete;
+					margin-inline-end: var(--ck-spacing-large);
+
+					&.ck-hidden {
+						width: 0;
+						opacity: 0;
+						margin-inline-end: 0;
+					}
+				}
+
+				& .ck-ai-review-mode__check-run-results-header-title-content {
+					min-width: 0;
+
+					& .ck-ai-review-mode__check-run-results-header-title,
+					& .ck-ai-review-mode__check-run-results-header-subtitle {
+						display: block;
+						align-self: center;
+						white-space: nowrap;
+						overflow: hidden;
+						max-width: 100%;
+						text-overflow: ellipsis;
+						line-height: 1.5;
+					}
+
+					& .ck-ai-review-mode__check-run-results-header-title {
+						font-weight: bold;
+					}
+				}
 			}
 
 			& .ck-ai-review-mode__check-run-results-header-buttons {

package/theme/aitabs/aitabsview.css

@@ -15,12 +15,12 @@
 	--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.ck-tabs.ck-ai-tabs {
 	--ck-tabs-buttons-container-buttons-vertical-spacing: 61.5px;
 	--ck-color-tab-button-active-icon: hsl(263, 59%, 52%);
-	--ck-tabs-panels-container-width: 450px;
 
 	& .ck-tab-panel {
 		height: 100%;
@@ -45,7 +45,7 @@
 		right: var(--ck-tabs-overlay-right-position);
 		left: var(--ck-tabs-overlay-left-position);
 		bottom: var(--ck-tabs-overlay-bottom-position);
-		z-index: calc(var(--ck-z-dialog) - 1);
+		z-index: var(--ck-ai-tabs-overlay-z-index);
 		border-radius: 0;
 		border-top: 0;
 		border-bottom: 0;

package/theme/aitabs/tabs/tabsview.css

@@ -9,7 +9,6 @@
 
 :root {
 	--ck-tabs-buttons-container-buttons-vertical-spacing: 0;
-	--ck-tabs-panels-container-width: auto;
 	--ck-tabs-panels-container-background: hsl(0, 0%, 100%);
 	--ck-tab-button-padding: 12px;
 	--ck-tab-button-gap: var(--ck-spacing-medium);
@@ -21,12 +20,17 @@
 
 .ck.ck-tabs {
 	display: flex;
-	height: 100%;
 
 	font-size: var(--ck-font-size-base);
 	border: 1px solid var(--ck-color-base-border);
 	border-radius: var(--ck-border-radius);
 
+	/*
+	 * This is essential for avoiding horizontal stretching by children with white-space: nowrap
+	 * (see https://stackoverflow.com/questions/38223879/white-space-nowrap-breaks-flexbox-layout)
+	 */
+	min-width: 0;
+
 	&.ck-tabs_top {
 		flex-direction: column;
 	}
@@ -41,11 +45,16 @@
 
 
 	.ck-tabs__panels-container {
-		width: var(--ck-tabs-panels-container-width);
 		transition: width 0.8s ease-in-out;
 		transition: height 0.8s ease-in-out;
 		background-color: var(--ck-tabs-panels-container-background);
 		flex-grow: 1;
+
+		/*
+		 * This is essential for avoiding horizontal stretching by children with white-space: nowrap
+		 * (see https://stackoverflow.com/questions/38223879/white-space-nowrap-breaks-flexbox-layout)
+		 */
+		min-width: 0
 	}
 
 	.ck-tabs__buttons-container {
@@ -73,6 +82,7 @@
 		&.ck-tabs__buttons-container_right {
 			flex-direction: column;
 			padding-top: var(--ck-tabs-buttons-container-buttons-vertical-spacing);
+			padding-bottom: var(--ck-tabs-buttons-container-buttons-vertical-spacing);
 		}
 	}
 }

package/src/aireviewmode/ui/form/aireviewmodeformamanager.d.ts

@@ -1,16 +0,0 @@
-/**
- * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module ai/aireviewmode/ui/form/aireviewmodeformamanager
- */
-import type { Locale } from 'ckeditor5/src/utils.js';
-import { type View, ListItemView } from 'ckeditor5/src/ui.js';
-import { type AIReviewCheckOptions } from '../../aireviewcheckdefinitions.js';
-export declare class AIReviewModeFormManagerView extends ListItemView {
-    value: string;
-    argsKey: string | undefined;
-    constructor(locale: Locale, options: AIReviewCheckOptions, submitButton: View | null);
-    resetToDefault(): void;
-}

package/src/aireviewmode/ui/form/aireviewmodeformamanager.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 _0x1335b5=_0x3828;(function(_0x286ddc,_0x34f370){const _0x257354=_0x3828,_0x48c2b9=_0x286ddc();while(!![]){try{const _0x47a0e6=-parseInt(_0x257354(0x10a))/0x1*(parseInt(_0x257354(0x11f))/0x2)+-parseInt(_0x257354(0x120))/0x3*(parseInt(_0x257354(0x11b))/0x4)+parseInt(_0x257354(0x10f))/0x5*(parseInt(_0x257354(0x111))/0x6)+parseInt(_0x257354(0x113))/0x7*(-parseInt(_0x257354(0x11d))/0x8)+-parseInt(_0x257354(0x126))/0x9*(parseInt(_0x257354(0x125))/0xa)+-parseInt(_0x257354(0x10d))/0xb+-parseInt(_0x257354(0x119))/0xc*(-parseInt(_0x257354(0x10b))/0xd);if(_0x47a0e6===_0x34f370)break;else _0x48c2b9['push'](_0x48c2b9['shift']());}catch(_0x1e08b7){_0x48c2b9['push'](_0x48c2b9['shift']());}}}(_0x9fa5,0xb9577));function _0x3828(_0x5179f5,_0x4e7118){const _0x9fa526=_0x9fa5();return _0x3828=function(_0x382849,_0x56e019){_0x382849=_0x382849-0x10a;let _0x421fe1=_0x9fa526[_0x382849];return _0x421fe1;},_0x3828(_0x5179f5,_0x4e7118);}import{FormRowView as _0x52473c,ListItemView as _0x2efabc}from'ckeditor5/src/ui.js';import{AIReviewModeFormDropdownView as _0x2bd8fa}from'./aireviewmodeformdropdown.js';export class AIReviewModeFormManagerView extends _0x2efabc{[_0x1335b5(0x10c)]=null;constructor(_0x55c90b,_0x5dfb97,_0x4bf613){const _0x291048=_0x1335b5;super(_0x55c90b),this[_0x291048(0x10e)]=_0x5dfb97?.[_0x291048(0x10e)];if(_0x291048(0x112)===_0x5dfb97[_0x291048(0x11e)])this[_0x291048(0x10c)]=new _0x2bd8fa(this[_0x291048(0x127)],_0x5dfb97);this[_0x291048(0x117)](_0x291048(0x11a),''),this[_0x291048(0x116)](_0x291048(0x11a))['to'](this[_0x291048(0x10c)],_0x291048(0x115));const _0x5157dc=new _0x52473c(this[_0x291048(0x127)],{'children':[this[_0x291048(0x10c)]],'class':[_0x4bf613?_0x291048(0x118):'']});_0x4bf613&&_0x5157dc[_0x291048(0x124)][_0x291048(0x110)](_0x4bf613),this[_0x291048(0x122)]({'tag':_0x291048(0x121),'attributes':{'class':['ck',_0x291048(0x123),_0x291048(0x114)]},'children':[_0x5157dc]});}[_0x1335b5(0x11c)](){const _0x56b07d=_0x1335b5;this[_0x56b07d(0x10c)][_0x56b07d(0x11c)]();}}function _0x9fa5(){const _0x35767d=['167974zfTmDY','671082CYOCdU','div','setTemplate','ck-ai-review-mode__form-item','children','6772210VnkIon','18HnuveK','locale','3fLhGKI','33475IbVMsl','_formItem','14945997JUzhle','argsKey','3904085oaVkzW','add','6vifJvc','dropdown','232729POgSaa','ck-reset_all','formValue','bind','set','ck-form__row_with-submit','24972RHgybP','value','20myvoRp','resetToDefault','312rHLtHK','formType'];_0x9fa5=function(){return _0x35767d;};return _0x9fa5();}