From a508cb7e441f85ba25dd567bc827dfc1a8a8475a Mon Sep 17 00:00:00 2001 From: TamilRamGanesan-SF5080 Date: Mon, 13 Oct 2025 09:41:18 +0530 Subject: [PATCH 1/8] 986172: updated concerns in Md file --- .../ai-integrations/gemini-integration.md | 35 ++++++++----------- .../ai-integrations/openai-integration.md | 35 +++++++++---------- 2 files changed, 30 insertions(+), 40 deletions(-) diff --git a/blazor/ai-assistview/ai-integrations/gemini-integration.md b/blazor/ai-assistview/ai-integrations/gemini-integration.md index 3b2189b3d1..0f4c61af61 100644 --- a/blazor/ai-assistview/ai-integrations/gemini-integration.md +++ b/blazor/ai-assistview/ai-integrations/gemini-integration.md @@ -9,31 +9,21 @@ documentation: ug # Gemini AI With Blazor AI AssistView component -The Syncfusion AI AssistView supports integration with [Gemini](https://ai.google.dev/gemini-api/docs/quickstart), enabling advanced conversational AI features in applications. +The Syncfusion AI AssistView integrates with [Gemini](https://ai.google.dev/gemini-api/docs/quickstart), to enable advanced conversational AI features in applications. ## Prerequisites -* Google account to generate an API key for accessing [Gemini AI](https://ai.google.dev/gemini-api/docs/quickstart) -* Syncfusion AI AssistView for Blazor package [Syncfusion.Blazor.InteractiveChat](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed in the project. -* [Markdig](https://www.nuget.org/packages/Markdig) package available in the project for Markdown-to-HTML conversion (required by the sample code). +* The Syncfusion AI AssistView component is setup in the application: -## Getting Started with the AI AssistView Component + * [Blazor Getting Started Guide](../getting-started) -Before integrating Gemini AI, ensure that the Syncfusion AI AssistView renders correctly in the application and that prerequisites are met: +* Google account to generate an API key for accessing [Gemini AI](https://ai.google.dev/gemini-api/docs/quickstart) -[Blazor Getting Started Guide](../getting-started) +* [Markdig](https://www.nuget.org/packages/Markdig) package available in the project for Markdown-to-HTML conversion (required by the sample code). ## Install Dependencies -Install the Syncfusion Blazor package in the application. - -```bash - -Nuget\Install-Package Syncfusion.Blazor.InteractiveChat - -``` - -Install the Gemini AI package in the application. +* Install the Gemini AI package in the application. ```bash @@ -43,13 +33,13 @@ Nuget\Install-Package Mscc.GenerativeAI ## Generate API Key -1. Go to [Google AI Studio](https://aistudio.google.com/app/api-keys) and sign in with a google account. Create a new account if needed. +1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) and sign in with your google account. Create one if you do not have it. 2. Select `Get API key` from the left menu or the top-right of the dashboard. -3. Choose `Create API key`. Select an existing google cloud project or create a new one, then proceed. +3. Choose an existing Google Cloud project or create a new one, then click `Create API key`. -4. After creating or selecting a project, an API key is generated and displayed. Copy the key and store it securely, as it may be shown only once. +4. Copy the generated API key and store it securely. It may be shown only once. > Security note: Do not commit API keys to version control. Use environment variables, a secret manager, or a server-side proxy in production. @@ -72,6 +62,7 @@ const string GeminiApiKey = 'Place your API key here'; @using Markdig
+// Initializes the AI Assist component @@ -98,13 +89,15 @@ const string GeminiApiKey = 'Place your API key here'; "What are the best tools for organizing my tasks?", "How can I maintain work-life balance effectively?" }; + // Initialize Gemini API private readonly string geminiApiKey = ""; + // Handle user prompt: call Gemini model private async Task OnPromptRequest(AssistViewPromptRequestedEventArgs args) { try { - var gemini = new GoogleAI(apiKey: geminiApiKey); - var model = gemini.GenerativeModel(model: "gemini-1.5-flash"); + var gemini = new GoogleAI(apiKey: geminiApiKey); // Replace with your Gemini API key + var model = gemini.GenerativeModel(model: "gemini-2.5-flash"); // Select the Gemini model (update model name as needed) var response = await model.GenerateContent(args.Prompt); var responseText = response.Text; var pipeline = new MarkdownPipelineBuilder() diff --git a/blazor/ai-assistview/ai-integrations/openai-integration.md b/blazor/ai-assistview/ai-integrations/openai-integration.md index 57b85c5649..df53fad2bf 100644 --- a/blazor/ai-assistview/ai-integrations/openai-integration.md +++ b/blazor/ai-assistview/ai-integrations/openai-integration.md @@ -9,30 +9,20 @@ documentation: ug # Azure OpenAI With Blazor 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 applications. +The Syncfusion AI AssistView integrates with [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai), to enable advanced conversational AI features in applications. ## Prerequisites +* The Syncfusion AI AssistView component is setup in the application: -- 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 Blazor [Syncfusion.Blazor.InteractiveChat](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed in the project + * [Blazor Getting Started Guide](../getting-started) -## Getting Started with the AI AssistView Component +* 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. -Before integrating Azure OpenAI, ensure the Syncfusion AI AssistView component renders correctly in the application: - -[Blazor Getting Started Guide](../getting-started) +* [Markdig](https://www.nuget.org/packages/Markdig) package available in the project for Markdown-to-HTML conversion (required by the sample code). ## Install Dependencies -Install the Syncfusion Blazor package in the application. - -```bash - -Nuget\Install-Package Syncfusion.Blazor.InteractiveChat - -``` - -Install the `Open AI` and `Markdig` nuget packages in the application. +* Install the `Open AI` and `Markdig` nuget packages in the application. ```bash @@ -49,9 +39,13 @@ Note: The sample below uses HttpClient directly and does not require the Azure/O 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. +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 (for example, https://.openai.azure.com/) + - 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. @@ -73,6 +67,7 @@ Note: The sample below uses HttpClient directly and does not require the Azure/O @using Syncfusion.Blazor.Navigations @inject AzureOpenAIService OpenAIService +// Initialize AI AssistView component
@@ -101,7 +96,8 @@ Note: The sample below uses HttpClient directly and does not require the Azure/O "What are the best tools for organizing my tasks?", "How can I maintain work-life balance effectively?" }; - + + // Handle user prompt: call Azure OpenAI Chat Completions private async Task PromptRequest(AssistViewPromptRequestedEventArgs args) { // Reset the response for this prompt @@ -233,6 +229,7 @@ namespace AIAssistView_AzureAI.Components.Services {% endhighlight %} {% highlight c# tabtitle="Server(~/_Program.cs)" %} +// Initialize Azure OpenAI var endpoint = "https://azure-testresource.openai.azure.com"; var apiKey = ""; // Replace with your API key; var deploymentName = "gpt-4o-mini"; From e459fb36e5014957a85002e1aa23e7d1cb1fb28e Mon Sep 17 00:00:00 2001 From: TamilRamGanesan-SF5080 Date: Mon, 13 Oct 2025 13:07:51 +0530 Subject: [PATCH 2/8] 986172: updated the md concerns --- .../ai-integrations/gemini-integration.md | 50 ++++++++++++++----- .../ai-integrations/openai-integration.md | 35 ++++++++++--- 2 files changed, 66 insertions(+), 19 deletions(-) diff --git a/blazor/ai-assistview/ai-integrations/gemini-integration.md b/blazor/ai-assistview/ai-integrations/gemini-integration.md index 0f4c61af61..1215854c74 100644 --- a/blazor/ai-assistview/ai-integrations/gemini-integration.md +++ b/blazor/ai-assistview/ai-integrations/gemini-integration.md @@ -7,23 +7,39 @@ control: AI AssistView documentation: ug --- -# Gemini AI With Blazor AI AssistView component +# Integrate Gemini AI With Blazor AI AssistView component -The Syncfusion AI AssistView integrates with [Gemini](https://ai.google.dev/gemini-api/docs/quickstart), to enable advanced conversational AI features in applications. +The AI AssistView component integrates seamlessly with Google’s [Gemini](https://ai.google.dev/gemini-api/docs/quickstart) API to enable conversational interfaces. It supports natural language understanding, maintains context across interactions, and delivers relevant responses. To activate these capabilities, configure the component with proper authentication and secure data handling for smooth communication with the Gemini API. ## Prerequisites -* The Syncfusion AI AssistView component is setup in the application: +Before starting, ensure you have the following: - * [Blazor Getting Started Guide](../getting-started) +* Google Account: For generating a Gemini API key. -* Google account to generate an API key for accessing [Gemini AI](https://ai.google.dev/gemini-api/docs/quickstart) +* Syncfusion AI AssistView: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed. -* [Markdig](https://www.nuget.org/packages/Markdig) package available in the project for Markdown-to-HTML conversion (required by the sample code). +* [Markdig](https://www.nuget.org/packages/Markdig) package: For parsing Markdown responses. + +## Set Up the AI AssistView Component + +Follow the Syncfusion AI AssistView Getting Started guide to configure and render the AI AssistView component in the application and that prerequisites are met: + +[Blazor Getting Started Guide](../getting-started) ## Install Dependencies -* Install the Gemini AI package in the application. +Install the required packages: + +1. Syncfusion Blazor package: + +```bash + +Nuget\Install-Package Syncfusion.Blazor.InteractiveChat + +``` + +2. Install the `Gemini AI` nuget package in the application. ```bash @@ -31,21 +47,29 @@ Nuget\Install-Package Mscc.GenerativeAI ``` +3. Install the `Markdig` nuget packages in the application. + +```bash + +Nuget\Install-Package Markdig + +``` + ## Generate API Key -1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) and sign in with your google account. Create one if you do not have it. +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. Select `Get API key` from the left menu or the top-right 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. Choose an existing Google Cloud project or create a new one, then click `Create API key`. +3. Project Selection: Choose an existing Google Cloud project or create a new one. -4. Copy the generated API key and store it securely. It may be shown only 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: Do not commit API keys to version control. Use environment variables, a secret manager, or a server-side proxy in production. +> Security note: Advises against committing the API key to version control and recommends using environment variables or a secret manager in production. ## Gemini AI with AI AssistView -* Add the generated API key in the following line. +* Add your Gemini API key securely in the configuration: ```bash diff --git a/blazor/ai-assistview/ai-integrations/openai-integration.md b/blazor/ai-assistview/ai-integrations/openai-integration.md index df53fad2bf..81e76401c4 100644 --- a/blazor/ai-assistview/ai-integrations/openai-integration.md +++ b/blazor/ai-assistview/ai-integrations/openai-integration.md @@ -7,28 +7,51 @@ control: AI AssistView documentation: ug --- -# Azure OpenAI With Blazor AI AssistView component +# Integrate Azure OpenAI with Blazor AI AssistView component -The Syncfusion AI AssistView integrates with [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai), to enable advanced conversational AI features in applications. +The AI AssistView component integrates seamlessly with [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) to enable advanced conversational AI features in your Angular applications. The component acts as a user interface for a support bot, where user prompts are sent to the Azure Open AI service via API calls, providing natural language understanding and context-aware responses. ## Prerequisites -* The Syncfusion AI AssistView component is setup in the application: +Before starting, ensure you have the following: - * [Blazor Getting Started Guide](../getting-started) +* 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. -* 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: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed. * [Markdig](https://www.nuget.org/packages/Markdig) package available in the project for Markdown-to-HTML conversion (required by the sample code). +## Set Up the AI AssistView Component + +Follow the Syncfusion AI AssistView Getting Started guide to configure and render the AI AssistView component in the application and that prerequisites are met: + +[Blazor Getting Started Guide](../getting-started) + ## Install Dependencies -* Install the `Open AI` and `Markdig` nuget packages in the application. +Install the required packages: + +1. Syncfusion Blazor package: + +```bash + +Nuget\Install-Package Syncfusion.Blazor.InteractiveChat + +``` + +2. Install the `Open AI` and `Azure` nuget packages in the application. ```bash NuGet\Install-Package OpenAI NuGet\Install-Package Azure.AI.OpenAI NuGet\Install-Package Azure.Core + +``` + +3. Install the `Markdig` nuget packages in the application. + +```bash + Nuget\Install-Package Markdig ``` From 61c11cbdaadec91c03a6184a5de3d68dc5f95e40 Mon Sep 17 00:00:00 2001 From: TamilRamGanesan-SF5080 Date: Mon, 13 Oct 2025 15:07:34 +0530 Subject: [PATCH 3/8] Update openai-integration.md --- blazor/ai-assistview/ai-integrations/openai-integration.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/blazor/ai-assistview/ai-integrations/openai-integration.md b/blazor/ai-assistview/ai-integrations/openai-integration.md index 81e76401c4..e629ae8291 100644 --- a/blazor/ai-assistview/ai-integrations/openai-integration.md +++ b/blazor/ai-assistview/ai-integrations/openai-integration.md @@ -9,7 +9,7 @@ documentation: ug # Integrate Azure OpenAI with Blazor AI AssistView component -The AI AssistView component integrates seamlessly with [Azure Open AI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) to enable advanced conversational AI features in your Angular applications. The component acts as a user interface for a support bot, where user prompts are sent to the Azure Open AI service via API calls, providing natural language understanding and context-aware responses. +The AI AssistView component integrates seamlessly with [Azure Open AI](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 for a support bot, where user prompts are sent to the Azure Open AI service via API calls, providing natural language understanding and context-aware responses. ## Prerequisites Before starting, ensure you have the following: @@ -260,4 +260,4 @@ var deploymentName = "gpt-4o-mini"; {% endhighlight %} {% endtabs %} -![Blazor AI AssistView Azure Open AI Integration](../images/openai-integration.png) \ No newline at end of file +![Blazor AI AssistView Azure Open AI Integration](../images/openai-integration.png) From abbbb4b86ed1701c3c2d3285f9a16bc65fd84c84 Mon Sep 17 00:00:00 2001 From: TamilRamGanesan-SF5080 Date: Mon, 13 Oct 2025 17:26:15 +0530 Subject: [PATCH 4/8] 986172: updated latest concerns --- .../ai-integrations/gemini-integration.md | 30 +++++++------------ .../ai-integrations/openai-integration.md | 22 ++++---------- 2 files changed, 16 insertions(+), 36 deletions(-) diff --git a/blazor/ai-assistview/ai-integrations/gemini-integration.md b/blazor/ai-assistview/ai-integrations/gemini-integration.md index 1215854c74..34d6fc30cf 100644 --- a/blazor/ai-assistview/ai-integrations/gemini-integration.md +++ b/blazor/ai-assistview/ai-integrations/gemini-integration.md @@ -9,37 +9,27 @@ documentation: ug # Integrate Gemini AI With Blazor AI AssistView component -The AI AssistView component integrates seamlessly with Google’s [Gemini](https://ai.google.dev/gemini-api/docs/quickstart) API to enable conversational interfaces. It supports natural language understanding, maintains context across interactions, and delivers relevant responses. To activate these capabilities, configure the component with proper authentication and secure data handling for smooth communication with the Gemini API. +The AI AssistView component integrates with Google’s [Gemini](https://ai.google.dev/gemini-api/docs/quickstart) 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. ## Prerequisites Before starting, ensure you have the following: -* Google Account: For generating a Gemini API key. +* **Google Account**: For generating a Gemini API key. -* Syncfusion AI AssistView: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed. +* **Syncfusion AI AssistView**: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed. * [Markdig](https://www.nuget.org/packages/Markdig) package: For parsing Markdown responses. ## Set Up the AI AssistView Component -Follow the Syncfusion AI AssistView Getting Started guide to configure and render the AI AssistView component in the application and that prerequisites are met: - -[Blazor Getting Started Guide](../getting-started) +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. ## Install Dependencies Install the required packages: -1. Syncfusion Blazor package: - -```bash - -Nuget\Install-Package Syncfusion.Blazor.InteractiveChat - -``` - -2. Install the `Gemini AI` nuget package in the application. +1. Install the `Gemini AI` nuget package in the application. ```bash @@ -47,7 +37,7 @@ Nuget\Install-Package Mscc.GenerativeAI ``` -3. Install the `Markdig` nuget packages in the application. +2. Install the `Markdig` nuget packages in the application. ```bash @@ -57,13 +47,13 @@ Nuget\Install-Package Markdig ## Generate API Key -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. +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. 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. +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. Project Selection: Choose an existing Google Cloud project or create a new one. +3. **Project Selection**: Choose an existing Google Cloud project or create a new one. -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. +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: Advises against committing the API key to version control and recommends using environment variables or a secret manager in production. diff --git a/blazor/ai-assistview/ai-integrations/openai-integration.md b/blazor/ai-assistview/ai-integrations/openai-integration.md index e629ae8291..a40f5f6149 100644 --- a/blazor/ai-assistview/ai-integrations/openai-integration.md +++ b/blazor/ai-assistview/ai-integrations/openai-integration.md @@ -9,36 +9,26 @@ documentation: ug # Integrate Azure OpenAI with Blazor AI AssistView component -The AI AssistView component integrates seamlessly with [Azure Open AI](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 for a support bot, where user prompts are sent to the Azure Open AI service via API calls, providing natural language understanding and context-aware responses. +The AI AssistView component integrates with [Azure Open AI](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 Open AI service via API calls, providing natural language understanding and context-aware responses. ## Prerequisites Before starting, ensure you have the following: -* 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. +* **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: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed. +* **Syncfusion AI AssistView**: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed. * [Markdig](https://www.nuget.org/packages/Markdig) package available in the project for Markdown-to-HTML conversion (required by the sample code). ## Set Up the AI AssistView Component -Follow the Syncfusion AI AssistView Getting Started guide to configure and render the AI AssistView component in the application and that prerequisites are met: - -[Blazor Getting Started Guide](../getting-started) +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. ## Install Dependencies Install the required packages: -1. Syncfusion Blazor package: - -```bash - -Nuget\Install-Package Syncfusion.Blazor.InteractiveChat - -``` - -2. Install the `Open AI` and `Azure` nuget packages in the application. +1. Install the `Open AI` and `Azure` nuget packages in the application. ```bash @@ -48,7 +38,7 @@ NuGet\Install-Package Azure.Core ``` -3. Install the `Markdig` nuget packages in the application. +2. Install the `Markdig` nuget packages in the application. ```bash From 501d19c1c75d668919832cf220f6d82b143e6727 Mon Sep 17 00:00:00 2001 From: TamilRamGanesan-SF5080 Date: Mon, 13 Oct 2025 19:25:01 +0530 Subject: [PATCH 5/8] 986172: updated UG concerns --- blazor/ai-assistview/ai-integrations/openai-integration.md | 1 + 1 file changed, 1 insertion(+) diff --git a/blazor/ai-assistview/ai-integrations/openai-integration.md b/blazor/ai-assistview/ai-integrations/openai-integration.md index a40f5f6149..78ea5758e7 100644 --- a/blazor/ai-assistview/ai-integrations/openai-integration.md +++ b/blazor/ai-assistview/ai-integrations/openai-integration.md @@ -12,6 +12,7 @@ documentation: ug The AI AssistView component integrates with [Azure Open AI](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 Open AI service via API calls, providing natural language understanding and context-aware responses. ## Prerequisites + Before starting, ensure you have the following: * **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. From 6b9cfc1d95bfdba80af951fc74095eacfaa32464 Mon Sep 17 00:00:00 2001 From: TamilRamGanesan-SF5080 Date: Tue, 14 Oct 2025 11:02:32 +0530 Subject: [PATCH 6/8] 986172: update the latest concerns --- .../ai-integrations/gemini-integration.md | 4 +++- .../ai-integrations/openai-integration.md | 18 ++++++++++-------- 2 files changed, 13 insertions(+), 9 deletions(-) diff --git a/blazor/ai-assistview/ai-integrations/gemini-integration.md b/blazor/ai-assistview/ai-integrations/gemini-integration.md index 34d6fc30cf..3aa30cbb7a 100644 --- a/blazor/ai-assistview/ai-integrations/gemini-integration.md +++ b/blazor/ai-assistview/ai-integrations/gemini-integration.md @@ -59,7 +59,9 @@ Nuget\Install-Package Markdig ## Gemini AI with AI AssistView -* Add your Gemini API key securely in the configuration: +Modify the Razor file to integrate the Gemini AI with the AI AssistView component. + +* update your Gemini API key securely in the configuration: ```bash diff --git a/blazor/ai-assistview/ai-integrations/openai-integration.md b/blazor/ai-assistview/ai-integrations/openai-integration.md index 78ea5758e7..efb6c0cbd7 100644 --- a/blazor/ai-assistview/ai-integrations/openai-integration.md +++ b/blazor/ai-assistview/ai-integrations/openai-integration.md @@ -1,7 +1,7 @@ --- layout: post -title: Azure Open AI with Blazor AI AssistView Component | Syncfusion -description: Checkout and learn about Azure Open AI with Blazor AI AssistView component in Blazor WebAssembly Application. +title: Azure OpenAI with Blazor AI AssistView Component | Syncfusion +description: Checkout and learn about Azure OpenAI with Blazor AI AssistView component in Blazor WebAssembly Application. platform: Blazor control: AI AssistView documentation: ug @@ -9,13 +9,13 @@ documentation: ug # Integrate Azure OpenAI with Blazor AI AssistView component -The AI AssistView component integrates with [Azure Open AI](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 Open AI service via API calls, providing natural language understanding and context-aware responses. +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. ## Prerequisites Before starting, ensure you have the following: -* **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. +* **An Azure account**: with access to [Azure OpenAI](https://microsoft.github.io/PartnerResources/skilling/ai-ml-academy/resources/openai) services and a generated API key. * **Syncfusion AI AssistView**: Package [Syncfusion Blazor package](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed. @@ -29,7 +29,7 @@ Follow the Syncfusion AI AssistView [Getting Started](../getting-started) guide Install the required packages: -1. Install the `Open AI` and `Azure` nuget packages in the application. +1. Install the `OpenAI` and `Azure` nuget packages in the application. ```bash @@ -49,9 +49,9 @@ Nuget\Install-Package Markdig Note: The sample below uses HttpClient directly and does not require the Azure/OpenAI SDKs. -## Configure Azure Open AI +## 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. @@ -73,6 +73,8 @@ Note: The sample below uses HttpClient directly and does not require the Azure/O - Inject and use the service in your Razor component. +Modify the razor file to integrate the Azure OpenAI with the AI AssistView component. + {% tabs %} {% highlight c# tabtitle="razor" %} @@ -251,4 +253,4 @@ var deploymentName = "gpt-4o-mini"; {% endhighlight %} {% endtabs %} -![Blazor AI AssistView Azure Open AI Integration](../images/openai-integration.png) +![Blazor AI AssistView Azure OpenAI Integration](../images/openai-integration.png) From b21c15c022611a04d0fa865f1ad6f47d93c60748 Mon Sep 17 00:00:00 2001 From: TamilRamGanesan-SF5080 Date: Tue, 14 Oct 2025 11:04:38 +0530 Subject: [PATCH 7/8] 986172: rename the toc file --- blazor-toc.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor-toc.html b/blazor-toc.html index fa14314f76..8c0a80dcb0 100644 --- a/blazor-toc.html +++ b/blazor-toc.html @@ -683,7 +683,7 @@
  • AI Integrations
  • Toolbar items
    • From ed51b7d105c54c90cb4a9838117e04f3555cd5f1 Mon Sep 17 00:00:00 2001 From: TamilRamGanesan-SF5080 Date: Tue, 14 Oct 2025 16:55:11 +0530 Subject: [PATCH 8/8] 986172: Fixed spell error. --- blazor/ai-assistview/ai-integrations/openai-integration.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor/ai-assistview/ai-integrations/openai-integration.md b/blazor/ai-assistview/ai-integrations/openai-integration.md index efb6c0cbd7..661836d8a6 100644 --- a/blazor/ai-assistview/ai-integrations/openai-integration.md +++ b/blazor/ai-assistview/ai-integrations/openai-integration.md @@ -57,7 +57,7 @@ Note: The sample below uses HttpClient directly and does not require the Azure/O 3. Note the following values: - API key - - Endpoint (for example, https://.openai.azure.com/) + - Endpoint - API version (must be supported by your resource) - Deployment name (for example, gpt-4o-mini)