Skip to content

[docs] Document improved metrics chart filter tag rendering #1284

Description

@aspire-repo-bot

Documents changes from microsoft/aspire#18382 by @JamesNK.

Targeting release/13.5 based on the source PR milestone 13.5 (exact match on microsoft/aspire.dev).

Why this PR is needed

microsoft/aspire#18382 changed how dimension tag values are displayed in the metrics chart filter panel. Previously all values were rendered into the DOM, which could cause a browser reflow long enough to kill the SignalR connection when a dimension had hundreds of values. The fix introduces two user-visible behaviors:

  1. Tag value ordering: Values are now ordered numerically when all values parse as numbers, or alphabetically otherwise.
  2. 20-value inline cap with overflow badge: Only the first 20 ordered values are rendered inline; any additional values are shown as a +N count badge. Selecting the badge opens a popover with the full list.

Neither behavior was previously documented.

Changes made

  • Updated src/frontend/src/content/docs/dashboard/explore.mdx — Added description of tag value ordering and the 20-value inline cap with +N overflow badge, immediately after the existing filter screenshot.
  • Updated src/frontend/src/content/docs/whats-new/aspire-13-5.mdx — Added a bullet to the "Dashboard and telemetry improvements" section covering the same improvement.

Files modified

  • src/frontend/src/content/docs/dashboard/explore.mdx (updated)
  • src/frontend/src/content/docs/whats-new/aspire-13-5.mdx (updated)

Generated by PR Documentation Check for issue #18382 · 1.2K AIC · ⌖ 34.2 AIC · ⊞ 47.5K ·


Note

This was originally intended as a pull request, but the git push operation failed.

Workflow Run: View run details and download bundle artifact

The bundle file is available in the agent artifact in the workflow run linked above.

To create a pull request with the changes:

# Download the artifact from the workflow run
gh run download 28005156885 -n agent -D /tmp/agent-28005156885

# Fetch the bundle into a temporary ref, then update the local branch
git fetch /tmp/agent-28005156885/aw-microsoft-aspire.dev-docs-metrics-chart-filter-tags-18382.bundle refs/heads/docs/metrics-chart-filter-tags-18382:refs/bundles/create-pr-docs-metrics-chart-filter-tags-18382-b638f834e0ae188e-f21bce24
git update-ref refs/heads/docs/metrics-chart-filter-tags-18382-b638f834e0ae188e refs/bundles/create-pr-docs-metrics-chart-filter-tags-18382-b638f834e0ae188e-f21bce24
git checkout docs/metrics-chart-filter-tags-18382-b638f834e0ae188e
# Ensure the working tree matches the updated branch
git reset --hard
# Remove the temporary bundle ref
git update-ref -d refs/bundles/create-pr-docs-metrics-chart-filter-tags-18382-b638f834e0ae188e-f21bce24

# Push the branch to origin
git push origin docs/metrics-chart-filter-tags-18382-b638f834e0ae188e

# Create the pull request
gh pr create --title '[docs] Document improved metrics chart filter tag rendering' --base release/13.5 --head docs/metrics-chart-filter-tags-18382-b638f834e0ae188e --repo microsoft/aspire.dev

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions