986172: updated concerns in Md file

Author: TamilRamGanesan-SF5080

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
 
 <div class="aiassist-container" style="height: 350px; width: 650px;">
+// Initializes the AI Assist component
     <SfAIAssistView @ref="sfAIAssistView" ID="aiAssistView" PromptSuggestions="@promptSuggestions" PromptRequested="@OnPromptRequest">
         <AssistViews>
             <AssistView>
@@ -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()

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://<resource-name>.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
 <div class="aiassist-container" style="height: 450px; width: 650px;">
     <SfAIAssistView @ref="assistView" ID="aiAssistView" PromptSuggestions="@promptSuggestions" PromptRequested="@PromptRequest">
         <AssistViews>
@@ -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 = "<Your API Key>"; // Replace with your API key;
 var deploymentName = "gpt-4o-mini";