feat(hotkeys): ✨ Overhaul hotkeys modal UI

[joshistoast]

Summary

The ability to customize hotkeys in invoke is great, unfortunately the UI of the implementation left much to be desired, so here's my revamp of the implementation as it stands.

Behavior Updates:

• Removes the need for an edit mode button by having an inline edit on each hotkey item.
• Removes the separate hot key edit component in favor of a small inline edit UI.

Added:

• Reset to defaults action requires confirmation first;
• More translations;
• Reset individual hotkeys to default;

Improved:

• Cached some functions outputs to prevent needless rerunning.

Screencast_20251217_171023.webm

Related Issues / Discussions

QA Instructions

Merge Plan

Checklist

• The PR has a short but descriptive title, suitable for a changelog
• Tests added / updated (if applicable)
• ❗Changes to a redux slice have a corresponding migration
• Documentation added / updated (if applicable)
• Updated What's New copy (if doing a release after this PR)

[joshistoast]

For some reason the ScrollableContent is starting at the bottom instead of the top. Haven't found the issue yet :(

[joshistoast]

Wrote and tested this on my linux machine. I'd appreciate if anyone could try this on macOS and/or Windows and gimme a 👍 if all is well. Talking specifically about modifier keys.

[blessedcoolant]

We are just running through the Z Image's PR at the moment. I'll get to the frond end ones you made after we sort that out. Just thought I'll let you know.

Early thoughts -- haven't tested it yet but seems very nice from your video preview. We might have to find a better way to do the "Add a Hotkey" button coz the text repeating so many times feels a bit off. Also we might have to look into users setting some hotkeys that might clash with stuff we haven't compartmentalized for the app focus. Need to look into that.

[lstein]

I played with this for a while and I found the UI to be intuitive and a significant improvement over the current modal. However, there seems to be a problem with conflict detection when there are multiple modifiers. For example, when I assign the hotkey ctrl-shift-enter to "Invoke", it ought to conflict with the preexisting hotkey for "Invoke (Front)". However, I get no error. Similarly, other multiple modifier combos, such as ctrl-shift-x (which clashes with Clear Queue) generate no warnings. Single keys and keys with one modifier warn the user appropriately.

With respect to @blessedcoolant 's comment on repeating the text "Add modifier" multiple times. You might consider just having the "+" there on a row by itself without the text. I think that will be plenty clear with minimal visual noise.

[joshistoast]

I hate git

[lstein]

Tested and working great!