From 182e8c7d1a982e5b504e03c9e5f2dc695fedaf69 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Wed, 17 Dec 2025 23:16:41 -0800
Subject: [PATCH] feat: restore WASD nav, improved plant geometry visibility

---
 frontend/src/pages/Facility3DViewerPage.tsx | 27 +++++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/Facility3DViewerPage.tsx b/frontend/src/pages/Facility3DViewerPage.tsx
index 1f42ab6..f09050e 100644
--- a/frontend/src/pages/Facility3DViewerPage.tsx
+++ b/frontend/src/pages/Facility3DViewerPage.tsx
@@ -114,8 +114,9 @@ function PlantInstances({ positions, onPlantClick, visMode }: {
                         }
                     }}
                 >
-                    <cylinderGeometry args={[0.2, 0.1, 0.8, 8]} />
-                    <meshStandardMaterial />
+                    {/* Bushy Top */}
+                    <dodecahedronGeometry args={[0.25, 0]} />
+                    <meshStandardMaterial roughness={0.6} activeStripes={true} />
                     {plants.map((pos, i) => {
                         let color = COLORS.VEG;
 
@@ -138,11 +139,13 @@ function PlantInstances({ positions, onPlantClick, visMode }: {
                                 break;
                         }
 
+                        // Lift plant slightly to sit ON shelf, not IN it
                         return (
                             <Instance
                                 key={pos.id || i}
-                                position={[pos.x, pos.y + 0.4, pos.z]}
+                                position={[pos.x, pos.y + 0.3, pos.z]}
                                 color={color}
+                                scale={[1.2, 1.2, 1.2]}
                             />
                         );
                     })}
@@ -189,6 +192,19 @@ function FacilityScene({ data, onSelectPlant, targetView, setControls, visMode }
         }
     }, [targetView]);
 
+    // RESTORED: Keyboard Event Listeners for WASD
+    useEffect(() => {
+        const handleDown = (e: KeyboardEvent) => setKeysPressed(k => ({ ...k, [e.code]: true }));
+        const handleUp = (e: KeyboardEvent) => setKeysPressed(k => ({ ...k, [e.code]: false }));
+
+        window.addEventListener('keydown', handleDown);
+        window.addEventListener('keyup', handleUp);
+        return () => {
+            window.removeEventListener('keydown', handleDown);
+            window.removeEventListener('keyup', handleUp);
+        };
+    }, []);
+
     useFrame((_, delta) => {
         if (!controlsRef.current) return;
         const speed = 20 * delta;
@@ -310,8 +326,9 @@ function FacilityScene({ data, onSelectPlant, targetView, setControls, visMode }
                                         castShadow
                                         receiveShadow
                                     >
+                                        {/* Shelf - Lighter for visibility */}
                                         <planeGeometry args={[section.width, section.height]} />
-                                        <meshStandardMaterial color="#64748b" roughness={0.2} metalness={0.8} side={THREE.DoubleSide} />
+                                        <meshStandardMaterial color="#94a3b8" roughness={0.5} metalness={0.6} side={THREE.DoubleSide} />
                                     </mesh>
                                 ))}
 
@@ -365,7 +382,7 @@ function FacilityScene({ data, onSelectPlant, targetView, setControls, visMode }
     return (
         <>
             <Environment preset="city" background={false} />
-            <ambientLight intensity={0.5} />
+            <ambientLight intensity={0.8} /> {/* Increased brightness */}
             <directionalLight
                 position={[-10, 50, -10]}
                 intensity={1}