Skip to content

Improve AI-powered debugging section on dashboard pages #883

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
IEvangelist wants to merge 2 commits into
base: main
Choose a base branch
from
+22 −12
Open

Improve AI-powered debugging section on dashboard pages #883

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
28767c2
Improve AI-powered debugging section on dashboard pages (#874)
May 7, 2026
90edfd9
Use rows=15 to keep showcase consistent with other terminal showcases
May 7, 2026
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
25 changes: 13 additions & 12 deletions src/frontend/src/content/docs/dashboard/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,14 +17,14 @@ import FeatureShowcase from '@components/FeatureShowcase.astro';
import ImageShowcase from '@components/ImageShowcase.astro';
import CapabilityGrid from '@components/CapabilityGrid.astro';
import CTABanner from '@components/CTABanner.astro';
import TerminalShowcase from '@components/TerminalShowcase.astro';

import OsAwareTabs from '@components/OsAwareTabs.astro';

import projectsImage from '@assets/dashboard/explore/resources-filtered-containers.png';
import tracesImage from '@assets/dashboard/explore/trace-span-details.png';
import metricsImage from '@assets/dashboard/explore/metrics-view.png';
import structuredLogsImage from '@assets/dashboard/explore/structured-logs-errors-view.png';
import mcpDialogImage from '@assets/dashboard/mcp-server/mcp-dialog.png';

<TopicHero
icon="seti:happenings"
Expand Down Expand Up @@ -99,13 +99,14 @@ Navigate to `http://localhost:18888` to open the dashboard, and point your apps'

## AI-powered debugging

<ImageShowcase
title="MCP server for AI agents"
description="Expose your app's telemetry, resources, and logs to AI coding agents via the Model Context Protocol. Give your coding assistants full observability context for smarter debugging."
image={mcpDialogImage}
imageAlt="Aspire Dashboard MCP server configuration dialog showing connection details for AI assistants."
imagePosition="left"
cta={{ label: 'Configure MCP server', href: '/get-started/aspire-mcp-server/' }}
<TerminalShowcase
title="Your AI agent sees what you see —"
highlight="logs, traces, and resources."
description="AI coding agents read the same dashboard telemetry you do through the Aspire CLI and the Aspire MCP server. Agents call commands like aspire describe, aspire otel logs, and aspire otel traces — or MCP tools such as list_structured_logs and list_traces — to diagnose issues, verify fixes, and reason over real running-app data."
cast="/casts/mcp-copilot-cli.cast"
poster="npt:0:22"
rows={15}
cta={{ label: 'Use AI coding agents with the dashboard', href: '/dashboard/ai-coding-agents/' }}
/>

## Key capabilities
Expand Down Expand Up @@ -163,11 +164,11 @@ Navigate to `http://localhost:18888` to open the dashboard, and point your apps'
features={[
{
icon: 'puzzle',
title: 'MCP server',
title: 'AI coding agents',
description:
'Expose dashboard data to AI agents and coding assistants via the Model Context Protocol. Your AI tools get full observability context.',
href: '/get-started/aspire-mcp-server/',
label: 'Configure MCP',
'Give AI coding agents the same observability context you have. Aspire CLI commands and the Aspire MCP server expose dashboard logs, traces, and resource state to any MCP-compatible assistant.',
href: '/dashboard/ai-coding-agents/',
label: 'Set up agents',
accent: 'purple',
},
{
Expand Down
9 changes: 9 additions & 0 deletions src/frontend/src/content/docs/dashboard/overview.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,14 @@ The dashboard is integrated into the [Aspire _*.AppHost_](/get-started/app-host/

For more information about using the dashboard during Aspire development, see [Explore dashboard features](/dashboard/explore/).

## Use the dashboard with AI coding agents

The dashboard isn't just a UI for developers — its data is also available to AI coding agents through the [Aspire CLI](/reference/cli/overview/) and the [Aspire MCP server](/get-started/aspire-mcp-server/). Agents read the same structured logs, distributed traces, console output, and resource state that you see in the dashboard, so they can diagnose issues, verify fixes, and add features with full runtime context.

CLI commands like [`aspire describe`](/reference/cli/commands/aspire-describe/), [`aspire otel logs`](/reference/cli/commands/aspire-otel-logs/), and [`aspire otel traces`](/reference/cli/commands/aspire-otel-traces/) all support `--format Json` for machine-readable output. The MCP server exposes equivalent tools — `list_resources`, `list_structured_logs`, `list_traces`, and `list_console_logs` — to any MCP-compatible assistant.

For setup steps, supported assistants, and a sample agent workflow, see [Dashboard and AI coding agents](/dashboard/ai-coding-agents/).

## Standalone mode

The Aspire dashboard is also shipped as a Docker image and can be used standalone, without the rest of Aspire. The standalone dashboard provides a great UI for viewing telemetry and can be used by any application.
Expand Down Expand Up @@ -88,3 +96,4 @@ For more information, see [Aspire dashboard security considerations](/dashboard/
## Next steps

- [Explore the Aspire dashboard](/dashboard/explore/)
- [Use AI coding agents with the dashboard](/dashboard/ai-coding-agents/)
Loading