From c074f3e597685173065fe6a6b1732f103423cd23 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Mon, 6 Apr 2026 08:31:18 +0200
Subject: [PATCH] Add locomotion, water volume, and fog volume stats to App.tsx

---
 src/app/App.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index cc4a460a..5ce0a571 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -4903,6 +4903,26 @@ export function App({ store, initialStatusMessage }: AppProps) {
                   <div className="label">Grounded</div>
                   <div className="value">{firstPersonTelemetry?.grounded ? "yes" : activeNavigationMode === "firstPerson" ? "no" : "n/a"}</div>
                 </div>
+                <div className="stat-card">
+                  <div className="label">Locomotion</div>
+                  <div className="value">
+                    {activeNavigationMode === "firstPerson"
+                      ? firstPersonTelemetry?.locomotionState === "swimming"
+                        ? "Swimming"
+                        : firstPersonTelemetry?.locomotionState === "flying"
+                          ? "Flying"
+                          : "Grounded"
+                      : "n/a"}
+                  </div>
+                </div>
+                <div className="stat-card">
+                  <div className="label">Water Volume</div>
+                  <div className="value">{activeNavigationMode === "firstPerson" ? (firstPersonTelemetry?.inWaterVolume ? "inside" : "outside") : "n/a"}</div>
+                </div>
+                <div className="stat-card">
+                  <div className="label">Fog Volume</div>
+                  <div className="value">{activeNavigationMode === "firstPerson" ? (firstPersonTelemetry?.inFogVolume ? "inside" : "outside") : "n/a"}</div>
+                </div>
               </div>
 
               <div className="stat-card">