@ckeditor/ckeditor5-ai 0.0.1 → 40.1.0

package/src/ui/form/aihistorylistview.js

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2003-2023, 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 _0x433a=['Prompt\x20history','historyGroupView','delegate','clearHistoryButton','_createClearHistoryButton','length','filter','add','clearHistory','set','fire','locale','label','children','execute','items'];(function(_0x309933,_0x433a77){const _0x1114b9=function(_0x4687b4){while(--_0x4687b4){_0x309933['push'](_0x309933['shift']());}};_0x1114b9(++_0x433a77);}(_0x433a,0x130));const _0x1114=function(_0x309933,_0x433a77){_0x309933=_0x309933-0x0;let _0x1114b9=_0x433a[_0x309933];return _0x1114b9;};import{ListView as _0x39c127,ListItemGroupView as _0x355b6d,ButtonView as _0x3b2b3a}from'ckeditor5/src/ui';import{getTranslation as _0x2e3f47}from'../../utils/common-translations';export default class ot extends _0x39c127{constructor(_0x58fe50){super(_0x58fe50),this[_0x1114('0x3')]=this[_0x1114('0x4')](),this['historyGroupView']=new _0x355b6d(),this[_0x1114('0x1')][_0x1114('0xd')][_0x1114('0x7')](this[_0x1114('0x3')],0x1),this[_0x1114('0x1')][_0x1114('0xc')]=_0x2e3f47(_0x58fe50,_0x1114('0x0')),this['historyGroupView']['items'][_0x1114('0x2')](_0x1114('0xe'))['to'](this),this[_0x1114('0xf')][_0x1114('0x7')](this[_0x1114('0x1')]);}[_0x1114('0x6')](){let _0x222365=0x0;for(const _0x2102c2 of this[_0x1114('0xf')])_0x222365+=_0x2102c2[_0x1114('0xf')][_0x1114('0x5')];return{'resultsCount':_0x222365,'totalItemsCount':_0x222365};}[_0x1114('0x4')](){const _0x501d4a=this['locale'],_0x4c28d4=new _0x3b2b3a(this[_0x1114('0xb')]);return _0x4c28d4[_0x1114('0x9')]({'label':'('+_0x2e3f47(_0x501d4a,'Clear')+')','withText':!0x0}),_0x4c28d4['on']('execute',()=>this[_0x1114('0xa')](_0x1114('0x8'))),_0x4c28d4;}}

package/src/ui/form/prompthistory.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+import { Collection } from 'ckeditor5/src/utils';
+/**
+ * A collection that stores the prompt history in the session storage as a side effect.
+ */
+export default class PromptHistory extends Collection<PromptHistoryEntry> {
+    /**
+     * @inheritDoc
+     */
+    constructor();
+}
+/**
+ * An object that represents a historical prompt.
+ */
+export type PromptHistoryEntry = {
+    prompt: string;
+};

package/src/ui/form/prompthistory.js

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2003-2023, 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 _0x1087=['length','map','addMany','last','stringify','setItem','getItem','CKEditor/AIFormView/PromptHistory','add','_saveToSessionStorage','parse','_loadFromSessionStorage','trim','remove','toLowerCase','prompt'];(function(_0x4a0ac9,_0x108718){const _0x359b4f=function(_0x12d1a4){while(--_0x12d1a4){_0x4a0ac9['push'](_0x4a0ac9['shift']());}};_0x359b4f(++_0x108718);}(_0x1087,0x19b));const _0x359b=function(_0x4a0ac9,_0x108718){_0x4a0ac9=_0x4a0ac9-0x0;let _0x359b4f=_0x1087[_0x4a0ac9];return _0x359b4f;};import{Collection as _0x1aa872}from'ckeditor5/src/utils';const ts=_0x359b('0xc');export default class at extends _0x1aa872{constructor(){super(),this[_0x359b('0x0')](),this['on'](_0x359b('0xd'),(_0x5d4b5e,_0x4de006)=>{const _0x223fa9=os(_0x4de006['prompt']);for(const _0xf48b6d of this)if(_0xf48b6d!=_0x4de006&&os(_0xf48b6d[_0x359b('0x4')])===_0x223fa9){this[_0x359b('0x2')](_0xf48b6d);break;}this[_0x359b('0x5')]>0x14&&this[_0x359b('0x2')](this[_0x359b('0x8')]),this[_0x359b('0xe')]();}),this['on'](_0x359b('0x2'),()=>{this['_saveToSessionStorage']();});}['_loadFromSessionStorage'](){const _0x2b47b4=sessionStorage[_0x359b('0xb')](ts)||'[]';this[_0x359b('0x7')](JSON[_0x359b('0xf')](_0x2b47b4));}[_0x359b('0xe')](){sessionStorage[_0x359b('0xa')](ts,JSON[_0x359b('0x9')](this[_0x359b('0x6')](_0x4d35f6=>_0x4d35f6)));}}function os(_0x10acf3){return _0x10acf3[_0x359b('0x3')]()[_0x359b('0x1')]();}

package/src/ui/showaiassistantcommand.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ai/ui/showaiassistantcommand
+ * @publicApi
+ */
+import { Command } from 'ckeditor5/src/core';
+/**
+ * Command that shows the AI Assistant user interface.
+ */
+export default class ShowAIAssistantCommand extends Command {
+    /**
+     * @inheritDoc
+     */
+    refresh(): void;
+    /**
+     * Opens AI Assistant user interface for the current document selection.
+     *
+     * @param prompt The initial prompt. If set, the AI assistant will automatically submit given prompt to the AI service.
+     * @param label Label to be displayed in the AI assistant query input field while the AI assistant processes the initial prompt.
+     * @fires execute
+     */
+    execute(prompt?: string, label?: string): void;
+}

package/src/ui/showaiassistantcommand.js

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2003-2023, 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 _0x2af0=['aiAssistant.disabledElements','config','document','includes','selection','showUI','element','model','refresh','isEnabled','editor','plugins','get','name'];(function(_0x3c511d,_0x2af0a6){const _0x317296=function(_0x397cac){while(--_0x397cac){_0x3c511d['push'](_0x3c511d['shift']());}};_0x317296(++_0x2af0a6);}(_0x2af0,0x161));const _0x3172=function(_0x3c511d,_0x2af0a6){_0x3c511d=_0x3c511d-0x0;let _0x317296=_0x2af0[_0x3c511d];return _0x317296;};import{Command as _0x20ea57}from'ckeditor5/src/core';import _0x2a1a3d from'../aiassistantui';export default class I extends _0x20ea57{[_0x3172('0x5')](){const _0x3e53d4=this['editor'][_0x3172('0x4')][_0x3172('0xd')][_0x3172('0x1')],_0x544306=this[_0x3172('0x7')][_0x3172('0xc')][_0x3172('0x9')](_0x3172('0xb'));for(const _0x1db871 of _0x3e53d4['getRanges']())for(const _0x37c4be of _0x1db871['getItems']())if(_0x37c4be['is'](_0x3172('0x3'))&&_0x544306[_0x3172('0x0')](_0x37c4be[_0x3172('0xa')]))return void(this['isEnabled']=!0x1);this[_0x3172('0x6')]=!0x0;}['execute'](_0xfb3456='',_0x3c0a25=''){this[_0x3172('0x7')][_0x3172('0x8')][_0x3172('0x9')](_0x2a1a3d)[_0x3172('0x2')](_0xfb3456,_0x3c0a25);}}

package/src/utils/common-translations.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ai/utils/common-translations
+ */
+import type { Locale } from 'ckeditor5/src/utils';
+export declare function getTranslation(locale: Locale, id: string, values?: string | Array<string> | number): string;

package/src/utils/common-translations.js

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2003-2023, 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.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+export function getTranslation(_0x2e53a6,_0x3aee86,_0x52ed40){const t=_0x2e53a6['t'];switch(_0x3aee86){case'Edit\x20or\x20review':return t('Edit\x20or\x20review');case'Improve\x20writing':return t('Improve\x20writing');case'Make\x20shorter':return t('Make\x20shorter');case'Make\x20longer':return t('Make\x20longer');case'Simplify\x20language':return t('Simplify\x20language');case'Generate\x20from\x20selection':return t('Generate\x20from\x20selection');case'Summarize':return t('Summarize');case'Continue':return t('Continue');case'Change\x20tone':return t('Change\x20tone');case'Professional':return t('Professional');case'Casual':return t('Casual');case'Direct':return t('Direct');case'Confident':return t('Confident');case'Friendly':return t('Friendly');case'Change\x20style':return t('Change\x20style');case'Business':return t('Business');case'Legal':return t('Legal');case'Journalism':return t('Journalism');case'Poetic':return t('Poetic');case'Translate':return t('Translate');case'Translate\x20to\x20%0':return t('Translate\x20to\x20%0',_0x52ed40);case'English':return t('English');case'Spanish':return t('Spanish');case'German':return t('German');case'Portuguese':return t('Portuguese');case'French':return t('French');case'Simplified\x20Chinese':return t('Simplified\x20Chinese');case'Hindi':return t('Hindi');case'Arabic':return t('Arabic');case'AI\x20Assistant':return t('AI\x20Assistant');case'AI\x20Commands':return t('AI\x20Commands');case'Ask\x20AI\x20to\x20edit\x20or\x20generate':return t('Ask\x20AI\x20to\x20edit\x20or\x20generate');case'Ask\x20AI\x20to\x20improve\x20generated\x20text':return t('Ask\x20AI\x20to\x20improve\x20generated\x20text');case'Copy':return t('Copy');case'Submit':return t('Submit');case'Insert\x20below':return t('Insert\x20below');case'Try\x20again':return t('Try\x20again');case'Stop':return t('Stop');case'AI\x20is\x20writing...':return t('AI\x20is\x20writing...');case'History':return t('History');case'Empty\x20history':return t('Empty\x20history');case'Ask\x20AI\x20and\x20your\x20prompts\x20will\x20be\x20listed\x20here\x20for\x20you\x20to\x20use\x20later.':return t('Ask\x20AI\x20and\x20your\x20prompts\x20will\x20be\x20listed\x20here\x20for\x20you\x20to\x20use\x20later.');case'Prompt\x20history':return t('Prompt\x20history');case'Search\x20AI\x20command':return t('Search\x20AI\x20command');case'No\x20commands\x20found':return t('No\x20commands\x20found');case'No\x20commands\x20available':return t('No\x20commands\x20available');case'Clear':return t('Clear');case'AI_REPLACE_CONTENT':return t({'id':'AI_REPLACE_CONTENT','string':'Replace'});case'AI_INSERT_CONTENT':return t({'id':'AI_INSERT_CONTENT','string':'Insert'});case'AI_ERROR_AUTH_REQUEST':return t({'id':'AI_ERROR_AUTH_REQUEST','string':'Authorization\x20request\x20failed'});case'AI_ERROR_CONTEXT_LENGTH':return t({'id':'AI_ERROR_CONTEXT_LENGTH','string':'Selected\x20content\x20is\x20too\x20long'});case'AI_ERROR_MODERATION':return t({'id':'AI_ERROR_MODERATION','string':'Requested\x20query\x20does\x20not\x20pass\x20moderation\x20rules'});case'AI_ERROR_FAILED':return t({'id':'AI_ERROR_FAILED','string':'Failed\x20to\x20communicate\x20with\x20the\x20AI\x20service'});default:return _0x3aee86;}}

package/theme/ai-dropdown.css

@@ -0,0 +1,37 @@
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
+
+:root {
+	--ck-ai-dropdown-view-width: 250px;
+	--ck-ai-dropdown-view-list-max-height: 250px;
+}
+
+.ck.ck-ai-commands-search {
+	width: var(--ck-ai-dropdown-view-width);
+
+	& > .ck-labeled-field-view {
+		padding: var(--ck-spacing-large);
+
+		& .ck-input {
+			min-width: unset;
+		}
+	}
+
+	& > .ck-search__results {
+		border-top: 1px solid var(--ck-color-base-border);
+
+		& > .ck-list {
+			max-height: var(--ck-ai-dropdown-view-list-max-height);
+			overflow: auto;
+		}
+	}
+}

package/theme/ai-form.css

@@ -0,0 +1,250 @@
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
+
+:root {
+	--ck-ai-form-view-width: 470px;
+	--ck-ai-form-content-height: 126px;
+	--ck-ai-form-content-background: hsl(0, 0%, 98%);
+	--ck-ai-form-history-font-size: .9em;
+
+	--ck-ai-form-error-background: var(--ck-color-light-red);
+}
+
+/* Note: This class name is mentioned in the guide and acts like a public API. */
+.ck .ck-ai-form {
+	width: var(--ck-ai-form-view-width);
+
+	@mixin ck-media-phone {
+		--ck-ai-form-view-width: 350px;
+	}
+
+	& .ck-ai-form-content {
+		padding: var(--ck-spacing-large);
+		width: 100%;
+
+		& .ck-input {
+			width: 100%;
+		}
+
+		& .ck-ai-form__content-area-wrapper {
+			width: 100%;
+			max-height: var(--ck-ai-form-content-height);
+			overflow-y: auto;
+			border: 1px solid var(--ck-color-base-border);
+			border-radius: 2px;
+
+			&:focus {
+				outline: none;
+				border: var(--ck-focus-ring);
+				box-shadow: var(--ck-focus-outer-shadow), 0 0;
+			}
+		}
+
+		& .ck-ai-form__content-area {
+			display: flex;
+			background-color: var(--ck-ai-form-content-background);
+
+			&.ck-ai-form__content-area--processing {
+				--ck-color-text: var(--ck-color-input-disabled-text);
+				background-color: var(--ck-color-input-disabled-background);
+			}
+
+			/* Note: This class name is mentioned in the guide and acts like a public API */
+			& .ck-ai-form__content-field {
+				width: 100%;
+				white-space: normal;
+				padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
+				min-height: calc( var(--ck-line-height-base) * var(--ck-font-size-base) );
+				box-sizing: content-box;
+
+				@mixin ck-dir ltr {
+					padding-right: 0;
+				}
+
+				@mixin ck-dir rtl {
+					padding-left: 0;
+				}
+
+				& > * {
+					white-space: normal;
+					color: inherit;
+				}
+			}
+
+			& .ck-spinner-container {
+				@mixin ck-dir ltr {
+					margin-right: var(--ck-spacing-medium);
+				}
+
+				@mixin ck-dir rtl {
+					margin-left: var(--ck-spacing-medium);
+				}
+
+			}
+
+			& .ck-ai-form__copy-button-wrapper {
+				display: flex;
+				flex-direction: column-reverse;
+				padding-left: 2px;
+			}
+
+			& .ck-ai-form__copy-button {
+				position: sticky;
+				right: 1px;
+				bottom: 1px;
+				padding: 4px;
+				min-height: unset;
+				min-width: unset;
+
+				& svg {
+					--ck-icon-size: 16px;
+				}
+
+				&.ck-ai-form__copy-button--copied {
+					color: inherit;
+				}
+			}
+		}
+
+		& .ck-ai-form__toolbar {
+			border: none;
+			padding: 0;
+			margin-top: var(--ck-spacing-medium);
+			margin-bottom: calc( 2 * var(--ck-spacing-medium) );
+		}
+
+		& .ck-ai-form__loader {
+			display: flex;
+			align-items: center;
+
+			& .ck-spinner {
+				box-sizing: border-box;
+			}
+		}
+
+		& .ck-autocomplete {
+			display: flex;
+			justify-content: space-between;
+
+			& > .ck-labeled-field-view {
+				flex-grow: 1;
+			}
+
+			& > .ck.ck-ai-form__submit {
+				@mixin ck-dir ltr {
+					margin-left: var(--ck-spacing-medium);
+				}
+
+				@mixin ck-dir rtl {
+					margin-right: var(--ck-spacing-medium);
+				}
+
+				border-color: var(--ck-ai-form-submit-button-border-color);
+				color: var(--ck-ai-form-submit-button-text-color);
+
+				&.ck-disabled {
+					border-color: var(--ck-ai-form-submit-button-disabled-border-color);
+				}
+			}
+
+			/* Toggle history button */
+			& > .ck-labeled-field-view .ck-ai-form__toggle-history {
+				position: absolute;
+				font-size: var(--ck-font-size-tiny);
+
+				@mixin ck-dir ltr {
+					right: var(--ck-spacing-medium);
+				}
+
+				@mixin ck-dir rtl {
+					left: var(--ck-spacing-medium);
+				}
+
+				bottom: var(--ck-spacing-small);
+				top: var(--ck-spacing-small);
+				padding: 4px;
+				min-height: unset;
+				min-width: unset;
+			}
+
+			& .ck-textarea {
+				/* Give the toggle history button some space */
+				@mixin ck-dir ltr {
+					padding-right: 30px;
+				}
+
+				@mixin ck-dir rtl {
+					padding-left: 30px;
+				}
+			}
+
+			/* Prompt history group */
+			& .ck-search__results .ck-list .ck-list__group {
+				display: grid;
+				grid-template-columns: auto 1fr;
+				grid-template-rows: auto;
+				grid-column-gap: 0px;
+				grid-row-gap: 0px;
+
+				/* History group label */
+				& > span {
+					grid-area: 1 / 1 / 2 / 2;
+				}
+
+				/* Clear button in the history */
+				& > .ck-button {
+					padding: 0;
+					min-height: auto;
+					grid-area: 1 / 2 / 2 / 3;
+					font-size: var(--ck-ai-form-history-font-size);
+					justify-self: start;
+					background: none;
+					margin: var(--ck-spacing-medium) 0 0;
+
+					& .ck-button__label {
+						line-height: inherit;
+
+						&:hover {
+							text-decoration: underline;
+						}
+					}
+				}
+
+				& > .ck-list {
+					grid-area: 2 / 1 / 3 / 3;
+
+					/* Prompts can be very long. We need to display them whole. */
+					& .ck-list__item .ck-button .ck-button__label {
+						white-space: nowrap;
+						overflow: hidden;
+						max-width: 100%;
+						text-overflow: ellipsis;
+						font-size: var(--ck-ai-form-history-font-size);
+						line-height: var(--ck-line-height-base);
+					}
+				}
+			}
+		}
+	}
+
+	& .ck-ai-form__error {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding: var(--ck-spacing-medium);
+		background-color: var(--ck-ai-form-error-background);
+		color: var(--ck-color-base-text);
+		border-radius: 2px;
+		margin-bottom: var(--ck-spacing-medium);
+	}
+}
+

package/theme/ai.css

@@ -0,0 +1,103 @@
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/*
+ * These definitions bring violet accents (tint) across the AI UI.
+ */
+:root {
+	--ck-ai-form-submit-button-text-color: 						var(--ck-color-text);
+	--ck-ai-form-submit-button-border-color: 					transparent;
+	--ck-ai-form-submit-button-disabled-border-color: 			transparent;
+	--ck-ai-toolbar-button-hover-color: 						var(--ck-color-text);
+}
+
+/* Note: This class name is mentioned in the guide and acts like a public API. */
+.ck-ai-assistant-ui_theme {
+	--ck-color-button-default-hover-background: 				hsl(262.1,100%,96.3%);
+	--ck-color-button-default-active-background:				hsl(262.1,100%,96.3%);
+
+	--ck-color-button-on-background: 							hsl(262.1,100%,96.3%);
+	--ck-color-button-on-hover-background: 						hsl(262.5,60%,92.2%);
+	--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%);
+
+	--ck-color-button-action-background: 						hsl(263.2,59.2%,52%);
+	--ck-color-button-action-hover-background: 					hsl(262.6,58.9%,49.6%);
+	--ck-color-button-action-active-background:					hsl(262.6,58.9%,49.6%);
+	--ck-color-button-action-disabled-background: 				hsl(263.8,59.3%,75.9%);
+
+	--ck-color-list-button-hover-background: 					hsl(262.1,100%,96.3%);
+
+	--ck-ai-form-content-background: 							hsl(0,0%,97.6%);
+	--ck-ai-form-submit-button-text-color: 						var(--ck-color-button-on-color);
+	--ck-ai-form-submit-button-border-color: 					var(--ck-color-button-action-background);
+	--ck-ai-form-submit-button-disabled-border-color: 			var(--ck-color-button-action-disabled-background);
+	--ck-ai-toolbar-button-hover-color: 						var(--ck-color-button-on-color);
+}
+
+/*
+ * Apply the theme colors for specific elements.
+ */
+.ck-ai-commands-dropdown > .ck-button:hover,
+.ck-ai-assistant-button:hover {
+	color: var(--ck-ai-toolbar-button-hover-color);
+}
+
+/*
+ * Classes used by the "fake visual selection" displayed in the content when an input
+ * in the AI UI has focus (the browser does not render the native selection in this state).
+ *
+ * Narrow down to <span> to prevent changing background for widgets and nested editables.
+ */
+.ck span.ck-fake-ai-selection {
+	background: var(--ck-color-link-fake-selection);
+}
+
+/* A collapsed fake visual selection. */
+.ck .ck-fake-ai-selection_collapsed {
+	height: 100%;
+	border-right: 1px solid var(--ck-color-base-text);
+	margin-right: -1px;
+	outline: solid 1px hsla(0, 0%, 100%, .5);
+}
+
+/*
+ * Styles of the AI response field. The margins, font sizes and line-heights have been reduced
+ * to save space.
+ *
+ * Note: This class name is mentioned in the guide and acts like a public API.
+ */
+.ck.ck-content.ck-ai-form__content-field {
+	& h2 {
+		font-size: 1.3em;
+	}
+
+	& h3 {
+		font-size: 1.2em;
+	}
+
+	& h4, & h5, & h6 {
+		font-size: 1.1em;
+	}
+
+	& h2, & h3, & h4, & h5, & h6, & p, & ul, & ol {
+		margin-block-start: .5em;
+		margin-block-end: .5em;
+		line-height: 1.7em;
+	}
+
+	& > :first-child {
+		margin-top: 0;
+	}
+
+	& > :last-child {
+		margin-bottom: 0;
+	}
+}

package/theme/icons/copy.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 2.801a.7.7 0 0 0-.7.7v11.5a.8.8 0 0 1-1.6 0v-11.5a2.3 2.3 0 0 1 2.3-2.3h6.5a.8.8 0 0 1 0 1.6H5Zm.7 3.7a2.3 2.3 0 0 1 2.3-2.3h7a2.3 2.3 0 0 1 2.3 2.3v10a2.3 2.3 0 0 1-2.3 2.3H8a2.3 2.3 0 0 1-2.3-2.3v-10Zm2.3-.7a.7.7 0 0 0-.7.7v10a.7.7 0 0 0 .7.7h7a.7.7 0 0 0 .7-.7v-10a.7.7 0 0 0-.7-.7H8Z"/></svg>

package/theme/icons/error.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M9.9 4.385a1.2 1.2 0 0 0-.44.44h.002l-5.284 9.15a1.2 1.2 0 0 0 1.04 1.8h10.564a1.2 1.2 0 0 0 1.04-1.8l-5.282-9.15a1.2 1.2 0 0 0-1.64-.44Zm.05 8.363a.301.301 0 0 1 .115-.023h.9a.301.301 0 0 1 .3.3v.9a.3.3 0 0 1-.3.3h-.9a.3.3 0 0 1-.3-.3v-.9a.3.3 0 0 1 .185-.277Zm-.185-4.723a.3.3 0 0 1 .3-.3h.9a.3.3 0 0 1 .3.3v3.4a.3.3 0 0 1-.3.3h-.9a.301.301 0 0 1-.3-.3v-3.4Z"/></svg>

package/theme/icons/magic-wand.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.346 9.422a.151.151 0 0 1 .284 0l.548 1.484a.152.152 0 0 0 .09.089l1.483.549a.151.151 0 0 1 0 .284l-1.483.548a.151.151 0 0 0-.09.09l-.548 1.483a.152.152 0 0 1-.142.1.151.151 0 0 1-.142-.1l-.549-1.483a.15.15 0 0 0-.09-.09l-1.483-.548a.15.15 0 0 1 0-.284l1.484-.549a.152.152 0 0 0 .089-.09l.549-1.483Z"/><path d="M16.306 1.742a.151.151 0 0 1 .284 0l.549 1.483a.15.15 0 0 0 .089.09l1.483.548a.151.151 0 0 1 .072.229.151.151 0 0 1-.072.055l-1.483.549a.15.15 0 0 0-.09.09l-.548 1.482a.151.151 0 0 1-.284 0l-.549-1.483a.15.15 0 0 0-.09-.09l-1.483-.548a.151.151 0 0 1 0-.284l1.484-.549a.152.152 0 0 0 .09-.089l.548-1.483Z"/><path d="M7.665 1.742a.151.151 0 0 1 .284 0l.549 1.483a.151.151 0 0 0 .09.09l1.482.548a.151.151 0 0 1 .072.229.151.151 0 0 1-.072.055l-1.483.549a.151.151 0 0 0-.09.09L7.95 6.267a.151.151 0 0 1-.284 0l-.549-1.483a.151.151 0 0 0-.089-.09l-1.483-.548a.151.151 0 0 1 0-.284l1.483-.549a.151.151 0 0 0 .09-.089l.548-1.483-.001.001Z"/><path d="M14.72 7.946a.848.848 0 0 0 .25-.591.824.824 0 0 0-.241-.588l-1.943-1.938a.812.812 0 0 0-.588-.241.838.838 0 0 0-.591.25l-1.545 1.539 3.115 3.115 1.542-1.546h.001Z"/><path clip-rule="evenodd" d="M1.19 15.636a.96.96 0 0 1 .281-.679l7.835-7.834 3.121 3.12-7.834 7.835a.959.959 0 0 1-1.358 0l-1.764-1.764a.96.96 0 0 1-.28-.678Zm9.22-5.391-1.121-1.12-6.479 6.478 1.121 1.121 6.479-6.479Z"/></svg>

package/theme/icons/robot-pencil.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.61 2.66a1.406 1.406 0 1 0-1.407 0v.891H3.28a2.11 2.11 0 0 0-2.11 2.11v10.312a2.11 2.11 0 0 0 2.11 2.109h5.684l-.054-1.157.18-.25H3.28a.703.703 0 0 1-.703-.702V5.66c0-.389.315-.704.703-.704h11.25c.388 0 .703.315.703.704v2.484l.358-.497a2.492 2.492 0 0 1 1.048-.84V5.66a2.11 2.11 0 0 0-2.11-2.11H9.61v-.89Z"/><path d="M5.625 10.817c.518 0 .937-.63.937-1.407 0-.776-.42-1.406-.937-1.406-.518 0-.938.63-.938 1.406 0 .777.42 1.407.938 1.407Z"/><path d="M13.125 9.41c0 .777-.42 1.407-.938 1.407s-.937-.63-.937-1.407c0-.776.42-1.406.937-1.406.518 0 .938.63.938 1.406Z"/><path d="M.937 8.004A.937.937 0 0 0 0 8.942v1.875c0 .517.42.937.937.937v-3.75Z"/><path d="M6.128 12.51a.782.782 0 0 1 1.085.216c.272.408.907.707 1.693.707s1.421-.3 1.693-.707a.782.782 0 0 1 1.302.868c-.666 1-1.906 1.403-2.995 1.403-1.089 0-2.329-.404-2.995-1.403a.782.782 0 0 1 .217-1.085Z"/><path d="m16.987 8.91-.622.864 2.879 2.074.622-.864a.71.71 0 0 0-.161-.99l-1.728-1.245a.71.71 0 0 0-.99.161Z"/><path d="M11.635 19.951a.355.355 0 0 1-.449-.31l-.214-2.38 4.978-6.911 2.88 2.074-4.978 6.91-2.217.617Z"/></svg>

package/theme/icons/submit.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.875 4.419a.75.75 0 0 0-1.5 0v7.25H6.818l2.33-1.955a.75.75 0 0 0-.963-1.15l-3.792 3.182a.75.75 0 0 0-.17.945c.046.11.118.208.21.284l3.788 3.18a.75.75 0 1 0 .965-1.149l-2.19-1.837h7.629c.69 0 1.25-.56 1.25-1.25v-7.5Z"/></svg>