Improve AI-powered debugging section on dashboard pages#883
Open
IEvangelist wants to merge 2 commits intomicrosoft:mainfrom
Open
Improve AI-powered debugging section on dashboard pages#883IEvangelist wants to merge 2 commits intomicrosoft:mainfrom
IEvangelist wants to merge 2 commits intomicrosoft:mainfrom
Conversation
Replaces the outdated in-dashboard MCP server screenshot on the dashboard landing page with a TerminalShowcase that runs the existing mcp-copilot-cli.cast — showing GitHub Copilot CLI calling Aspire MCP/CLI tools and reasoning over the live data — and points the CTA at /dashboard/ai-coding-agents/. Refocuses the corresponding 'Beyond development' card on AI coding agents (with MCP) instead of MCP alone, and expands the dashboard overview page with a new 'Use the dashboard with AI coding agents' section plus a Next steps link. Fixes microsoft#874. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Contributor
There was a problem hiding this comment.
Pull request overview
Note
Copilot was unable to run its full agentic suite in this review.
Updates the dashboard docs to replace outdated MCP UI references with guidance and examples for using AI coding agents (via Aspire CLI and MCP tools) alongside the dashboard.
Changes:
- Replaced the outdated “AI-powered debugging” screenshot with a terminal cast and updated CTA/linking to the AI coding agents guide.
- Added a new “Use the dashboard with AI coding agents” section to the dashboard overview and linked it from “Next steps”.
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.
| File | Description |
|---|---|
| src/frontend/src/content/docs/dashboard/index.mdx | Swaps the deprecated MCP dialog screenshot for a TerminalShowcase cast and retargets related CTAs/cards to the AI coding agents page. |
| src/frontend/src/content/docs/dashboard/overview.mdx | Introduces a new section explaining CLI/MCP access patterns for agents and adds a next-step link to the AI coding agents guide. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
|
||
| 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. |
| <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." |
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
JamesNK
requested changes
May 7, 2026
Member
JamesNK
left a comment
JamesNK
left a comment
There was a problem hiding this comment.
The after image doesn't look good
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Closes #874.
The dashboard landing page (
/dashboard/) had an "AI-powered debugging" section showing an outdated screenshot of the in-dashboard MCP server configuration dialog — a UI that was removed in 13.3 (see #784, #808, #825). The card also linked only to MCP server configuration with no path to the new Dashboard and AI coding agents topic.The dashboard overview page (
/dashboard/overview/) had shrunk to a single bullet about agents + MCP and didn't have the "content section on using agents with the dashboard" the issue calls for.Before / after
Before — outdated
ImageShowcaseof the removed in-dashboard MCP dialog:After —
TerminalShowcaseplaying the existingmcp-copilot-cli.cast:Changes
src/frontend/src/content/docs/dashboard/index.mdxImageShowcase(usingmcpDialogImage) with aTerminalShowcasethat plays the existing/casts/mcp-copilot-cli.castrecording — which shows GitHub Copilot CLI calling Aspire MCP / CLI tools to fetch dashboard data and reason over the results, exactly the kind of screenshot the issue suggests./dashboard/ai-coding-agents/./dashboard/ai-coding-agents/.mcpDialogImageimport.src/frontend/src/content/docs/dashboard/overview.mdxaspire describe,aspire otel logs,aspire otel traces) and equivalent MCP tools (list_resources,list_structured_logs,list_traces,list_console_logs), and links to the full setup guide on/dashboard/ai-coding-agents/.Notes
TerminalShowcaseis already used onreference/overview.mdxfor theaspire-new.casthero, so the visual treatment is consistent with the rest of the site.mcp-copilot-cli.castrecording is also embedded onget-started/ai-coding-agents.mdx, so we're reusing existing assets — no new captures required./dashboard/ai-coding-agents/is already wired up.