From a63478a3baca2be09053c07c0523ee1aaeee4e8c Mon Sep 17 00:00:00 2001
From: admtracksteel <admtracksteel@gmail.com>
Date: Tue, 4 Aug 2026 20:30:55 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Auto-deploy:=20melhoria=20no=20s?=
 =?UTF-8?q?nap=20e=20medi=C3=A7=C3=A3o=20AR=20em=2004/08/2026=2020:30:55?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lab/QuestCubeLab.tsx | 66 ++++++++++++++++++++--------------------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/src/lab/QuestCubeLab.tsx b/src/lab/QuestCubeLab.tsx
index ca42d09..41f7710 100644
--- a/src/lab/QuestCubeLab.tsx
+++ b/src/lab/QuestCubeLab.tsx
@@ -7,7 +7,8 @@ import {
   Environment,
   PerspectiveCamera,
 } from "@react-three/drei";
-import { XR, createXRStore } from "@react-three/xr";
+import { XR } from "@react-three/xr";
+import { xrStore as store } from "@/stores/useXRStore";
 import * as THREE from "three";
 import {
   Beaker,
@@ -17,6 +18,7 @@ import {
   RotateCcw,
   Hand,
 } from "lucide-react";
+import { Suspense } from "react";
 
 /**
  * ============================================================
@@ -39,10 +41,6 @@ const CUBE_SIZE = 1;
 
 type AlignPhase = 'IDLE' | 'WAIT_SURFACE' | 'WAIT_FACE2' | 'WAIT_EDGE';
 
-const store = createXRStore({
-  controller: { left: true, right: true },
-});
-
 // ===================================================================
 // COMPONENTE: CuboControlado
 // ===================================================================
@@ -411,36 +409,38 @@ const QuestCubeLab = () => {
           </div>
 
           <div style={{ height: 600 }}>
-            <Canvas shadows>
+            <Canvas shadows gl={{ antialias: true, alpha: true }}>
               <XR store={store}>
-                <PerspectiveCamera makeDefault position={[3, 4, 6]} fov={50} />
-                <ambientLight intensity={0.5} />
-                <directionalLight position={[5, 8, 5]} intensity={1} castShadow shadow-mapSize-width={1024} shadow-mapSize-height={1024} />
-                
-                <CubeControlado
-                  posRef={posRef}
-                  rotRef={rotRef}
-                  scaleRef={scaleRef}
-                  lockedRef={lockedRef}
-                  gamepadRef={gamepadRef}
-                  alignPhase={alignPhase}
-                  setAlignPhase={setAlignPhase}
-                  face1Ref={face1Ref}
-                  face2Ref={face2Ref}
-                />
-                
-                <Table 
-                  onSurfaceClick={handleSurfaceClick}
-                  onEdgeClick={handleEdgeClick}
-                />
+                <Suspense fallback={null}>
+                  <PerspectiveCamera makeDefault position={[3, 4, 6]} fov={50} />
+                  <ambientLight intensity={0.5} />
+                  <directionalLight position={[5, 8, 5]} intensity={1} castShadow shadow-mapSize-width={1024} shadow-mapSize-height={1024} />
+                  
+                  <CubeControlado
+                    posRef={posRef}
+                    rotRef={rotRef}
+                    scaleRef={scaleRef}
+                    lockedRef={lockedRef}
+                    gamepadRef={gamepadRef}
+                    alignPhase={alignPhase}
+                    setAlignPhase={setAlignPhase}
+                    face1Ref={face1Ref}
+                    face2Ref={face2Ref}
+                  />
+                  
+                  <Table 
+                    onSurfaceClick={handleSurfaceClick}
+                    onEdgeClick={handleEdgeClick}
+                  />
 
-                <Grid args={[20, 20]} cellSize={0.25} cellThickness={0.5} cellColor="#475569" sectionSize={1} sectionThickness={1} sectionColor="#94a3b8" fadeDistance={18} fadeStrength={1} infiniteGrid={false} position={[0, 0, 0]} />
-                <mesh receiveShadow rotation={[-Math.PI / 2, 0, 0]} position={[0, -0.001, 0]}>
-                  <planeGeometry args={[20, 20]} />
-                  <shadowMaterial transparent opacity={0.35} />
-                </mesh>
-                <OrbitControls makeDefault enableDamping />
-                <Environment preset="city" />
+                  <Grid args={[20, 20]} cellSize={0.25} cellThickness={0.5} cellColor="#475569" sectionSize={1} sectionThickness={1} sectionColor="#94a3b8" fadeDistance={18} fadeStrength={1} infiniteGrid={false} position={[0, 0, 0]} />
+                  <mesh receiveShadow rotation={[-Math.PI / 2, 0, 0]} position={[0, -0.001, 0]}>
+                    <planeGeometry args={[20, 20]} />
+                    <shadowMaterial transparent opacity={0.35} />
+                  </mesh>
+                  <OrbitControls makeDefault enableDamping />
+                  <Environment preset="city" />
+                </Suspense>
               </XR>
             </Canvas>
           </div>