Skip to content

Use emoji instead of codicons for health status in resource tooltips#17489

Open
JamesNK wants to merge 1 commit into
mainfrom
jamesnk/fix-tooltip-health-emoji
Open

Use emoji instead of codicons for health status in resource tooltips#17489
JamesNK wants to merge 1 commit into
mainfrom
jamesnk/fix-tooltip-health-emoji

Conversation

@JamesNK
Copy link
Copy Markdown
Member

@JamesNK JamesNK commented May 26, 2026

Problem

Resource tooltips in the tree view display health check status using VS Code codicon references ($(pass), $(warning), $(error)), but these render as literal text in MarkdownString tooltips instead of icons.

Before

The tooltip shows raw text like $(pass) apiservice_https_/health_200_check: Healthy

image

After

Health checks now display with emoji:

  • ✅ Healthy
  • ⚠️ Degraded
  • ❌ Unhealthy
  • ❓ Unknown
image

I used emoji because they have color. A VS Code icon would be the same color as text and not as noticable.

Changes

  • Replaced codicon references with emoji in buildResourceTooltip() in AspireAppHostTreeProvider.ts
  • Added explicit handling for unknown health status (grey question mark)

Replace , , The term 'warning' is not recognized as a name of a cmdlet, function, script file, or executable program.
Check the spelling of the name, or if a path was included, verify that the path is correct and try again. codicon references with emoji
(✅, ⚠️, ❌, ❓) in resource tooltip health check lines. Codicons
were rendering as literal text in MarkdownString tooltips.
Copilot AI review requested due to automatic review settings May 26, 2026 04:39
@JamesNK JamesNK requested a review from adamint as a code owner May 26, 2026 04:39
@github-actions
Copy link
Copy Markdown
Contributor

🚀 Dogfood this PR with:

⚠️ WARNING: Do not do this without first carefully reviewing the code of this PR to satisfy yourself it is safe.

curl -fsSL https://raw.githubusercontent.com/microsoft/aspire/main/eng/scripts/get-aspire-cli-pr.sh | bash -s -- 17489

Or

  • Run remotely in PowerShell:
iex "& { $(irm https://raw.githubusercontent.com/microsoft/aspire/main/eng/scripts/get-aspire-cli-pr.ps1) } 17489"

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the VS Code extension’s AppHost resource tooltips to display health check status using emoji instead of codicon references, avoiding the issue where $(pass)/$(warning)/$(error) render as literal text in MarkdownString tooltips.

Changes:

  • Replaced codicon-based status prefixes with emoji for Healthy/Degraded/Unhealthy health report entries.
  • Added a default “unknown” icon path when a report status doesn’t match known values.

Comment thread extension/src/views/AspireAppHostTreeProvider.ts
Comment thread extension/src/views/AspireAppHostTreeProvider.ts
@JamesNK JamesNK enabled auto-merge (squash) May 26, 2026 04:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants