HtmlEditor: add Informer to aiDialog to show error state (DevExpress#29793)

Zedwag · web-flow · commit 72a73ac996e3 · 2025-05-07T12:33:54.000+04:00
diff --git a/apps/demos/testing/widgets/contextmenu/etalons/ccontext_menu_templates_custom_appearance (fluent.blue.light).png b/apps/demos/testing/widgets/contextmenu/etalons/ccontext_menu_templates_custom_appearance (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/contextmenu/etalons/context_menu_templates_share_visible (fluent.blue.light).png b/apps/demos/testing/widgets/contextmenu/etalons/context_menu_templates_share_visible (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/contextmenu/etalons/context_menu_templates_submenus_visible (fluent.blue.light).png b/apps/demos/testing/widgets/contextmenu/etalons/context_menu_templates_submenus_visible (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/datagrid/etalons/datagrid_ajax_request_1_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/datagrid/etalons/datagrid_ajax_request_1_desktop (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/datagrid/etalons/datagrid_filtering_3_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/datagrid/etalons/datagrid_filtering_3_desktop (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/datagrid/etalons/datagrid_filtering_5_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/datagrid/etalons/datagrid_filtering_5_desktop (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/datagrid/etalons/datagrid_filtering_by_range_1_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/datagrid/etalons/datagrid_filtering_by_range_1_desktop (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/datagrid/etalons/datagrid_multiple_sorting_5_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/datagrid/etalons/datagrid_multiple_sorting_5_desktop (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/datagrid/etalons/datagrid_odata_service_1_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/datagrid/etalons/datagrid_odata_service_1_desktop (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/datagrid/etalons/datagrid_simple_array_1_desktop (fluent.blue.light).png b/apps/demos/testing/widgets/datagrid/etalons/datagrid_simple_array_1_desktop (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/scheduler/etalons/scheduler_contextMenu_cell_click (fluent.blue.light).png b/apps/demos/testing/widgets/scheduler/etalons/scheduler_contextMenu_cell_click (fluent.blue.light).png
diff --git a/apps/demos/testing/widgets/scheduler/etalons/scheduler_contextMenu_click (fluent.blue.light).png b/apps/demos/testing/widgets/scheduler/etalons/scheduler_contextMenu_click (fluent.blue.light).png
diff --git a/packages/devextreme-themebuilder/tests/data/dependencies.ts b/packages/devextreme-themebuilder/tests/data/dependencies.ts
@@ -38,7 +38,7 @@ export const dependencies: FlatStylesDependencies = {
   gallery: [],
   toolbar: ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'popup'],
   contextmenu: ['validation', 'button', 'loadindicator', 'textbox'],
-  htmleditor: ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'popup', 'toolbar', 'textbox', 'list', 'checkbox', 'selectbox', 'numberbox', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'calendar', 'datebox', 'form', 'buttongroup', 'colorbox', 'progressbar', 'fileuploader', 'contextmenu', 'textarea', 'menu', 'dropdownbutton', 'treeview'],
+  htmleditor: ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'popup', 'toolbar', 'textbox', 'list', 'checkbox', 'selectbox', 'numberbox', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'calendar', 'datebox', 'form', 'buttongroup', 'colorbox', 'progressbar', 'fileuploader', 'contextmenu', 'textarea', 'menu', 'dropdownbutton', 'treeview', 'informer'],
   sortable: [],
   lookup: ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'list', 'popover'],
   map: [],
diff --git a/packages/devextreme/js/__internal/ui/html_editor/ui/aiDialog.ts b/packages/devextreme/js/__internal/ui/html_editor/ui/aiDialog.ts
@@ -7,6 +7,7 @@ import $ from '@js/core/renderer';
 import { extend } from '@js/core/utils/extend';
 import type { ButtonClickEvent, ItemClickEvent } from '@js/ui/drop_down_button_types';
 import type { AICommandNameExtended, AICustomCommand } from '@js/ui/html_editor';
+import Informer from '@js/ui/informer';
 import LoadIndicator from '@js/ui/load_indicator';
 import type { Properties as PopupProperties, ToolbarItem } from '@js/ui/popup';
 import type dxSelectBox from '@js/ui/select_box';
@@ -27,6 +28,7 @@ import {
   buildAICommandParams,
   getAICommandName,
 } from '@ts/ui/html_editor/utils/ai';
+import type { Properties as InformerProperties } from '@ts/ui/informer/informer';
 import type { LoadIndicatorProperties } from '@ts/ui/m_load_indicator';
 import { AnimationType } from '@ts/ui/m_load_indicator';
 import { TEXTEDITOR_INPUT_CONTAINER_CLASS } from '@ts/ui/text_box/m_text_editor.base';
@@ -112,6 +114,8 @@ export default class AIDialog extends BaseDialog<AIDialogResult> {
 
   private _getCustomCommandPrompt?: AICustomCommand['prompt'];
 
+  private _informer!: Informer;
+
   private _isAICommandExecuting = false;
 
   private _isAskAICommandSelected = false;
@@ -250,6 +254,7 @@ export default class AIDialog extends BaseDialog<AIDialogResult> {
     this._renderOptionSelectBox($controls);
     this._renderPromptTextArea($contentElem);
     this._renderResultTextArea($contentElem);
+    this._renderInformer($contentElem);
   }
 
   private _renderLoadIndicator(): void {
@@ -274,6 +279,19 @@ export default class AIDialog extends BaseDialog<AIDialogResult> {
     this._loadIndicator = new LoadIndicator($indicatorElement[0], options);
   }
 
+  private _renderInformer($container: dxElementWrapper): void {
+    const $informer = $('<div>').appendTo($container);
+    const text = localizationMessage.format('dxHtmlEditor-aiDialogError');
+
+    const options: InformerProperties = {
+      contentAlignment: 'center',
+      showBackground: true,
+      text,
+    };
+    // @ts-expect-error no .d.ts for private component
+    this._informer = new Informer($informer.get(0), options);
+  }
+
   protected _getPopupClass(): string {
     return AI_DIALOG_CLASS;
   }
@@ -444,6 +462,7 @@ export default class AIDialog extends BaseDialog<AIDialogResult> {
     this._refreshTextAreas();
     this._refreshToolbarItems();
     this._refreshLoadIndicator();
+    this._refreshInformer();
   }
 
   private _refreshToolbarItems(): void {
@@ -649,6 +668,12 @@ export default class AIDialog extends BaseDialog<AIDialogResult> {
     }
   }
 
+  private _refreshInformer(): void {
+    const visible = this._dialogState === DialogState.Error;
+
+    this._informer.option('visible', visible);
+  }
+
   private _getInitialDialogState(): DialogState {
     return this._isAskAICommandSelected ? DialogState.Asking : DialogState.Initial;
   }
diff --git a/packages/devextreme/js/localization/messages/ar.json b/packages/devextreme/js/localization/messages/ar.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/bg.json b/packages/devextreme/js/localization/messages/bg.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/ca.json b/packages/devextreme/js/localization/messages/ca.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/cs.json b/packages/devextreme/js/localization/messages/cs.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/da.json b/packages/devextreme/js/localization/messages/da.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "indsat",
         "dxHtmlEditor-borderStyleOutset": "udsat",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/de.json b/packages/devextreme/js/localization/messages/de.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/el.json b/packages/devextreme/js/localization/messages/el.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/en.json b/packages/devextreme/js/localization/messages/en.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/es.json b/packages/devextreme/js/localization/messages/es.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/fa.json b/packages/devextreme/js/localization/messages/fa.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/fi.json b/packages/devextreme/js/localization/messages/fi.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/fr.json b/packages/devextreme/js/localization/messages/fr.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/hu.json b/packages/devextreme/js/localization/messages/hu.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/it.json b/packages/devextreme/js/localization/messages/it.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/ja.json b/packages/devextreme/js/localization/messages/ja.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/lt.json b/packages/devextreme/js/localization/messages/lt.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/lv.json b/packages/devextreme/js/localization/messages/lv.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/nb.json b/packages/devextreme/js/localization/messages/nb.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/nl.json b/packages/devextreme/js/localization/messages/nl.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/pl.json b/packages/devextreme/js/localization/messages/pl.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/pt.json b/packages/devextreme/js/localization/messages/pt.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/ro.json b/packages/devextreme/js/localization/messages/ro.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/ru.json b/packages/devextreme/js/localization/messages/ru.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/sl.json b/packages/devextreme/js/localization/messages/sl.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/sv.json b/packages/devextreme/js/localization/messages/sv.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/tr.json b/packages/devextreme/js/localization/messages/tr.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/uk.json b/packages/devextreme/js/localization/messages/uk.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/vi.json b/packages/devextreme/js/localization/messages/vi.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/zh-tw.json b/packages/devextreme/js/localization/messages/zh-tw.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/js/localization/messages/zh.json b/packages/devextreme/js/localization/messages/zh.json
@@ -533,6 +533,7 @@
         "dxHtmlEditor-borderStyleInset": "inset",
         "dxHtmlEditor-borderStyleOutset": "outset",
         "dxHtmlEditor-aiDialogTitle": "AI Assistant",
+        "dxHtmlEditor-aiDialogError": "Something went wrong. Please try again.",
         "dxHtmlEditor-aiReplace": "Replace",
         "dxHtmlEditor-aiInsertAbove": "Insert above",
         "dxHtmlEditor-aiInsertBelow": "Insert below",
diff --git a/packages/devextreme/testing/helpers/aiDialog.js b/packages/devextreme/testing/helpers/aiDialog.js
@@ -10,6 +10,7 @@ const LIST_ITEM_CLASS = 'dx-list-item';
 const OVERLAY_CONTENT_CLASS = 'dx-overlay-content';
 const SELECTBOX_CLASS = 'dx-selectbox';
 const TEXTAREA_CLASS = 'dx-textarea';
+const INFORMER_CLASS = 'dx-informer';
 
 const CLICK_EVENT_NAME = 'dxclick';
 
@@ -145,6 +146,7 @@ export const getCommandSelectBoxInstance = ($container) => getDialogSelectBoxes(
 export const getOptionSelectBoxInstance = ($container) => getDialogSelectBoxes($container).eq(1).dxSelectBox('instance');
 export const getPromptTextAreaInstance = ($container) => $container.find(`.${TEXTAREA_CLASS}`).eq(0).dxTextArea('instance');
 export const getResultTextAreaInstance = ($container) => $container.find(`.${TEXTAREA_CLASS}`).eq(1).dxTextArea('instance');
+export const getInformerInstance = ($container) => $container.find(`.${INFORMER_CLASS}`).eq(0).dxInformer('instance');
 
 export const setResultText = (value) => {
     const textAreaInstance = $(`.${TEXTAREA_CLASS}`).eq(1).dxTextArea('instance');
diff --git a/packages/devextreme/testing/tests/DevExpress.ui.widgets.htmlEditor/htmlEditorParts/aiDialog.tests.js b/packages/devextreme/testing/tests/DevExpress.ui.widgets.htmlEditor/htmlEditorParts/aiDialog.tests.js
