Keyboard shortcuts in emulator topbar.

[oomPhilip]

Is this a feature relevant to companion itself, and not a module?

• [x] I believe this to be a feature for companion, not a module

Is there an existing issue for this?

• [x] I have searched the existing issues

Describe the feature

When in an emulator view, Could the option be added to show the keyboard shortcut allocated to the button, in the topbar for each button. e.g. Button 1/1/0 is allocated to keyboard key Q. Show ether 1/1/0 or Q in the topbar. And if the button has steps ether 1/1/0.2 or Q.2 - Keeping the step number is useful.

Usecases

While the location (1/1/0) is useful during button design, Showing the keyboard shortcut is more useful while using the emulator. Adding the keyboard shortcut to the button text (e.g. Q\n) and setting it to align top left, gives the same kind of result, but then all text is left aligned and does not look as nice as center aligned. Moving buttons around also have the challenge of now changing the text of moved buttons.

[Julusian]

This is not trivial to do, as we are drawing the buttons once and using the same render for any streamdecks, web ui, emulators etc that are viewing them. To do this, we will need to start drawing separately for at least each emulator

[gbdlin]

Alternatively, emulator can have an overlay over each button drawn directly on the web page that would just cover the top bar or display the key separately.