diff --git a/apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.html b/apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.html
index 30eb34efad89..16e324ca0def 100644
--- a/apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.html
@@ -9,8 +9,13 @@
     <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 type="module" src="index.js"></script>
+    <script src="index.js"></script>
   </head>
   <body class="dx-viewport">
     <div class="demo-container">
diff --git a/apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.js b/apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.js
index 8aad6e7fbc47..f97a53dd8007 100644
--- a/apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.js
+++ b/apps/demos/Demos/DataGrid/AIAssistant/jQuery/index.js
@@ -1,8 +1,3 @@
-// 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';
diff --git a/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html b/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html
index 41fefcc63eaf..d56e1244008c 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.html
@@ -9,8 +9,13 @@
     <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 type="module" src="index.js"></script>
+    <script src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.js b/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.js
index a5b7f12057e1..37153b490a25 100644
--- a/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.js
+++ b/apps/demos/Demos/DataGrid/AIColumns/jQuery/index.js
@@ -1,8 +1,3 @@
-// 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';
diff --git a/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html b/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html
index 72887010c52b..70a154fc9a19 100644
--- a/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html
+++ b/apps/demos/Demos/TreeList/AIColumns/jQuery/index.html
@@ -9,8 +9,13 @@
     <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 type="module" src="index.js"></script>
+    <script src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/TreeList/AIColumns/jQuery/index.js b/apps/demos/Demos/TreeList/AIColumns/jQuery/index.js
index cd370a5f886a..bebe789537bb 100644
--- a/apps/demos/Demos/TreeList/AIColumns/jQuery/index.js
+++ b/apps/demos/Demos/TreeList/AIColumns/jQuery/index.js
@@ -1,8 +1,3 @@
-// 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';
diff --git a/apps/demos/utils/server/csp-server.js b/apps/demos/utils/server/csp-server.js
index c60099eff625..79e3b800f4ec 100644
--- a/apps/demos/utils/server/csp-server.js
+++ b/apps/demos/utils/server/csp-server.js
@@ -68,7 +68,9 @@ const CSP_DEMO_ALLOWLIST = {
   'DataGrid/Cell': {
     'img-src': ['data:'],
   },
+  // AI demo: inline <script type="module"> to import OpenAI SDK from esm.sh. Cannot move to a separate file or index.js
   'DataGrid/AIColumns': {
+    'script-src': ["'unsafe-inline'"],
     'connect-src': ['https://public-api.devexpress.com'],
   },
   'DataGrid/ExcelJSExportImages': {
@@ -143,8 +145,10 @@ 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. Cannot move to a separate file or index.js
   'TreeList/AIColumns': {
     'connect-src': ['https://public-api.devexpress.com'],
+    'script-src': ["'unsafe-inline'"],
   },
   'TreeList/BatchEditing': {
     'img-src': ['data:'],
