Show the help text/tip in the bottom of debug hover to switch to normal hover

[sandy081]

Testing #107156

Show the help text/tip in the bottom of debug hover to switch to normal hover

[isidorn]

This is a good idea.
For now opening this to PRs. If nobody is interested I can tackle this in the future
Code pointer

vscode/src/vs/workbench/contrib/debug/browser/debugHover.ts

Line 66 in 1287f6b

export class DebugHoverWidget implements IContentWidget {

If there is somebody interested please first ping us here so we can also involve some design @misolori

[sseelam2]

@isidorn Hi Isidor, I am interested!

[isidorn]

@sseelam2 ok, great. So the things to note is that the debug hover has 2 modes.

• First one is when a simple value is shown, for example when the user hovers over a string
• Second one when an object is shown, for example when the user hovers over console in javascript. This mode contains a tree which can be expanded

It seems like we would have to introduce a common HTMLElement that will be used in both these cases.
This element would be placed after both the complex-value and the .value container.
Thing to note: layout of the other containers and the total height of the debug hover does not get broken.

Please note that there is no 100% chance that we accept this. I am still not sure who will this look in the end.

@misolori for potentially sketching something up if you find time.

[isidorn]

Went ahead with this. This is how it looks like
I decided to only show the tip when hovering over a complex object with children. So this will not show when you hover over a simple string for example.