syncfusion-content · DeepakRajSundar · Oct 15, 2025 · Oct 16, 2025 · Oct 23, 2025 · Oct 25, 2025
diff --git a/ej2-vue-toc.html b/ej2-vue-toc.html
@@ -33,6 +33,13 @@
     </ul>
 </li>
 <li>
+AI Coding Assistant
+<ul>
+  <li><a href="/ej2-vue/ai-coding-assistant/overview">Overview</a></li>
+  <li><a href="/ej2-vue/ai-coding-assistant/mcp-server">MCP Server</a></li>
+</ul> 
+</li>
+<li>
 Installation and Upgrade
     <ul>
     <li><a href="/ej2-vue/installation-and-upgrade/installation">Installation with NPM cli</a></li>
@@ -176,7 +183,7 @@
                     <a href="/ej2-vue/ai-assistview/ai-integrations/gemini-integration">Google Gemini</a>
                 </li>
                 <li>
-                    <a href="/ej2-vue/ai-assistview/ai-integrations/openai-integration">Azure Open AI</a>
+                    <a href="/ej2-vue/ai-assistview/ai-integrations/openai-integration">Azure OpenAI</a>
                 </li>
                 <li>
                     <a href="/ej2-vue/ai-assistview/ai-integrations/ollama-llm-integration">Ollama LLM</a>
@@ -571,10 +578,10 @@
         <li>Chat Bot Integrations
             <ul>
                 <li>
-                    <a href="/ej2-vue/chat-ui/bot-integrations/integration-with-dialogflow">Integration with Google Dialogflow</a>
+                    <a href="/ej2-vue/chat-ui/bot-integrations/integration-with-dialogflow">Google Dialogflow</a>
                 </li>
                 <li>
-                    <a href="/ej2-vue/chat-ui/bot-integrations/integration-with-bot-framework">Integration with Microsoft Bot Framework</a>
+                    <a href="/ej2-vue/chat-ui/bot-integrations/integration-with-bot-framework">Microsoft Bot Framework</a>
                 </li>
             </ul>
         </li>
@@ -586,6 +593,7 @@
         <li><a href="/ej2-vue/chat-ui/header">Header</a></li>
         <li><a href="/ej2-vue/chat-ui/footer">Footer</a></li>
         <li><a href="/ej2-vue/chat-ui/templates">Templates</a></li>
+        <li><a href="/ej2-vue/chat-ui/speech-to-text">Speech to Text</a></li>
         <li><a href="/ej2-vue/chat-ui/appearance">Appearance</a></li>
         <li><a href="/ej2-vue/chat-ui/globalization">Globalization</a></li>
         <li><a href="/ej2-vue/chat-ui/accessibility">Accessibility</a></li>
@@ -1114,6 +1122,7 @@
 <li><a href="/ej2-vue/file-manager/localization">Localization</a></li>
 <li><a href="/ej2-vue/file-manager/accessibility">Accessibility</a></li>
 <li><a href="/ej2-vue/file-manager/upload">Upload</a></li>
+<li><a href="/ej2-vue/file-manager/add-style-and-appearance-for-file-manager-component">Style and Appearance</a></li>
 <li>How To
 <ul>
 <li><a href="/ej2-vue/file-manager/how-to/adding-custom-item-to-context-menu">Adding Custom Item To Context Menu</a></li>
@@ -2181,6 +2190,7 @@
       <li><a href="/ej2-vue/rich-text-editor/tools/custom-tools">Custom Tools</a></li>
       <li><a href="/ej2-vue/rich-text-editor/tools/text-formatting">Text formatting and structural</a></li>
       <li><a href="/ej2-vue/rich-text-editor/tools/styling-tools">Styling Tools</a></li>
+      <li><a href="/ej2-vue/rich-text-editor/tools/fullscreen-tool">Expanding Editor to Fullscreen View</a></li>
    </ul>
 </li>
 <li>Editor Types
@@ -2204,6 +2214,7 @@
       <li><a href="/ej2-vue/rich-text-editor/smart-editing/mentions">Mention Integration</a></li>
       <li><a href="/ej2-vue/rich-text-editor/smart-editing/slash-menu">Slash Commands</a></li>
       <li><a href="/ej2-vue/rich-text-editor/smart-editing/emoji-picker">Emoji Picker</a></li>
+      <li><a href="/ej2-vue/rich-text-editor/smart-editing/mail-merge">Mail Merge Integration</a></li>
    </ul>
 </li>
 <li>Validation and Security
@@ -2216,6 +2227,7 @@
 <li><a href="/ej2-vue/rich-text-editor/link">Link Manipulation</a></li>
 <li><a href="/ej2-vue/rich-text-editor/table">Table Manipulation</a></li>
 <li><a href="/ej2-vue/rich-text-editor/code-block">Code Block</a></li>
+<li><a href="/ej2-vue/rich-text-editor/selection">Selection</a></li>
 <li><a href="/ej2-vue/rich-text-editor/paste-cleanup">Paste Clean-up</a></li>
 <li><a href="/ej2-vue/rich-text-editor/enter-key-configuration">Enter Key Configuration</a></li>
 <li><a href="/ej2-vue/rich-text-editor/undo-redo">Undo and Redo</a></li>

diff --git a/ej2-vue/Release-notes/31.2.2.md b/ej2-vue/Release-notes/31.2.2.md
@@ -7,7 +7,7 @@ documentation: ug
 
 # Essential Studio for Vue - v31.2.2 Release Notes
 
-{% include release-info.html date="October 14, 2025"  version="v31.2.2" passed="63079" failed="0" %} 
+{% include release-info.html date="October 15, 2025"  version="v31.2.2" passed="63079" failed="0" %} 
 
 {% directory path: _includes/release-notes/v31.2.2 %}
 

diff --git a/ej2-vue/ai-assistview/ai-integrations/gemini-integration.md b/ej2-vue/ai-assistview/ai-integrations/gemini-integration.md
@@ -8,58 +8,63 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
+# Integrate Gemini AI with Vue AI AssistView component 
 
-# Gemini AI with Vue AI AssistView component 
+The AI AssistView component integrates with Google’s [Gemini](https://ai.google.dev/gemini-api/docs) API to deliver intelligent conversational interfaces. It leverages advanced natural language understanding to interpret user input, maintain context throughout interactions, and provide accurate, relevant responses. By configuring secure authentication and data handling, developers can unlock powerful AI-driven communication features that elevate user engagement and streamline support experiences.
 
-The Syncfusion AI AssistView supports integration with [Gemini](https://ai.google.dev/gemini-api/docs), enabling advanced conversational AI features in your Vue applications.
+## Prerequisites
 
-## Getting Started with the AI AssistView component
+* **Node.js**: Version 16 or higher with npm.
 
-Before integrating Gemini AI, ensure that the Syncfusion AI AssistView component is correctly rendered in your Vue app:
+* **Google Account**: For generating a Gemini API key.
 
-[Vue Getting Started Guide](../getting-started)
+* **Syncfusion AI AssistView**: Package [@syncfusion/ej2-vue-interactive-chat](https://www.npmjs.com/package/@syncfusion/ej2-vue-interactive-chat) installed.
 
-## Prerequisites
+* **Marked Library**: For parsing Markdown responses (`npm install marked --save`).
 
-* Requires `Node.js` (v16 or higher) and `npm`.
-* Google account to generate API key on accessing [Gemini](https://ai.google.dev/gemini-api/docs).
-* Syncfusion AI AssistView for Vue `@syncfusion/ej2-vue-interactive-chat` installed in your project.
+## Set Up the Vue Environment
+
+Follow the [Getting Started](../getting-started) guide to configure and render the AI AssistView component in your Vue application.
 
 ## Install Dependencies
 
-Install the Syncfusion AI AssistView in your project
+Install the required packages:
+
+* Google Generative AI SDK:
 
-```bash 
+```bash
 
-npm install @syncfusion/ej2-vue-interactive-chat --save
+npm install @google/generative-ai
 
 ```
 
-Install the Gemini AI dependencies
+* Marked Library:
 
 ```bash
 
-npm install @google/generative-ai
+npm install marked --save
 
 ```
 
 ## 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.
+1. **Access Google AI Studio**: Instructs users to sign into [Google AI Studio](https://aistudio.google.com/app/apikey) with a Google account or create a new account if needed. 
 
-2. Once logged in, click on `Get API Key` from the left-hand menu or the top-right corner of the dashboard.
+2. **Navigate to API Key Creation**: Go to the `Get API Key` option in the left-hand menu or top-right corner of the dashboard. Click the `Create API Key` button. 
 
-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.
+3. **Project Selection**: Choose an existing Google Cloud project or create a new one.
 
-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.
+4. **API Key Generation**: After project selection, the API key is generated. Users are instructed to copy and store the key securely, as it is shown only once.
 
-> `Security Note`: Never commit the API key to version control. Use environment variables or a secret manager for production.
+> `Security Note`: Advises against committing the API key to version control and recommends using environment variables or a secret manager in production.
 
 ## Configure Gemini AI with AI AssistView
 
-Create `src/App.Vue` to integrate the Gemini AI with AI AssistView component
+To integrate Gemini AI with the Syncfusion AI AssistView component in your application:
+
+* Modify the `src/App.Vue` file to host the integration logic.
 
-* Add your generated `API Key` at the line 
+* Add your Gemini API key securely in the configuration:
 
 ```bash
 
@@ -77,15 +82,3 @@ const geminiApiKey = 'Place your API key here';
 {% endtabs %}
 
 {% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/gemini-ai" %}
-
-## Run and Test 
-
-Run the application in the browser using the following command.
-
-```bash
-
-npm run dev
-
-```
-
-Open the hosted link to interact with the Gemini AI for dynamic response
diff --git a/ej2-vue/ai-assistview/ai-integrations/ollama-llm-integration.md b/ej2-vue/ai-assistview/ai-integrations/ollama-llm-integration.md
@@ -8,31 +8,33 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# LLM via Ollama with Vue AI AssistView component
+# Integrate LLM via Ollama with Vue AI AssistView component
 
-The Syncfusion AI AssistView supports integration with [LLM via Ollama](https://ollama.com), enabling advanced conversational AI features in your applications. The component acts as a UI for a support bot, where user prompts are sent to the selected AI service via API calls.
+The AI AssistView component integrates with [LLM via Ollama](https://ollama.com) to enable advanced conversational AI features in your Vue application. The component acts as a user interface where user prompts are sent to the selected LLM model via API calls, providing natural language understanding and context-aware responses.
 
 ## Prerequisites
 
-* Requires `Node.js` (v16 or higher) and `npm`.
-* [Ollama](https://ollama.com) application should be installed to run and manage LLM models locally.
-* Syncfusion AI AssistView for Vue `@syncfusion/ej2-vue-interactive-chat` installed in your react project.
+Before starting, ensure you have the following:
 
-## Step 1: Getting Started with the AI AssistView component
+* **Node.js**: Version 16 or higher with npm.
 
-Before integrating LLM model, ensure that the Syncfusion AI AssistView component is correctly rendered in your application:
+* [Ollama](https://ollama.com) installed to run and manage LLM models locally.
 
-[ Vue Getting Started Guide](../getting-started)
+* **Syncfusion AI AssistView**: Package [@syncfusion/ej2-vue-interactive-chat](https://www.npmjs.com/package/@syncfusion/ej2-vue-interactive-chat) installed.
 
-## Step 2: Install Dependencies
+* **Marked Library**: For parsing Markdown responses (`npm install marked --save`).
 
-* Install the Syncfusion AI AssistView in your project
+## Set Up the Vue Environment
 
-```bash 
+Follow the [Getting Started](../getting-started) guide to configure and render the AI AssistView component in your vue application.
 
-npm install @syncfusion/ej2-vue-interactive-chat --save
+## Install Dependency
 
-```
+To install the marked library, run `npm install marked --save` in your project directory to add it as a dependency in your package.json file.
+
+## Configuring Ollama
+
+Install Ollama for your operating system:
 
 * Download and install `Ollama` based on your operating system:
 
@@ -45,7 +47,7 @@ npm install @syncfusion/ej2-vue-interactive-chat --save
 
 {% endhighlight %}
 
-{% highlight ts tabtitle="MAC" %}
+{% highlight ts tabtitle="macOS" %}
 
 1. Visit [macOS](https://ollama.com/download/mac)
 2. Click `Download for macOS` to get `.dmg file`
@@ -67,27 +69,27 @@ curl -fSSL https://ollama.com/install.sh | sh
 {% endhighlight %}
 {% endtabs %}
 
-## Step 3: Install and Run an Ollama Model
+## Download and run an Ollama model
 
-1. Download and run a model using the following command. Replace with your preferred model (e.g., `llama3`, `phi4`). See the [Ollama model](https://ollama.com/search) library for available models
+* Download and run a model using the following command. Replace with your preferred model (e.g., `llama3`, `phi4`). See the [Ollama model](https://ollama.com/search) library for available models.
 
 ```bash
 
 ollama run deepseek-r1
 
 ```
 
-2. Once the model download is complete, start the Ollama server to make the model accessible:
+* After the model download completes, start the Ollama server to make the model accessible:
 
 ```bash
 
 ollama serve
 
 ```
 
-## Step 4: Configure AI AssistView in React
+## Configure AI AssistView with Ollama
 
-Create `src/App.js` to connect the Syncfusion AI AssistView to the LLM model:
+Modify the `src/App.js` file to connect the Syncfusion AI AssistView to the LLM model:
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -99,15 +101,3 @@ Create `src/App.js` to connect the Syncfusion AI AssistView to the LLM model:
 {% endtabs %}
 
 {% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/llm-model" %}
-
-## Step 5: Run and Test 
-
-Run the application in the browser using the following command.
-
-```bash
-
-npm run dev
-
-```
-
-Open the hosted link to interact with your AI model where you can enter prompts and receive responses from the Ollama model.
diff --git a/ej2-vue/ai-assistview/ai-integrations/openai-integration.md b/ej2-vue/ai-assistview/ai-integrations/openai-integration.md
@@ -1,56 +1,56 @@
 ---
 layout: post
-title: Azure Open AI With Vue AI AssistView component | Syncfusion
-description:  Checkout and learn about Integration of Azure Open AI With Vue AI AssistView component of Syncfusion Essential JS 2 and more details.
+title: Azure OpenAI With Vue AI AssistView component | Syncfusion
+description:  Checkout and learn about Integration of Azure OpenAI With Vue AI AssistView component of Syncfusion Essential JS 2 and more details.
 platform: ej2-vue
 control: AI AssistView
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Azure Open AI with Vue AI AssistView component 
+# Integrate Azure OpenAI with Vue AI AssistView component 
 
-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 Vue applications.
+The AI AssistView component integrates with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) to enable advanced conversational AI features in your applications. The component acts as a user interface, where user prompts are sent to the Azure OpenAI service via API calls, providing natural language understanding and context-aware responses.
 
-## Getting Started with the AI AssistView component
-
-Before integrating Azure Open AI, ensure that the Syncfusion AI AssistView component is correctly rendered in your Vue app:
+## Prerequisites
 
-[Vue Getting Started Guide](../getting-started)
+* **Node.js**: Version 16 or higher with npm.
 
-## Prerequisites
+* **Azure Account**: With access to Azure OpenAI services and a generated API key.
 
-* 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.I
-* Syncfusion AI AssistView for Vue `@syncfusion/ej2-vue-interactive-chat` installed in your project.
+* **Syncfusion AI AssistView**: Package [@syncfusion/ej2-vue-interactive-chat](https://www.npmjs.com/package/@syncfusion/ej2-vue-interactive-chat) installed.
 
-## Install Dependencies
+* **Marked Library**: For parsing Markdown responses (`npm install marked --save`).
 
-Install the Syncfusion AI AssistView in your project
+## Set Up the vue Environment
 
-```bash 
+Follow the [Getting Started](../getting-started) guide to configure and render the AI AssistView component in your vue application.
 
-npm install @syncfusion/ej2-vue-interactive-chat --save
+## Install Dependency
 
-```
+To install the marked library, run `npm install marked --save` in your project directory to add it as a dependency in your package.json file.
 
-## Generate Azure API Key
+## Configure Azure OpenAI
 
-1. Log in to the [Azure Portal](https://portal.azure.com/#home) and navigate to your Azure Open AI resource. 
+1. Log in to the [Azure Portal](https://portal.azure.com/#home) and navigate to your Azure OpenAI resource. 
 
-2. Under Resource Management, select Keys and Endpoint to retrieve your API key and endpoint URL.  
+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.
+3. Note the following values:
+   - API key
+   - Endpoint
+   - API version (must be supported by your resource)
+   - Deployment name (for example, gpt-4o-mini)
 
 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 AI AssistView
+## Configure AI AssistView with Azure OpenAI  
 
-Create `src/App.js` to integrate the Azure Open AI with AI AssistView component
+Modify the `src/App.js` file to integrate the Azure OpenAI with AI AssistView component
 
-* Update the following configuration values with your Azure Open AI details:
+* Update the following configuration values with Azure OpenAI details:
 
 ```bash
 
@@ -71,15 +71,3 @@ const azureDeploymentName = 'Your_Deployment_Name';
 {% endtabs %}
 
 {% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/open-ai" %}
-
-## Run and Test 
-
-Run the application in the browser using the following command.
-
-```bash
-
-npm run dev
-
-```
-
-Open the hosted link to interact with your Azure Open AI for dynamic response.