⚠️ DEMO MODE: This is a static preview of the OCS Web UI architecture. The live version requires connection to the DeepDish Eye Control API. Features shown are intended for: Real-time eye tracking visualization, system status monitoring, color/appearance control, and integrated AI communication.
► System Status Monitor
SYSTEM ONLINE
PROMETHEUS ACTIVE
TRACKING READY
⚠ UNDER DEVELOPMENT — Full interactive demo coming soon
► Eye Display & Camera Feed
📹 LIVE CAMERA
Camera Stream Face Tracking Active
👁️ DEEPDISH OPTICAL
Eye Render Real-time Output
► Interactive Control Features
🎨 Color Presets
Select from HAL 9000, Christmas, Matrix, Cyberpunk, Ocean, Sunset, and more. Real-time preview.
⚙️ Intensity Control
Adjust output intensity (0.1 - 2.0) and pulse rate (0.002 - 0.025) with real-time sliders.
INTENSITY: 0.8 ▮▮▮▮▮░░░░░
PULSE: 0.005 ▮▮░░░░░░░░
🎭 Custom Colors
Full RGB color picker for custom expressions. Combine multiple colors for complex effects.
► Key Features & Architecture
Real-time Eye Tracking: WebGL-based gaze visualization with crosshair positioning, scanning rings, and depth feedback
Live Camera Integration: Camera feed display with privacy mode toggle for user discretion
Dynamic Color System: Preset library + custom RGB controls with real-time render preview
Responsive HMI: Status bar with system indicators, connected user count, and external links
Multi-Tab Interface: Eye Control, Chat AI, Drone Fleet, and Control Panel modes
Privacy Controls: Built-in privacy mode for sensitive situations
Mobile Optimization: Fully responsive design for tablet and mobile viewing
Performance Monitoring: Frame rate display, connection status, and latency indicators
► API Integration Points
DeepDish Eye API: Primary connection for eye tracking data and rendering commands
Prometheus Metrics: System health and performance monitoring
Grafana Dashboard: External link to comprehensive metrics dashboard
WebSocket: Real-time bidirectional communication for low-latency updates