From c3123cd88be049434c690a563188ef426d520b01 Mon Sep 17 00:00:00 2001 From: premanandh2205 Date: Wed, 1 Oct 2025 17:24:59 +0530 Subject: [PATCH 1/4] 982891: Update the ai-integrations contents --- .../ai-integrations/gemini-integration.md | 21 ++++++++++++------- .../ai-integrations/openai-integration.md | 8 +++---- .../ai-integrations/gemini-integration.md | 17 +++++++++------ .../ai-integrations/openai-integration.md | 8 +++---- 4 files changed, 32 insertions(+), 22 deletions(-) diff --git a/blazor/ai-assistview/ai-integrations/gemini-integration.md b/blazor/ai-assistview/ai-integrations/gemini-integration.md index 9b3e6d4a4f..2642b5f928 100644 --- a/blazor/ai-assistview/ai-integrations/gemini-integration.md +++ b/blazor/ai-assistview/ai-integrations/gemini-integration.md @@ -13,9 +13,9 @@ The Syncfusion AI AssistView supports integration with [Gemini](https://ai.googl ## Prerequisites -* Google account to generate an API key for accessing Gemini AI -* Syncfusion AI AssistView for Blazor package (Syncfusion.Blazor.InteractiveChat) installed in the project -* Markdig package available in the project for Markdown-to-HTML conversion (required by the sample code) +* 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` package available in the project for Markdown-to-HTML conversion (required by the sample code). ## Getting Started with the AI AssistView Component @@ -29,7 +29,7 @@ Install the Syncfusion Blazor package in the application. ```bash -Install-Package Syncfusion.Blazor.InteractiveChat +Nuget\Install-Package Syncfusion.Blazor.InteractiveChat ``` @@ -37,17 +37,17 @@ Install the Gemini AI package in the application. ```bash -Install-Package Mscc.GenerativeAI +Nuget\Install-Package Mscc.GenerativeAI ``` ## Generate API Key -1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) 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 a google account. Create a new account if needed. -2. Select Get API Key from the left menu or the top-right of the dashboard. +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 create API key. Select an existing google cloud project or create a new one, then proceed. 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. @@ -66,6 +66,11 @@ const string GeminiApiKey = 'Place your API key here'; {% tabs %} {% highlight razor %} +@using Syncfusion.Blazor.InteractiveChat +@using Syncfusion.Blazor.Navigations +@using Mscc.GenerativeAI +@using Markdig +
diff --git a/blazor/ai-assistview/ai-integrations/openai-integration.md b/blazor/ai-assistview/ai-integrations/openai-integration.md index 1c98077da5..1e69034e15 100644 --- a/blazor/ai-assistview/ai-integrations/openai-integration.md +++ b/blazor/ai-assistview/ai-integrations/openai-integration.md @@ -13,8 +13,8 @@ The Syncfusion AI AssistView supports integration with [Azure Open AI](https://m ## Prerequisites -- An Azure account with access to `Azure Open AI` services and a generated API key. -- Syncfusion AI AssistView for Blazor `Syncfusion.Blazor.InteractiveChat` installed in the project +- 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 ## Getting Started with the AI AssistView Component @@ -49,9 +49,9 @@ 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 (e.g., 2024-07-01-preview) matches your resource configuration. +3. Copy the API key, endpoint, and deployment name (e.g., gpt-4o-mini). Ensure the API version matches your resource configuration. 4. Store these values securely, as they will be used in your application. diff --git a/blazor/chat-ui/ai-integrations/gemini-integration.md b/blazor/chat-ui/ai-integrations/gemini-integration.md index 0a82b97890..5fe6c95599 100644 --- a/blazor/chat-ui/ai-integrations/gemini-integration.md +++ b/blazor/chat-ui/ai-integrations/gemini-integration.md @@ -13,8 +13,8 @@ The Syncfusion Chat UI supports integration with [Gemini](https://ai.google.dev ## Prerequisites -* Google account to generate API key on accessing `Gemini AI` -* Syncfusion Chat UI for Blazor `Syncfusion.Blazor.InteractiveChat` installed in your project. +* Google account to generate API key on accessing [Gemini AI](https://ai.google.dev/gemini-api/docs/quickstart) +* Syncfusion Chat UI for Blazor [Syncfusion.Blazor.InteractiveChat](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed in your project. ## Getting Started with the Chat UI Component @@ -28,7 +28,7 @@ Install the Syncfusion Blazor package in the application. ```bash -Install-Package Syncfusion.Blazor.InteractiveChat +Nuget\Install-Package Syncfusion.Blazor.InteractiveChat ``` @@ -36,17 +36,17 @@ Install the Gemini AI package in the application. ```bash -Install-Package Mscc.GenerativeAI +Nuget\Install-Package Mscc.GenerativeAI ``` ## 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. 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. 2. Once logged in, click on `Get API Key` from the left-hand menu or the top-right corner of the dashboard. -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. 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. 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. @@ -65,6 +65,11 @@ const string GeminiApiKey = 'Place your API key here'; {% tabs %} {% highlight razor %} +@using Syncfusion.Blazor.InteractiveChat +@using Syncfusion.Blazor.Navigations +@using Mscc.GenerativeAI +@using Markdig +
diff --git a/blazor/chat-ui/ai-integrations/openai-integration.md b/blazor/chat-ui/ai-integrations/openai-integration.md index 71ce50005e..ec7da5b67c 100644 --- a/blazor/chat-ui/ai-integrations/openai-integration.md +++ b/blazor/chat-ui/ai-integrations/openai-integration.md @@ -13,8 +13,8 @@ The Syncfusion Chat UI supports integration with [Azure Open AI](https://microso ## Prerequisites -- An Azure account with access to `Azure Open AI` services and a generated API key. -- Syncfusion Chat UI for Blazor `Syncfusion.Blazor.InteractiveChat` installed in the project +- 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 Chat UI for Blazor [Syncfusion.Blazor.InteractiveChat](https://www.nuget.org/packages/Syncfusion.Blazor.InteractiveChat) installed in the project. ## Getting Started with the Chat UI Component @@ -49,9 +49,9 @@ 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 (e.g., 2024-07-01-preview) matches your resource configuration. +3. Copy the API key, endpoint, and deployment name (e.g., gpt-4o-mini). Ensure the API version matches your resource configuration. 4. Store these values securely, as they will be used in your application. From 03306872c37c0e2e0bd6eb78b3e626009d1aebe6 Mon Sep 17 00:00:00 2001 From: premanandh2205 Date: Wed, 1 Oct 2025 17:33:38 +0530 Subject: [PATCH 2/4] 982891: Added a package for markdig --- blazor/ai-assistview/ai-integrations/gemini-integration.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor/ai-assistview/ai-integrations/gemini-integration.md b/blazor/ai-assistview/ai-integrations/gemini-integration.md index 2642b5f928..1a75be20d2 100644 --- a/blazor/ai-assistview/ai-integrations/gemini-integration.md +++ b/blazor/ai-assistview/ai-integrations/gemini-integration.md @@ -15,7 +15,7 @@ The Syncfusion AI AssistView supports integration with [Gemini](https://ai.googl * 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` package available in the project for Markdown-to-HTML conversion (required by the sample code). +* [Markdig](https://www.nuget.org/packages/Markdig) package available in the project for Markdown-to-HTML conversion (required by the sample code). ## Getting Started with the AI AssistView Component From cec4220f94b811ea8b02f900b29c79ba0f6a889a Mon Sep 17 00:00:00 2001 From: premanandh2205 Date: Wed, 1 Oct 2025 17:41:26 +0530 Subject: [PATCH 3/4] 982891: Update the review corrections --- blazor/ai-assistview/ai-integrations/gemini-integration.md | 6 +++--- blazor/chat-ui/ai-integrations/gemini-integration.md | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/blazor/ai-assistview/ai-integrations/gemini-integration.md b/blazor/ai-assistview/ai-integrations/gemini-integration.md index 1a75be20d2..b959d9396f 100644 --- a/blazor/ai-assistview/ai-integrations/gemini-integration.md +++ b/blazor/ai-assistview/ai-integrations/gemini-integration.md @@ -43,11 +43,11 @@ Nuget\Install-Package Mscc.GenerativeAI ## Generate API Key -1. Go to [Google AI Studio](https://aistudio.google.com/app/apikey) and sign in with a google account. Create a new account if needed. +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. -2. Select get API key from the left menu or the top-right of the dashboard. +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 `Create API keyx `. Select an existing google cloud project or create a new one, then proceed. 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. diff --git a/blazor/chat-ui/ai-integrations/gemini-integration.md b/blazor/chat-ui/ai-integrations/gemini-integration.md index 5fe6c95599..885ec239d6 100644 --- a/blazor/chat-ui/ai-integrations/gemini-integration.md +++ b/blazor/chat-ui/ai-integrations/gemini-integration.md @@ -46,7 +46,7 @@ Nuget\Install-Package Mscc.GenerativeAI 2. Once logged in, click on `Get API Key` from the left-hand menu or the top-right corner of the dashboard. -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. 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. 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. From 656b7e71c5e42525f2569568e641d670124793ac Mon Sep 17 00:00:00 2001 From: premanandh2205 Date: Wed, 1 Oct 2025 17:45:06 +0530 Subject: [PATCH 4/4] 982891: Update concern --- blazor/ai-assistview/ai-integrations/gemini-integration.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor/ai-assistview/ai-integrations/gemini-integration.md b/blazor/ai-assistview/ai-integrations/gemini-integration.md index b959d9396f..7af47738be 100644 --- a/blazor/ai-assistview/ai-integrations/gemini-integration.md +++ b/blazor/ai-assistview/ai-integrations/gemini-integration.md @@ -47,7 +47,7 @@ Nuget\Install-Package Mscc.GenerativeAI 2. Select `Get API key` from the left menu or the top-right of the dashboard. -3. Choose `Create API keyx `. Select an existing google cloud project or create a new one, then proceed. +3. Choose `Create API key`. Select an existing google cloud project or create a new one, then proceed. 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.