Uh oh!
There was an error while loading. Please reload this page.
feat(dashboard): add a debugger actions panel - #41711
Merged
Dmitry Gozman (dgozman) merged 3 commits intoJul 23, 2026
Merged
Conversation
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
Dmitry Gozman (dgozman)
commented
Jul 10, 2026
CollaboratorAuthor
@microsoft-github-policy-service rerun |
Dmitry Gozman (dgozman)force-pushed
the
dashboard-debugger-panel
branch
from
July 13, 2026 12:08
f684e5e to
459d0feCompare
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
Simon Knott (Skn0tt)
left a comment
Contributor
There was a problem hiding this comment.
Haven't looked into the code yet, but sharing a first impression of the UI after running npx playwright cli --session=debugger-demo run-code \ "async page => { await page.goto('https://playwright.dev'); await page.locator('body').click(); }:
- all the green checkmarks are visual noise. can we remove them, or maybe only show them briefly after the spinner goes away?
- all of them are expandable, but many of them don't show content after expanding
- clicking the "pause" button doesn't change anything visually, but it engages the debugger and makes the next action paused. This is not very obvious to me, I think the UI here could be improved by changing a background colour tint or something.
Do you want to polish the UI a little more? I can also take that over in a follow-up.
Simon Knott (Skn0tt)
approved these changes
Jul 14, 2026
Simon Knott (Skn0tt)
left a comment
Contributor
There was a problem hiding this comment.
Code looks good, left some more UI thoughts.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
Add a private Debugger._enable() API that starts streaming a
Debugger.on('apiCallsUpdated') event, reporting each api call's
title, location, incremental log entries, action point and status
(running/success/error). The server debugger always tracks ongoing
calls, so enabling late replays whatever is currently in flight.
Use it to add a toggle-able actions panel to the dashboard next to the
screencast: a live list of api calls, the current action's source, an
action-point marker on the screencast, and pause/resume/step controls.- Move the panel below the screencast and split actions vs source. - Give the panel toggle a list icon and a "Paused" status label. - Group resume/pause/step next to "Actions"; color run controls green. - Scale the action-point marker's position and size with the screencast.
Dmitry Gozman (dgozman)force-pushed
the
dashboard-debugger-panel
branch
from
July 23, 2026 14:18
459d0fe to
3254dd8CompareContributor
Test results for "MCP"7786 passed, 1262 skipped Merge workflow run. |
Contributor
Test results for "tests 1"6 flaky50283 passed, 1190 skipped Merge workflow run. |
Uh oh!
There was an error while loading. Please reload this page.
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 freeto join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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
Debugger._enable()API that streams aDebugger.on('apiCallsUpdated')event — each api call reports title, location, incremental log entries, action point, and status (running/success/error). The server debugger always tracks ongoing calls, so enabling late replays whatever is currently in flight.