Merge pull request #7093 from syncfusion-content/985454-UG

Updated the Blazor common UG documentation

Author: rajendranr-5483

blazor/ai-coding-assistant/mcp-server.md

@@ -1,19 +1,19 @@
 ---
 layout: post
-title: SyncfusionBlazorAssistant MCP Server | Syncfusion
-description: Learn how to configure and use SyncfusionBlazorAssistant MCP server for intelligent code generation, documentation, and troubleshooting in Blazor apps.
+title: SyncfusionBlazorAssistant MCP server | Syncfusion
+description: Learn how to configure and use SyncfusionBlazorAssistant MCP server for intelligent code generation, documentation, and troubleshooting in Blazor applications.
 control: Getting started with SyncfusionBlazorAssistant MCP Server
 platform: Blazor
 documentation: ug
 ---
 
-# SyncfusionBlazorAssistant MCP Server
+# SyncfusionBlazorAssistant MCP server
 
 ## Overview
 
-The [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) is a specialized [Model Context Protocol (MCP)](https://modelcontextprotocol.io/docs/getting-started/intro) server that provides intelligent assistance for developers using Syncfusion's Blazor component libraries. This tool seamlessly integrates with compatible [MCP clients](https://modelcontextprotocol.io/clients) to enhance your development workflow when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components.
+The [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) is a specialized [Model Context Protocol (MCP)](https://modelcontextprotocol.io/docs/getting-started/intro) server that provides intelligent assistance for developers using Syncfusion Blazor component libraries. This tool seamlessly integrates with compatible [MCP clients](https://modelcontextprotocol.io/clients) to enhance your development workflow when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components.
 
-### Key Benefits
+### Key benefits
 
 * Intelligent code generation for Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
 * Detailed component documentation and usage examples.
@@ -23,15 +23,15 @@ The [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor
 
 Before using [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant), ensure you have:
 
-* Required [node](https://nodejs.org/en/) version >= 18
-* A [compatible MCP client](https://modelcontextprotocol.io/clients) (Visual Studio Code with GitHub Copilot, [Syncfusion<sup style="font-size:70%">&reg;</sup> CodeStudio](https://www.syncfusion.com/code-studio/), etc.)
+* Required [Node.js](https://nodejs.org/en/) version >= 18
+* A [compatible MCP client](https://modelcontextprotocol.io/clients) (Visual Studio Code with GitHub Copilot, [Syncfusion<sup style="font-size:70%">&reg;</sup> Code Studio](https://www.syncfusion.com/code-studio/), etc.)
 * An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
   - [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
   - [Free Community License](https://www.syncfusion.com/products/communitylicense)
   - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
-* An active [API KEY](https://syncfusion.com/account/api-key)
+* An active [API key](https://www.syncfusion.com/account/api-key)
 
-## Unlimited Access
+## Unlimited access
 
 Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to this MCP server. There are no restrictions on:
 
@@ -46,15 +46,15 @@ This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;
 
 Before you can invoke the `SyncfusionBlazorAssistant` MCP server, you need to configure your MCP client with these core settings. The **Generic MCP Server Settings** shown below are identical across all clients:
 
-### Generic MCP Server Settings
+### Generic MCP server settings
 
 - **npm package name**: `@syncfusion/blazor-assistant`
 - **Type**: stdio (standard input/output transport)
 - **Command**: npx
 - **Arguments**: -y
 - **Server name**: syncfusionBlazorAssistant
 
-You need to add your [Syncfusion API key](https://syncfusion.com/account/api-key) as an env parameter in the configuration file:
+You need to add your [Syncfusion API key](https://www.syncfusion.com/account/api-key) as an env parameter in the configuration file:
 
 ```json
 "env": {
@@ -93,7 +93,7 @@ Below are setup instructions for popular MCP clients:
 }
 ```
 
-* After updating the configuration in settings.json, you'll notice a "Start" option at the top of the config. This allows you to easily start the [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) server directly from the settings interface without additional commands.
+* After updating the configuration in mcp.json, you'll notice a "Start" option at the top of the config. This allows you to easily start the [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) server directly from the settings interface without additional commands.
 
 * Confirm the server is active by checking for a message like: `SyncfusionBlazorAssistant is running...` in the output.
 
@@ -176,7 +176,7 @@ For more details, refer to the [Cursor documentation](https://cursor.com/docs/co
 
 For further assistance, see the [JetBrains documentation](https://www.jetbrains.com/help/ai-assistant/mcp.html#connect-to-an-mcp-server).
 
-> For more detailed information about configuring MCP servers in various clients, refer to the official documentations, e.g., [Windsurf](https://docs.windsurf.com/windsurf/cascade/mcp#mcp-config-json)
+> For more detailed information about configuring MCP servers in various clients, refer to the official documentation, e.g., [Windsurf](https://docs.windsurf.com/windsurf/cascade/mcp#mcp-config-json)
 
 ## Usage
 
@@ -199,7 +199,7 @@ To activate the SyncfusionBlazorAssistant MCP server:
 
 Syncfusion<sup style="font-size:70%">&reg;</sup> MCP Servers provide full access to all AI interaction modes — Ask/Chat, Edit, and Agent — across supported MCP clients.
 
-### Best Practices for Effective Usage
+### Best practices for effective usage
 
 1. `Be specific`: Mention both platform and component (e.g., "How do I create a Syncfusion Blazor Grid with paging and filtering?").
 2. `Provide context`: Include details about your use case for more targeted solutions.
@@ -225,7 +225,7 @@ If you encounter issues:
 
 ## Support
 
-Product support is available through the following mediums.
+Product support is available through the following channels.
 
 * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours \| Unlimited tickets \| Holiday support
 * [Community forum](https://www.syncfusion.com/forums/blazor-components)
@@ -234,4 +234,4 @@ Product support is available through the following mediums.
 
 ## See also
 
-* [Syncfusion Blazor Documentation](https://blazor.syncfusion.com/documentation)
+* [Syncfusion Blazor documentation](https://blazor.syncfusion.com/documentation)

blazor/ai-coding-assistant/overview.md

@@ -1,36 +1,36 @@
 ---
 layout: post
-title: Syncfusion AI Coding Assistant Overview | Syncfusion
-description: Learn how Syncfusion AI Coding Assistant boost Blazor productivity by generating accurate code snippets, configuration examples, and contextual guidance.
+title: Syncfusion AI Coding Assistant overview | Syncfusion
+description: Learn how the Syncfusion AI Coding Assistant boosts Blazor productivity by generating accurate code snippets, configuration examples, and contextual guidance.
 control: Syncfusion AI Coding Assistant Overview
 platform: Blazor
 documentation: ug
 ---
 
-# Syncfusion® AI Coding Assistant Overview
+# Syncfusion® AI Coding Assistant overview
 
-The **Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant** are designed to streamline your development workflow when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components. It uses contextual knowledge of the Syncfusion<sup style="font-size:70%">&reg;</sup> component library to generate accurate code snippets, configuration examples, and guided explanations—minimizing documentation searches and maximizing productivity.
+The **Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant** is designed to streamline development when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components. It uses contextual knowledge of the Syncfusion<sup style="font-size:70%">&reg;</sup> component library to generate accurate code snippets, configuration examples, and guided explanations—minimizing documentation searches and maximizing productivity.
 
-AI Coding Assistant:
+AI Coding Assistants:
 
-* **The SyncfusionBlazorAssistant MCP Server**
-  Processes advanced prompts and returns tailored code suggestions via [MCP-compatible clients](https://modelcontextprotocol.io/clients).
+* **SyncfusionBlazorAssistant MCP server**
+  Processes prompts and returns tailored code suggestions through [MCP-compatible clients](https://modelcontextprotocol.io/clients).
 
-## Getting Started
+## Getting started
 
-To use the AI Coding Assistant, you need:
+To use the AI Coding Assistant, the following are required:
 
 * A [Syncfusion<sup style="font-size:70%">&reg;</sup> user account](https://www.syncfusion.com/account)
 * An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
   - [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
   - [Free Community License](https://www.syncfusion.com/products/communitylicense)
   - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
-* An active [API KEY](https://syncfusion.com/account/api-key)
+* An active [API key](https://www.syncfusion.com/account/api-key)
 * A [Blazor application that includes SyncfusionBlazor](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app)
 
-## Unlimited Access
+## Unlimited access
 
-Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to the AI Coding Assistant, with no limitations on:
+Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to the AI Coding Assistant with no limitations on:
 
 * Number of requests
 * Components usage
@@ -39,31 +39,33 @@ Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to the
 
 This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.
 
-## Best Practices
+## Best practices
 
 * Initial Setup: Use the tools to quickly add and configure Syncfusion<sup style="font-size:70%">&reg;</sup> components in your Blazor application.
 * Feature Tuning: Enable or disable component features through prompt-based configuration for tailored functionality.
 * Data Binding: Generate sample data for testing and prototyping. Avoid using sensitive or production data to ensure security.
-* Step-by-step explanations: Use annotated code to understand component behavior. Note that the level of detail may vary depending on the tool, mode, and AI model used. Refer to the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) for in-depth information.
+* Step-by-step explanations: Use annotated code to understand component behavior. The level of detail may vary based on the tool, mode, and AI model. Refer to the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) for in-depth information.
+* Troubleshooting: Resolve common issues with AI-generated suggestions. For complex problems, see the [documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) or contact [support](https://support.syncfusion.com/support/tickets/create).
+
 * Troubleshooting: Resolve common issues with AI-generated suggestions. For complex problems, refer to [documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) or [support](https://support.syncfusion.com/support/tickets/create).
 
 > Always check AI-generated content and code for accuracy before using it.
 
 ## Recommendations
 
 * Session Management: Start new sessions when switching tasks to ensure prompt relevance and maintain content focus.
-* Model Compatibility: For optimal performance, use the tools with advanced AI models such as GPT-5 or Claude Sonnet 4.
+* Model compatibility: For optimal performance, use the tools with advanced AI models such as GPT-5 or Claude Sonnet 4.
 
-## Privacy & Data Handling
+## Privacy and data handling
 
 The Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant is designed with privacy in mind:
 
 * The tools do not access your project files or workspace directly.
 * User prompts are not stored by any of the tools or used for any other purpose.
 * Prompts are not used to train Syncfusion<sup style="font-size:70%">&reg;</sup> models.
-* The assistant generates context, while the final output is handled by your selected AI model.
+* The assistant provides context, while the final output is generated by the AI model selected in your client.
 
 ## See also
 
-* Add the [SyncfusionBlazorAssistant MCP Server](https://blazor.syncfusion.com/documentation/ai-coding-assistant/mcp-server) to an MCP-enabled client
-* [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Documentation](https://blazor.syncfusion.com/documentation)
+* Add the [SyncfusionBlazorAssistant MCP server](https://blazor.syncfusion.com/documentation/ai-coding-assistant/mcp-server) to an MCP-enabled client
+* [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor documentation](https://blazor.syncfusion.com/documentation)

blazor/getting-started/blazor-electron-app.md

@@ -9,54 +9,54 @@ documentation: ug
 
 # Creating Desktop Application using Blazor and Electron
 
-This section explains how to create and run desktop applications using Blazor and Electron Framework with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
+This section explains how to create and run a desktop application by using Blazor and the Electron.NET framework with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
 
 ## What is Electron?
 
-[Electron](https://www.electronjs.org/) framework for building cross-platform desktop applications with web technologies. It utilizes `Node.js` and the `Chromium` rendering engine to run a web application on a desktop shell.
+[Electron](https://www.electronjs.org/) is a framework for building cross-platform desktop applications with web technologies. It utilizes `Node.js` and the `Chromium` rendering engine to run a web application in a desktop shell.
 
 ## Create a Blazor server-side application
 
-You can create Blazor Server application using either CLI or Visual Studio referring the below links
+Create a Blazor Server application by using either the CLI or Visual Studio:
 
-* [Create Blazor server application using CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli)
+* [Create a Blazor Server application by using the CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli)
 
-* [Create Blazor Server application using Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio)
+* [Create a Blazor Server application by using Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio)
 
-N> This setup does not work with Target Frameworks greater than .NET 6. For more details and troubleshooting, refer to this [GitHub thread](https://github.com/ElectronNET/Electron.NET/issues/837#issuecomment-1985434060).
+N> This setup does not work with target frameworks greater than .NET 6. For details and troubleshooting, see this [GitHub thread](https://github.com/ElectronNET/Electron.NET/issues/837#issuecomment-1985434060).
 
 ## Configure Electron in Blazor App
 
-You can run the below commands either in **Visual Studio Developer Command Prompt** or **CLI** based on the tool you are using for development.
+Run the following commands in either the **Visual Studio Developer Command Prompt** or a **command-line interface (CLI)** based on the development environment.
 
 1.Install [ElectronNET.API](https://www.nuget.org/packages/ElectronNET.API/) NuGet package in the application.
 
 ```
 dotnet add package ElectronNET.API
 ```
 
-2.Create a local .NET tool manifest file by running the following command. This will create a manifest file in the **~/.config/dotnet-tools.json** location. 
+2.Create a local .NET tool manifest file by running the following command. This creates a manifest file at **~/.config/dotnet-tools.json** in the current project.
 
 ```
 dotnet new tool-manifest
 ```
 
-![.NET tool manifest file](images\electron\net-tool-manifest.png)
+![.NET tool manifest file](images/electron/net-tool-manifest.png)
 
 3.Install the tool locally in the project by running the below command.
 
 ```
 dotnet tool install ElectronNET.CLI
 ```
 
-![Electron NET CLI](images\electron\net-cli.png)
+![Electron.NET CLI installation](images/electron/net-cli.png)
 
 4.Run the below command to configure Electron.NET manifest tool and update the launch profile of the application.
 
 ```
 dotnet electronize init
 ```
-![Update launch profile](images\electron\update-launch-profile.png)
+![Update launch profile for Electron.NET](images/electron/update-launch-profile.png)
 
 5.To integrate `Electron.NET` in the application add the below code in **~/Program.cs** file of the application.
 
@@ -113,9 +113,9 @@ var app = builder.Build();
 dotnet electronize start
 ```
 
-![Electron app output](images\electron\electron-grid-output.png)
+![Electron app output](images/electron/electron-grid-output.png)
 
-N> To close the electron app when closed the electron window add the below code in **//Open the Electron-Window** in step 6 in the **~/Program.cs** file of .NET 6 application.
+N> To close the Electron app when the Electron window is closed, add the following code under **// Open the Electron-Window** in step 6 in the **~/Program.cs** file of a .NET 6 application.
 
 {% tabs %}
 {% highlight c# tabtitle=".NET 6 (~/Program.cs)" hl_lines="14 15 16" %}
@@ -145,12 +145,12 @@ var app = builder.Build();
 {% endhighlight %}
 {% endtabs %}
 
-8.Run the below command lines to do production builds based on platform
+8.Run the following commands to create production builds for each platform.
 
 ```
 dotnet electronize build /target win
 dotnet electronize build /target osx
 dotnet electronize build /target linux
 ```
 
-N> [View the complete Blazor Server electron application with Syncfusion<sup style="font-size:70%">&reg;</sup> controls on GitHub](https://github.com/SyncfusionExamples/blazor-electron-app)
+N> [View the complete Blazor Server Electron application with Syncfusion<sup style="font-size:70%">&reg;</sup> components on GitHub](https://github.com/SyncfusionExamples/blazor-electron-app)