wayne-love · wayne-love · Jul 21, 2026 · Jul 19, 2026 · Jul 20, 2026 · Jul 20, 2026
diff --git a/data/www/debug.htm b/data/www/debug.htm
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta
+        name="viewport"
+        content="width=device-width, initial-scale=1"
+    >
+    <title>ESP32 Debug</title>
+
+    <style>
+        body {
+            margin: 0;
+            padding: 1rem;
+            background: #111;
+            color: #ddd;
+            font-family: monospace;
+        }
+
+        header {
+            position: sticky;
+            top: 0;
+            padding: 0.5rem 0;
+            background: #111;
+        }
+
+        button,
+        select,
+        input {
+            margin-right: 0.5rem;
+            margin-bottom: 0.5rem;
+        }
+
+        #status {
+            margin-left: 0.5rem;
+        }
+
+        #log {
+            white-space: pre-wrap;
+            overflow-wrap: anywhere;
+        }
+    </style>
+</head>
+
+<body>
+    <header>
+        <button id="clear">Clear</button>
+
+        <select id="level">
+            <option value="verbose">Verbose</option>
+            <option value="debug" selected>Debug</option>
+            <option value="info">Info</option>
+            <option value="warning">Warning</option>
+            <option value="error">Error</option>
+        </select>
+
+        <button id="silence">Silence</button>
+        <button id="reboot">Reboot</button>
+
+        <input
+            id="command"
+            type="text"
+            placeholder="WebSocket command"
+        >
+
+        <button id="send">Send</button>
+
+        <span id="status">Connecting...</span>
+    </header>
+
+    <div id="log"></div>
+
+    <script>
+        const logElement = document.getElementById("log");
+        const statusElement = document.getElementById("status");
+        const commandElement = document.getElementById("command");
+
+        let socket;
+
+        const maxLogLines = 2000;
+        let logLines = [];
+
+        function appendLog(message) {
+            const incomingLines = message
+                .replace(/\r/g, "")
+                .split("\n")
+                .filter(line => line.length > 0);
+
+            logLines.push(...incomingLines);
+
+            if (logLines.length > maxLogLines) {
+                logLines = logLines.slice(-maxLogLines);
+            }
+
+            logElement.textContent = logLines.join("\n") + "\n";
+
+            window.scrollTo(0, document.body.scrollHeight);
+        }
+
+        function connect() {
+            const protocol =
+                window.location.protocol === "https:"
+                    ? "wss:"
+                    : "ws:";
+
+            socket = new WebSocket(
+                protocol +
+                "//" +
+                window.location.host +
+                "/debug/ws"
+            );
+
+            socket.onopen = () => {
+                statusElement.textContent = "Connected";
+                socket.send("status");
+            };
+
+            socket.onmessage = event => {
+                appendLog(event.data);
+            };
+
+            socket.onclose = () => {
+                statusElement.textContent =
+                    "Disconnected; reconnecting...";
+
+                setTimeout(connect, 2000);
+            };
+
+            socket.onerror = () => {
+                socket.close();
+            };
+        }
+
+        function sendCommand(command) {
+            if (
+                socket &&
+                socket.readyState === WebSocket.OPEN
+            ) {
+                socket.send(command);
+            }
+        }
+
+        document.getElementById("clear").onclick = () => {
+            logLines = [];
+            logElement.textContent = "";
+        };
+
+        document.getElementById("level").onchange = event => {
+            sendCommand("level " + event.target.value);
+        };
+
+        document.getElementById("silence").onclick = () => {
+            sendCommand("silence");
+        };
+
+        document.getElementById("reboot").onclick = () => {
+            sendCommand("reboot");
+        };
+
+        document.getElementById("send").onclick = () => {
+            sendCommand(commandElement.value);
+            commandElement.value = "";
+        };
+
+        commandElement.addEventListener(
+            "keydown",
+            event => {
+                if (event.key === "Enter") {
+                    sendCommand(commandElement.value);
+                    commandElement.value = "";
+                }
+            }
+        );
+
+        connect();
+    </script>
+</body>
+</html>
diff --git a/data/www/index.htm b/data/www/index.htm
@@ -49,6 +49,7 @@
             <div class="dropdown-menu">
               <a class="dropdown-item" href="#" id="jsonLink">Show Spa JSON</a>
               <a class="dropdown-item" href="#" id="statusLink">Show Spa Response</a>
+              <a class="dropdown-item" href="/debug" id="debugLink">Debug Logs</a>
             </div>
           </li>
 
@@ -257,6 +258,12 @@ <h5 class="modal-title" id="fotaModalTitle">Firmware Update</h5>
               <span id="lastestRelease" class="form-control-plaintext">Loading...</span>
             </div>
           </div>
+          <div class="mb-0 row">
+            <label for="downloadFirmware" class="col-sm-4 col-form-label">Download firmware:</label>
+            <div class="col-sm-8">
+              <span id="downloadFirmware" class="form-control-plaintext"><a href="https://github.com/wayne-love/espyspa/releases" id="firmwareLink" target="_blank">eSpa Releases</a></span>
+            </div>
+          </div>
           <div class="mb-0 row" style="display: none;">
             <label for="updateMethod" class="col-sm-4 col-form-label"><strong>Select Update Method:</strong></label>
             <div class="col-sm-8">

diff --git a/lib/Config/Config.h b/lib/Config/Config.h
@@ -4,9 +4,9 @@
 #include <Preferences.h>
 #include <Arduino.h>
 #include <ArduinoJson.h>
-#include <RemoteDebug.h>
+#include "WebRemoteDebug.h"
 
-extern RemoteDebug Debug;
+extern WebRemoteDebug Debug;
 
 template <typename T>
 class Setting {

diff --git a/lib/MultiBlinker/MultiBlinker.h b/lib/MultiBlinker/MultiBlinker.h
@@ -23,14 +23,14 @@
  */
 
 #include <Arduino.h>
-#include <RemoteDebug.h>
+#include "WebRemoteDebug.h"
 
 #if defined(ESPA_V2) && defined(RGB_LED_PIN)
     #include <Adafruit_NeoPixel.h>
     #define USE_RGB_LED
 #endif
 
-extern RemoteDebug Debug;
+extern WebRemoteDebug Debug;
 
 // These are the four LEDs on the PCB (for ESPA_V1 and legacy boards)
 #if defined(ESPA_V1)

diff --git a/lib/SpaInterface/SpaInterface.cpp b/lib/SpaInterface/SpaInterface.cpp
@@ -981,7 +981,7 @@ void SpaInterface::loop(){
     }
 
     if ( _lastWaitMessage + 1000 < millis()) {
-        debugV("Waiting...");
+        debugV("Waiting... %u ms", millis());
         _lastWaitMessage = millis();
     }
 

diff --git a/lib/SpaInterface/SpaInterface.h b/lib/SpaInterface/SpaInterface.h
@@ -5,12 +5,12 @@
 #include <functional>
 #include <stdexcept>
 #include <vector>
-#include <RemoteDebug.h>
+#include "WebRemoteDebug.h"
 #include <time.h>
 #include <TimeLib.h>
 
 
-extern RemoteDebug Debug;
+extern WebRemoteDebug Debug;
 #define FAILEDREADFREQUENCY 1000 //(ms) Frequency to retry on a failed read of the status registers.
 #define V2FIRMWARE_STRING "SW V2" // String to identify V2 firmware
 template <typename T, size_t N>

diff --git a/lib/SpaUtils/SpaUtils.h b/lib/SpaUtils/SpaUtils.h
@@ -3,7 +3,7 @@
 
 #include <Arduino.h>
 #include <ArduinoJson.h>
-#include <RemoteDebug.h>
+#include "WebRemoteDebug.h"
 #include <time.h>
 #include <TimeLib.h>
 #include "SpaInterface.h"
@@ -15,7 +15,7 @@
 #define xstr(a) str(a)
 #define str(a) #a
 
-extern RemoteDebug Debug;
+extern WebRemoteDebug Debug;
 
 String convertToTime(int data);
 int convertToInteger(String &timeStr);