From 28767c272ce6fbf0d0ec81e238dbb168e85f9958 Mon Sep 17 00:00:00 2001 From: David Pine Date: Thu, 7 May 2026 13:36:22 -0500 Subject: [PATCH 1/2] Improve AI-powered debugging section on dashboard pages (#874) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 #874. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- .../src/content/docs/dashboard/index.mdx | 25 ++++++++++--------- .../src/content/docs/dashboard/overview.mdx | 9 +++++++ 2 files changed, 22 insertions(+), 12 deletions(-) diff --git a/src/frontend/src/content/docs/dashboard/index.mdx b/src/frontend/src/content/docs/dashboard/index.mdx index 3058400f0..2dcc68d5d 100644 --- a/src/frontend/src/content/docs/dashboard/index.mdx +++ b/src/frontend/src/content/docs/dashboard/index.mdx @@ -17,6 +17,7 @@ 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'; @@ -24,7 +25,6 @@ import projectsImage from '@assets/dashboard/explore/resources-filtered-containe 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'; ## Key capabilities @@ -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', }, { diff --git a/src/frontend/src/content/docs/dashboard/overview.mdx b/src/frontend/src/content/docs/dashboard/overview.mdx index 580ba2347..9cf8fb1eb 100644 --- a/src/frontend/src/content/docs/dashboard/overview.mdx +++ b/src/frontend/src/content/docs/dashboard/overview.mdx @@ -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. @@ -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/) From 90edfd90fe8102ac47413219041b1bbf76b092cc Mon Sep 17 00:00:00 2001 From: David Pine Date: Thu, 7 May 2026 13:56:38 -0500 Subject: [PATCH 2/2] Use rows=15 to keep showcase consistent with other terminal showcases Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- src/frontend/src/content/docs/dashboard/index.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/frontend/src/content/docs/dashboard/index.mdx b/src/frontend/src/content/docs/dashboard/index.mdx index 2dcc68d5d..f6d2ef7c9 100644 --- a/src/frontend/src/content/docs/dashboard/index.mdx +++ b/src/frontend/src/content/docs/dashboard/index.mdx @@ -105,7 +105,7 @@ Navigate to `http://localhost:18888` to open the dashboard, and point your apps' 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={20} + rows={15} cta={{ label: 'Use AI coding agents with the dashboard', href: '/dashboard/ai-coding-agents/' }} />