Recapture dashboard screenshots for Aspire 13.5 UX - #1497
Merged
David Pine (IEvangelist) merged 1 commit intoAug 14, 2026
Conversation
Contributor
Frontend HTML artifact readyThe latest frontend build uploaded the This comment updates automatically when a new frontend build artifact is uploaded. |
Recaptures 86 evergreen dashboard screenshots (explore, landing, get-started, standalone, fundamentals, AI agents) against the microsoft/aspire release/13.5 dashboard UX, preserving each image's theme, framing, and resolution. Files overwritten in place; no .mdx changes. Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
David Pine (IEvangelist)
force-pushed
the
dapine/update-dashboard-screenshots
branch
from
August 14, 2026 12:37
5f5654f to
35a1c1f
Compare
David Pine (IEvangelist)
marked this pull request as ready for review
August 14, 2026 13:45
Contributor
There was a problem hiding this comment.
Copilot wasn't able to review any files in this pull request.
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
David Pine (IEvangelist)
deleted the
dapine/update-dashboard-screenshots
branch
August 14, 2026 13:51
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
Recaptures the evergreen Aspire dashboard screenshots across aspire.dev against the new microsoft/aspire
release/13.5dashboard UX. Each image was recaptured preserving its theme (light/dark), framing, and approximate resolution, with running Aspire apps driven into states matching the originals. Stray notifications were dismissed, and framing was tightened to make the most of the rendered UX (less blank space). Files are overwritten in place (same paths), so no.mdxedits are needed.86 images updated across all core dashboard docs.
Completed (86 images)
dashboard/explore.mdx,dashboard/index.mdxdashboard/index.mdx(hero / ImageShowcase)get-started/*dashboard/standalone.mdxfundamentals/*dashboard/index.mdxGenuine 13.5 UX changes now reflected: new Parameters tab (Resources / Parameters / Graph); Endpoints column renamed to URLs; header now shows an AI agents (robot) button + Notifications bell (the old paperclip/MCP button is gone); resource rows show a leading type icon; a highlighted custom command now renders as an icon-only button whose tooltip is the command description.
Not recaptured — with rationale
Out of scope (orphaned assets or not dashboard UI):
dashboard/copilot/*(5) — orphaned; the dashboard Copilot feature was replaced by AI agents in 13.x and is referenced by no current doc.dashboard/mcp-server/mcp-dialog.png(1) &whats-new/mcp-dialog.png— orphaned / historical; 13.5 exposes the MCP server via the CLI/protocol, with no dashboard MCP dialog or header button.integrations/postgresql/*dashboard*(6) — orphaned; referenced by no current doc (only the postgres icon is imported).get-started/devcontainer-build-completed.png(full VS Code screenshot) andget-started/aspire-dashboard-in-devcontainer.png(dashboard inside browser + devcontainer chrome) — neither is a clean dashboard capture reproducible headlessly.integrations/*external-tool UIs — RabbitMQ management, SSMS / VS Code SQL, Azure Storage Explorer, Azure Functions VS dialog, Azure AI Foundry, Scalar UI, MailDev web UI / emails.Deferred (need bespoke tutorial/sample apps or hard-to-force states — good follow-ups):
integrations/efcore/dashboard-post-migration-{dark,light}.png(2). Requires the fullSupportTicketApiapp (SQL Server + Data class library + EF migration +MigrationServiceworker). The existing images are already on 13.x UX (Parameters tab, URLs column); only the header icons differ.custom-integrations/{hosting,client}-integrations.mdx. Requires the full tutorial app: a customMailDevResourcehosting integration, a MailKit client integration emitting metrics, and aNewsletterService. Deferred as a coherent unit to avoid leaving the tutorial half-updated.aspire-samplesrepo.dashboard/explore/dashboard-geni-visualizer.gif(1). Requires an app emitting GenAI (gen_ai.*) telemetry and recording an animated GIF.whats-new/dashboard-update-notification.png(1). The banner only appears when a newer Aspire version exists (not on latest 13.5), and the original includes full browser chrome.Capture method
Scripted with Playwright at
deviceScaleFactor: 2, per-image theme (light/dark), and element/row-measured clips (shadow-DOM-safe), with the longest edge capped at ~2560 px. Apps used: the Aspire Starter template (13.5) and small purpose-built AppHosts (Redis cache + API with health checks, parameters, and custom / HTTP commands).