[WebUI 2.2.5] Hotkeys Update

docs/features/WEBUIHOTKEYS.md

@@ -4,59 +4,72 @@ title: WebUI Hotkey List
 
 # :material-keyboard: **WebUI Hotkey List**
 
-## General
-
-| Setting           | Hotkey                 |
-| ----------------- | ---------------------- |
-| ++a++             | Set All Parameters     |
-| ++s++             | Set Seed               |
-| ++u++             | Upscale                |
-| ++r++             | Restoration            |
-| ++i++             | Show Metadata          |
-| ++d++ ++d++ ++l++ | Delete Image           |
-| ++alt+a++         | Focus prompt input     |
-| ++shift+i++       | Send To Image to Image |
-| ++ctrl+enter++    | Start processing       |
-| ++shift+x++       | cancel Processing      |
-| ++shift+d++       | Toggle Dark Mode       |
-| ++"`"++           | Toggle console         |
-
-## Tabs
-
-| Setting | Hotkey                    |
-| ------- | ------------------------- |
-| ++1++   | Go to Text To Image Tab   |
-| ++2++   | Go to Image to Image Tab  |
-| ++3++   | Go to Inpainting Tab      |
-| ++4++   | Go to Outpainting Tab     |
-| ++5++   | Go to Nodes Tab           |
-| ++6++   | Go to Post Processing Tab |
-
-## Gallery
-
-| Setting        | Hotkey                          |
-| -------------- | ------------------------------- |
-| ++g++          | Toggle Gallery                  |
-| ++left++       | Go to previous image in gallery |
-| ++right++      | Go to next image in gallery     |
-| ++shift+p++    | Pin gallery                     |
-| ++shift+up++   | Increase gallery image size     |
-| ++shift+down++ | Decrease gallery image size     |
-| ++shift+r++    | Reset image gallery size        |
-
-## Inpainting
-
-| Setting                      | Hotkey                |
-| ---------------------------- | --------------------- |
-| ++"["++                      | Decrease brush size   |
-| ++"]"++                      | Increase brush size   |
-| ++alt+"["++                  | Decrease mask opacity |
-| ++alt+"]"++                  | Increase mask opacity |
-| ++b++                        | Select brush          |
-| ++e++                        | Select eraser         |
-| ++ctrl+z++                   | Undo brush stroke     |
-| ++ctrl+shift+z++, ++ctrl+y++ | Redo brush stroke     |
-| ++h++                        | Hide mask             |
-| ++shift+m++                  | Invert mask           |
-| ++shift+c++                  | Clear mask            |
-| ++shift+j++                  | Expand canvas         |
+## App Hotkeys
+
+| Setting        | Hotkey             |
+| -------------- | ------------------ |
+| ++Ctrl+Enter++ | Invoke             |
+| ++Shift+X++    | Cancel             |
+| ++Alt+A++      | Focus Prompt       |
+| ++O++          | Toggle Options     |
+| ++Shift+O++    | Pin Options        |
+| ++Z++          | Toggle Viewer      |
+| ++G++          | Toggle Gallery     |
+| ++F++          | Maximize Workspace |
+| ++1-5++        | Change Tabs        |
+| ++"`"++        | Toggle Console     |
+
+## General Hotkeys
+
+| Setting     | Hotkey                 |
+| ----------- | ---------------------- |
+| ++P++       | Set Prompt             |
+| ++S++       | Set Seed               |
+| ++A++       | Set Parameters         |
+| ++Shift+R++ | Restore Faces          |
+| ++Shift+U++ | Upscale                |
+| ++I++       | Show Info              |
+| ++Shift+I++ | Send To Image To Image |
+| ++Del++     | Delete Image           |
+| ++Esc++     | Close Panels           |
+
+## Gallery Hotkeys
+
+| Setting         | Hotkey                      |
+| --------------- | --------------------------- |
+| ++Arrow Left++  | Previous Image              |
+| ++Arrow Right++ | Next Image                  |
+| ++Shift+G++     | Toggle Gallery Pin          |
+| ++Shift+Up++    | Increase Gallery Image Size |
+| ++Shift+Down++  | Decrease Gallery Image Size |
+
+## Unified Canvas Hotkeys
+
+| Setting                   | Hotkey                 |
+| ------------------------- | ---------------------- |
+| ++B++                     | Select Brush           |
+| ++E++                     | Select Eraser          |
+| ++[++                     | Decrease Brush Size    |
+| ++]++                     | Increase Brush Size    |
+| ++Shift+[++               | Decrease Brush Opacity |
+| ++Shift+]++               | Increase Brush Opacity |
+| ++V++                     | Move Tool              |
+| ++Shift+F++               | Fill Bounding Box      |
+| ++Delete/Backspace++      | Erase Bounding Box     |
+| ++C++                     | Select Color Picker    |
+| ++N++                     | Toggle Snap            |
+| ++Hold Space++            | Quick Toggle Move      |
+| ++Q++                     | Toggle Layer           |
+| ++Shift+C++               | Clear Mask             |
+| ++H++                     | Hide Mask              |
+| ++Shift+H++               | Show/Hide Bounding Box |
+| ++Shift+M++               | Merge Visible          |
+| ++Shift+S++               | Save To Gallery        |
+| ++Ctrl+C++                | Copy To Clipboard      |
+| ++Shift+D++               | Download Image         |
+| ++Ctrl+Z++                | Undo                   |
+| ++Ctrl+Y / Ctrl+Shift+Z++ | Redo                   |
+| ++R++                     | Reset View             |
+| ++Arrow Left++            | Previous Staging Image |
+| ++Arrow Right++           | Next Staging Image     |
+| ++Enter++                 | Accept Staging Image   |

frontend/dist/index.html

@@ -8,7 +8,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>InvokeAI - A Stable Diffusion Toolkit</title>
   <link rel="shortcut icon" type="icon" href="./assets/favicon.0d253ced.ico" />
-  <script type="module" crossorigin src="./assets/index.d8f54146.js"></script>
+  <script type="module" crossorigin src="./assets/index.4a434b56.js"></script>
   <link rel="stylesheet" href="./assets/index.8ee30fa0.css">
   <script type="module">try{import.meta.url;import("_").catch(()=>1);}catch(e){}window.__vite_is_modern_browser=true;</script>
   <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy build because dynamic import or import.meta.url is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
@@ -19,7 +19,7 @@
 
   <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
   <script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-dde3a68a.js"></script>
-  <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/index-legacy-f27062cd.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+  <script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/index-legacy-1d92538f.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
 </body>
 
 </html>

frontend/src/features/gallery/components/CurrentImageButtons.tsx

@@ -256,7 +256,7 @@ const CurrentImageButtons = () => {
   };
 
   useHotkeys(
-    'u',
+    'Shift+U',
     () => {
       if (
         isESRGANAvailable &&
@@ -290,7 +290,7 @@ const CurrentImageButtons = () => {
   };
 
   useHotkeys(
-    'r',
+    'Shift+R',
     () => {
       if (
         isGFPGANAvailable &&

frontend/src/features/system/components/HotkeysModal/HotkeysModal.tsx

@@ -93,8 +93,12 @@ export default function HotkeysModal({ children }: HotkeysModalProps) {
       desc: 'Use all parameters of the current image',
       hotkey: 'A',
     },
-    { title: 'Restore Faces', desc: 'Restore the current image', hotkey: 'R' },
-    { title: 'Upscale', desc: 'Upscale the current image', hotkey: 'U' },
+    {
+      title: 'Restore Faces',
+      desc: 'Restore the current image',
+      hotkey: 'Shift+R',
+    },
+    { title: 'Upscale', desc: 'Upscale the current image', hotkey: 'Shift+U' },
     {
       title: 'Show Info',
       desc: 'Show metadata info of the current image',
@@ -254,17 +258,17 @@ export default function HotkeysModal({ children }: HotkeysModalProps) {
       hotkey: 'R',
     },
     {
-      title: 'Previous Image',
+      title: 'Previous Staging Image',
       desc: 'Previous Staging Area Image',
       hotkey: 'Arrow Left',
     },
     {
-      title: 'Next Image',
+      title: 'Next Staging Image',
       desc: 'Next Staging Area Image',
       hotkey: 'Arrow Right',
     },
     {
-      title: 'Accept Image',
+      title: 'Accept Staging Image',
       desc: 'Accept Current Staging Area Image',
       hotkey: 'Enter',
     },