From 13dbcdf6dd74aba5804b2f821f21e4ceed95feb9 Mon Sep 17 00:00:00 2001
From: Andrei_Ser <andrey.sergeyev@devexpress.com>
Date: Tue, 19 May 2026 20:55:08 +0400
Subject: [PATCH 1/3] DataGrid/TreeList aicolumn handle inline module

---
 apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html     | 6 +-----
 apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js | 3 +++
 apps/demos/Demos/TreeList/AIColumns/jQuery/index.html     | 6 +-----
 apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js | 3 +++
 apps/demos/utils/server/csp-server.js                     | 4 ----
 5 files changed, 8 insertions(+), 14 deletions(-)
 create mode 100644 apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js
 create mode 100644 apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js

diff --git a/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html b/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html
index d56e1244008c..57bd762150d5 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html
@@ -9,11 +9,7 @@
     <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 type="module" src="/openai-init.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
diff --git a/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js b/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js
new file mode 100644
index 000000000000..99a00b064057
--- /dev/null
+++ b/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js
@@ -0,0 +1,3 @@
+import { AzureOpenAI } from "https://esm.sh/openai@4.73.1";
+
+window.AzureOpenAI = AzureOpenAI;
diff --git a/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html b/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html
index 70a154fc9a19..7f21283bc53b 100644
--- a/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html
+++ b/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html
@@ -9,11 +9,7 @@
     <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 type="module" src="/openai-init.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
diff --git a/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js b/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js
new file mode 100644
index 000000000000..99a00b064057
--- /dev/null
+++ b/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js
@@ -0,0 +1,3 @@
+import { AzureOpenAI } from "https://esm.sh/openai@4.73.1";
+
+window.AzureOpenAI = AzureOpenAI;
diff --git a/apps/demos/utils/server/csp-server.js b/apps/demos/utils/server/csp-server.js
index 4ebdbca39fe6..c60099eff625 100644
--- a/apps/demos/utils/server/csp-server.js
+++ b/apps/demos/utils/server/csp-server.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:'],

From 57952ba5b27e588edb68e1ed89eebd0fee5f5c95 Mon Sep 17 00:00:00 2001
From: Andrei_Ser <andrey.sergeyev@devexpress.com>
Date: Wed, 20 May 2026 13:58:57 +0400
Subject: [PATCH 2/3] fix js path

---
 apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html     | 2 +-
 apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js | 2 +-
 apps/demos/Demos/TreeList/AIColumns/jQuery/index.html     | 2 +-
 apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html b/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html
index 57bd762150d5..6dee413a73a7 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html
@@ -9,7 +9,7 @@
     <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" src="/openai-init.js"></script>
+    <script type="module" src="openai-init.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
diff --git a/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js b/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js
index 99a00b064057..90635b97b532 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js
+++ b/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js
@@ -1,3 +1,3 @@
-import { AzureOpenAI } from "https://esm.sh/openai@4.73.1";
+import { AzureOpenAI } from 'https://esm.sh/openai@4.73.1';
 
 window.AzureOpenAI = AzureOpenAI;
diff --git a/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html b/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html
index 7f21283bc53b..75e1cc41f843 100644
--- a/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html
+++ b/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html
@@ -9,7 +9,7 @@
     <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" src="/openai-init.js"></script>
+    <script type="module" src="openai-init.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
diff --git a/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js b/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js
index 99a00b064057..90635b97b532 100644
--- a/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js
+++ b/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js
@@ -1,3 +1,3 @@
-import { AzureOpenAI } from "https://esm.sh/openai@4.73.1";
+import { AzureOpenAI } from 'https://esm.sh/openai@4.73.1';
 
 window.AzureOpenAI = AzureOpenAI;

From 5221234a5946da2fa344ebbabf5c1db8da013ceb Mon Sep 17 00:00:00 2001
From: Andrei_Ser <andrey.sergeyev@devexpress.com>
Date: Wed, 20 May 2026 15:14:13 +0400
Subject: [PATCH 3/3] ignore https import lint

---
 apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js | 1 +
 apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js b/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js
index 90635b97b532..bec1c839d3ca 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js
+++ b/apps/demos/Demos/DataGrid/AIColumns/jQuery/openai-init.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-unresolved
 import { AzureOpenAI } from 'https://esm.sh/openai@4.73.1';
 
 window.AzureOpenAI = AzureOpenAI;
diff --git a/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js b/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js
index 90635b97b532..bec1c839d3ca 100644
--- a/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js
+++ b/apps/demos/Demos/TreeList/AIColumns/jQuery/openai-init.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-unresolved
 import { AzureOpenAI } from 'https://esm.sh/openai@4.73.1';
 
 window.AzureOpenAI = AzureOpenAI;