syncfusion-content · SyncfusionBuild · Oct 4, 2025 · Oct 4, 2025
diff --git a/ej2-javascript-toc.html b/ej2-javascript-toc.html
@@ -169,10 +169,10 @@
     <li>AI Integrations
         <ul>
             <li>
-                <a href="/ej2-javascript/ai-assistview/ai-integrations/gemini-integration">Integration with Google Gemini</a>
+                <a href="/ej2-javascript/ai-assistview/ai-integrations/es5-gemini-integration">Google Gemini</a>
             </li>
             <li>
-                <a href="/ej2-javascript/ai-assistview/ai-integrations/openai-integration">Integration with Azure Open AI</a>
+                <a href="/ej2-javascript/ai-assistview/ai-integrations/es5-openai-integration">Azure Open AI</a>
             </li>
         </ul>
     </li>
@@ -539,16 +539,6 @@
             </li>
         </ul>
     </li>
-    <li>AI Integrations
-        <ul>
-            <li>
-                <a href="/ej2-javascript/chat-ui/ai-integrations/gemini-integration">Integration with Google Gemini</a>
-            </li>
-            <li>
-                <a href="/ej2-javascript/chat-ui/ai-integrations/openai-integration">Integration with Azure Open AI</a>
-            </li>
-        </ul>
-    </li>
     <li><a href="/ej2-javascript/chat-ui/timebreak">Time break</a></li>
     <li><a href="/ej2-javascript/chat-ui/timestamp">Timestamp</a></li>
     <li><a href="/ej2-javascript/chat-ui/typing-indicator">Typing indicator</a></li>

diff --git a/ej2-javascript/ai-assistview/ai-integrations/es5-gemini-integration.md b/ej2-javascript/ai-assistview/ai-integrations/es5-gemini-integration.md
@@ -0,0 +1,66 @@
+---
+layout: post
+title: Gemini AI in ##Platform_Name## AI AssistView control | Syncfusion
+description: Checkout and learn about Integration of Gemini AI with ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more.
+platform: ej2-javascript
+control: AI AssistView 
+publishingplatform: ##Platform_Name##
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Gemini AI With JavaScript AI AssistView control
+
+The Syncfusion AI AssistView supports integration with [Gemini](https://ai.google.dev/gemini-api/docs), enabling advanced conversational AI features in your applications.
+
+## Getting Started With the JavaScript AI AssistView control
+
+Before integrating Gemini AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your application:
+
+[ JavaScript Getting Started Guide](../getting-started)
+
+## Prerequisites
+
+* Requires `Node.js` (v16 or higher) and `npm`.
+* Google account to generate API key on accessing [Gemini AI](https://ai.google.dev/gemini-api/docs).
+
+## Generate API Key
+
+1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) and sign in with your Google account. If you don’t have one, create a new account. 
+
+2. Once logged in, click on `Get API Key` from the left-hand menu or the top-right corner of the dashboard. 
+
+3. Click the `Create API Key` button. You’ll be prompted to either select an existing Google Cloud project or create a new one. Choose the appropriate option and proceed. 
+
+4. After selecting or creating a project, your API key will be generated and displayed. Copy the key and store it securely, as it will only be shown once.
+
+> `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production.
+
+##  Configure Gemini AI with AI AssistView
+
+Create JavaScript application to integrate the Open AI with AI AssistView component with the respective files
+
+* Add your generated `API Key` at the line 
+
+```bash
+
+var geminiApiKey = 'Place your API key here'; 
+
+```
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/ai-assistview/ai-integrations/gemini-ai/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/ai-assistview/ai-integrations/gemini-ai/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/gemini-ai" %}
+
+## Run and Test 
+
+Now, run the `index.html` in web browser, it will render the **Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript AI AssistView** control.
+
+Open the hosted link to interact with your Gemini AI for dynamic response.
diff --git a/ej2-javascript/ai-assistview/ai-integrations/es5-openai-integration.md b/ej2-javascript/ai-assistview/ai-integrations/es5-openai-integration.md
@@ -0,0 +1,70 @@
+---
+layout: post
+title: Azure Open AI in ##Platform_Name## AI AssistView control | Syncfusion
+description: Checkout and learn about Integration of Azure Open AI with ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more.
+platform: ej2-javascript
+control: AI AssistView 
+publishingplatform: ##Platform_Name##
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Azure Open AI With JavaScript AI AssistView control 
+
+The Syncfusion AI AssistView supports integration with [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai), enabling advanced conversational AI features in your applications.
+
+## Getting Started with the JavaScript AI AssistView control
+
+Before integrating Azure Open AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your app:
+
+[JavaScript Getting Started Guide](../getting-started)
+
+## Prerequisites
+
+* Requires `Node.js` (v16 or higher) and `npm`.
+* An Azure account with access to [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) services and a generated API key.
+
+## Generate Azure API Key
+
+1. Log in to the [Azure Portal](https://portal.azure.com/#home) and navigate to your Azure Open AI resource. 
+
+2. Under Resource Management, select Keys and Endpoint to retrieve your API key and endpoint URL.  
+
+3. Copy the API key, endpoint, and deployment name (e.g., gpt-4o-mini). Ensure the API version matches your resource configuration.
+
+4. Store these values securely, as they will be used in your application.
+
+> `Security Note`: Never expose your API key in client-side code for production applications. Use a server-side proxy or environment variables to manage sensitive information securely.
+
+##  Configure Open AI with JavaScript AI AssistView control
+
+Create JavaScript application to integrate the Open AI with AI AssistView component with the respective files:
+
+* Update the following configuration values with your Azure Open AI details:
+
+```bash
+
+var azureOpenAIApiKey = 'Your_Azure_OpenAI_API_Key';
+var azureOpenAIEndpoint = 'Your_Azure_OpenAI_Endpoint';
+var azureOpenAIApiVersion = 'Your_Azure_OpenAI_API_Version';
+var azureDeploymentName = 'Your_Deployment_Name';
+
+```
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/ai-assistview/ai-integrations/open-ai/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/ai-assistview/ai-integrations/open-ai/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/open-ai" %}
+
+
+## Run and Test 
+
+Now, run the `index.html` in web browser, it will render the **Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript AI AssistView** control.
+
+Open the hosted link to interact with your Open AI for dynamic response.
diff --git a/ej2-javascript/ai-assistview/ai-integrations/gemini-integration.md b/ej2-javascript/ai-assistview/ai-integrations/gemini-integration.md
@@ -9,21 +9,21 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Integration of Gemini AI With ##Platform_Name## AI AssistView control
+# Gemini AI With TypeScript AI AssistView control
 
 The Syncfusion AI AssistView supports integration with [Gemini](https://ai.google.dev/gemini-api/docs), enabling advanced conversational AI features in your applications.
 
-## Getting Started With the ##Platform_Name## AI AssistView control
+## Getting Started With the TypeScript AI AssistView control
 
 Before integrating Gemini AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your application:
 
-[ ##Platform_Name## Getting Started Guide](../getting-started)
+[ TypeScript Getting Started Guide](../getting-started)
 
 ## Prerequisites
 
 * Requires `Node.js` (v16 or higher) and `npm`.
-* Google account to generate API key on accessing `Gemini AI`
-* Syncfusion AI AssistView for ##Platform_Name## `@syncfusion/ej2-interactive-chat` installed in your project.
+* Google account to generate API key on accessing [Gemini AI](https://ai.google.dev/gemini-api/docs).
+* Syncfusion AI AssistView for TypeScript `@syncfusion/ej2-interactive-chat` installed in your project.
 
 ## Install Dependencies
 
@@ -55,9 +55,9 @@ npm install @google/generative-ai
 
 > `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production.
 
-##  Integration Gemini AI with AI AssistView
+## Configure Gemini AI with AI AssistView
 
-Create ##Platform_Name## application to integrate the Open AI with AI AssistView component with the respective files
+Create TypeScript application to integrate the Gemini AI with AI AssistView component with the respective files
 
 * Add your generated `API Key` at the line 
 
@@ -67,8 +67,6 @@ const geminiApiKey = 'Place your API key here';
 
 ```
 
-{% if page.publishingplatform == "typescript" %}
-
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
 {% include code-snippet/ai-assistview/ai-integrations/gemini-ai/index.ts %}
@@ -80,19 +78,6 @@ const geminiApiKey = 'Place your API key here';
 
 {% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/gemini-ai" %}
 
-{% elsif page.publishingplatform == "javascript" %}
-
-{% tabs %}
-{% highlight js tabtitle="index.js" %}
-{% include code-snippet/ai-assistview/ai-integrations/gemini-ai/index.js %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/ai-assistview/ai-integrations/gemini-ai/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-{% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/gemini-ai" %}
-{% endif %}
 
 ## Run and Test 
 
@@ -104,4 +89,4 @@ npm start
 
 ```
 
-Open `http://localhost:3000` to interact with your Gemini AI for dynamic response.
+Open the hosted link to interact with your Gemini AI for dynamic response.
diff --git a/ej2-javascript/ai-assistview/ai-integrations/openai-integration.md b/ej2-javascript/ai-assistview/ai-integrations/openai-integration.md
@@ -9,21 +9,21 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Integration of Azure Open AI With ##Platform_Name## AI AssistView control 
+# Azure Open AI With TypeScript AI AssistView control 
 
 The Syncfusion AI AssistView supports integration with [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai), enabling advanced conversational AI features in your applications.
 
-## Getting Started with the ##Platform_Name## AI AssistView control
+## Getting Started with the TypeScript AI AssistView control
 
 Before integrating Azure Open AI, ensure that the Syncfusion AI AssistView control is correctly rendered in your app:
 
-[##Platform_Name## Getting Started Guide](../getting-started)
+[TypeScript Getting Started Guide](../getting-started)
 
 ## Prerequisites
 
 * Requires `Node.js` (v16 or higher) and `npm`.
-* An Azure account with access to `Azure Open AI` services and a generated API key.
-* Syncfusion AI AssistView for ##Platform_Name## `@syncfusion/ej2-interactive-chat` installed in your project.
+* An Azure account with access to [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) services and a generated API key.
+* Syncfusion AI AssistView for TypeScript `@syncfusion/ej2-interactive-chat` installed in your project.
 
 ## Install Dependencies
 
@@ -35,7 +35,7 @@ npm install @syncfusion/ej2-interactive-chat --save
 
 ```
 
-## Generate API Key
+## Generate Azure API Key
 
 1. Log in to the [Azure Portal](https://portal.azure.com/#home) and navigate to your Azure Open AI resource. 
 
@@ -47,9 +47,9 @@ npm install @syncfusion/ej2-interactive-chat --save
 
 > `Security Note`: Never expose your API key in client-side code for production applications. Use a server-side proxy or environment variables to manage sensitive information securely.
 
-##  Integration Open AI with ##Platform_Name## AI AssistView control
+## Configure Open AI with TypeScript AI AssistView control
 
-Create ##Platform_Name## application to integrate the Open AI with AI AssistView component with the respective files:
+Create TypeScript application to integrate the Open AI with AI AssistView component with the respective files:
 
 * Update the following configuration values with your Azure Open AI details:
 
@@ -62,8 +62,6 @@ const azureDeploymentName = 'Your_Deployment_Name';
 
 ```
 
-{% if page.publishingplatform == "typescript" %}
-
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
 {% include code-snippet/ai-assistview/ai-integrations/open-ai/index.ts %}
@@ -75,20 +73,6 @@ const azureDeploymentName = 'Your_Deployment_Name';
 
 {% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/open-ai" %}
 
-{% elsif page.publishingplatform == "javascript" %}
-
-{% tabs %}
-{% highlight js tabtitle="index.js" %}
-{% include code-snippet/ai-assistview/ai-integrations/open-ai/index.js %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/ai-assistview/ai-integrations/open-ai/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-{% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/open-ai" %}
-{% endif %}
-
 ## Run and Test 
 
 Run the application in the browser using the following command.
@@ -99,4 +83,4 @@ npm start
 
 ```
 
-Open `http://localhost:3000` to interact with your Azure Open AI for dynamic response.
+Open the hosted link to interact with your Azure Open AI for dynamic response.