Enhance camera management features: add debug endpoint for camera manager state, implement live camera routes without authentication, and improve logging for camera initialization and status checks. Update Docker configuration to include environment variables for the web app.

management-dashboard-web-app/src/App.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react'
 import { supabase } from './lib/supabase'
 import { Login } from './components/Login'
 import { Dashboard } from './components/Dashboard'
+import { CameraRoute } from './components/CameraRoute'
 
 function App() {
   const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null)
@@ -84,6 +85,18 @@ function App() {
     }
   }
 
+  // Check if current route is a camera live route
+  const isCameraLiveRoute = (route: string) => {
+    const cameraRoutePattern = /^\/camera(\d+)\/live$/
+    return cameraRoutePattern.test(route)
+  }
+
+  // Extract camera number from route
+  const getCameraNumber = (route: string) => {
+    const match = route.match(/^\/camera(\d+)\/live$/)
+    return match ? `camera${match[1]}` : null
+  }
+
   if (loading) {
     return (
       <div className="min-h-screen flex items-center justify-center bg-gray-50">
@@ -107,6 +120,14 @@ function App() {
     )
   }
 
+  // Handle camera live routes (no authentication required)
+  if (isCameraLiveRoute(currentRoute)) {
+    const cameraNumber = getCameraNumber(currentRoute)
+    if (cameraNumber) {
+      return <CameraRoute cameraNumber={cameraNumber} />
+    }
+  }
+
   return (
     <>
       {isAuthenticated ? (