From 4d04d2f8c7bccc02141b6de11487c4ada216fd83 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Sat, 27 Dec 2025 18:47:33 -0800
Subject: [PATCH] fix: Replace Bounds with Center and Manual Zoom (Gameboy
 fixed view)

---
 .../components/facility3d/Room3DViewer.tsx    | 37 +++++++++----------
 1 file changed, 17 insertions(+), 20 deletions(-)

diff --git a/frontend/src/components/facility3d/Room3DViewer.tsx b/frontend/src/components/facility3d/Room3DViewer.tsx
index da9cd97..c164cb7 100644
--- a/frontend/src/components/facility3d/Room3DViewer.tsx
+++ b/frontend/src/components/facility3d/Room3DViewer.tsx
@@ -65,7 +65,7 @@ export function Room3DViewer({ room, visMode = 'STANDARD', onPlantClick }: Room3
             <Canvas
                 shadows
                 orthographic
-                camera={{ position: [100, 100, 100], zoom: 40, near: -500, far: 2000 }}
+                camera={{ position: [200, 200, 200], zoom: 10, near: -500, far: 2000 }}
                 className="w-full h-full"
             >
                 <ambientLight intensity={0.7} />
@@ -74,32 +74,29 @@ export function Room3DViewer({ room, visMode = 'STANDARD', onPlantClick }: Room3
                 {/* Grid Floor for context */}
                 <Grid
                     infiniteGrid
-                    fadeDistance={200}
+                    fadeDistance={250}
                     sectionColor="#10b981"
                     cellColor="#059669"
                     sectionThickness={1}
                     cellThickness={0.5}
-                    opacity={0.15}
                     position={[0, -0.1, 0]}
                     args={[10.5, 10.5]}
                 />
 
-                <Bounds fit clip observe margin={1.2}>
-                    <group position={[0, 0, 0]}>
-                        <RoomObject
-                            room={room3DData}
-                            visMode={visMode}
-                            onPlantClick={onPlantClick || (() => { })}
-                            highlightedTags={[]}
-                            dimMode={false}
-                            hierarchy={{
-                                facility: 'Main',
-                                building: 'A',
-                                floor: '1',
-                            }}
-                        />
-                    </group>
-                </Bounds>
+                <Center top>
+                    <RoomObject
+                        room={room3DData}
+                        visMode={visMode}
+                        onPlantClick={onPlantClick || (() => { })}
+                        highlightedTags={[]}
+                        dimMode={false}
+                        hierarchy={{
+                            facility: 'Main',
+                            building: 'A',
+                            floor: '1',
+                        }}
+                    />
+                </Center>
 
                 <Environment preset="city" />
                 <OrbitControls
@@ -111,7 +108,7 @@ export function Room3DViewer({ room, visMode = 'STANDARD', onPlantClick }: Room3
             </Canvas>
 
             <div className="absolute bottom-4 right-4 bg-slate-900/90 backdrop-blur-md px-3 py-1.5 rounded-md border border-emerald-500/20 text-xs font-mono text-emerald-400 pointer-events-none shadow-xl">
-                VIEW: ISOMETRIC // FIXED // AUTO-FIT
+                VIEW: ISOMETRIC // FIXED
             </div>
         </div>
     );