Web UI Overview

RUSEON Core includes a built-in Single Page Application (SPA) embedded directly in the server binary and served at http://localhost:8080/.

---

Technology Stack

• Framework: React 19, TypeScript, and Vite.
• Styling: Modern dark-theme glassmorphism UI with Vanilla CSS and responsive grid layouts.
• Icons: lucide-react.
• Localization: Full internationalization (react-i18next) supporting English (en) and Russian (ru).
• Video Players:
  • Low-latency WebRTC WHEP player via native browser RTCPeerConnection.
  • HLS player via hls.js with automatic buffer stall recovery.
• AI Overlay: HTML5 Canvas rendering engine delivering 60 FPS real-time bounding boxes directly over video streams.

---

Core Features & Modals

1. Dashboard & Multi-View Grid: Flexible grid layouts (1x1, 2x2, 3x3, 4x4) with quick filter by tags and folders.
2. Camera Management Modal: Add, edit, disable, configure RTSP transports, token authentication, and monitor SIM card ICCID / traffic quotas.
3. Interactive Archive Player: Visual timeline with fragment selection, calendar date picking, and lossless MP4 sequence exports.
4. User & RBAC Manager: Manage users, passwords, and permissions (admin, operator, viewer, service).
5. Live Log Viewer: Real-time log monitoring with Server-Sent Events (SSE), pause/resume, and log-level filtering.
6. Server Diagnostics: Live RAM usage, GC metrics, goroutines count, and connected clients table.
7. Backup & Restore: Instant one-click JSON configuration export and import.