[do not review] Fix Resources grid keyboard activation

[Adam Ratzman (adamint)]

Description

Fixes #17651.

Stops the Resources grid row keyboard handler from also opening row details when Enter originates on an interactive control inside the row, such as "Open in text visualizer". The new Resources-page JS module scopes the behavior to the Resources grid, registers current and virtualized interactive descendants, stops only unmodified Enter so Tab/arrows/Escape/shortcuts keep bubbling, and unregisters the listener during disposal.

Evidence: before/after screenshots and videos are linked in the artifact branch: https://github.com/adamint/aspire/tree/a11y-artifacts-20260601042635/17651

Checklist

• Is this feature complete?
  • Yes. Ready to ship.
  • No. Follow-up changes expected.
• Are you including unit tests for the changes and scenario tests if relevant?
  • Yes
  • No
• Did you add public API?
  • Yes
    • If yes, did you have an API Review for it?
      • Yes
      • No
    • Did you add <remarks /> and <code /> elements on your triple slash comments?
      • Yes
      • No
  • No
• Does the change make any security assumptions or guarantees?
  • Yes
    • If yes, have you done a threat model and had a security review?
      • Yes
      • No
  • No

[github-actions]

🚀 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 -- 17789

Or

• Run remotely in PowerShell:

iex "& { $(irm https://raw.githubusercontent.com/microsoft/aspire/main/eng/scripts/get-aspire-cli-pr.ps1) } 17789"

[Adam Ratzman (adamint)]

Captured annotated before/after evidence for this issue:

• Evidence folder: https://github.com/adamint/aspire/tree/a11y-artifacts-20260601042635/17651
• Before video: https://github.com/adamint/aspire/blob/a11y-artifacts-20260601042635/17651/before/17651-before-fix.webm
• Before screenshot after Enter: https://github.com/adamint/aspire/blob/a11y-artifacts-20260601042635/17651/before/17651-before-fix-after-enter.png
• After video: https://github.com/adamint/aspire/blob/a11y-artifacts-20260601042635/17651/after/17651-after-fix.webm
• After screenshot after Enter: https://github.com/adamint/aspire/blob/a11y-artifacts-20260601042635/17651/after/17651-after-fix-after-enter.png

The before recording shows Enter on the focused Open in text visualizer row control opening both the text visualizer dialog and the row details pane. The after recording shows the same Enter key path opening only the text visualizer dialog while row details remain closed.

Draft fix PR: #17789

[Adam Ratzman (adamint)]

I verified this in a real browser with Playwright against main and this PR. Repro host was the dashboard mock app with TestResource plus TestResource child, then the Resources grid.

Steps: focus the interactive control inside a resource row, press Enter, and count whether the parent row key handler also sees Enter. On main, the parent row saw the Enter key once. On this PR, the inner control stops the row keydown path and the parent count stays 0.

Proof:

{"pr":"17789","phase":"base","enterCount":1}
{"pr":"17789","phase":"pr","enterCount":0}

[Adam Ratzman (adamint)]

Adding the visual proof too; the earlier verification comment had the browser details but the proof was too JSON-heavy.

I used Chromium against seeded dashboard mock host with TestResource / TestResource child. Steps: focused the row child “open in text visualizer” control, pressed Enter, and counted whether the parent row handler also fired.

main / before: Parent row Enter handler count after pressing Enter on child control: 1

this PR / after: Parent row Enter handler count after pressing Enter on child control: 0

MP4 proof, not webm, with visible keyboard/mouse/focus trace overlay: https://raw.githubusercontent.com/adamint/aspire/cd33e79ec249a7354240cc851b921502ada33d1a/proof/a11y/17789/pr-17789-visual-proof.mp4

Contact sheet with the before/after screenshots: https://raw.githubusercontent.com/adamint/aspire/cd33e79ec249a7354240cc851b921502ada33d1a/proof/a11y/17789/pr-17789-contact-sheet.png

[Adam Ratzman (adamint)]

Condensed into #17926 to keep the related Resources a11y changes together. Closing this smaller draft.