@ckeditor/ckeditor5-ai 0.0.0-nightly-20230927.0

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

@@ -0,0 +1,70 @@
+/**
+ * @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/aiformcontentarea
+ */
+import { type Locale } from 'ckeditor5/src/utils';
+import { View, ButtonView } from 'ckeditor5/src/ui';
+/**
+ * A class representing the text area view of the AI assistant.
+ */
+export default class AIFormContentArea extends View {
+    /**
+     * The value which is displayed in the content field.
+     *
+     * @observable
+     */
+    value: string | null;
+    /**
+     * Controls whether the content area is visible.
+     *
+     * @observable
+     * @default false
+     */
+    isVisible: boolean;
+    /**
+     * Indicates if the content area is during processing which can change inner values.
+     */
+    isProcessing: boolean;
+    /**
+     * The textarea view.
+     */
+    contentFieldView: ContentFieldView;
+    /**
+     * The copy button displayed in the bottom-right corner of text area.
+     */
+    copyButtonView: ButtonView;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+    focus(): void;
+}
+/**
+ * A class representing the content field view of the AI assistant.
+ */
+declare class ContentFieldView extends View {
+    /**
+     * A loader view that get displayed while the response is processing.
+     */
+    loaderView: View;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale);
+    /**
+     * Sets innerHTML of the content field.
+     */
+    setContent(value: string): void;
+    /**
+     * Appends loader to the content field.
+     */
+    appendLoader(): void;
+}
+export {};

package/src/ui/form/aiformcontentarea.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.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+import{global as _0x5bef67}from'ckeditor5/src/utils';import{View as _0x20de52,ButtonView as _0x4462b9,SpinnerView as _0x4860f6}from'ckeditor5/src/ui';import _0x447e26 from'../../../theme/icons/copy.svg';import{icons as _0x55342d}from'ckeditor5/src/core';export default class $ extends _0x20de52{constructor(_0x24e031){super(_0x24e031),this['set']({'value':null,'isVisible':!0x1,'isProcessing':!0x1});const _0x13d171=this['bindTemplate'];this['contentFieldView']=new j(_0x24e031),this['copyButtonView']=this['_createCopyButton'](),this['setTemplate']({'tag':'div','attributes':{'class':['ck','ck-ai-form__content-area-wrapper',_0x13d171['if']('isVisible','ck-hidden',_0x1e43dc=>!_0x1e43dc)],'tabindex':'-1'},'children':[{'tag':'div','attributes':{'class':['ck','ck-ai-form__content-area',_0x13d171['if']('isProcessing','ck-ai-form__content-area--processing')]},'children':[this['contentFieldView'],{'tag':'div','attributes':{'class':['ck','ck-ai-form__copy-button-wrapper']},'children':[this['copyButtonView']]}]}]});}['render'](){super['render'](),this['value']&&this['contentFieldView']['setContent'](this['value']),this['on']('change:value',(_0x264ad9,_0x3bf4ac,_0x54e1c1)=>{this['contentFieldView']['setContent'](_0x54e1c1),this['isProcessing']&&this['value']&&this['element']['scrollTo']({'top':this['element']['scrollHeight'],'behavior':'smooth'});}),this['on']('change:isProcessing',(_0x4b5476,_0x380249,_0x10a1d1)=>{_0x10a1d1?(this['value']=null,this['contentFieldView']['appendLoader']()):this['value']||this['contentFieldView']['setContent']('');});}['focus'](){this['element']['focus']();}['_createCopyButton'](){const t=this['locale']['t'],_0x2a655d=new _0x4462b9(this['locale']),_0x2fb9a1='ck-ai-form__copy-button';return _0x2a655d['set']({'label':t('Copy'),'icon':_0x447e26,'class':_0x2fb9a1,'tooltip':!0x0}),_0x2a655d['bind']('isVisible')['to'](this,'value',_0x405f12=>!!_0x405f12),_0x2a655d['bind']('isEnabled')['to'](this,'isProcessing',_0x402df2=>!_0x402df2),_0x2a655d['on']('execute',()=>{this['_copyHTMLToClipboard'](this['contentFieldView']['element']),_0x2a655d['icon']=_0x55342d['check'],_0x2a655d['class']=_0x2fb9a1+'\x20ck-ai-form__copy-button--copied',this['focus'](),setTimeout(()=>{_0x2a655d['icon']=_0x447e26,_0x2a655d['class']=_0x2fb9a1;},0x3e8);}),_0x2a655d;}['_copyHTMLToClipboard'](_0x325154){const {window:_0x34c5af,document:_0x42a71f}=_0x5bef67;if(_0x34c5af['ClipboardItem']){const {Blob:_0x4605cb,ClipboardItem:_0x213b17}=_0x34c5af,_0x195230=[new _0x213b17({'text/html':new _0x4605cb([_0x325154['innerHTML']],{'type':'text/html'}),'text/plain':new _0x4605cb([_0x325154['textContent']||''],{'type':'text/plain'})})];navigator['clipboard']['write'](_0x195230);}else{const _0x2f7e12=_0x42a71f['createElement']('div');_0x2f7e12['style']['position']='absolute',_0x2f7e12['style']['left']='-9999px',_0x2f7e12['innerHTML']=_0x325154['innerHTML'],_0x42a71f['body']['appendChild'](_0x2f7e12);const _0x1c9084=_0x42a71f['createRange']();_0x1c9084['selectNodeContents'](_0x2f7e12);const _0x4692c6=_0x34c5af['getSelection']();_0x4692c6['removeAllRanges'](),_0x4692c6['addRange'](_0x1c9084),_0x42a71f['execCommand']('copy'),_0x2f7e12['remove']();}}}class j extends _0x20de52{constructor(_0x21455c){super(_0x21455c),this['loaderView']=this['_createLoader'](),this['setTemplate']({'tag':'div','attributes':{'class':['ck','ck-content','ck-reset_all-excluded','ck-ai-form__content-field']}});}['setContent'](_0x5ad20a){this['element']['innerHTML']=_0x5ad20a;}['appendLoader'](){this['element']['appendChild'](this['loaderView']['element']);}['_createLoader'](){const _0x45c26a=new _0x20de52(),t=this['locale']['t'],_0x1a1ceb=new _0x4860f6();return _0x1a1ceb['isVisible']=!0x0,_0x45c26a['setTemplate']({'tag':'div','attributes':{'class':['ck','ck-ai-form__loader']},'children':[_0x1a1ceb,{'text':t('AI\x20is\x20writing...')}]}),_0x45c26a['render'](),_0x45c26a;}}

package/src/ui/form/aiformerrorview.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/aiformerrorview
+ */
+import type { Locale } from 'ckeditor5/src/utils';
+import { View } from 'ckeditor5/src/ui';
+/**
+ * A class representing the error view of the AI assistant.
+ */
+export default class AIFormErrorView extends View {
+    /**
+     * The text of the error.
+     *
+     * @observable
+     */
+    text: string;
+    /**
+     * Creates an instance of the {@link module:ai/ui/aiformerrorview~AIFormErrorView} class.
+     *
+     * @param locale The localization services instance.
+     */
+    constructor(locale: Locale, text?: string);
+}

package/src/ui/form/aiformerrorview.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 _0x4b3f=['bindTemplate','ck-ai-form__error','text','set'];(function(_0x5e5a4c,_0x4b3f1a){const _0x533689=function(_0x4da354){while(--_0x4da354){_0x5e5a4c['push'](_0x5e5a4c['shift']());}};_0x533689(++_0x4b3f1a);}(_0x4b3f,0x1f0));const _0x5336=function(_0x5e5a4c,_0x4b3f1a){_0x5e5a4c=_0x5e5a4c-0x0;let _0x533689=_0x4b3f[_0x5e5a4c];return _0x533689;};import{View as _0x3d5c99,IconView as _0xf4e854}from'ckeditor5/src/ui';import _0xaafe0e from'../../../theme/icons/error.svg';export default class D extends _0x3d5c99{constructor(_0x57273b,_0x5eebf4=''){super(_0x57273b);const _0x11c4bf=new _0xf4e854(),_0x5e827c=this[_0x5336('0x0')];this[_0x5336('0x3')]('text',_0x5eebf4),_0x11c4bf['content']=_0xaafe0e,this['setTemplate']({'tag':'div','attributes':{'class':['ck',_0x5336('0x1')]},'children':[_0x11c4bf,{'text':_0x5e827c['to'](_0x5336('0x2'))}]});}}

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

@@ -0,0 +1,46 @@
+/**
+ * @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/aiformpromptview
+ */
+import { type Locale } from 'ckeditor5/src/utils';
+import { AutocompleteView, ButtonView, type TextareaView, type AutocompleteViewConfig } from 'ckeditor5/src/ui';
+/**
+ * A textarea field allowing to ask AI.
+ */
+export default class AIFormPromptView extends AutocompleteView<TextareaView> {
+    /**
+     * The submit button view.
+     */
+    submitButtonView: ButtonView;
+    /**
+     * The button that shows and hides the history autocomplete panel.
+     */
+    showHistoryButtonView: ButtonView;
+    /**
+     * Creates `AIFormPromptView` instance.
+     *
+     * @param locale The localization services instance.
+     * @param value Initial textarea state.
+     */
+    constructor(locale: Locale, config: AutocompleteViewConfig<TextareaView>);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+    /**
+     * @inheritDoc
+     */
+    focus(direction?: 1 | -1): void;
+}
+/**
+ * Fired when the query is submitted by the user.
+ *
+ * @eventName ~AIFormPromptView#submit
+ */
+export type AIFormPromptViewSubmitEvent = {
+    name: 'submit';
+    args: [query: string];
+};

package/src/ui/form/aiformpromptview.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.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+import{Rect as _0x39fa79,global as _0xac6598}from'ckeditor5/src/utils';import{AutocompleteView as _0x18aeca,ButtonView as _0x172436}from'ckeditor5/src/ui';import{icons as _0x3e5600}from'ckeditor5/src/core';import{escape as _0x547e65}from'lodash-es';import _0x208fec from'../../../theme/icons/submit.svg';export default class J extends _0x18aeca{constructor(_0x1a6a0f,_0x1fb943){super(_0x1a6a0f,_0x1fb943),this['queryView']['fieldView']['minRows']=0x1,this['queryView']['fieldView']['maxRows']=0x3,this['submitButtonView']=this['_createSubmitButton'](),this['showHistoryButtonView']=this['_createShowHistoryButton'](),this['focusableChildren']['add'](this['showHistoryButtonView'],0x1),this['focusableChildren']['add'](this['submitButtonView']);}['render'](){super['render'](),this['queryView']['fieldWrapperChildren']['add'](this['showHistoryButtonView']),this['children']['add'](this['submitButtonView']),this['keystrokes']['set']('enter',(_0x3a6612,_0x45f38a)=>{_0x3a6612['target']==this['queryView']['fieldView']['element']&&(this['submit'](),_0x45f38a());});}['_createSubmitButton'](){const _0x5aeb23=new _0x172436(this['locale']),t=this['locale']['t'];return _0x5aeb23['set']({'icon':_0x208fec,'label':t('Submit'),'isVisible':!0x0,'tooltip':!0x0,'class':'ck-ai-form__submit'}),_0x5aeb23['on']('execute',()=>{this['submit']();}),_0x5aeb23['bind']('isEnabled')['to'](this['queryView']['fieldView'],'isEmpty',this,'isEnabled',(_0x2be63e,_0x363289)=>!_0x2be63e&&_0x363289),_0x5aeb23;}['_createShowHistoryButton'](){const _0x4edd7c=new _0x172436(this['locale']),_0x552f61=this['resultsView'],t=this['locale']['t'];_0x4edd7c['set']({'label':t('History'),'withText':!0x1,'icon':_0x3e5600['history'],'tooltip':!0x0,'tooltipPosition':'sw','class':'ck-ai-form__toggle-history'}),_0x4edd7c['bind']('isOn')['to'](_0x552f61,'isVisible'),_0x4edd7c['on']('execute',()=>{_0x552f61['isVisible']=!_0x552f61['isVisible'],_0x552f61['isVisible']?this['filteredView']['focus']():this['focus']();});const _0x58d231=()=>{_0xac6598['window']['requestAnimationFrame'](()=>{const _0x47a855=new _0x39fa79(this['queryView']['fieldView']['element']),_0x3fdb40=_0x47a855['width'];_0x47a855['excludeScrollbarsAndBorders'](),_0x4edd7c['element']['style']['right']=_0x3fdb40-_0x47a855['width']+0x1+'px';});};return this['queryView']['fieldView']['on']('update',_0x58d231),this['on']('render',_0x58d231),_0x4edd7c;}['submit'](){const _0x4aba44=this['queryView']['fieldView']['element']['value'];this['fire']('submit',_0x547e65(_0x4aba44));}['focus'](_0x43a2b5){-0x1===_0x43a2b5?this['focusCycler']['focusLast']():this['focusCycler']['focusFirst']();}}

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

@@ -0,0 +1,31 @@
+/**
+ * @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/aiformtextareaview
+ */
+import type { Locale } from 'ckeditor5/src/utils';
+import { LabeledFieldView, ButtonView, type TextareaView } from 'ckeditor5/src/ui';
+/**
+ * A textarea field allowing to ask AI.
+ *
+ * @private
+ */
+export default class AIFormTextareaView extends LabeledFieldView<TextareaView> {
+    /**
+     * The submit button view.
+     */
+    submitButtonView: ButtonView;
+    /**
+     * Creates `AIFormTextareaView`.
+     *
+     * @param locale The localization services instance.
+     * @param value Initial textarea state.
+     */
+    constructor(locale: Locale, value: string);
+    /**
+     * Resets the textarea value.
+     */
+    reset(): void;
+}

package/src/ui/form/aiformtextareaview.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.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+import{LabeledFieldView as _0x414d5b,createLabeledTextarea as _0x1fd240,ButtonView as _0x160a89}from'ckeditor5/src/ui';import _0x491501 from'../../../theme/icons/submit.svg';export default class Q extends _0x414d5b{constructor(_0x8cda34,_0x22cddc){super(_0x8cda34,_0x1fd240);const {t:t}=_0x8cda34;this['label']=t('Ask\x20AI'),this['fieldView']['value']=_0x22cddc,this['submitButtonView']=this['_createSubmitButton'](),this['fieldWrapperChildren']['add'](this['submitButtonView']);}['reset'](){this['fieldView']['reset']();}['_createSubmitButton'](){const _0x2e3089=new _0x160a89(this['locale']),t=this['locale']['t'];return _0x2e3089['set']({'icon':_0x491501,'label':t('Submit'),'isVisible':!0x0,'tooltip':!0x0}),_0x2e3089['on']('execute',()=>{this['fire']('submit',this['fieldView']['element']['value']);}),_0x2e3089['bind']('isEnabled')['to'](this['fieldView'],'isEmpty',this,'isEnabled',(_0x44bde6,_0x4e9340)=>!_0x44bde6&&_0x4e9340),_0x2e3089;}}

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

@@ -0,0 +1,41 @@
+/**
+ * @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/aiformtoolbarview
+ */
+import type { Locale } from 'ckeditor5/src/utils';
+import { ToolbarView, ButtonView } from 'ckeditor5/src/ui';
+/**
+ * A class representing the text area view of the AI assistant.
+ */
+export default class AIFormToolbarView extends ToolbarView {
+    /**
+     * Controls whether the toolbar is visible.
+     *
+     * @observable
+     * @default false
+     */
+    isVisible: boolean;
+    /**
+     * Button that is used to replace the selected content by the generated one.
+     */
+    replaceButton: ButtonView;
+    /**
+     * Button that is used to insert the generated content below the selection.
+     */
+    insertButton: ButtonView;
+    /**
+     * Button that is used to regenerate the response.
+     */
+    tryAgainButton: ButtonView;
+    /**
+     * Button that is used to stop the processing of the request.
+     */
+    stopButton: ButtonView;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale);
+}

package/src/ui/form/aiformtoolbarview.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.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+import{ToolbarView as _0x1b9a3b,ButtonView as _0x2c71c4}from'ckeditor5/src/ui';export default class W extends _0x1b9a3b{constructor(_0x24e2d6){super(_0x24e2d6);const t=_0x24e2d6['t'];this['set']('isVisible',!0x1),this['replaceButton']=this['_createButton'](t('Replace'),'ck-button-action'),this['insertButton']=this['_createButton'](t('Insert\x20below')),this['tryAgainButton']=this['_createButton'](t('Try\x20again')),this['stopButton']=this['_createButton'](t('Stop'));const _0x1c2950=this['bindTemplate'];this['extendTemplate']({'attributes':{'class':['ck-ai-form__toolbar',_0x1c2950['if']('isVisible','ck-hidden',_0x55536e=>!_0x55536e)]}}),this['items']['addMany']([this['replaceButton'],this['insertButton'],this['tryAgainButton'],this['stopButton']]);}['_createButton'](_0x84df49,_0x2ddbee){const _0x3f2a56=new _0x2c71c4(this['locale']);return _0x3f2a56['set']({'label':_0x84df49,'class':_0x2ddbee||'','isVisible':!0x0,'withText':!0x0}),_0x3f2a56;}}

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

@@ -0,0 +1,125 @@
+/**
+ * @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/aiformview
+ */
+import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils';
+import { View, FormHeaderView } from 'ckeditor5/src/ui';
+import AIFormToolbarView from './aiformtoolbarview';
+import AIFormContentArea from './aiformcontentarea';
+import AIFormErrorView from './aiformerrorview';
+import AIFormPromptView from './aiformpromptview';
+/**
+ * A class representing the form view of the AI assistant.
+ */
+export default class AIFormView extends View {
+    /**
+     * Tracks information about the DOM focus in the form.
+     *
+     * @readonly
+     */
+    focusTracker: FocusTracker;
+    /**
+     * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
+     *
+     * @readonly
+     */
+    keystrokes: KeystrokeHandler;
+    /**
+     * The view that represent the header of the form.
+     */
+    header: FormHeaderView;
+    /**
+     * The text area view that is used to display AI response.
+     */
+    contentArea: AIFormContentArea;
+    /**
+     * Toolbar view containing button views that manage the AI response and this form itself.
+     */
+    toolbar: AIFormToolbarView;
+    /**
+     * The component used for handling the user's query, including history and submit buttons.
+     */
+    promptView: AIFormPromptView;
+    /**
+     * View that is used to display the error message.
+     */
+    errorView: AIFormErrorView;
+    /**
+     * The prompt text can be configured either during construction when the AI command has been selected,
+     * or later by submitting the {@link #labeledInput}, if it hasn't been previously initialized.
+     * After setting this value the AI request is triggered.
+     */
+    prompt: string;
+    /**
+     * The value that is generated after user submitting the user prompt.
+     */
+    value: string;
+    /**
+     * Indicates if the AI request is processing.
+     */
+    isProcessing: boolean;
+    /**
+     * Indicates if the AI request failed.
+     */
+    isError: boolean;
+    /**
+     * Creates an instance of the {@link module:ai/ui/aiformview~AIFormView} class.
+     *
+     * @param locale The localization services instance.
+     * @param prompt The text label of the prompt with which the form has been initialized.
+     */
+    constructor(locale: Locale, prompt: string);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+    focus(): void;
+}
+/**
+ * Fired when a user performed an action that should lead to replace the current selection by generated content.
+ *
+ * @eventName ~AIFormView#replaceContent
+ */
+export type ReplaceContentEvent = {
+    name: 'replaceContent';
+    args: [value: string];
+};
+/**
+ * Fired when a user performed an action that should lead to insert generated content below the current selection.
+ *
+ * @eventName ~AIFormView#insertContentBelow
+ */
+export type InsertContentBelowEvent = {
+    name: 'insertContentBelow';
+    args: [value: string];
+};
+/**
+ * Fired when a user performed an action that should lead to retry the previous request to AI.
+ *
+ * @eventName ~AIFormView#tryAgainEvent
+ */
+export type TryAgainEvent = {
+    name: 'tryAgainEvent';
+    args: [];
+};
+/**
+ * Fired when a user performed an action that should lead to stop the processing of AI.
+ *
+ * @eventName ~AIFormView#stopProcessing
+ */
+export type StopProcessingEvent = {
+    name: 'stopProcessing';
+    args: [];
+};
+/**
+ * Fired when a user performed an action that should lead to ask AI.
+ *
+ * @eventName ~AIFormView#submitPrompt
+ */
+export type SubmitPromptEvent = {
+    name: 'submitPrompt';
+    args: [prompt: string];
+};

package/src/ui/form/aiformview.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.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+import{FocusTracker as _0x29644f,KeystrokeHandler as _0x5dc465}from'ckeditor5/src/utils';import{View as _0x2ebb39,FocusCycler as _0x820836,createLabeledTextarea as _0x553002,FormHeaderView as tt}from'ckeditor5/src/ui';import _0x1acf25 from'./aiformtoolbarview';import _0x3b19b8 from'./aiformcontentarea';import _0x52288b from'./aiformerrorview';import _0x587150 from'./aiformpromptview';import it from'./aihistorylistview';import st from'./aihistorylistitemview';import et from'./prompthistory';import _0x35023b from'../../../theme/icons/robot-pencil.svg';export default class I extends _0x2ebb39{constructor(_0x4f0c96,_0x250f86){super(_0x4f0c96);const t=this['locale']['t'];this['set']('isProcessing',!0x1),this['set']('prompt',_0x250f86),this['set']('value',''),this['set']('isError',!0x1),this['_promptHistory']=new et(),this['errorView']=new _0x52288b(_0x4f0c96),this['header']=new tt(_0x4f0c96,{'label':t('AI\x20Assistant'),'icon':_0x35023b}),this['contentArea']=new _0x3b19b8(_0x4f0c96),this['contentArea']['bind']('isProcessing')['to'](this),this['contentArea']['bind']('value')['to'](this),this['toolbar']=this['_createToolbar'](),this['promptView']=this['_createPromptView'](),this['focusTracker']=new _0x29644f(),this['keystrokes']=new _0x5dc465(),this['_focusables']=this['createCollection']([this['contentArea'],this['contentArea']['copyButtonView'],this['toolbar'],this['promptView']]),this['_focusCycler']=new _0x820836({'focusables':this['_focusables'],'focusTracker':this['focusTracker'],'keystrokeHandler':this['keystrokes'],'actions':{'focusPrevious':'shift\x20+\x20tab','focusNext':'tab'}}),this['promptView']['focusCycler']['on']('forwardCycle',_0x2dc97b=>{this['_focusCycler']['focusNext'](),_0x2dc97b['stop']();}),this['promptView']['focusCycler']['on']('backwardCycle',_0x12c660=>{this['_focusCycler']['focusPrevious'](),_0x12c660['stop']();});const _0x222cdb=this['bindTemplate'];this['setTemplate']({'tag':'div','attributes':{'class':['ck','ck-ai-form','ck-ai-theme_violet'],'tabindex':'-1'},'children':[this['header'],{'tag':'div','attributes':{'class':['ck','ck-ai-form-content']},'children':[{'tag':'div','attributes':{'class':[_0x222cdb['if']('isError','ck-hidden',_0x2f0d09=>!_0x2f0d09)]},'children':[this['errorView']]},this['contentArea'],this['toolbar'],this['promptView']]}]});}['render'](){super['render'](),this['focusTracker']['add'](this['contentArea']['element']),this['focusTracker']['add'](this['contentArea']['copyButtonView']['element']),this['focusTracker']['add'](this['toolbar']['element']),this['focusTracker']['add'](this['promptView']['element']),this['keystrokes']['listenTo'](this['element']);}['focus'](){this['_focusCycler']['focusFirst']();}['_createPromptView'](){const t=this['locale']['t'],_0x3812f6=new _0x587150(this['locale'],{'queryView':{'label':t('Ask\x20AI\x20to\x20edit\x20or\x20generate'),'creator':_0x553002,'showIcon':!0x1,'showResetButton':!0x1},'infoView':{'text':{'noSearchableItems':{'primary':t('Empty\x20history'),'secondary':t('Ask\x20AI\x20and\x20your\x20prompts\x20will\x20be\x20listed\x20here\x20for\x20you\x20to\x20use\x20later.')}}},'filteredView':this['_createHistoryView'](),'queryMinChars':0x1/0x0,'resetOnBlur':!0x1});return _0x3812f6['bind']('isEnabled')['to'](this,'isProcessing',_0x3273fb=>!_0x3273fb),this['listenTo'](_0x3812f6,'submit',(_0x28cc6c,_0xe5f880)=>{this['prompt']=_0xe5f880,this['fire']('submitPrompt',this['prompt']),_0xe5f880['trim']()&&this['_promptHistory']['add']({'prompt':_0xe5f880['trim']()},0x0);},{'priority':'high'}),_0x3812f6;}['_createHistoryView'](){const _0x386289=new it(this['locale']);return _0x386289['historyGroupView']['items']['bindTo'](this['_promptHistory'])['as'](st),_0x386289['on']('clearHistory',()=>{this['_promptHistory']['clear'](),this['promptView']['search'](''),this['promptView']['focus']();}),_0x386289;}['_createToolbar'](){const _0x1e24f7=new _0x1acf25(this['locale']);return _0x1e24f7['replaceButton']['bind']('isEnabled')['to'](this,'isProcessing',this,'value',(_0x35dab5,_0x1e2a9b)=>!_0x35dab5&&!!_0x1e2a9b),_0x1e24f7['replaceButton']['on']('execute',()=>{this['fire']('replaceContent',this['value']);}),_0x1e24f7['insertButton']['bind']('isEnabled')['to'](this,'isProcessing',this,'value',(_0x5c3f4a,_0x185c82)=>!_0x5c3f4a&&!!_0x185c82),_0x1e24f7['insertButton']['on']('execute',()=>{this['fire']('insertContentBelow',this['value']);}),_0x1e24f7['tryAgainButton']['bind']('isEnabled')['to'](this,'isProcessing',_0x31ad40=>!_0x31ad40),_0x1e24f7['tryAgainButton']['on']('execute',()=>{this['fire']('tryAgainEvent');}),_0x1e24f7['stopButton']['bind']('isEnabled')['to'](this,'isProcessing'),_0x1e24f7['stopButton']['on']('execute',()=>{this['fire']('stopProcessing');}),_0x1e24f7;}['startProcessing'](){this['value']='',this['isError']=!0x1,this['isProcessing']=!0x0,this['contentArea']['isVisible']=!0x0,this['toolbar']['isVisible']=!0x0,this['contentArea']['focus']();}['finishProcessing'](){const t=this['locale']['t'];this['isProcessing']=!0x1,this['prompt']='',this['promptView']['reset'](),this['value']&&(this['promptView']['queryView']['label']=t('Ask\x20AI\x20to\x20improve\x20generated\x20text'));}['handleError'](){const t=this['locale']['t'];this['finishProcessing'](),this['isError']=!0x0,this['errorView']['text']=t('Failed\x20to\x20communicate\x20with\x20the\x20AI\x20service'),this['value']||(this['contentArea']['isVisible']=!0x1);}}

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

@@ -0,0 +1,18 @@
+/**
+ * @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/aihistorylistitemview
+ */
+import { ListItemView } from 'ckeditor5/src/ui';
+import type { PromptHistoryEntry } from './prompthistory';
+/**
+ * A list item view that displays a historical prompt
+ */
+export default class AIHistoryListItemView extends ListItemView {
+    /**
+     * @inheritDoc
+     */
+    constructor(promptHistoryEntry: PromptHistoryEntry);
+}

package/src/ui/form/aihistorylistitemview.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 _0x33e2=['locale','children','fire','prompt','execute','add'];(function(_0x48320e,_0x33e226){const _0x57d94c=function(_0x34f2d2){while(--_0x34f2d2){_0x48320e['push'](_0x48320e['shift']());}};_0x57d94c(++_0x33e226);}(_0x33e2,0x193));const _0x57d9=function(_0x48320e,_0x33e226){_0x48320e=_0x48320e-0x0;let _0x57d94c=_0x33e2[_0x48320e];return _0x57d94c;};import{ListItemView as _0x27eff0,ButtonView as _0x5e9dc1}from'ckeditor5/src/ui';import _0x1b0b17 from'../dropdown/buttonlabelwithhighlightview';import{unescape as _0x4dd625}from'lodash-es';export default class st extends _0x27eff0{constructor(_0x560be4){super();const _0x558cd6=new _0x1b0b17(),_0x508e0f=new _0x5e9dc1(this[_0x57d9('0x5')],_0x558cd6);this[_0x57d9('0x0')][_0x57d9('0x4')](_0x508e0f),_0x508e0f['set']({'label':_0x560be4[_0x57d9('0x2')],'withText':!0x0}),_0x508e0f['on'](_0x57d9('0x3'),()=>{this[_0x57d9('0x1')]('execute',{'value':_0x4dd625(_0x560be4[_0x57d9('0x2')])});});}}

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

@@ -0,0 +1,35 @@
+/**
+ * @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/aihistorylistview
+ */
+import { ListView, ListItemGroupView, ButtonView, type FilteredView } from 'ckeditor5/src/ui';
+import type { Locale } from 'ckeditor5/src/utils';
+/**
+ * A list view that displays a list of AI prompts with filter pass-through.
+ *
+ * @private
+ */
+export default class AIHistoryListView extends ListView implements FilteredView {
+    historyGroupView: ListItemGroupView;
+    clearHistoryButton: ButtonView;
+    constructor(locale: Locale);
+    /**
+     * @inheritDoc
+     */
+    filter(): {
+        resultsCount: number;
+        totalItemsCount: number;
+    };
+}
+/**
+ * Fired when the clear history button was executed by the user.
+ *
+ * @eventName ~AIHistoryListView#clearHistory
+ */
+export type AIHistoryListViewClearHistoryEvent = {
+    name: 'clearHistory';
+    args: [];
+};

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.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+import{ListView as _0xd9a14d,ListItemGroupView as _0x25c369,ButtonView as _0x1d3ad4}from'ckeditor5/src/ui';export default class it extends _0xd9a14d{constructor(_0x14f536){super(_0x14f536);const t=_0x14f536['t'];this['clearHistoryButton']=this['_createClearHistoryButton'](),this['historyGroupView']=new _0x25c369(),this['historyGroupView']['children']['add'](this['clearHistoryButton'],0x1),this['historyGroupView']['label']=t('Prompt\x20history'),this['historyGroupView']['items']['delegate']('execute')['to'](this),this['items']['add'](this['historyGroupView']);}['filter'](){let _0x333e0f=0x0;for(const _0x215ff6 of this['items'])_0x333e0f+=_0x215ff6['items']['length'];return{'resultsCount':_0x333e0f,'totalItemsCount':_0x333e0f};}['_createClearHistoryButton'](){const t=this['locale']['t'],_0x1bcdbd=new _0x1d3ad4(this['locale']);return _0x1bcdbd['set']({'label':'('+t('Clear')+')','withText':!0x0}),_0x1bcdbd['on']('execute',()=>this['fire']('clearHistory')),_0x1bcdbd;}}

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;
+};