Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
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
18 changes: 17 additions & 1 deletion blazor-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -170,6 +170,22 @@
<li><a href="/blazor/smart-ai-solutions/ai-samples/treegrid/adaptive-structuring">Adaptive Structuring</a></li>
</ul>
</li>
<li> Rich Text Editor
<ul>
<li><a href="/blazor/smart-ai-solutions/ai-samples/rich-text-editor/writting-assistance">Writting Assistance</a></li>
</ul>
</li>
<li> Kanban
<ul>
<li><a href="/blazor/smart-ai-solutions/ai-samples/kanban/smart-task-suggestion">Smart Task Suggestion</a></li>
<li><a href="/blazor/smart-ai-solutions/ai-samples/kanban/sentiment-analysis">Sentiment Analysis</a></li>
</ul>
</li>
<li>Pivot Table
<ul>
<li><a href="/blazor/smart-ai-solutions/ai-samples/pivot-table/smart-pivot">Smart Pivot Table</a></li>
</ul>
</li>
</ul>
</li>
<li>Installation<ul>
Expand Down Expand Up @@ -4946,7 +4962,7 @@
<li>2025 Volume 3 - 31.*
<ul>
<li>Weekly Nuget Release
<ul><li><a href="/blazor/release-notes/31.2.5">31.2.5</a></li><li><a href="/blazor/release-notes/31.2.4">31.2.4</a></li>
<ul><li><a href="/blazor/release-notes/31.2.10">31.2.10</a></li><li><a href="/blazor/release-notes/31.2.5">31.2.5</a></li><li><a href="/blazor/release-notes/31.2.4">31.2.4</a></li>
<li><a href="/blazor/release-notes/31.2.3">31.2.3</a></li>
<li><a href="/blazor/release-notes/31.1.23">31.1.23</a></li>
<li><a href="/blazor/release-notes/31.1.22">31.1.22</a></li>
Expand Down
94 changes: 94 additions & 0 deletions blazor/Release-Notes/31.2.10.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
---
title: Essential Studio for Blazor Release Notes - v31.2.10
description: Learn here about the controls in the Essential Studio for Blazor Weekly Release - Release Notes - v31.2.10
platform: blazor
documentation: ug
---

# Essential Studio for Blazor - v31.2.10 Release Notes

{% include release-info.html date="November 12, 2025" version="v31.2.10" passed="74461" failed="0" %}

{% directory path: _includes/release-notes/v31.2.10 %}

{% include {{file.url}} %}

{% enddirectory %}

## Test Results

| Component Name | Test Cases | Passed | Failed | Remarks |
|---------------|------------|--------|--------|---------|
| 3DChart | 198 | 198 | 0 | All Passed |
| Accordion | 232 | 232 | 0 | All Passed |
| AiAssistView | 297 | 297 | 0 | All Passed |
| Appbar | 102 | 102 | 0 | All Passed |
| Autocomplete | 444 | 444 | 0 | All Passed |
| BarcodeGenerator | 440 | 440 | 0 | All Passed |
| Breadcrumb | 137 | 137 | 0 | All Passed |
| Bulletchart | 237 | 237 | 0 | All Passed |
| Button | 255 | 255 | 0 | All Passed |
| Calendar | 146 | 146 | 0 | All Passed |
| Carousel | 174 | 174 | 0 | All Passed |
| Charts | 4172 | 4172 | 0 | All Passed |
| ChatUI | 102 | 102 | 0 | All Passed |
| Chips | 196 | 196 | 0 | All Passed |
| CircularGauge | 928 | 928 | 0 | All Passed |
| ColorPicker | 113 | 113 | 0 | All Passed |
| ComboBox | 248 | 248 | 0 | All Passed |
| DashboardLayout | 253 | 253 | 0 | All Passed |
| DataForm | 547 | 547 | 0 | All Passed |
| DataGrid | 5936 | 5936 | 0 | All Passed |
| DatePicker | 576 | 576 | 0 | All Passed |
| DateRangePicker | 366 | 366 | 0 | All Passed |
| DateTimePicker | 474 | 474 | 0 | All Passed |
| Diagram | 15310 | 15310 | 0 | All Passed |
| Dialog | 481 | 481 | 0 | All Passed |
| DropdownList | 584 | 584 | 0 | All Passed |
| Dropdowntree | 164 | 164 | 0 | All Passed |
| FileManager | 3108 | 3108 | 0 | All Passed |
| FileUpload | 330 | 330 | 0 | All Passed |
| FloatingActionButton | 128 | 128 | 0 | All Passed |
| Gantt | 4800 | 4800 | 0 | All Passed |
| HeatMap | 339 | 339 | 0 | All Passed |
| ImageEditor | 3561 | 3561 | 0 | All Passed |
| InPlaceEditor | 764 | 764 | 0 | All Passed |
| InputMask | 168 | 168 | 0 | All Passed |
| Kanban | 380 | 380 | 0 | All Passed |
| LinearGauge | 799 | 799 | 0 | All Passed |
| ListBox | 138 | 138 | 0 | All Passed |
| ListView | 441 | 441 | 0 | All Passed |
| Maps | 1570 | 1570 | 0 | All Passed |
| Mention | 152 | 152 | 0 | All Passed |
| Menu | 398 | 398 | 0 | All Passed |
| Message | 211 | 211 | 0 | All Passed |
| MultiselectDropdown | 386 | 386 | 0 | All Passed |
| NumericTextbox | 442 | 442 | 0 | All Passed |
| OtpInput | 123 | 123 | 0 | All Passed |
| PivotTable | 1378 | 1378 | 0 | All Passed |
| ProgressBar | 199 | 199 | 0 | All Passed |
| progressbutton | 101 | 101 | 0 | All Passed |
| QueryBuilder | 584 | 584 | 0 | All Passed |
| RangeNavigator | 196 | 196 | 0 | All Passed |
| Rating | 106 | 106 | 0 | All Passed |
| Ribbon | 451 | 451 | 0 | All Passed |
| RichTextEditor | 2768 | 2768 | 0 | All Passed |
| Scheduler | 5623 | 5623 | 0 | All Passed |
| Sidebar | 144 | 144 | 0 | All Passed |
| Slider | 271 | 271 | 0 | All Passed |
| SmithChart | 259 | 259 | 0 | All Passed |
| SparklineChart | 150 | 150 | 0 | All Passed |
| SpeedDial | 353 | 353 | 0 | All Passed |
| Splitter | 190 | 190 | 0 | All Passed |
| Stepper | 218 | 218 | 0 | All Passed |
| StockChart | 335 | 335 | 0 | All Passed |
| Tabs | 936 | 936 | 0 | All Passed |
| TextArea | 126 | 126 | 0 | All Passed |
| Textbox | 653 | 653 | 0 | All Passed |
| Timeline | 182 | 182 | 0 | All Passed |
| TimePicker | 419 | 419 | 0 | All Passed |
| Toast | 233 | 233 | 0 | All Passed |
| Toolbar | 230 | 230 | 0 | All Passed |
| TreeGrid | 4941 | 4941 | 0 | All Passed |
| TreeMap | 704 | 704 | 0 | All Passed |
| TreeView | 1361 | 1361 | 0 | All Passed |
32 changes: 16 additions & 16 deletions blazor/ai-coding-assistant/mcp-server.md
Original file line number Diff line number Diff line change
@@ -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.
Expand All @@ -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:

Expand All @@ -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": {
Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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

Expand All @@ -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.
Expand All @@ -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)
Expand All @@ -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)
40 changes: 21 additions & 19 deletions blazor/ai-coding-assistant/overview.md
Original file line number Diff line number Diff line change
@@ -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
Expand All @@ -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)
Loading