sl-webui
8d72b85b07
Add real-time audio level visualization with VU-style meter: - Responsive VU bar with color gradient (silent to clipping) - Peak hold indicator with exponential decay - Speech activity detection from /social/speech/is_speaking - Color-coded audio levels with visual feedback - Grid markers for level reference (25%, 50%, 75%) - Comprehensive audio statistics (average, max, peak count) Features: - Dynamic color coding: Gray (silent) → Red (clipping) - Level thresholds: Silent, Low, Moderate, Good, Loud, Clipping - Peak hold with 1-second hold time + 5% decay per 50ms - Speech activity indicator with pulsing animation - 100-sample rolling average for statistics - Real-time metric updates Visual Elements: - Main VU bar with smooth fill animation - Separate peak hold display with glow effect - Color reference legend (all 6 levels) - Statistics panel (average, max, peak holds) - Grid-based scale (0-100%) - Speech status badge (SPEAKING/SILENT) Integration: - Added to SOCIAL tab as new "Audio" tab - Subscribes to /saltybot/audio_level and /social/speech/is_speaking - Properly formatted topic info footer - Responsive design matching dashboard theme Build: ✓ Passing (113 modules, 202.67 KB main bundle) Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>