Merge branch '26_1' into 26_1_wip_check_ci

Author: GoodDayForSurf

.github/copilot-instructions.md

@@ -1,6 +1,6 @@
-The AI Assistant for the DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/) allows you to interact with the component using natural language. The Chat also supports [speech-to-text input](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#speechToTextEnabled), ideal for hands-free interactions or entering longer prompts.
+The AI Assistant for the DevExtreme [DataGrid](/Documentation/Guide/UI_Components/DataGrid/Overview/) allows you to interact with the component using natural language. Our Chat implementation supports [speech-to-text input](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#speechToTextEnabled), ideal for hands-free interaction or entering longer prompts.
 
-You can use/configure the following DataGrid features in the AI Assistant Chat prompts:
+You can use/configure the following DataGrid features via AI Assistant Chat prompts:
 
 - [Filtering and Searching](/Documentation/Guide/UI_Components/DataGrid/Filtering_and_Searching/)
 - [Sorting](/Documentation/Guide/UI_Components/DataGrid/Sorting/)
@@ -11,7 +11,7 @@ You can use/configure the following DataGrid features in the AI Assistant Chat p
 - [Summaries](/Documentation/Guide/UI_Components/DataGrid/Summaries/Predefined_Aggregate_Functions/)
 - [Column Fixing](/Documentation/Guide/UI_Components/DataGrid/Columns/Column_Fixing/), [Resizing](/Documentation/Guide/UI_Components/DataGrid/Columns/Column_Sizing/), and [Reordering](/Documentation/Guide/UI_Components/DataGrid/Columns/Column_Reordering/)
 
-The AI Assistant feature is also available for the DevExtreme [TreeList](/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/#aiAssistant) component.
+This AI Assistant feature is also available in the DevExtreme [TreeList](/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/#aiAssistant) component.
 <!--split-->
 
 In this demo, the AI Assistant is enabled for a DataGrid that displays mock sales data with over 1500 records.
@@ -24,6 +24,6 @@ When connected to your own AI model/service without rate and data limits, the AI
 
 [/note]
 
-To enable the AI Assistant, configure the [aiIntegration](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#aiIntegration) or **aiAssistant**.[aiIntegration](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/aiAssistant/#aiIntegration) object and set the **aiAssistant**.[enabled](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/aiAssistant/#enabled) property to `true`. Once activated, the DataGrid adds a predefined item (*"aiAssistantButton"*) to the toolbar. This button opens the AI Assistant Chat in a draggable pop-up window.
+To enable the AI Assistant, configure the [aiIntegration](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#aiIntegration) or **aiAssistant**.[aiIntegration](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/aiAssistant/#aiIntegration) object and set the **aiAssistant**.[enabled](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/aiAssistant/#enabled) property to `true`. Once activated, the DataGrid adds a predefined item (*"aiAssistantButton"*) to the toolbar. This button opens our AI Assistant Chat in a draggable pop-up window.
 
 This demo also configures [suggestions](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#suggestions) for the AI Assistant Chat. These buttons allow you to interact with the assistant in one click using predefined prompts. For additional information about suggestions, refer to the following demo: [DevExtreme Chat - Prompt Suggestions](/Demos/WidgetsGallery/Demo/Chat/PromptSuggestions/).

apps/demos/Demos/DataGrid/AIAssistant/description.md

@@ -9,13 +9,8 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-dist/js/dx.ai-integration.js"></script>
-    <script type="module">
-      import { AzureOpenAI } from "https://esm.sh/openai@4.73.1";
-
-      window.AzureOpenAI = AzureOpenAI;
-    </script>
     <script src="data.js"></script>
-    <script src="index.js"></script>
+    <script type="module" src="index.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">

apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.html

@@ -1,3 +1,8 @@
+// eslint-disable-next-line import/no-unresolved
+import { AzureOpenAI } from 'https://esm.sh/openai@4.73.1';
+
+window.AzureOpenAI = AzureOpenAI;
+
 $(() => {
   const deployment = 'gpt-4o-mini';
   const apiVersion = '2024-02-01';

apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.js

@@ -9,13 +9,8 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-dist/js/dx.ai-integration.js"></script>
-    <script type="module">
-      import { AzureOpenAI } from "https://esm.sh/openai@4.73.1";
-
-      window.AzureOpenAI = AzureOpenAI;
-    </script>
     <script src="data.js"></script>
-    <script src="index.js"></script>
+    <script type="module" src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
   </head>
   <body class="dx-viewport">

apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html

@@ -1,3 +1,8 @@
+// eslint-disable-next-line import/no-unresolved
+import { AzureOpenAI } from 'https://esm.sh/openai@4.73.1';
+
+window.AzureOpenAI = AzureOpenAI;
+
 $(() => {
   const deployment = 'gpt-4o-mini';
   const apiVersion = '2024-02-01';

apps/demos/Demos/DataGrid/AIColumns/jQuery/index.js

@@ -9,13 +9,8 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-dist/js/dx.ai-integration.js"></script>
-    <script type="module">
-      import { AzureOpenAI } from "https://esm.sh/openai@4.73.1";
-
-      window.AzureOpenAI = AzureOpenAI;
-    </script>
     <script src="data.js"></script>
-    <script src="index.js"></script>
+    <script type="module" src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
   </head>
   <body class="dx-viewport">

apps/demos/Demos/TreeList/AIColumns/jQuery/index.html

@@ -1,3 +1,8 @@
+// eslint-disable-next-line import/no-unresolved
+import { AzureOpenAI } from 'https://esm.sh/openai@4.73.1';
+
+window.AzureOpenAI = AzureOpenAI;
+
 $(() => {
   const deployment = 'gpt-4o-mini';
   const apiVersion = '2024-02-01';

apps/demos/Demos/TreeList/AIColumns/jQuery/index.js

@@ -68,9 +68,7 @@ const CSP_DEMO_ALLOWLIST = {
   'DataGrid/Cell': {
     'img-src': ['data:'],
   },
-  // AI demo: inline <script type="module"> to import OpenAI SDK from esm.sh
   'DataGrid/AIColumns': {
-    'script-src': ["'unsafe-inline'"],
     'connect-src': ['https://public-api.devexpress.com'],
   },
   'DataGrid/ExcelJSExportImages': {
@@ -145,10 +143,8 @@ const CSP_DEMO_ALLOWLIST = {
   'TagBox/Grouping': {
     'font-src': ['https://maxcdn.bootstrapcdn.com'],
   },
-  // AI demos use inline <script type="module"> to import OpenAI SDK from esm.sh
   'TreeList/AIColumns': {
     'connect-src': ['https://public-api.devexpress.com'],
-    'script-src': ["'unsafe-inline'"],
   },
   'TreeList/BatchEditing': {
     'img-src': ['data:'],

apps/demos/utils/server/csp-server.js

@@ -24,7 +24,7 @@
     "tsconfig-paths-webpack-plugin": "4.1.0",
     "webpack": "5.105.4",
     "webpack-cli": "5.1.4",
-    "webpack-dev-server": "5.2.3"
+    "webpack-dev-server": "5.2.4"
   },
   "scripts": {
     "test": "node runner.js",