diff --git a/src/frontend/src/content/docs/dashboard/index.mdx b/src/frontend/src/content/docs/dashboard/index.mdx index 3058400f0..f6d2ef7c9 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/)