[ui] General keyboard navigation in the UI

[philrenaud]

Resolves #12762

A general Keyboard / Keynav service for the Nomad UI

• This allows Nomad users to navigate and operate their UI by use of keyboard alone and provides powerful defaults to move around:
  • absolute routes (such as g j to go to jobs index),
  • relative routes (such as shift + right-arrow to move to the next subnav section), and
  • dynamic routes (such as shift + 03 to go to the third link in a given list)
• Creates a new global modal, accessible by pressing ? anyplace in the app
• Gives users the choice to enable/disable shortcuts, or more advanced, to rebind individual commands to the pattern of their choosing.

Implementation and extension

• Establishes a keyboard service that emits a consumable buffer array and matchedCommand object
• Listens for keystrokes in any non-input elements
• On each keystroke, if the buffer matches a pattern/sequence in keyboard.keyCommands, that command's action is run. These actions can be any function, and are commonly router.transitionTo() objects.
• Uses Tether to place hints on-screen for when the user holds Shift
• Shortcuts can be added by use of modifier (such as the Go to ACLs link), or by use of component-level, conditional helper keyboard-commands (for example, how we conditionally add the escape key to Evaluations modal)
• Buffer clears after 0.75sec or when a successful keyboard command is executed

Side-effects

• In order to facilitate a u shortcut to "Go up a level" from nested routes, reworked many otherwise-inline subnavs into their own components, such as the plugin subnav
• In order to work around an Ember Router bug around LinkTos with query properties when deeply nested, invoked the classic linkTo component sparingly

Showing the keyboard modal (user pressed "?"):

Showing hints active (user holding "Shift"):

[github-actions]

Ember Asset Size action

As of 36cc240

Files that got Bigger 🚨:

File	raw	gzip
nomad-ui.js	+31.3 kB	+6.46 kB
vendor.js	+14.2 kB	+3.71 kB
nomad-ui.css	+1.88 kB	+469 B

Files that stayed the same size 🤷‍:

File	raw	gzip
vendor.css	0 B	0 B

[github-actions]

Ember Test Audit comparison

	main	36cc240	change
passes	1380	1397	+17
failures	2	0	-2
flaky	0	0	0
duration	000ms	10m 24s 837ms	+10m 24s 837ms

[github-actions]

Ember Test Audit flaky tests

Ember Test Audit detected these flaky tests on main:

• Acceptance | job dispatch: required meta fields are properly indicated

Ember Test Audit detected these flaky tests on 51bd7c1:

• Acceptance | exec: the command can be customised

[github-actions]

Ember Test Audit flaky tests

Ember Test Audit detected these flaky tests on e8a754d:

• Integration | Component | task log: When the client is inaccessible, the server is accessible, and stderr is pressed before the client timeout occurs, the no connection error is not shown

[github-actions]

Ember Test Audit flaky tests

Ember Test Audit detected these flaky tests on 79c6483:

• Integration | Utility | exec-socket-xterm-adapter: stderr frames are ignored

[philrenaud]

Closing; was split into #14138 and #14165

[github-actions]

I'm going to lock this pull request because it has been closed for 120 days ⏳. This helps our maintainers find and focus on the active contributions.
If you have found a problem that seems related to this change, please open a new issue and complete the issue template so we can capture all the details necessary to investigate further.