Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion ai-coding-assistant/copilot-extension.md
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ To use the Telerik Reporting Copilot extension:
1. For unrelated queries, start a new chat session in a new window to avoid context pollution from previous conversations.

>caption Using the Copilot Extension along with the MCP Server
If you have both the extension and the [MCP Server]({%slug ai-mcp-server%}) installed, you can use the `#telerik_reporting_assistant` handle. The handle works in both **Ask** and **Agent** modes and triggers responses from the MCP Server instead of the extension.
If you have both the extension and the [MCP Server]({%slug ai-mcp-server%}) installed, you can use the `#telerik-reporting-assistant` handle. The handle works in both **Ask** and **Agent** modes and triggers responses from the MCP Server instead of the extension.

### Sample Prompts

Expand Down
26 changes: 13 additions & 13 deletions ai-coding-assistant/mcp-server.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ Use these settings when configuring the server in your MCP client:
| Type | `stdio` (standard input/output transport) |
| Command | `npx` |
| Arguments | `-y` |
| Server Name | `telerik_reporting_assistant` (customizable) |
| Server Name | `telerik-reporting-assistant` (customizable) |

### License Configuration

Expand Down Expand Up @@ -82,7 +82,7 @@ For complete setup instructions, see [Use MCP servers in Visual Studio](https://
````json
{
"servers": {
"telerik_reporting_assistant": {
"telerik-reporting-assistant": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@progress/telerik-reporting-mcp@latest"],
Expand All @@ -98,7 +98,7 @@ For complete setup instructions, see [Use MCP servers in Visual Studio](https://


1. Restart Visual Studio.
1. Enable the `telerik_reporting_assistant` tool in the [Copilot Chat window's tool selection dropdown](https://learn.microsoft.com/en-us/visualstudio/ide/mcp-servers?view=vs-2022#configuration-example-with-github-mcp-server).
1. Enable the `telerik-reporting-assistant` tool in the [Copilot Chat window's tool selection dropdown](https://learn.microsoft.com/en-us/visualstudio/ide/mcp-servers?view=vs-2022#configuration-example-with-github-mcp-server).

### Global Setup:

Expand All @@ -118,7 +118,7 @@ The basic setup in Visual Studio Code follows these steps:
````json
{
"servers": {
"telerik_reporting_assistant": {
"telerik-reporting-assistant": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@progress/telerik-reporting-mcp@latest"],
Expand All @@ -133,7 +133,7 @@ The basic setup in Visual Studio Code follows these steps:
````


This enables you to call the MCP Server with the `#telerik_reporting_assistant` handle. To use a custom handle, change the server name in the `mcp.json`.
This enables you to call the MCP Server with the `#telerik-reporting-assistant` handle. To use a custom handle, change the server name in the `mcp.json`.

3. For global discovery, enable [`chat.mcp.discovery.enabled`](vscode://settings/chat.mcp.discovery.enabled) in `settings.json`:

Expand All @@ -157,7 +157,7 @@ Create `.cursor/mcp.json` in your workspace root (or user folder for global setu
````json
{
"mcpServers": {
"telerik_reporting_assistant": {
"telerik-reporting-assistant": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@progress/telerik-reporting-mcp@latest"],
Expand All @@ -171,7 +171,7 @@ Create `.cursor/mcp.json` in your workspace root (or user folder for global setu
}
````

This enables you to call the MCP Server with the `#telerik_reporting_assistant` handle. To use a custom handle, change the server name in the `mcp.json`.
This enables you to call the MCP Server with the `#telerik-reporting-assistant` handle. To use a custom handle, change the server name in the `mcp.json`.


## Usage
Expand All @@ -182,13 +182,13 @@ To use the Telerik Reporting MCP Server:

1. Choose your preferred mode and model.<br/>At the time of publishing, **Claude Sonnet 4** and **GPT-5** produce optimal results.

2. Start your prompt with `#telerik_reporting_assistant` (or with '#' followed by your [custom MCP server name](#configuration), if set):
2. Start your prompt with `#telerik-reporting-assistant` (or with '#' followed by your [custom MCP server name](#configuration), if set):

3. Inspect the output and verify that the MCP server is used. Look for messages similar to the ones below:

- Visual Studio: `Running telerikReportingAssistant`
- Visual Studio Code: `Running telerik_reporting_assistant`
- Cursor: `Calling MCP tool telerikReportingAssistant`
- Visual Studio: `Running telerik-reporting-assistant`
- Visual Studio Code: `Running telerik-reporting-assistant`
- Cursor: `Calling MCP tool telerik-reporting-assistant`

4. If the Telerik Reporting MCP server is not used even though it's installed and enabled, double-check the server name in your configuration and try rephrasing your prompt.
5. If requested, grant the Telerik Reporting MCP Server permissions to run for this session, workspace, or always.
Expand Down Expand Up @@ -226,8 +226,8 @@ If the Reporting Area cannot be determined automatically, the MCP Server will di

The following examples demonstrate useful prompts for the Telerik Reporting MCP Server:

* "`#telerik_reporting_assistant` Add a Telerik Report Viewer to my native Angular application."
* "`#telerik_reporting_assistant` Connect the Telerik Report Viewer to my Telerik Report Server instance."
* "`#telerik-reporting-assistant` Add a Telerik Report Viewer to my native Angular application."
* "`#telerik-reporting-assistant` Connect the Telerik Report Viewer to my Telerik Report Server instance."

>tip Visit the [Telerik Reporting Prompt Library]({%slug ai-prompt-library%) for more sample prompts.

Expand Down
74 changes: 37 additions & 37 deletions ai-coding-assistant/prompt-library.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ position: 3

The prompts provided here are intended and optimized for use with Telerik Reporting [AI Coding Assistant]({%slug ai-coding-assistant%}). When you run them in the [GitHub Copilot Extension]({%slug ai-copilot-extension%}) or the [MCP Server]({%slug ai-mcp-server%}), these prompts will help you kick-start your app development, speed up the component configuration process, and troubleshoot your code.

You can use the provided prompts as they are or modify them to fit your use case. Make sure to start your prompt with the required prefix (`@telerikreporting` for the [GitHub Copilot Extension]({%slug ai-copilot-extension%}) or `#telerik_reporting_assistant ` for the [MCP Server]({%slug ai-mcp-server%}) handle).
You can use the provided prompts as they are or modify them to fit your use case. Make sure to start your prompt with the required prefix (`@telerikreporting` for the [GitHub Copilot Extension]({%slug ai-copilot-extension%}) or `#telerik-reporting-assistant ` for the [MCP Server]({%slug ai-mcp-server%}) handle).

You can also use the prompts with any AI-powered tool of your choice. However, the Telerik Reporting AI Coding Assistant is developed to provide highly accurate results based extensively on the documentation, APIs, and community knowledge for Telerik Reporting. Running the prompts outside the AI Coding Assistant may not produce as relevant results.

Expand Down Expand Up @@ -53,60 +53,60 @@ Quick Start Guide:
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to connect the Blazor Report Viewer to a Telerik Report Server?
#telerik-reporting-assistant How to connect the Blazor Report Viewer to a Telerik Report Server?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to change the displayed report on a button click in the Native Blazor Report Viewer?
#telerik-reporting-assistant How to change the displayed report on a button click in the Native Blazor Report Viewer?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to pass a bearer token through the Blazor Report Viewer?
#telerik-reporting-assistant How to pass a bearer token through the Blazor Report Viewer?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to change the culture of the rendered report in the Native Blazor Report Viewer?
#telerik-reporting-assistant How to change the culture of the rendered report in the Native Blazor Report Viewer?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to to show ComboBox editors for the report parameters in the Blazor Report Viewer?
#telerik-reporting-assistant How to to show ComboBox editors for the report parameters in the Blazor Report Viewer?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to change the date format in the displayed report in the Native Blazor Report Viewer?
#telerik-reporting-assistant How to change the date format in the displayed report in the Native Blazor Report Viewer?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to change the displayed report on a button click in the Blazor Report Viewer?
#telerik-reporting-assistant How to change the displayed report on a button click in the Blazor Report Viewer?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to connect the Native Blazor Report Viewer to a Telerik Report Server?
#telerik-reporting-assistant How to connect the Native Blazor Report Viewer to a Telerik Report Server?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to move the parameters area inside the Blazor Report Viewer to be on the left side instead of the right?
#telerik-reporting-assistant How to move the parameters area inside the Blazor Report Viewer to be on the left side instead of the right?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to hide the export button in the Native Blazor Report Viewer's toolbar?
#telerik-reporting-assistant How to hide the export button in the Native Blazor Report Viewer's toolbar?
</code></pre>
</td>
</tr>
Expand All @@ -122,60 +122,60 @@ Quick Start Guide:
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to connect the Angular Report Viewer to a Telerik Report Server?
#telerik-reporting-assistant How to connect the Angular Report Viewer to a Telerik Report Server?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to use dropdown for the the report parameters of the Native Angular Report Viewer?
#telerik-reporting-assistant How to use dropdown for the the report parameters of the Native Angular Report Viewer?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to pass a bearer token through the Angular Report Viewer?
#telerik-reporting-assistant How to pass a bearer token through the Angular Report Viewer?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to hide the export button from the Native Angular Report Viewer's toolbar?
#telerik-reporting-assistant How to hide the export button from the Native Angular Report Viewer's toolbar?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to to show DateTimePicker editors for report parameters of type DateTime in the Angular Report Viewer?
#telerik-reporting-assistant How to to show DateTimePicker editors for report parameters of type DateTime in the Angular Report Viewer?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to print the report from the Native Angular Report Viewer using client-side code?
#telerik-reporting-assistant How to print the report from the Native Angular Report Viewer using client-side code?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to change the displayed report on a button click in the Angular Report Viewer?
#telerik-reporting-assistant How to change the displayed report on a button click in the Angular Report Viewer?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to display a custom indicator in the UI when an error is encountered in the Native Angular Report Viewer?
#telerik-reporting-assistant How to display a custom indicator in the UI when an error is encountered in the Native Angular Report Viewer?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to move the parameters area inside the Angular Report Viewer to be on the left side instead of the right?
#telerik-reporting-assistant How to move the parameters area inside the Angular Report Viewer to be on the left side instead of the right?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to set the reportSource of the Native Angular Report Viewer?
#telerik-reporting-assistant How to set the reportSource of the Native Angular Report Viewer?
</code></pre>
</td>
</tr>
Expand All @@ -191,60 +191,60 @@ Quick Start Guide:
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to connect the HTML5 Report Viewer to a Telerik Report Server?
#telerik-reporting-assistant How to connect the HTML5 Report Viewer to a Telerik Report Server?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to change the displayed report on a button click in the React Report Viewer?
#telerik-reporting-assistant How to change the displayed report on a button click in the React Report Viewer?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to pass a bearer token through the HTML5 Report Viewer?
#telerik-reporting-assistant How to pass a bearer token through the HTML5 Report Viewer?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to add a custom indicator in the UI when an error is encountered in the React Report Viewer?
#telerik-reporting-assistant How to add a custom indicator in the UI when an error is encountered in the React Report Viewer?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to to show ComboBox editors for the report parameters in the HTML5 Report Viewer?
#telerik-reporting-assistant How to to show ComboBox editors for the report parameters in the HTML5 Report Viewer?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to connect the React Report Viewer to a Telerik Report Server?
#telerik-reporting-assistant How to connect the React Report Viewer to a Telerik Report Server?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to change the displayed report on a button click in the HTML5 Report Viewer?
#telerik-reporting-assistant How to change the displayed report on a button click in the HTML5 Report Viewer?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant How to show ComboBox editors for report parameters in the React Report Viewer?
#telerik-reporting-assistant How to show ComboBox editors for report parameters in the React Report Viewer?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How to move the parameters area inside the HTML5 Report Viewer to be on the left side instead of the right?
#telerik-reporting-assistant How to move the parameters area inside the HTML5 Report Viewer to be on the left side instead of the right?
</code></pre>
</td>
<td>
<pre><code>
#telerik_reporting_assistant The document map panel is missing in the React Report Viewer, how to display it?
#telerik-reporting-assistant The document map panel is missing in the React Report Viewer, how to display it?
</code></pre>
</td>
</tr>
Expand All @@ -260,42 +260,42 @@ Quick Start Guide:
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How do I set up the Telerik Reporting REST Srevice in an ASP.NET Core projects that targets .NET 9?
#telerik-reporting-assistant How do I set up the Telerik Reporting REST Srevice in an ASP.NET Core projects that targets .NET 9?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant How do I set up the Telerik Reporting REST Srevice in an ASP.NET Framework projects that targets .NET Framework 4.8?
#telerik-reporting-assistant How do I set up the Telerik Reporting REST Srevice in an ASP.NET Framework projects that targets .NET Framework 4.8?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant I want to email the report as an email attachment, how do I do that? Explain it step-by-step.
#telerik-reporting-assistant I want to email the report as an email attachment, how do I do that? Explain it step-by-step.
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant Can I pass a List object from my Web API controller directly to a report’s DataSource? Explain how and give me an example.
#telerik-reporting-assistant Can I pass a List object from my Web API controller directly to a report’s DataSource? Explain how and give me an example.
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant In production, the report viewer displays `Client with ID 'xxxxxx' not found. Expired `. In local environment, it loads the reports as expected. How could I resolve this?
#telerik-reporting-assistant In production, the report viewer displays `Client with ID 'xxxxxx' not found. Expired `. In local environment, it loads the reports as expected. How could I resolve this?
</code></pre>
</td>
</tr>
<tr>
<td>
<pre><code>
#telerik_reporting_assistant Can I use a database as a storage for my report files in the Reporting REST service? Show me an example.
#telerik-reporting-assistant Can I use a database as a storage for my report files in the Reporting REST service? Show me an example.
</code></pre>
</td>
</tr>
Expand Down