MODEL/usda-vision
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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.

Browse Source
This commit is contained in:
salirezav
2025-09-02 15:31:47 -04:00
parent 62dd0d162b
commit 5bdb070173
138 changed files with 672 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
management-dashboard-web-app/src/components/VisionSystem.tsx Normal file → Executable file
View File

@@ -196,9 +196,10 @@ const CamerasStatus = memo(({
const hasSerial = !!camera.device_info?.serial_number
// Determine if camera is connected based on status
const isConnected = camera.status === 'available' || camera.status === 'connected'
const isConnected = camera.status === 'available' || camera.status === 'connected' || camera.status === 'streaming'
const hasError = camera.status === 'error'
const statusText = camera.status || 'unknown'
const isStreaming = camera.status === 'streaming'
return (
<div key={cameraName} className="border border-gray-200 rounded-lg p-4">
@@ -209,11 +210,12 @@ const CamerasStatus = memo(({
<span className="text-gray-500 text-sm font-normal ml-2">({cameraName})</span>
)}
</h4>
<div className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${isConnected ? 'bg-green-100 text-green-800' :
hasError ? 'bg-yellow-100 text-yellow-800' :
'bg-red-100 text-red-800'
<div className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${isStreaming ? 'bg-blue-100 text-blue-800' :
isConnected ? 'bg-green-100 text-green-800' :
hasError ? 'bg-yellow-100 text-yellow-800' :
'bg-red-100 text-red-800'
}`}>
{isConnected ? 'Connected' : hasError ? 'Error' : 'Disconnected'}
{isStreaming ? 'Streaming' : isConnected ? 'Connected' : hasError ? 'Error' : 'Disconnected'}
</div>
</div>
@@ -224,7 +226,8 @@ const CamerasStatus = memo(({
hasError ? 'text-yellow-600' :
'text-red-600'
}`}>
{statusText.charAt(0).toUpperCase() + statusText.slice(1)}
{isStreaming ? 'Streaming' :
statusText.charAt(0).toUpperCase() + statusText.slice(1)}
</span>
</div>
@@ -238,6 +241,16 @@ const CamerasStatus = memo(({
</div>
)}
{isStreaming && (
<div className="flex justify-between">
<span className="text-gray-500">Streaming:</span>
<span className="text-blue-600 font-medium flex items-center">
<div className="w-2 h-2 bg-blue-500 rounded-full mr-2 animate-pulse"></div>
Live
</span>
</div>
)}
{hasDeviceInfo && (
<>
{camera.device_info.model && (
@@ -923,7 +936,7 @@ export function VisionSystem() {
{/* Notification */}
{notification && (
<div className={`fixed top-4 right-4 z-50 p-4 rounded-md shadow-lg ${notification.type === 'success'
<div className={`fixed top-4 right-4 z-[999999] p-4 rounded-md shadow-lg ${notification.type === 'success'
? 'bg-green-50 border border-green-200 text-green-800'
: 'bg-red-50 border border-red-200 text-red-800'
}`}>