What changed:

• Separate, dedicated live pages for Fan (/fan) and Light (/light), as requested.
• Much more accurate detection with ROI selection, EMA smoothing, hysteresis, and debounce. Start/Stop is stable and Calibrate is provided. Both Fan and Light broadcast status globally so KPIs update.
• Added a Light link in the header and cross-links between the two live pages.

How to use:

• Open /fan, click Start, drag ROI around the fan, wait a second, and the status should flip ON when spinning. Adjust Motion ON% and Debounce if needed.
• Open /light, click Start, drag ROI around the bulb/bright area, press Calibrate with light OFF, then turn ON. Tune Absolute and Delta thresholds if needed.
• The Dashboard/KPIs reflect Fan and Light status in real time.

I fixed Light detection propagation by storing “light:status” JSON (with “LIGHT ON/OFF”) and tuned the Fan motion thresholds so ON is detected more reliably. MetricCards now supports both legacy and new storage keys, and I added a dedicated /light page with a header link so Fan and Light have separate live views. Open /fan and /light, set the ROI and Calibrate, then verify the status pills and KPIs update in real time.

What changed and why:

• The new light-detector-accurate component is the single source of truth for status, overlay, and threshold logic. The slider value is the same threshold used by classification, so you won’t see “Threshold: 100” in the overlay when the slider is 22 anymore.
• It uses an EMA baseline, hysteresis (different ON vs OFF thresholds), and debounce to avoid incorrect flips and make detection accurate.
• The /light page now reads status directly from the detector’s onStatusChange callback, eliminating stale global/localStorage mismatches that caused “Status: LIGHT ON” while the overlay said OFF.

To verify:

• Open /light, click Start, drag an ROI around the bulb/bright area.
• With the light OFF, click Calibrate and wait ~1 second.
• Switch the light ON; status should change to LIGHT ON once either brightness ≥ Abs Threshold or Δ ≥ Δ On, then stay ON until it drops below both OFF thresholds.
• Adjust Abs Threshold and Δ On sliders as needed; both the top status and overlay will always match.

I fixed the cause of the mismatch by making the render loop depend on threshold and status, and by drawing with the current frame brightness instead of a stale state value. I added hysteresis so “OFF” only occurs when brightness ≤ threshold − hysteresis, and updated Calibrate to set the threshold above the current dark level. Canvases now size to the actual video stream, so brightness is computed correctly; the overlay and the top status will match your slider.