Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion blazor/ai-assistview/ai-integrations/gemini-integration.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Before starting, ensure you have the following:

## Set Up the AI AssistView Component

Follow the Syncfusion AI AssistView [Getting Started](../getting-started) guide to configure and render the AI AssistView component in the application and that prerequisites are met.
Follow the [Getting Started](../getting-started) guide to configure and render the AI AssistView component in the application and that prerequisites are met.

## Install Dependencies

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Before starting, ensure you have the following:

## Set Up the AI AssistView Component

Follow the Syncfusion AI AssistView [Getting Started](../getting-started) guide to configure and render the AI AssistView component in the application and that prerequisites are met.
Follow the [Getting Started](../getting-started) guide to configure and render the AI AssistView component in the application and that prerequisites are met.

## Install Dependency

Expand Down
4 changes: 2 additions & 2 deletions blazor/ai-assistview/ai-integrations/openai-integration.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Before starting, ensure you have the following:

## Set Up the AI AssistView Component

Follow the Syncfusion AI AssistView [Getting Started](../getting-started) guide to configure and render the AI AssistView component in the application and that prerequisites are met.
Follow the [Getting Started](../getting-started) guide to configure and render the AI AssistView component in the application and that prerequisites are met.

## Install Dependencies

Expand Down Expand Up @@ -65,7 +65,7 @@ Note: The sample below uses HttpClient directly and does not require the Azure/O

> `Security Note`: expose your API key in client-side code for production applications. Use a server-side proxy or environment variables to manage sensitive information securely.

## Azure OpenAI with AI AssistView
## Configure AI AssistView with Azure OpenAI

- Configure your Azure OpenAI endpoint, API key, and deployment name in your **Program.cs** (or using your preferred configuration mechanism).

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Before starting, ensure you have the following:

## Set Up the Chat UI component

Follow the Syncfusion Chat UI Getting Started guide to configure and render the Chat UI component in the application and that prerequisites are met.
Follow the [Getting Started](../getting-started) guide to configure and render the Chat UI component in the application and that prerequisites are met.

## Install Dependencies

Expand Down Expand Up @@ -125,17 +125,17 @@ Add the project ID to `appsettings.json` (extract from the JSON key file if need

## Configure Message Send

Use the `MessageSend` event of the `SfChatUI` component to handle message exchanges. Each time a user sends a message, this event will be invoked with details of the sent message.
Use the [MessageSend](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_MessageSend) event of the `SfChatUI` component to handle message exchanges. Each time a user sends a message, this event will be invoked with details of the sent message.

### Forward Message to Backend

In the `MessageSend` event handler, send a POST request to your backend API endpoint (`/api/chat/message`). The backend forwards the message to Dialogflow and returns the response.
In the [MessageSend](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_MessageSend) event handler, send a POST request to your backend API endpoint (`/api/chat/message`). The backend forwards the message to Dialogflow and returns the response.

### Displaying Bot Response

* Use the `AddMessageAsync` method (via a reference to the component) to programmatically add the bot's reply to the Chat UI.

* Create or modify a Razor component (`e.g., Pages/Chat.razor`) to integrate the Syncfusion Chat UI with the Dialogflow backend:
* Create or modify a Razor component (`e.g., Pages/Chat.razor`) to integrate the Chat UI with the Dialogflow backend:

{% tabs %}
{% highlight razor %}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ Before starting, ensure you have the following:

## Set Up the Chat UI component

Follow the Syncfusion Chat UI [Getting Started](../getting-started) guide to configure and render the Chat UI component in the application and that prerequisites are met.
Follow the [Getting Started](../getting-started) guide to configure and render the Chat UI component in the application and that prerequisites are met.

## Install Dependencies

Expand Down Expand Up @@ -120,9 +120,9 @@ Add the Direct Line secret to `Web.config`:

## Configure Chat UI

Use the `MessageSend`event of the `SfChatUI` component to handle message exchanges. This event is triggered before a message is sent, allowing you to forward it to the bot via the Direct Line API. Use the `AddMessageAsync` method (via a reference to the component) to programmatically add the bot's reply to the Chat UI.
Use the [MessageSend](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfChatUI.html#Syncfusion_Blazor_InteractiveChat_SfChatUI_MessageSend) event to handle message exchanges. This event is triggered before a message is sent, allowing you to forward it to the bot via the Direct Line API. Use the `AddMessageAsync` method (via a reference to the component) to programmatically add the bot's reply to the Chat UI.

Create or modify a Razor component (e.g., `Pages/Chat.razor`) to integrate the Syncfusion Chat UI with the Direct Line API:
Create or modify a Razor component (e.g., `Pages/Chat.razor`) to integrate the Chat UI with the Direct Line API:

{% tabs %}
{% highlight cshtml %}
Expand Down