Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>

src/pages/XRSession.tsx

@@ -627,17 +627,31 @@ const XRSession = () => {
           </XR>
         </Canvas>
 
-        {/* Floating HUD overlay with all controls */}
+        {/* Floating DOM HUD overlay — only visible OUTSIDE passthrough.
-        <XRHud
+            Inside AR, the DOM is occluded by the headset compositor; the
-          freeMove={freeMove}
+            in-world XRHudInWorld replaces it. */}
-          onToggleFreeMove={() => setFreeMove(!freeMove)}
+        <div style={{ display: inXR ? 'none' : 'contents' }}>
-          placementMode={placementMode}
+          <XRHud
-          onTogglePlacement={() => setPlacementMode(!placementMode)}
+            freeMove={freeMove}
-          snapToPlanes={snapToPlanes}
+            onToggleFreeMove={() => setFreeMove(!freeMove)}
-          onToggleSnap={() => setSnapToPlanes(!snapToPlanes)}
+            placementMode={placementMode}
-          allowScale={allowScale}
+            onTogglePlacement={() => setPlacementMode(!placementMode)}
-          onToggleAllowScale={() => setAllowScale(!allowScale)}
+            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 && (