docs: Update docs for new global hotkeys (#7945)

Author: caitlinwheeless

docs/source/guide/hotkeys.md

@@ -0,0 +1,66 @@
+---
+title: Hotkeys
+short: Hotkeys
+tier: all
+type: guide
+order: 138
+order_enterprise: 138
+meta_title: Hotkeys in Label Studio
+section: "Create & Manage Projects"
+parent: "labeling"
+parent_enterprise: "labeling"
+date: 2025-05-24 17:19:21
+---
+
+Use keyboard shortcuts, or hotkeys, to improve your labeling performance. 
+
+## View out-of-the-box hotkeys
+
+From the labeling editor, click the settings icon to see more details about hotkeys or to enable or disable hotkeys. 
+
+![Screenshot of settings icon](/images/label/settings.png)
+
+!!! info Tip
+    If `enter` is specified and you have a Mac keyboard, use `return` instead. Use `delete` instead of `backspace`, and `option` instead of `alt`.
+
+## Customize global hotkeys from your account page
+
+You can easily customize global hotkeys on from the [**Account & Settings > Hotkeys** page](user_account#Hotkeys). 
+
+![Screenshot of customized key](/images/admin/global-hotkeys.png)
+
+## Customize global hotkeys using environment variables
+
+If you want to change the hotkeys used for specific actions, set the `EDITOR_KEYMAP` environment variable with valid JSON in your `.env` file or when starting Label Studio. For example, to change the keyboard shortcut used to submit an annotation to `shift` + `s`, set the environment variable as follows:
+```
+EDITOR_KEYMAP='{"annotation:submit":{"key": "shift+s","description": "My Custom Submit Hotkey!"}}'
+```
+This overwrites the existing hotkey mapping with your custom mapping. See [more about how to set environment variables](https://labelstud.io/guide/start#Set-environment-variables). 
+
+Refer to the full list of customizable hotkeys in the [`keymap.json` file](https://github.com/HumanSignal/label-studio/blob/develop/web/libs/editor/src/core/settings/keymap.json) to update a different hotkey combination. 
+
+You cannot use this environment variable to remove an existing or add a new keyboard shortcut. 
+
+## Use the `<Shortcut>` tag
+
+Use the [Shortcut tag](/tags/shortcut) to allow annotators to insert a predefined text snippet into their current annotation. 
+
+They can do this by either clicking the shortcut button or by pressing its hotkey. 
+
+!!! info Tip
+    Shortcuts work inside control tags (e.g., `<TextArea>`, `<Labels>`)
+
+For example, use the following to insert predefined text into a text area:
+
+```html
+<View>
+  <Image name="image" value="$captioning"/>
+  <Header value="Describe the image:"/>
+  <TextArea name="caption" toName="image">
+    <!-- Inserts “CAR” when clicked or on Ctrl+1 -->
+    <Shortcut alias="Car" value="CAR" hotkey="ctrl+1" background="#333333"/>
+    <!-- Inserts “AIRPLANE” when clicked or on Ctrl+2 -->
+    <Shortcut alias="Airplane"   value="AIRPLANE"   hotkey="ctrl+2" background="#FFEE00"/>
+  </TextArea>
+</View>
+```

docs/source/guide/labeling.md

@@ -140,85 +140,6 @@ If you have a machine learning backend set up to [get interactive preannotations
 2. For image labeling, you can choose whether to **Auto accept annotation suggestions** after you enable auto-annotation. If you automatically accept annotation suggestions, regions show up automatically and are immediately created. If you don't automatically accept suggestions, the regions appear, but you can reject or approve them manually, either individually or all at once. Predicted text regions are automatically accepted.
 
 
-## Use keyboard shortcuts
-
-Use keyboard shortcuts, or hotkeys, to improve your labeling performance. When performing a labeling task, click the gear icon to see more details about hotkeys or to enable or disable hotkeys. 
-
-This table describes the hotkeys for a standard keyboard. For a Mac keyboard, use return instead of enter, delete instead of backspace, and option instead of alt.
-
-| Key | Description |
-| --- | --- | 
-| `ctrl` + `enter` | Submit a task. |
-| `alt` + `enter` | Update a task. | 
-| `ctrl` + `backspace` OR `cmd` + `backspace` | Delete all regions. |
-| `escape` | Exit relation mode or unselect a selected region. |
-| `backspace` | Delete a selected region. | 
-| `alt` + `r` | Create a relation between regions, when a region is selected. | 
-| `alt` + `.` | Cycle through all regions in the order listed on the regions' sidebar. |
-| `alt` + `h` | Hide a selected region. | 
-| `ctrl` + `d` OR `cmd` + `d` | Duplicate a selected region. |
-| `u` | Unselect a selected region. | 
-| `shift + down` | On the data manager, change the row selection to the next row, 1 below the current row. The quick view for the selected task row appears automatically. |
-| `shift + up` | On the data manager, change the row selection to the previous row, 1 above the current row. The quick view for the selected task row appears automatically. |
-| `shift + right` | On the data manager, open the labeling quick view for the selected task row. | 
-| `shift + left` | On the data manager, close the labeling quick view for the selected task row. |
-
-Other annotation types have labeling-specific shortcuts, such as numbers to select specific labels for named entity recognition tasks. 
-
-### Image-specific hotkeys
-When labeling image data types with the `Rectangle`, `BrushLabels`, `Ellipse`, `Polygon`, or `KeyPoints` tags, you can use specific hotkeys to take image labeling-specific actions.
-
-| Key | Description |
-| --- | --- | 
-| `h` | Pan the image, after zooming in. |
-| `v` | Select the mouse arrow. |
-| `alt` + `left arrow` | Rotate the image to the left. |
-| `alt` + `right arrow` | Rotate the image to the right. |
-| `ctrl` + `+` | Zoom in to the image. |
-| `ctrl` + `-` | Zoom out of the image. | 
-| `k` | If performing key point labeling, select the key point option in the toolbar. |
-| `e` | Select the eraser option in the toolbar. | 
-| `b` | If performing brush mask labeling, select the brush option in the toolbar. 
-| `[` | When the brush or eraser option is selected, decrease the size of the brush or eraser. |
-| `]` | When the brush or eraser option is selected, increase the size of the brush or eraser. |
-
-### Time series-specific hotkeys
-When labeling timeseries data with the `TimeSeries` tag, you can use specific hotkeys to take actions on a selected region on the time series data.
-
-| Key | Description |
-| --- | --- | 
-| `left arrow` | Expand the region area to the left. |
-| `right arrow` | Expand the region area to the right. |
-| `alt` + `left arrow` | Decrease the region area on the left. |
-| `alt` + `right arrow` | Decrease the region area on the right. |
-| `shift` + `left arrow` | Expand the region area by a larger amount to the left. | 
-| `shift` + `right arrow` | Expand the region area by a larger amount to the right. |
-| `shift` + `alt` + `left arrow` | Decrease the region area by a larger amount on the left. |
-| `shift` + `alt` + `right arrow` | Decrease the region area by a larger amount on the right. |
-
-### Video-specific hotkeys
-When labeling video data with the `Video` tag, you can use specific hotkeys to take video-specific actions.
-
-| Key | Description |
-| --- | --- | 
-| `alt` + `spacebar` | Play or pause video. |
-| `alt` + `left arrow` | Rewind one frame. |
-| `alt` + `right arrow` | Fast forward one frame. | 
-
-### Customize hotkeys
-You can specify custom hotkeys for labeling using the [Shortcut tag](/tags/shortcut.html), or change the hotkeys used for specific actions using an environment variable. 
-
-If you want to change the hotkeys used for specific actions, set the `EDITOR_KEYMAP` environment variable with valid JSON in your `.env` file or when starting Label Studio. For example, to change the keyboard shortcut used to submit an annotation to `shift` + `s`, set the environment variable as follows:
-```
-EDITOR_KEYMAP='{"annotation:submit":{"key": "shift+s","description": "My Custom Submit Hotkey!"}}'
-```
-This overwrites the existing hotkey mapping with your custom mapping. See [more about how to set environment variables](https://labelstud.io/guide/start#Set-environment-variables). 
-
-Refer to the full list of customizable hotkeys in the [`keymap.json` file](https://github.com/HumanSignal/label-studio/blob/develop/web/libs/editor/src/core/settings/keymap.json) to update a different hotkey combination. 
-
-You cannot use this environment variable to remove an existing or add a new keyboard shortcut. 
-
-
 ## Customize the labeling interface 
 
 Click the settings icon when labeling to configure the labeling interface to suit your labeling use case. 

docs/source/guide/labeling_bulk.md

@@ -4,7 +4,7 @@ short: Bulk labeling
 tier: enterprise
 type: guide
 order: 0
-order_enterprise: 135
+order_enterprise: 137
 meta_title: Bulk Labeling
 meta_description: Bulk labeling in Label Studio
 section: "Create & Manage Projects"

docs/source/guide/user_account.md

@@ -14,8 +14,18 @@ date: 2024-01-03 12:03:59
 
 To access your user account and settings, click your user icon in the upper right and select **Account & Settings**. 
 
+<div class="opensource-only">
+
 ![Screenshot of the account and settings option](/images/admin/account_settings.png)
 
+</div>
+
+<div class="enterprise-only">
+
+![Screenshot of the account and settings option](/images/admin/account_settings_lse.png)
+
+</div>
+
 
 ## Personal info
 
@@ -28,13 +38,39 @@ After you create an account in Label Studio, you can update the following:
 
 Because your email address is your username, you cannot update it. If you need to change your email address, you will need to create a different user with the new email address. 
 
+## Hotkeys
+
+Use this page to configure custom hotkeys for your user account. 
+
+### Actions
+
+| Action                  | Description                                                                      |
+| ----------------------- | -------------------------------------------------------------------------------- |
+| **Export Hotkeys**      | Generate a JSON file that you can share with other Label Studio users.           |
+| **Import Hotkeys**      | Copy and paste JSON-formatted custom hotkey mapping.                             |
+| **Reset to Defaults**   | Reset all hotkeys to their default values.                                       |
+
+### Set custom hotkeys
+
+For each hotkey, click the default hotkeys listed next each action. Then, when prompted, press the keys that you would like to use instead.
+
+!!! note
+    Each hotkey can be a single character key (a number, letter, symbol) or it can be a combination of a character key and multiple control keys (for example, `Shift`, `Control` `Option`, etc). 
+
+
+<div style="width: 80%; margin-left: auto; margin-right: auto">
+
+![Screenshot of customized key](/images/admin/global-hotkeys.png)
+
+</div>
+
 ## Email preferences 
 
-Use this section to opt out of Label Studio news and tips sent to your email address. 
+Use this page to select what kind of email notifications you want to receive.  
 
 ## Membership info
 
-In this section, you can find information about your organization, such as when the organization was created and the email address of the Owner (the user who initially created the Label Studio organization).
+On this page, you can find information about your organization, such as when the organization was created and the email address of the Owner (the user who initially created the Label Studio organization).
 
 <div class="enterprise-only">