Fix state file backwards compatibility and Keyboard shortcut config docs

documentation/content/doc/loading_data.md

@@ -63,6 +63,7 @@ By loading a JSON file, you can set VolView's:
 - Starting view layout (Axial Only, 3D Primary, etc).
 - Labels for tools
 - Visibility of Sample Data section
+- Keyboard shortcuts
 
 #### Starting view layout
 
@@ -71,12 +72,20 @@ The `activeLayout` key has options (Axial Only, 3D Primary, etc.) defined in `co
 #### Labels for tools
 
 Each tool type (Rectangle, Polygon, etc.) can have tool specific labels. To share labels
-across tools, define the `defaultLabels` key and don't provide the tool's specific label key.
+across tools, define the `defaultLabels` key and don't provide labels for a tool that
+should use the default labels.
 
 #### Visibility of Sample Data section
 
 Simplify the data browser by hiding the Sample Data expandable section.
 
+#### Keyboard Shortcuts
+
+Configure the keys to activate tools, change selected labels, and more.
+All [shortcut actions](https://github.com/Kitware/VolView/blob/main/src/constants.ts#L53) are under the `ACTIONS` variable.
+
+To configure a key for an action, add its action name and the key(s) under the `shortcuts` section. For key combinations, use `+` like `Ctrl+f`.
+
 #### Example JSON:
 
 ```json
@@ -126,6 +135,10 @@ Simplify the data browser by hiding the Sample Data expandable section.
   "dataBrowser": {
     "hideSampleData": false
   }
+  "shortcuts": {
+    "polygon": "Ctrl+p",
+    "showKeyboardShortcuts": "t"
+  }
 }
 ```
 

src/io/state-file/schema.ts

@@ -257,7 +257,7 @@ const annotationTool = z.object({
   id: z.string() as unknown as z.ZodType<ToolID>,
   name: z.string(),
   color: z.string(),
-  strokeWidth: z.number(),
+  strokeWidth: z.number().optional(),
   label: z.string().optional(),
   labelName: z.string().optional(),
 }) satisfies z.ZodType<AnnotationTool>;

src/types/annotation-tool.ts

@@ -23,7 +23,7 @@ export type AnnotationTool = {
   labelName?: string;
 
   color: string;
-  strokeWidth: number;
+  strokeWidth?: number;
 
   name: string;