feat: enhance night vision mode handling and optimize overlay settings in StreamPreview component

Author: raulshma

app/src/main/java/com/raulshma/lenscast/camera/CameraService.kt

@@ -880,6 +880,12 @@ class CameraService(private val context: Context) {
                     Log.d(TAG, "Night vision AUTO: scene=NIGHT_PORTRAIT, auto flash")
                 }
                 NightVisionMode.OFF -> {
+                    // Reset scene mode, AE mode, and AE lock when disabling night vision
+                    // (only if not overridden by HDR or manual scene mode)
+                    if (settings.hdrMode != HdrMode.ON && settings.sceneMode == null) {
+                        builder.setCaptureRequestOption(CaptureRequest.CONTROL_SCENE_MODE, CaptureRequest.CONTROL_SCENE_MODE_DISABLED)
+                    }
+                    builder.setCaptureRequestOption(CaptureRequest.CONTROL_AE_LOCK, false)
                 }
             }
 

app/src/main/java/com/raulshma/lenscast/streaming/StreamingManager.kt

@@ -34,6 +34,8 @@ class StreamingManager(private val context: Context) {
     private var currentAuthSettings = StreamAuthSettings()
     @Volatile
     private var currentOverlaySettings = OverlaySettings()
+    val networkQualityMonitor = NetworkQualityMonitor()
+    private val adaptiveBitrateController = AdaptiveBitrateController(networkQualityMonitor)
     private var server: StreamingServer = createServer(DEFAULT_PORT)
     private val streamingActive = AtomicBoolean(false)
     private val jpegQuality = AtomicInteger(DEFAULT_JPEG_QUALITY)
@@ -60,8 +62,6 @@ class StreamingManager(private val context: Context) {
     private var lastReportedClientCount = -1
 
     var thermalMonitor: ThermalMonitor? = null
-    val networkQualityMonitor = NetworkQualityMonitor()
-    private val adaptiveBitrateController = AdaptiveBitrateController(networkQualityMonitor)
 
     private val _isStreaming = MutableStateFlow(false)
     val isStreaming: StateFlow<Boolean> = _isStreaming

web/src/components/StreamPreview.tsx

@@ -60,6 +60,7 @@ export default function StreamPreview(props: Props) {
   const overlayBgColor = () => overlay()?.overlayBackgroundColor ?? '#80000000'
   const overlayFontSize = () => overlay()?.overlayFontSize ?? 28
   const overlayPadding = () => overlay()?.overlayPadding ?? 8
+  const overlayLineHeight = () => overlay()?.overlayLineHeight ?? 4
 
   const positionStyles: Record<string, { top?: string; right?: string; bottom?: string; left?: string }> = {
     TOP_LEFT: { top: '12px', left: '12px' },
@@ -148,44 +149,6 @@ export default function StreamPreview(props: Props) {
           </div>
         )}
 
-        {/* Client-side overlay preview */}
-        <Show when={overlayEnabled() && isActive() && props.previewVisible() && buildOverlayLines().length > 0}>
-          <div
-            class="stream-overlay-preview"
-            style={{
-              position: 'absolute',
-              ...(positionStyles[overlayPosition()] || positionStyles.TOP_LEFT),
-              'background-color': overlayBgColor(),
-              color: overlayTextColor(),
-              'font-size': `${overlayFontSize() * 0.4}px`,
-              padding: `${overlayPadding() * 0.4}px`,
-              'border-radius': '4px',
-              'font-family': 'monospace',
-              'z-index': '5',
-              'pointer-events': 'none',
-              'line-height': '1.4',
-            }}
-          >
-            {buildOverlayLines().map((line) => (
-              <div>{line}</div>
-            ))}
-          </div>
-        </Show>
-
-        {/* Reset zoom button */}
-        <Show when={zoom.isZoomed()}>
-          <div class="zoom-indicator">
-            <span class="zoom-percent">{zoom.zoomPercent()}%</span>
-            <button class="reset-zoom-btn" onClick={zoom.resetZoom} title="Reset zoom">
-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <circle cx="11" cy="11" r="8" />
-                <path d="M21 21l-4.35-4.35" />
-                <path d="M11 8v6M8 11h6" />
-              </svg>
-            </button>
-          </div>
-        </Show>
-
         {/* Recording overlay */}
         <Show when={props.isRecording()}>
           <div class="recording-timer-overlay">