Prompts panel: Navigation order when editing is incredibly long

[kangabell]

Issue

As a keyboard-only user, if I want to edit an existing prompt, after selecting the prompt I have to tab through many items to get to the actual fields to edit. After finishing the edits, I have to tab all the way through again, backwards, to get to the "Back to Chat" breadcrumb link. This is incredibly arduous and frustrating.

Below is an example of the interface with some prompts saved (but not even enough to activate the pagination buttons), where the edit field for the prompt is the 114th interactive element. This means I need to tab 113 times to get to the field I want, and then tab 113 times backwards to get back to the chat view and use the prompt.

Recommendation

We could make it easier to skip over the listing of prompts by providing a "skip link" and/or tucking it away under a toggle button, but I noticed this area is almost completely duplicated in the side panel of the main chat view. Maybe just remove it? This way, the updated user path would be:

1. Find the prompt and select the "edit" button from inside its contextual menu.

2. Focus is moved to the text area for that prompt.

3. Tab through the optional fields and hit "Save Prompt".

4. Focus is moved back to the chat message input. (From here I can hit "/" and select my prompt.)

Note

Also add a delete button to the contextual menu for prompts in the list visible from the main chat view so all actions are available from this panel.

Questions

1. Is there any other functionality needed that would be lost if this recommendation were implemented?
2. Any reason this would be a heavy lift to implement?

[kangabell]

Some actions also reset the focus so the user has to start over and tab through everything again to continue editing a prompt, making the problem worse. For example, applying a category label ("Travel", etc.), or opening the Share modal and hitting "save".