986777: Resolved conflict occured against master branch in our AIAssitView and Chat UIcomponent

ej2-javascript-toc.html

@@ -174,12 +174,25 @@
             <li>
                 <a href="/ej2-javascript/ai-assistview/ai-integrations/es5-openai-integration">Azure Open AI</a>
             </li>
+            <li>
+                <a href="/ej2-javascript/ai-assistview/ai-integrations/es5-ollama-llm-integration">Ollama LLM</a>
+            </li>
         </ul>
     </li>
     <li><a href="/ej2-javascript/ai-assistview/toolbar-items">Toolbar items</a></li>
     <li><a href="/ej2-javascript/ai-assistview/custom-view">Custom views</a></li>
     <li><a href="/ej2-javascript/ai-assistview/file-attachments">File attachments</a></li>
     <li><a href="/ej2-javascript/ai-assistview/templates">Templates</a></li>
+    <li>Speech
+        <ul>
+            <li>
+                <a href="/ej2-javascript/ai-assistview/speech/es5-speech-to-text">Speech to Text</a>
+            </li>
+            <li>
+                <a href="/ej2-javascript/ai-assistview/speech/es5-text-to-speech">Text to Speech</a>
+            </li>
+        </ul>
+    </li>
     <li><a href="/ej2-javascript/ai-assistview/appearance">Appearance</a></li>
     <li><a href="/ej2-javascript/ai-assistview/accessibility">Accessibility</a></li>
     <li><a href="/ej2-javascript/ai-assistview/methods">Methods</a></li>

ej2-javascript/ai-assistview/ai-integrations/es5-ollama-llm-integration.md

@@ -0,0 +1,99 @@
+---
+layout: post
+title: LLM Model in ##Platform_Name## AI AssistView control | Syncfusion
+description: Checkout and learn about Integration of LLM Model 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##
+---
+
+# LLM via Ollama With JavaScript AI AssistView control
+
+The Syncfusion AI AssistView supports integration with [LLM via Ollama](https://ollama.com), enabling advanced conversational AI features in your applications. This control acts as a UI for a support bot, where user prompts are sent to the selected AI service via API calls.
+
+## Prerequisites
+
+* Requires `Node.js` (v16 or higher) and `npm`.
+* [Ollama](https://ollama.com) application should be installed to run and manage LLM models locally.
+
+## Step 1: Getting Started with the AI AssistView control
+
+Before integrating LLM model, ensure that the Syncfusion AI AssistView control is correctly rendered in your application:
+
+[ JavaScript Getting Started Guide](../getting-started)
+
+## Step 2: Install Dependencies
+
+Download and install `Ollama` based on your operating system:
+
+{% tabs %}
+{% highlight ts tabtitle="Windows" %}
+
+1. Visit [Windows](https://ollama.com/download)
+2. Click `Download for Windows` to get the `.exe installer`. 
+3. Run `OllamaSetup.exe` and follow the wizard to install.
+
+{% endhighlight %}
+
+{% highlight ts tabtitle="MAC" %}
+
+1. Visit [macOS](https://ollama.com/download/mac)
+2. Click `Download for macOS` to get `.dmg file`
+3. Install it by following the wizard.
+
+{% endhighlight %}
+
+{% highlight ts tabtitle="main.ts" %}
+
+1. Visit [Linux](https://ollama.com/download/linux)
+2. Run the below command to install Ollama in your system 
+
+```bash
+
+curl -fsSL https://ollama.ai/install.sh | sh
+
+```
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 3: Install and Run an Ollama Model
+
+1. Download and run a model using the following command. Replace `deepseek-r1` 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:
+
+```bash
+
+ollama serve
+
+```
+
+## Step 4: Configure AI AssistView in JavaScript
+
+Create JavaScript application to integrate the `Ollama` model with AI AssistView control with the respective files
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/ai-assistview/ai-integrations/llm-model/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/ai-assistview/ai-integrations/llm-model/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/ai-assistview/ai-integrations/llm-model" %}
+
+## Step 5: 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 AI model where you can enter prompts and receive responses from the `Ollama` model.

ej2-javascript/ai-assistview/ai-integrations/ollama-llm-integration.md

@@ -0,0 +1,114 @@
+---
+layout: post
+title: LLM Model in ##Platform_Name## AI AssistView control | Syncfusion
+description: Checkout and learn about Integration of LLM Model 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##
+---
+
+# Integration of LLM via Ollama With TypeScript AI AssistView control
+
+The Syncfusion AI AssistView supports integration with [LLM via Ollama](https://ollama.com), enabling advanced conversational AI features in your applications. This control acts as a UI for a support bot, where user prompts are sent to the selected AI service via API calls.
+
+## 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 React `@syncfusion/ej2-interactive-chat` installed in your project.
+
+## Step 1: Getting Started with the AI AssistView control
+
+Before integrating LLM model, ensure that the Syncfusion AI AssistView control is correctly rendered in your application:
+
+[ TypeScript Getting Started Guide](../getting-started)
+
+## Step 2: Install Dependencies
+
+* Install the Syncfusion AI AssistView in your project
+
+```bash 
+
+npm install @syncfusion/ej2-interactive-chat --save
+
+```
+
+* Download and install `Ollama` based on your operating system:
+
+{% tabs %}
+{% highlight ts tabtitle="Windows" %}
+
+1. Visit [Windows](https://ollama.com/download)
+2. Click `Download for Windows` to get the `.exe installer`. 
+3. Run `OllamaSetup.exe` and follow the wizard to install.
+
+{% endhighlight %}
+
+{% highlight ts tabtitle="MAC" %}
+
+1. Visit [macOS](https://ollama.com/download/mac)
+2. Click `Download for macOS` to get `.dmg file`
+3. Install it by following the wizard.
+
+{% endhighlight %}
+
+{% highlight ts tabtitle="main.ts" %}
+
+1. Visit [Linux](https://ollama.com/download/linux)
+2. Run the below command to install Ollama in your system 
+
+```bash
+
+curl -fsSL https://ollama.ai/install.sh | sh
+
+```
+
+{% endhighlight %}
+{% endtabs %}
+
+## Step 3: Install and Run an Ollama Model
+
+1. Download and run a model using the following command. Replace `deepseek-r1` 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:
+
+```bash
+
+ollama serve
+
+```
+
+## Step 4: Integrate AI AssistView in TypeScript
+
+Create TypeScript application to integrate the `Ollama` model with AI AssistView control with the respective files
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/ai-assistview/ai-integrations/llm-model/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/ai-assistview/ai-integrations/llm-model/index.html %}
+{% endhighlight %}
+{% 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 start
+
+```
+
+Open the hosted link to interact with your AI model where you can enter prompts and receive responses from the `Ollama` model.

ej2-javascript/ai-assistview/speech/es5-speech-to-text.md

@@ -0,0 +1,43 @@
+---
+layout: post
+title: Speech-to-Text With ##Platform_Name## AI AssistView control | Syncfusion
+description: Checkout and learn about configuration of Speech-to-Text with Azure OpenAI in ##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##
+---
+
+# Speech-to-Text in JavaScript AI AssistView
+
+The Syncfusion JavaScript AI AssistView control supports `Speech-to-Text` functionality through the browser's [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API), enabling conversion of spoken words into text using the device's microphone.
+
+## Prerequisites
+
+Before integrating `Speech-to-Text`, ensure the following:
+
+1. The Syncfusion AI AssistView control is properly set up in your JavaScript application.
+    - [JavaScript Getting Started Guide](../js/es5-getting-started)
+
+2. The AI AssistView control is integrated with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai).
+    - [Integration of Azure OpenAI With JavaScript AI AssistView control](../ai-integrations/es5-openai-integration)
+
+## Configure Speech-to-Text
+
+To enable Speech-to-Text functionality, modify the `index.js` file to incorporate the Web Speech API. The [SpeechToText](https://ej2.syncfusion.com/javascript/documentation/speech-to-text/es5-getting-started) control listens for microphone input, transcribes spoken words, and updates the AI AssistView's editable footer with the transcribed text. The transcribed text is then sent as a prompt to the Azure OpenAI service via the AI AssistView control.
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/ai-assistview/speech/stt/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/ai-assistview/speech/stt/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/ai-assistview/speech/stt" %}
+
+## See Also
+
+* [Text-to-Speech](./es5-text-to-speech.md)

ej2-javascript/ai-assistview/speech/es5-text-to-speech.md

@@ -0,0 +1,43 @@
+---
+layout: post
+title: Text-to-Speech With ##Platform_Name## AI AssistView control | Syncfusion
+description: Checkout and learn about configuration of Text-to-Speech with Azure OpenAI in ##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##
+---
+
+# Text-to-Speech in JavaScript AI AssistView
+
+The Syncfusion JavaScript AI AssistView component supports `Text-to-Speech` (TTS) functionality using the browser's Web Speech API specifically using the [SpeechSynthesisUtterance](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance) interface to convert AI-generated response into spoken audio.
+
+## Prerequisites
+
+Before integrating `Text-to-Speech`, ensure the following:
+
+1. The Syncfusion AI AssistView control is properly set up in your JavaScript application.
+    - [JavaScript Getting Started Guide](../js/es5-getting-started)
+
+2. The AI AssistView control is integrated with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai).
+    - [Integration of Azure OpenAI With JavaScript AI AssistView control](../ai-integrations/es5-openai-integration)
+
+## Configure Text-to-Speech
+
+To enable Text-to-Speech functionality, modify the `index.js` file to incorporate the Web Speech API. A custom `Read Aloud` button is added to the response toolbar using the [responseToolbarSettings](https://ej2.syncfusion.com/javascript/documentation/api/ai-assistview/#responsetoolbarsettings) property. When clicked, the [itemClicked](https://ej2.syncfusion.com/javascript/documentation/api/ai-assistview/responsetoolbarsettingsmodel/#itemclicked) event extracts plain text from the generated AI response and use the browser SpeechSynthesis API to read it aloud.
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+{% include code-snippet/ai-assistview/speech/tts/index.js %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/ai-assistview/speech/tts/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/ai-assistview/speech/tts" %}
+
+## See Also
+
+* [Speech-to-Text](./es5-speech-to-text.md)

ej2-javascript/ai-assistview/speech/speech-to-text.md

@@ -0,0 +1,43 @@
+---
+layout: post
+title: Speech-to-Text With ##Platform_Name## AI AssistView control | Syncfusion
+description: Checkout and learn about configuration of Speech-to-Text with Azure OpenAI in ##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##
+---
+
+# Speech-to-Text in TypeScript AI AssistView
+
+The Syncfusion TypeScript AI AssistView control supports `Speech-to-Text` functionality through the browser's [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API), enabling conversion of spoken words into text using the device's microphone.
+
+## Prerequisites
+
+Before integrating `Speech-to-Text`, ensure the following:
+
+1. The Syncfusion AI AssistView control is properly set up in your TypeScript application.
+    - [TypeScript Getting Started Guide](../ts/getting-started)
+
+2. The AI AssistView control is integrated with [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai).
+    - [Integration of Azure OpenAI With TypeScript AI AssistView control](../ai-integrations/openai-integration)
+
+## Configure Speech-to-Text
+
+To enable Speech-to-Text functionality, modify the `index.ts` file to incorporate the Web Speech API. The [SpeechToText](https://ej2.syncfusion.com/documentation/speech-to-text/getting-started) control listens for microphone input, transcribes spoken words, and updates the AI AssistView's editable footer with the transcribed text. The transcribed text is then sent as a prompt to the Azure OpenAI service via the AI AssistView control.
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+{% include code-snippet/ai-assistview/speech/stt/index.ts %}
+{% endhighlight %}
+{% highlight html tabtitle="index.html" %}
+{% include code-snippet/ai-assistview/speech/stt/index.html %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/ai-assistview/speech/stt" %}
+
+## See Also
+
+* [Text-to-Speech](./text-to-speech.md)