From ab275df3e75505d40bb4ce2dc0ecce91adc095b6 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Mon, 27 Apr 2026 17:20:56 +0200
Subject: [PATCH] Simplify pointer lock display and add invert mouse camera
 toggle

---
 src/app/App.tsx | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 8f808240..b4818a75 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -13364,11 +13364,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
                 <div className="stat-card">
                   <div className="label">Pointer Lock</div>
                   <div className="value">
-                    {activeNavigationMode === "firstPerson"
-                      ? firstPersonTelemetry?.pointerLocked
-                        ? "active"
-                        : "idle"
-                      : "not used"}
+                    {firstPersonTelemetry?.pointerLocked ? "active" : "idle"}
                   </div>
                 </div>
                 <div className="stat-card">
@@ -20837,6 +20833,27 @@ export function App({ store, initialStatusMessage }: AppProps) {
                             }}
                           />
                         </label>
+                        <label className="form-field form-field--toggle">
+                          <span className="label">Invert Mouse Camera</span>
+                          <input
+                            data-testid="player-start-invert-mouse-camera"
+                            type="checkbox"
+                            checked={
+                              playerStartInvertMouseCameraHorizontalDraft
+                            }
+                            onChange={(event) => {
+                              const nextValue = event.currentTarget.checked;
+                              setPlayerStartInvertMouseCameraHorizontalDraft(
+                                nextValue
+                              );
+                              scheduleDraftCommit(() =>
+                                applyPlayerStartChange({
+                                  invertMouseCameraHorizontal: nextValue
+                                })
+                              );
+                            }}
+                          />
+                        </label>
                       </div>
 
                       <div className="form-section">