Add documentation for stage management features

docs/pages/live_show.md

@@ -53,4 +53,29 @@ If the leader's client becomes disconnected, all other clients become "orphaned"
 
 ### Act Intervals
 
-If your show has intervals configured between acts, an interval screen will automatically appear between the acts during the live show. The interval will only display if there is script content in both acts surrounding the interval.
+If your show has intervals configured between acts, an interval screen will automatically appear between the acts during the live show. The interval will only display if there is script content in both acts surrounding the interval.
+
+### Stage Manager Pane
+
+During a live show, you can enable a Stage Manager pane that displays props and scenery allocations for each scene. This provides a quick reference for stage management during performances.
+
+To enable the Stage Manager pane:
+
+1. Click on the **Live Config** dropdown in the navigation bar
+2. Select **Enable Stage Manager**
+
+The Stage Manager pane will appear on the right side of the screen:
+
+![](../images/live_show/live_stage_manager_pane.png)
+
+#### Stage Manager Features
+
+- **Scene List**: Shows all scenes in the show as collapsible cards
+- **Current Scene**: The scene cards can be expanded to show allocated items
+- **Scenery Section**: Lists all scenery items allocated to each scene, grouped by type
+- **Props Section**: Lists all props allocated to each scene, grouped by type
+- **Plan Button**: Opens a planning modal for additional scene notes
+
+Click on a scene header to expand or collapse its details. The Stage Manager pane provides a quick at-a-glance view of what items are needed for each scene, helping the stage management team track prop and scenery requirements throughout the performance.
+
+To disable the Stage Manager pane, click **Live Config** and select **Disable Stage Manager**.

docs/pages/show_config.md

@@ -9,6 +9,7 @@ Heading over to the **Show Config** navigation option at the top of the page wil
 The Show Config page is organized into several sections, each accessible from the left sidebar:
 
 - **Show**: View and edit basic show information (name, dates, settings)
+- [Staging](./show_config/stage_management.md): Manage crew, props, and scenery for your production
 - [Cast, Characters and Character Groups](./show_config/cast_and_characters.md): Manage performers and roles
 - [Acts and Scenes](./show_config/acts_and_scenes.md): Structure your show's timeline
 - **Script**: Create and edit the show script with revisions
@@ -27,6 +28,7 @@ The recommended workflow for configuring a new show is:
 5. Move on to [Script Configuration](./script_config.md)
 6. Configure [Cues](./cue_config.md)
 7. Optionally set up [Microphones](./show_config/microphones.md)
+8. Optionally configure [Stage Management](./show_config/stage_management.md) (crew, props, scenery)
 
 ### Script Display Modes
 

docs/pages/show_config/stage_management.md

@@ -0,0 +1,123 @@
+## Configuring a Show
+
+### Stage Management
+
+Once Characters, Acts and Scenes have been configured, you can optionally configure stage management features including crew members, props, and scenery. This is done from the **Staging** tab in the **Show Config** page.
+
+The Staging section provides five tabs for managing different aspects of your production:
+
+- **Crew**: Manage crew member names
+- **Scenery**: Define scenery types and items
+- **Props**: Define prop types and items
+- **Stage Manager**: Allocate props and scenery to specific scenes
+- **Timeline**: Visualize allocations across the entire show
+
+#### Managing Crew Members
+
+The **Crew** tab allows you to maintain a list of crew members for your production:
+
+![](../../images/config_show/stage_crew_empty.png)
+
+Click the **New Crew Member** button to add crew members. Each crew member has a first name and last name:
+
+![](../../images/config_show/stage_crew_with_data.png)
+
+You can use the **Edit** and **Delete** buttons to manage existing crew members.
+
+#### Managing Scenery
+
+The **Scenery** tab is divided into two sections: Scenery Types and Scenery List.
+
+![](../../images/config_show/stage_scenery_empty.png)
+
+**Scenery Types** allow you to categorize your scenery items (e.g., "Backdrop", "Furniture", "Set Pieces"). To create a scenery type:
+
+1. Click **New Scenery Type**
+2. Enter a name and optional description
+3. Click **OK**
+
+**Scenery List** contains the actual scenery items used in your production. To add a scenery item:
+
+1. Click **New Scenery Item**
+2. Select a scenery type from the dropdown
+3. Enter a name and optional description
+4. Click **OK**
+
+![](../../images/config_show/stage_scenery_with_data.png)
+
+#### Managing Props
+
+The **Props** tab follows the same structure as Scenery, with Prop Types and a Props List:
+
+![](../../images/config_show/stage_props_empty.png)
+
+**Prop Types** allow you to categorize your props (e.g., "Hand Props", "Set Dressing", "Consumables"). To create a prop type:
+
+1. Click **New Prop Type**
+2. Enter a name and optional description
+3. Click **OK**
+
+**Props List** contains the actual prop items. To add a prop:
+
+1. Click **New Props Item**
+2. Select a prop type from the dropdown
+3. Enter a name and optional description
+4. Click **OK**
+
+![](../../images/config_show/stage_props_with_data.png)
+
+#### Stage Manager - Scene Allocations
+
+The **Stage Manager** tab provides a scene-by-scene interface for allocating props and scenery to specific scenes:
+
+![](../../images/config_show/stage_manager_empty.png)
+
+The interface shows:
+- **Scene navigation**: Use the **Prev Scene** and **Next Scene** buttons to move between scenes, or click **Go to Scene** to jump to a specific scene
+- **Current scene display**: Shows which act and scene you're currently viewing
+- **Scenery section**: Lists all scenery allocated to the current scene
+- **Props section**: Lists all props allocated to the current scene
+
+To allocate items to a scene:
+
+1. Navigate to the desired scene
+2. Click the **Add** dropdown button
+3. Select either **Scenery** or **Prop**
+4. Choose the item from the dropdown
+5. Click **OK**
+
+![](../../images/config_show/stage_manager_with_allocations.png)
+
+To remove an allocation, click the **Delete** button next to the item.
+
+**Note**: Each prop or scenery item can only be allocated to one scene at a time, reflecting the physical constraint that an item can only be in one place.
+
+#### Stage Timeline
+
+The **Timeline** tab provides a visual overview of all props and scenery allocations across the entire show:
+
+![](../../images/config_show/stage_timeline.png)
+
+##### Timeline Features
+
+- **View Modes**: Switch between three different perspectives using the buttons at the top:
+  - **Combined**: Shows both props and scenery in a single view
+  - **Props**: Shows only prop allocations
+  - **Scenery**: Shows only scenery allocations
+
+- **Visual Layout**: The timeline uses color-coded bars to represent allocations:
+  - Each row represents a prop or scenery item
+  - Each column represents a scene in the show
+  - Acts are labeled at the top for easy reference
+  - Colored bars show where each item is allocated
+
+- **Export**: Click the download button to export the timeline as a PNG image for documentation or planning purposes
+
+##### Using the Timeline
+
+1. Select your preferred view mode using the buttons at the top
+2. Scroll horizontally to see all scenes in large shows
+3. Use the timeline to identify:
+   - Which scenes have the most items
+   - Which items are used in which scenes
+   - Potential conflicts or busy changeover points