From 2cd2e9e22341045d365c148352651b9e4f36bd80 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sun, 12 Apr 2026 04:34:10 +0200
Subject: [PATCH] Add runtime clock and project time display in App component

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

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 3fd726ff..7c155ebb 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -7917,7 +7917,9 @@ export function App({ store, initialStatusMessage }: AppProps) {
               loadedImageAssets={loadedImageAssets}
               loadedAudioAssets={loadedAudioAssets}
               navigationMode={activeNavigationMode}
+              runtimeClock={runtimeGlobalState.clock}
               onRuntimeMessageChange={setRuntimeMessage}
+              onRuntimeClockChange={handleRuntimeClockChange}
               onFirstPersonTelemetryChange={setFirstPersonTelemetry}
               onInteractionPromptChange={setRuntimeInteractionPrompt}
               onSceneExitActivated={handleRunnerSceneExitActivated}
@@ -7960,6 +7962,17 @@ export function App({ store, initialStatusMessage }: AppProps) {
                     {runtimeGlobalState.transitionCount}
                   </div>
                 </div>
+                <div className="stat-card">
+                  <div className="label">Project Time</div>
+                  <div className="value" data-testid="runner-project-time">
+                    {formatTimeOfDayHours(runtimeGlobalState.clock.timeOfDayHours)}
+                  </div>
+                  <div className="material-summary">
+                    Day {runtimeGlobalState.clock.dayCount + 1} · {Number.isInteger(runtimeGlobalState.clock.dayLengthMinutes)
+                      ? runtimeGlobalState.clock.dayLengthMinutes.toFixed(0)
+                      : runtimeGlobalState.clock.dayLengthMinutes.toFixed(1)} min/day
+                  </div>
+                </div>
                 <div className="stat-card">
                   <div className="label">Pointer Lock</div>
                   <div className="value">