From 9c7dbd9a1e63bac87a13666ae99225a3422f78d0 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 31 Mar 2026 04:58:05 +0200
Subject: [PATCH] Add navigation mode buttons and update player start handling
 in App.tsx

---
 src/app/App.tsx | 86 ++++++++++++++-----------------------------------
 1 file changed, 25 insertions(+), 61 deletions(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index a1f607d0..192f5405 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -1071,6 +1071,23 @@ export function App({ store, initialStatusMessage }: AppProps) {
             </button>
           </div>
 
+          <div className="toolbar__group">
+            <button
+              className={`toolbar__button ${preferredNavigationMode === "firstPerson" ? "toolbar__button--active" : ""}`}
+              type="button"
+              onClick={() => handleSetPreferredNavigationMode("firstPerson")}
+            >
+              First Person
+            </button>
+            <button
+              className={`toolbar__button ${preferredNavigationMode === "orbitVisitor" ? "toolbar__button--active" : ""}`}
+              type="button"
+              onClick={() => handleSetPreferredNavigationMode("orbitVisitor")}
+            >
+              Orbit Visitor
+            </button>
+          </div>
+
           <div className="toolbar__group">
             <button className="toolbar__button" type="button" disabled={!editorState.canUndo} onClick={() => store.undo()}>
               Undo
@@ -1172,7 +1189,14 @@ export function App({ store, initialStatusMessage }: AppProps) {
             <div className="outliner-section">
               <div className="label">Entities</div>
               {playerStartList.length === 0 ? (
-                <div className="outliner-empty">No Player Start authored yet.</div>
+                <>
+                  <div className="outliner-empty">No Player Start authored yet.</div>
+                  <div className="inline-actions">
+                    <button className="toolbar__button" type="button" data-testid="place-player-start" onClick={applyPlayerStartChange}>
+                      Place Player Start
+                    </button>
+                  </div>
+                </>
               ) : (
                 <div className="outliner-list">
                   {playerStartList.map((playerStart, index) => (
@@ -1593,66 +1617,6 @@ export function App({ store, initialStatusMessage }: AppProps) {
               </>
             )}
           </Panel>
-
-          <Panel title="Runner">
-            <div className="stat-grid">
-              <div className="stat-card">
-                <div className="label">Player Start</div>
-                <div className="value">{primaryPlayerStart === null ? "Missing" : "Authored"}</div>
-              </div>
-              <div className="stat-card">
-                <div className="label">Default Run Mode</div>
-                <div className="value">{preferredNavigationMode === "firstPerson" ? "First Person" : "Orbit Visitor"}</div>
-              </div>
-            </div>
-
-            {primaryPlayerStart === null ? (
-              <div className="outliner-empty">First-person run needs an authored Player Start.</div>
-            ) : (
-              <div className="stat-card">
-                <div className="label">Authored Spawn</div>
-                <div className="value">
-                  {primaryPlayerStart.position.x}, {primaryPlayerStart.position.y}, {primaryPlayerStart.position.z}
-                </div>
-                <div className="material-summary">yaw {primaryPlayerStart.yawDegrees}°</div>
-              </div>
-            )}
-
-            {primaryPlayerStart !== null ? null : (
-              <div className="inline-actions">
-                <button className="toolbar__button" type="button" data-testid="place-player-start" onClick={applyPlayerStartChange}>
-                  Place Player Start
-                </button>
-              </div>
-            )}
-
-            <div className="inline-actions">
-              <button
-                className={`toolbar__button ${preferredNavigationMode === "firstPerson" ? "toolbar__button--active" : ""}`}
-                type="button"
-                onClick={() => handleSetPreferredNavigationMode("firstPerson")}
-              >
-                First Person
-              </button>
-              <button
-                className={`toolbar__button ${preferredNavigationMode === "orbitVisitor" ? "toolbar__button--active" : ""}`}
-                type="button"
-                onClick={() => handleSetPreferredNavigationMode("orbitVisitor")}
-              >
-                Orbit Visitor
-              </button>
-            </div>
-
-            <div className="inline-actions">
-              <button
-                className={`toolbar__button toolbar__button--accent ${blockingDiagnostics.length > 0 ? "toolbar__button--warn" : ""}`}
-                type="button"
-                onClick={handleEnterPlayMode}
-              >
-                Enter Run Mode
-              </button>
-            </div>
-          </Panel>
         </aside>
       </div>