@ckeditor/ckeditor5-ai 47.6.1 → 48.0.0-alpha.0

package/{src → dist}/aireviewcore/ui/aireviewcoreuicheckresultsview.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ai/aireviewcore/ui/aireviewcoreuicheckresultsview
  */
-import { type Locale } from 'ckeditor5/src/utils.js';
-import { ListItemView, ViewCollection } from 'ckeditor5/src/ui.js';
+import { type Locale } from '@ckeditor/ckeditor5-utils';
+import { ListItemView, ViewCollection } from '@ckeditor/ckeditor5-ui';
 import { type AIReviewCheckResultChange } from '../model/aireviewcheckresultchange.js';
 import { AIDisclaimerView } from '../../aicore/ui/aidisclaimerview.js';
 import { AIReviewCoreReviewCheckListItemResultsView } from './aireviewcorechecklistitemresultview.js';

package/{src → dist}/aireviewcore/ui/aireviewcoreview.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ai/aireviewcore/ui/aireviewcoreview
  */
-import { type Locale } from 'ckeditor5/src/utils.js';
-import { View, type FormHeaderView } from 'ckeditor5/src/ui.js';
+import { type Locale } from '@ckeditor/ckeditor5-utils';
+import { View, type FormHeaderView } from '@ckeditor/ckeditor5-ui';
 import { type AIReviewCoreReviewCheckListView } from './aireviewcorereviewchecklistview.js';
 import { type AIReviewCoreReviewCompletedView } from './aireviewcorereviewcompletedview.js';
 import { AIReviewCoreGeneralErrorView } from './aireviewcoregeneralerrorview.js';

package/{src → dist}/aireviewcore/ui/form/aireviewcoreformdropdown.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ai/aireviewcore/ui/form/aireviewcoreformdropdown
  */
-import { type Locale } from 'ckeditor5/src/utils.js';
-import { View } from 'ckeditor5/src/ui.js';
+import { type Locale } from '@ckeditor/ckeditor5-utils';
+import { View } from '@ckeditor/ckeditor5-ui';
 import type { AIReviewCheckOptions } from '../../types.js';
 export declare class AIReviewCoreFormDropdownView extends View {
     /**

package/{src → dist}/aireviewcore/ui/form/aireviewcoreformmanager.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ai/aireviewcore/ui/form/aireviewcoreformmanager
  */
-import type { Locale } from 'ckeditor5/src/utils.js';
-import { type View, ListItemView } from 'ckeditor5/src/ui.js';
+import type { Locale } from '@ckeditor/ckeditor5-utils';
+import { type View, ListItemView } from '@ckeditor/ckeditor5-ui';
 import { type AIReviewCheckOptions } from '../../types.js';
 export declare class AIReviewCoreFormManagerView extends ListItemView {
     value: string;

package/{src → dist}/aireviewmode/aireviewmode.d.ts

@@ -6,7 +6,7 @@
  * @module ai/aireviewmode/aireviewmode
  * @publicApi
  */
-import { ContextPlugin } from 'ckeditor5/src/core.js';
+import { ContextPlugin } from '@ckeditor/ckeditor5-core';
 import { AIReviewModeUI } from './aireviewmodeui.js';
 import { AIReviewCoreEditing } from '../aireviewcore/aireviewcoreediting.js';
 import { AIReviewModeController } from './aireviewmodecontroller.js';
@@ -53,7 +53,7 @@ export interface AIReviewModeConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( editorElement, {
+     * 	.create( {
      * 		ai: {
      * 			review: {
      * 				availableCommands: [
@@ -65,6 +65,8 @@ export interface AIReviewModeConfig {
      * 	.then( ... )
      * 	.catch( ... );
      * ```
+     *
+     * @default [ 'custom', 'correctness', 'clarity', 'readability', 'length', 'tone' ]
      */
     availableCommands?: Array<string>;
     /**
@@ -77,7 +79,7 @@ export interface AIReviewModeConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( editorElement, {
+     * 	.create( {
      * 		ai: {
      * 			review: {
      * 				extraCommands: [
@@ -108,7 +110,7 @@ export interface AIReviewModeConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( editorElement, {
+     * 	.create( {
      * 		ai: {
      * 			review: {
      * 				extraCommands: [ ... ],

package/{src → dist}/aireviewmode/aireviewmodecontroller.d.ts

@@ -2,8 +2,8 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
+import { type Context, type Editor } from '@ckeditor/ckeditor5-core';
 import { AIReviewCoreController } from '../aireviewcore/aireviewcorecontroller.js';
-import { type Context, type Editor } from 'ckeditor5/src/core.js';
 export declare class AIReviewModeController extends AIReviewCoreController {
     /**
      * @inheritDoc

package/{src → dist}/aitabs/aitabs.d.ts

@@ -6,7 +6,7 @@
  * @module ai/aitabs/aitabs
  * @publicApi
  */
-import { type Context, ContextPlugin, Editor } from 'ckeditor5/src/core.js';
+import { type Context, ContextPlugin, Editor } from '@ckeditor/ckeditor5-core';
 import { AITabsMainView } from './aitabsmainview.js';
 import { type AIContainerSide, type AIContainerType } from '../aiconfig.js';
 /**
@@ -17,6 +17,9 @@ import { type AIContainerSide, type AIContainerType } from '../aiconfig.js';
  * The feature is configured via the {@link module:ai/aiconfig~AIConfig#container `config.ai.container`} property.
  *
  * Learn more about AI features in CKEditor in the {@glink features/ai/ckeditor-ai-overview AI Overview} documentation.
+ *
+ * @experimental **Experimental:** This is a production-ready API but may change in minor releases
+ * without the standard deprecation policy. Check the changelog for migration guidance.
  */
 export declare class AITabs extends ContextPlugin {
     /**

package/{src → dist}/aitabs/aitabsmainview.d.ts

@@ -6,7 +6,7 @@
  * @module ai/aitabs/aitabsmainview
  * @publicApi
  */
-import type { Locale } from 'ckeditor5/src/utils.js';
+import type { Locale } from '@ckeditor/ckeditor5-utils';
 import { AITabsView, type AITabsViewOptions } from './tabs/aitabsview.js';
 import '../../theme/aitabs/aitabsview.css';
 /**
@@ -19,6 +19,9 @@ export declare const AI_TABS_VIEW_TYPES: readonly ["overlay", "sidebar", "custom
 export declare const AI_TABS_VIEW_SIDES: readonly ["left", "right"];
 /**
  * The view that hosts AI-powered features in the editor.
+ *
+ * @experimental **Experimental:** This is a production-ready API but may change in minor releases
+ * without the standard deprecation policy. Check the changelog for migration guidance.
  */
 export declare class AITabsMainView extends AITabsView {
     /**

package/{src → dist}/aitabs/tabs/aitabsview.d.ts

@@ -6,14 +6,17 @@
  * @module ai/aitabs/tabs/aitabsview
  * @publicApi
  */
-import { View, type ViewCollection } from 'ckeditor5/src/ui.js';
-import { type ArrayOrItem, type Locale } from 'ckeditor5/src/utils.js';
+import { View, type ViewCollection } from '@ckeditor/ckeditor5-ui';
+import { type ArrayOrItem, type Locale } from '@ckeditor/ckeditor5-utils';
 import { TabButtonView } from './tabbuttonview.js';
 import { TabPanelView } from './tabpanelview.js';
 import '../../../theme/aitabs/tabs/tabsview.css';
 export declare const AI_TABS_POSITIONS: readonly ["top", "left", "right"];
 /**
  * A view component that manages the tabs and their panels.
+ *
+ * @experimental **Experimental:** This is a production-ready API but may change in minor releases
+ * without the standard deprecation policy. Check the changelog for migration guidance.
  */
 export declare class AITabsView extends View {
     /**
@@ -59,6 +62,8 @@ export declare class AITabsView extends View {
      *
      * Also see: {@link #getTab}.
      *
+     * @experimental **Experimental:** This is a production-ready API but may change in minor releases
+     * without the standard deprecation policy. Check the changelog for migration guidance.
      * @returns {Array<string>} The IDs of all tabs.
      */
     getTabIds(): Array<string>;
@@ -66,6 +71,9 @@ export declare class AITabsView extends View {
      * Returns the pair of tab button and panel of a specific id.
      *
      * Note: Use {@link #getTabIds} to learn how to get the IDs of all tabs.
+     *
+     * @experimental **Experimental:** This is a production-ready API but may change in minor releases
+     * without the standard deprecation policy. Check the changelog for migration guidance.
      */
     getTab(tabId: string): {
         button: TabButtonView;
@@ -77,6 +85,9 @@ export declare class AITabsView extends View {
      * Note: Use {@link #activateTab} to activate the tab after adding it.
      *
      * Note: You can hide or show the tab after adding it using {@link #hideTab} and {@link #showTab}.
+     *
+     * @experimental **Experimental:** This is a production-ready API but may change in minor releases
+     * without the standard deprecation policy. Check the changelog for migration guidance.
      */
     addTab(config: AITabsAddTabOptions): {
         button: TabButtonView;
@@ -88,18 +99,27 @@ export declare class AITabsView extends View {
      * Note: Use {@link #getTabIds} to learn how to get the IDs of all tabs.
      *
      * Note: If `null` is passed, the current active tab will be deactivated and its panel will be hidden.
+     *
+     * @experimental **Experimental:** This is a production-ready API but may change in minor releases
+     * without the standard deprecation policy. Check the changelog for migration guidance.
      */
     activateTab(id: string | null): void;
     /**
      * Shows the tab of a specific id.
      *
      * Note: Use {@link #getTabIds} to learn how to get the IDs of all tabs.
+     *
+     * @experimental **Experimental:** This is a production-ready API but may change in minor releases
+     * without the standard deprecation policy. Check the changelog for migration guidance.
      */
     showTab(id: string): void;
     /**
      * Hides the tab of a specific id.
      *
      * Note: Use {@link #getTabIds} to learn how to get the IDs of all tabs.
+     *
+     * @experimental **Experimental:** This is a production-ready API but may change in minor releases
+     * without the standard deprecation policy. Check the changelog for migration guidance.
      */
     hideTab(id: string): void;
 }

package/{src → dist}/aitabs/tabs/tabbuttonview.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ai/aitabs/tabs/tabbuttonview
  */
-import { ButtonView } from 'ckeditor5/src/ui.js';
-import { type ArrayOrItem, type Locale } from 'ckeditor5/src/utils.js';
+import { ButtonView } from '@ckeditor/ckeditor5-ui';
+import { type ArrayOrItem, type Locale } from '@ckeditor/ckeditor5-utils';
 import type { AI_TABS_POSITIONS } from './aitabsview.js';
 import '../../../theme/aitabs/tabs/tabbuttonview.css';
 /**

package/{src → dist}/aitabs/tabs/tabpanelview.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module ai/aitabs/tabs/tabpanelview
  */
-import { View, type ViewCollection } from 'ckeditor5/src/ui.js';
-import { type ArrayOrItem, type Locale } from 'ckeditor5/src/utils.js';
+import { View, type ViewCollection } from '@ckeditor/ckeditor5-ui';
+import { type ArrayOrItem, type Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * A panel that contains the content of a tab in the tabs view component.
  */

package/{src → dist}/aitranslate/aitranslate.d.ts

@@ -6,7 +6,7 @@
  * @module ai/aitranslate/aitranslate
  * @publicApi
  */
-import { ContextPlugin } from 'ckeditor5/src/core.js';
+import { ContextPlugin } from '@ckeditor/ckeditor5-core';
 import { AITranslateController } from './aitranslatecontroller.js';
 import { AITranslateUI } from './aitranslateui.js';
 import { AIReviewCoreEditing } from '../aireviewcore/aireviewcoreediting.js';
@@ -45,7 +45,7 @@ export declare class AITranslate extends ContextPlugin {
  *
  * ```ts
  * ClassicEditor
- * 	.create( editorElement, {
+ * 	.create( {
  * 		ai: {
  * 			translate: {
  * 				// AI Translate configuration.
@@ -62,13 +62,13 @@ export declare class AITranslate extends ContextPlugin {
  */
 export interface AITranslateConfig {
     /**
-     * The integrator can provide a custom list of languages for the AI Translate feature.
+     * The list of languages available in the AI Translate feature.
      *
      * The list must be an array of objects containing the `id` and `label` properties like on example below:
      *
      * ```ts
      * ClassicEditor
-     * 	.create( editorElement, {
+     * 	.create( {
      * 		ai: {
      * 			translate: {
      * 				languages: [
@@ -87,6 +87,49 @@ export interface AITranslateConfig {
      * 	.then( ... )
      * 	.catch( ... );
      * ```
+     *
+     * Languages available by default are:
+     *
+     *	{
+     *		label: 'English',
+     *		id: 'english'
+     *	},
+     *	{
+     *		label: 'Spanish',
+     *		id: 'spanish'
+     *	},
+     *	{
+     *		label: 'French',
+     *		id: 'french'
+     *	},
+     *	{
+     *		label: 'German',
+     *		id: 'german'
+     *	},
+     *	{
+     *		label: 'Chinese (Simplified)',
+     *		id: 'chinese'
+     *	},
+     *	{
+     *		label: 'Japanese',
+     *		id: 'japanese'
+     *	},
+     *	{
+     *		label: 'Russian',
+     *		id: 'russian'
+     *	},
+     *	{
+     *		label: 'Portuguese',
+     *		id: 'portuguese'
+     *	},
+     *	{
+     *		label: 'Korean',
+     *		id: 'korean'
+     *	},
+     *	{
+     *		label: 'Italian',
+     *		id: 'italian'
+     *	}
      */
     languages?: Array<AITranslateLanguage>;
 }

package/{src → dist}/aitranslate/aitranslatecontroller.d.ts

@@ -6,7 +6,7 @@
  * @module ai/aitranslate/aitranslatecontroller
  */
 import { AIReviewCoreController } from '../aireviewcore/aireviewcorecontroller.js';
-import { type Context, type Editor } from 'ckeditor5/src/core.js';
+import { type Context, type Editor } from '@ckeditor/ckeditor5-core';
 export declare class AITranslateController extends AIReviewCoreController {
     /**
      * @inheritDoc

package/{src → dist}/aitranslate/ui/aitranslatecheckresultsview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module ai/aitranslate/common/ui/aitranslatecheckresultsview
  */
-import { type Locale } from 'ckeditor5/src/utils.js';
+import { type Locale } from '@ckeditor/ckeditor5-utils';
 import { AIReviewCoreUICheckResultsView, type AIReviewCoreUICheckResultsViewContents } from '../../aireviewcore/ui/aireviewcoreuicheckresultsview.js';
 export declare class AITranslateCheckResultsView extends AIReviewCoreUICheckResultsView {
     /**

package/dist/index-content.css

@@ -2,4 +2,99 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
+.ck.ck-content.ck-ai-form__content-field h2{
+  font-size:1.3em;
+}
 
+.ck.ck-content.ck-ai-form__content-field h3{
+  font-size:1.2em;
+}
+
+.ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6{
+  font-size:1.1em;
+}
+
+.ck.ck-content.ck-ai-form__content-field h2, .ck.ck-content.ck-ai-form__content-field h3, .ck.ck-content.ck-ai-form__content-field h4, .ck.ck-content.ck-ai-form__content-field h5, .ck.ck-content.ck-ai-form__content-field h6, .ck.ck-content.ck-ai-form__content-field p, .ck.ck-content.ck-ai-form__content-field ul, .ck.ck-content.ck-ai-form__content-field ol{
+  margin-block:.5em;
+  line-height:1.7em;
+}
+
+.ck.ck-content.ck-ai-form__content-field > :first-child{
+  margin-top:0;
+}
+
+.ck.ck-content.ck-ai-form__content-field > :last-child{
+  margin-bottom:0;
+}
+
+@keyframes ck-ai-chat-shortcuts-prompt-input-glow{
+  0%{
+    box-shadow:var(--ck-ai-chat-shortcuts-prompt-input-animation-box-shadow);
+    border:var(--ck-ai-chat-shortcuts-prompt-input-animation-border);
+  }
+
+  100%{
+    box-shadow:var(--ck-focus-outer-shadow);
+    border:var(--ck-focus-ring);
+  }
+}
+
+@keyframes ck-ai-chat-prompt-input-glow{
+  0%{
+    background:var(--ck-color-ai-chat-prompt-input-animation-background);
+  }
+
+  100%{
+    background:var(--ck-color-input-background);
+  }
+}
+
+.ck.ck-content.ck-ai-suggestion-streamable-content{
+  padding:0;
+}
+
+.ck.ck-content.ck-ai-suggestion-streamable-content :first-child{
+  margin-top:0;
+}
+
+.ck.ck-content.ck-ai-suggestion-streamable-content :last-child{
+  margin-bottom:0;
+}
+
+.ck.ck-content.ck-ai-suggestion-streamable-content, .ck.ck-content.ck-ai-suggestion-streamable-content *{
+  white-space:normal;
+}
+
+.ck.ck-content.ck-ai-suggestion-streamable-content pre > code{
+  white-space:pre-wrap;
+}
+
+.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]){
+  border-top:3px solid var(--ck-color-ai-suggestion-inactive-border);
+  border-bottom:3px solid var(--ck-color-ai-suggestion-inactive-border);
+  background:var(--ck-color-ai-suggestion-inactive-background);
+}
+
+:is(.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatInline:not([data-author-id="$aiSuggestion"]), .ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"])).ck-widget{
+  border:3px solid var(--ck-color-ai-suggestion-inactive-border);
+}
+
+.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-formatBlock:not([data-author-id="$aiSuggestion"]){
+  box-shadow:-7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-ai-suggestion-inactive-background);
+}
+
+.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-deletion:not([data-author-id="$aiSuggestion"]){
+  text-decoration:line-through 3px;
+  text-decoration-color:var(--ck-color-ai-suggestion-inactive-border);
+}
+
+.ck.ck-content.ck-ai-suggestion-streamable-content .ck-suggestion-marker-insertion.table > tbody > tr > td{
+  background-color:var(--ck-color-suggestion-widget-insertion-background);
+}
+
+:root{
+  --ck-color-ai-inactive-insertion-border:#b9bbba59;
+  --ck-color-ai-inactive-insertion-background:#eceeec59;
+  --ck-color-ai-suggestion-inactive-background:var(--ck-color-ai-inactive-insertion-background);
+  --ck-color-ai-suggestion-inactive-border:var(--ck-color-ai-inactive-insertion-border);
+}