From 8bd23cdb6f7612e3d5ece9592d8fff3cb6bcbe84 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Wed, 17 Dec 2025 07:24:22 -0800
Subject: [PATCH] debug(3d): replace viewer with minimal red cube scene to test
 library compatibility

---
 frontend/src/pages/Facility3DViewerPage.tsx | 32 ++++++++++-----------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/frontend/src/pages/Facility3DViewerPage.tsx b/frontend/src/pages/Facility3DViewerPage.tsx
index 6478f79..7aec62d 100644
--- a/frontend/src/pages/Facility3DViewerPage.tsx
+++ b/frontend/src/pages/Facility3DViewerPage.tsx
@@ -1,29 +1,27 @@
-import { ArrowLeft } from 'lucide-react';
+import { Canvas } from '@react-three/fiber';
 import { Link } from 'react-router-dom';
+import { ArrowLeft } from 'lucide-react';
 
 export default function Facility3DViewerPage() {
     return (
-        <div className="h-screen w-full flex flex-col items-center justify-center bg-gray-950 text-white relative p-4">
-            <div className="absolute top-0 left-0 right-0 p-4 z-10 flex items-center justify-between">
+        <div className="h-screen w-full bg-gray-950 text-white relative">
+            <div className="absolute top-4 left-4 z-10">
                 <Link to="/metrc" className="btn btn-ghost btn-sm text-white flex gap-2">
                     <ArrowLeft size={16} /> Back
                 </Link>
-            </div>
-
-            <div className="max-w-md text-center bg-gray-900 border border-gray-800 p-8 rounded-xl shadow-2xl">
-                <h1 className="text-3xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-accent to-purple-500">
-                    Facility 3D Viewer
-                </h1>
-                <div className="bg-gray-800 py-8 px-4 rounded-lg mb-6 border border-gray-700 border-dashed">
-                    <p className="text-gray-400 font-mono text-sm mb-2">System Maintenance</p>
-                    <p className="text-lg">3D Visualization Engine is currently undergoing upgrades.</p>
-                    <p className="text-sm text-gray-500 mt-2">Please check back later.</p>
+                <div className="mt-2 bg-black/50 p-2 rounded">
+                    <p>Debug Mode: Red Cube</p>
                 </div>
-
-                <Link to="/metrc" className="btn btn-primary w-full">
-                    Return to Compliance Dashboard
-                </Link>
             </div>
+
+            <Canvas>
+                <ambientLight intensity={0.5} />
+                <directionalLight position={[10, 10, 5]} />
+                <mesh position={[0, 0, 0]}>
+                    <boxGeometry />
+                    <meshStandardMaterial color="red" />
+                </mesh>
+            </Canvas>
         </div>
     );
 }