From f0facc0c8867f9331c84b148ad3df8d5c95bafde Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 14 May 2026 18:06:34 +0000
Subject: [PATCH] Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
---
 src/pages/XRSession.tsx | 36 +++++++++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/src/pages/XRSession.tsx b/src/pages/XRSession.tsx
index 4402bb6..7707b8f 100644
--- a/src/pages/XRSession.tsx
+++ b/src/pages/XRSession.tsx
@@ -627,17 +627,31 @@ const XRSession = () => {
           </XR>
         </Canvas>
 
-        {/* Floating HUD overlay with all controls */}
-        <XRHud
-          freeMove={freeMove}
-          onToggleFreeMove={() => setFreeMove(!freeMove)}
-          placementMode={placementMode}
-          onTogglePlacement={() => setPlacementMode(!placementMode)}
-          snapToPlanes={snapToPlanes}
-          onToggleSnap={() => setSnapToPlanes(!snapToPlanes)}
-          allowScale={allowScale}
-          onToggleAllowScale={() => setAllowScale(!allowScale)}
-        />
+        {/* Floating DOM HUD overlay — only visible OUTSIDE passthrough.
+            Inside AR, the DOM is occluded by the headset compositor; the
+            in-world XRHudInWorld replaces it. */}
+        <div style={{ display: inXR ? 'none' : 'contents' }}>
+          <XRHud
+            freeMove={freeMove}
+            onToggleFreeMove={() => setFreeMove(!freeMove)}
+            placementMode={placementMode}
+            onTogglePlacement={() => setPlacementMode(!placementMode)}
+            snapToPlanes={snapToPlanes}
+            onToggleSnap={() => setSnapToPlanes(!snapToPlanes)}
+            allowScale={allowScale}
+            onToggleAllowScale={() => setAllowScale(!allowScale)}
+          />
+        </div>
+
+        {/* Hidden ShareButton instance — registers window.__trackSteelStartLive
+            so the in-world Share tab can trigger broadcasts. Also keeps live
+            state in sync with the in-XR HUD. */}
+        <div style={{ display: 'none' }}>
+          <ShareButton
+            onHandleChange={(h) => setLiveCode(h?.code ?? null)}
+            onViewerCountChange={setLiveViewers}
+          />
+        </div>
 
         {/* DEVKIT: floating diagnostic panel + SimXR toggle */}
         {devkit && (