Missing Hot Reload button in debug toolbar

[iqfareez]

Does this issue occur when all extensions are disabled?: Yes/No

• VS Code Version: 1.89.0
• OS Version: macOS Sonoma 14.1.2 arm64

Steps to Reproduce:

This issue coming from https://github.com/Dart-Code/Dart-Code/issues/5055. Cc @DanTup

1. Install Flutter extension from marketplace
2. Open/Create Flutter project in Vscode
3. Run the app by clicking the run button inside the IDE

4. Wait until the app is running on platform (eg emulators)

   Expected behavior

Hot reload button will appear :zap:

Actual behavior

Hot reload button doesn't appear

Workaround

Toggle debug.toolBarLocation brings back the Hot Reload Button

https://github.com/microsoft/vscode/assets/60868965/dbdf3ac5-60d1-45ae-8c55-4f08f07a225f

[roblourens]

Hey @DanTup, are you able to repro this? I set up a test extension that contributes a command the same way that the Dart extension does, and it works fine for me. I can try in the Dart extension too, but I'm wondering whether it's a fluke for this user or something that happens regularly.

[roblourens]

Ah nevermind, I guess I do have a repro using js-debug

[roblourens]

Hey @jrieken, I can't figure out how this is supposed to work in the command center. It seems that we don't listen to updates of the debug submenu inside the command center. Easy repro steps

• Put debug toolbar in the CC
• Start debugging something with node
• Run "Start profiling"
• The red button to stop profiling doesn't appear in the debug toolbar unless I do something like move it

[jrieken]

Weird, we should receive events and redraw the menu because of the emitEventsForSubmenuChanges-flag.