tasmota-webserial-esptool 7.2.4 → 7.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tasmota-webserial-esptool",
-  "version": "7.2.4",
+  "version": "7.2.6",
   "description": "Flash & Read ESP devices using WebSerial",
   "main": "dist/index.js",
   "repository": {
@@ -14,7 +14,7 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "prepublishOnly": "script/build",
+    "build": "script/build",
     "format": "npm exec -- prettier --write src",
     "develop": "script/develop",
     "lint": "eslint src/",

package/src/esp_loader.ts

@@ -166,8 +166,6 @@ export class ESPLoader extends EventTarget {
   }
 
   async initialize() {
-    await this.hardReset(true);
-
     if (!this._parent) {
       this.__inputBuffer = [];
       this.__totalBytesRead = 0;
@@ -196,9 +194,8 @@ export class ESPLoader extends EventTarget {
       this.readLoop();
     }
 
-    // Clear buffer again after starting read loop
-    await this.flushSerialBuffers();
-    await this.sync();
+    // Try to connect with different reset strategies
+    await this.connectWithResetStrategies();
 
     // Detect chip type
     await this.detectChip();
@@ -261,6 +258,10 @@ export class ESPLoader extends EventTarget {
         `GET_SECURITY_INFO failed, using magic value detection: ${error}`,
       );
 
+      // Drain input buffer for CP210x compatibility on Windows
+      // This ensures all error responses are cleared before continuing
+      await this.drainInputBuffer(200);
+
       // Clear input buffer and re-sync to recover from failed command
       this._inputBuffer.length = 0;
       await sleep(SYNC_TIMEOUT);
@@ -456,37 +457,11 @@ export class ESPLoader extends EventTarget {
     if (bootloader) {
       // enter flash mode
       if (this.port.getInfo().usbProductId === USB_JTAG_SERIAL_PID) {
-        // esp32c3 esp32s3 etc. build-in USB serial.
-        // when connect to computer direct via usb, using following signals
-        // to enter flash mode automatically.
-        await this.setDTR(false);
-        await this.setRTS(false);
-        await this.sleep(100);
-
-        await this.setDTR(true);
-        await this.setRTS(false);
-        await this.sleep(100);
-
-        await this.setRTS(true);
-        await this.setDTR(false);
-        await this.setRTS(true);
-
-        await this.sleep(100);
-        await this.setDTR(false);
-        await this.setRTS(false);
-        this.logger.log("USB MCU reset.");
+        await this.hardResetUSBJTAGSerial();
+        this.logger.log("USB-JTAG/Serial reset.");
       } else {
-        // otherwise, esp chip should be connected to computer via usb-serial
-        // bridge chip like ch340,CP2102 etc.
-        // use normal way to enter flash mode.
-        await this.setDTR(false);
-        await this.setRTS(true);
-        await this.sleep(100);
-        await this.setDTR(true);
-        await this.setRTS(false);
-        await this.sleep(50);
-        await this.setDTR(false);
-        this.logger.log("DTR/RTS USB serial chip reset.");
+        await this.hardResetClassic();
+        this.logger.log("Classic reset.");
       }
     } else {
       // just reset
@@ -871,6 +846,135 @@ export class ESPLoader extends EventTarget {
     }
   }
 
+  /**
+   * @name connectWithResetStrategies
+   * Try different reset strategies to enter bootloader mode
+   * Similar to esptool.py's connect() method with multiple reset strategies
+   */
+  async connectWithResetStrategies() {
+    const portInfo = this.port.getInfo();
+    const isUSBJTAGSerial = portInfo.usbProductId === USB_JTAG_SERIAL_PID;
+    const isEspressifUSB = portInfo.usbVendorId === 0x303a;
+
+    this.logger.log(
+      `Detected USB: VID=0x${portInfo.usbVendorId?.toString(16) || "unknown"}, PID=0x${portInfo.usbProductId?.toString(16) || "unknown"}`,
+    );
+
+    // Define reset strategies to try in order
+    const resetStrategies: Array<{ name: string; fn: () => Promise<void> }> =
+      [];
+
+    // Strategy 1: USB-JTAG/Serial reset (for ESP32-C3, C6, S3, etc.)
+    // Try this first if we detect Espressif USB VID or the specific PID
+    if (isUSBJTAGSerial || isEspressifUSB) {
+      resetStrategies.push({
+        name: "USB-JTAG/Serial",
+        fn: async () => await this.hardResetUSBJTAGSerial(),
+      });
+    }
+
+    // Strategy 2: Classic reset (for USB-to-Serial bridges)
+    resetStrategies.push({
+      name: "Classic",
+      fn: async () => await this.hardResetClassic(),
+    });
+
+    // Strategy 3: If USB-JTAG/Serial was not tried yet, try it as fallback
+    if (!isUSBJTAGSerial && !isEspressifUSB) {
+      resetStrategies.push({
+        name: "USB-JTAG/Serial (fallback)",
+        fn: async () => await this.hardResetUSBJTAGSerial(),
+      });
+    }
+
+    let lastError: Error | null = null;
+
+    // Try each reset strategy
+    for (const strategy of resetStrategies) {
+      try {
+        this.logger.log(`Trying ${strategy.name} reset...`);
+
+        // Check if port is still open, if not, skip this strategy
+        if (!this.connected || !this.port.writable) {
+          this.logger.log(`Port disconnected, skipping ${strategy.name} reset`);
+          continue;
+        }
+
+        await strategy.fn();
+
+        // Try to sync after reset
+        await this.sync();
+
+        // If we get here, sync succeeded
+        this.logger.log(`Connected successfully with ${strategy.name} reset.`);
+        return;
+      } catch (error) {
+        lastError = error as Error;
+        this.logger.log(
+          `${strategy.name} reset failed: ${(error as Error).message}`,
+        );
+
+        // If port got disconnected, we can't try more strategies
+        if (!this.connected || !this.port.writable) {
+          this.logger.log(`Port disconnected during reset attempt`);
+          break;
+        }
+
+        // Clear buffers before trying next strategy
+        this._inputBuffer.length = 0;
+        await this.drainInputBuffer(200);
+        await this.flushSerialBuffers();
+      }
+    }
+
+    // All strategies failed
+    throw new Error(
+      `Couldn't sync to ESP. Try resetting manually. Last error: ${lastError?.message}`,
+    );
+  }
+
+  /**
+   * @name hardResetUSBJTAGSerial
+   * USB-JTAG/Serial reset sequence for ESP32-C3, ESP32-S3, ESP32-C6, etc.
+   */
+  async hardResetUSBJTAGSerial() {
+    await this.setRTS(false);
+    await this.setDTR(false); // Idle
+    await this.sleep(100);
+
+    await this.setDTR(true); // Set IO0
+    await this.setRTS(false);
+    await this.sleep(100);
+
+    await this.setRTS(true); // Reset. Calls inverted to go through (1,1) instead of (0,0)
+    await this.setDTR(false);
+    await this.setRTS(true); // RTS set as Windows only propagates DTR on RTS setting
+    await this.sleep(100);
+
+    await this.setDTR(false);
+    await this.setRTS(false); // Chip out of reset
+
+    // Wait for chip to boot into bootloader
+    await this.sleep(200);
+  }
+
+  /**
+   * @name hardResetClassic
+   * Classic reset sequence for USB-to-Serial bridge chips (CH340, CP2102, etc.)
+   */
+  async hardResetClassic() {
+    await this.setDTR(false); // IO0=HIGH
+    await this.setRTS(true); // EN=LOW, chip in reset
+    await this.sleep(100);
+    await this.setDTR(true); // IO0=LOW
+    await this.setRTS(false); // EN=HIGH, chip out of reset
+    await this.sleep(50);
+    await this.setDTR(false); // IO0=HIGH, done
+
+    // Wait for chip to boot into bootloader
+    await this.sleep(200);
+  }
+
   /**
    * @name sync
    * Put into ROM bootload mode & attempt to synchronize with the
@@ -1634,7 +1738,7 @@ export class ESPLoader extends EventTarget {
    *
    * @param bufferingTime - Time in milliseconds to wait for the buffer to fill
    */
-  private async drainInputBuffer(bufferingTime = 200): Promise<void> {
+  async drainInputBuffer(bufferingTime = 200): Promise<void> {
     // Wait for the buffer to fill
     await sleep(bufferingTime);
 
@@ -1676,7 +1780,7 @@ export class ESPLoader extends EventTarget {
    * Flush any pending data in the TX and RX serial port buffers
    * This clears both the application RX buffer and waits for hardware buffers to drain
    */
-  private async flushSerialBuffers(): Promise<void> {
+  async flushSerialBuffers(): Promise<void> {
     // Clear application buffer
     if (!this._parent) {
       this.__inputBuffer = [];
@@ -1733,10 +1837,12 @@ export class ESPLoader extends EventTarget {
       const chunkSize = Math.min(CHUNK_SIZE, remainingSize);
       let chunkSuccess = false;
       let retryCount = 0;
-      const MAX_RETRIES = 3;
+      const MAX_RETRIES = 5;
 
       // Retry loop for this chunk
       while (!chunkSuccess && retryCount <= MAX_RETRIES) {
+        let resp = new Uint8Array(0);
+
         try {
           this.logger.debug(
             `Reading chunk at 0x${currentAddr.toString(16)}, size: 0x${chunkSize.toString(16)}`,
@@ -1750,8 +1856,6 @@ export class ESPLoader extends EventTarget {
             throw new Error("Failed to read memory: " + res);
           }
 
-          let resp = new Uint8Array(0);
-
           while (resp.length < chunkSize) {
             // Read a SLIP packet
             let packet: number[];
@@ -1762,6 +1866,22 @@ export class ESPLoader extends EventTarget {
                 this.logger.debug(
                   `SLIP read error at ${resp.length} bytes: ${err.message}`,
                 );
+
+                // Send final ACK for any data we did receive before the error
+                if (resp.length > 0) {
+                  try {
+                    const ackData = pack("<I", resp.length);
+                    const slipEncodedAck = slipEncode(ackData);
+                    await this.writeToStream(slipEncodedAck);
+                  } catch (ackErr) {
+                    this.logger.debug(`ACK send error: ${ackErr}`);
+                  }
+                }
+
+                // Drain input buffer for CP210x compatibility on Windows
+                // This clears any stale data that may be causing the error
+                await this.drainInputBuffer(300);
+
                 // If we've read all the data we need, break
                 if (resp.length >= chunkSize) {
                   break;
@@ -1796,21 +1916,25 @@ export class ESPLoader extends EventTarget {
         } catch (err) {
           retryCount++;
 
-          // Check if it's a timeout error
-          if (
-            err instanceof SlipReadError &&
-            err.message.includes("Timed out")
-          ) {
+          // Check if it's a timeout error or SLIP error
+          if (err instanceof SlipReadError) {
             if (retryCount <= MAX_RETRIES) {
               this.logger.log(
-                `⚠️  Timeout error at 0x${currentAddr.toString(16)}. Reconnecting and retrying (attempt ${retryCount}/${MAX_RETRIES})...`,
+                `⚠️  ${err.message} at 0x${currentAddr.toString(16)}. Draining buffer and retrying (attempt ${retryCount}/${MAX_RETRIES})...`,
               );
 
               try {
-                await this.reconnect();
-                // Continue to retry the same chunk
-              } catch (reconnectErr) {
-                throw new Error(`Reconnect failed: ${reconnectErr}`);
+                await this.drainInputBuffer(300);
+
+                // Clear application buffer
+                await this.flushSerialBuffers();
+
+                // Wait before retry to let hardware settle
+                await sleep(SYNC_TIMEOUT);
+
+                // Continue to retry the same chunk (will send new read command)
+              } catch (drainErr) {
+                this.logger.debug(`Buffer drain error: ${drainErr}`);
               }
             } else {
               throw new Error(
@@ -1818,7 +1942,7 @@ export class ESPLoader extends EventTarget {
               );
             }
           } else {
-            // Non-timeout error, don't retry
+            // Non-SLIP error, don't retry
             throw err;
           }
         }

package/index.html

@@ -1,344 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <title>WebSerial ESPTool</title>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <script>
-      // Redirect to HTTPS if HTTP is requested.
-      if (
-        window.location.hostname !== "localhost" &&
-        window.location.protocol === "http:"
-      ) {
-        window.location.href = "https:" + window.location.href.substring(5);
-      }
-    </script>
-
-    <!-- import the web page's stylesheets along with the themes -->
-    <link rel="stylesheet" href="css/style.css" />
-    <link
-      rel="stylesheet"
-      href="css/light.css"
-      id="light"
-      class="alternate"
-      disabled
-    />
-    <link
-      rel="stylesheet"
-      href="css/dark.css"
-      id="dark"
-      class="alternate"
-      disabled
-    />
-
-    <!-- import the webpage's javascript file -->
-    <script module>
-      window.esptoolPackage = import(
-        // In development we import locally.
-        window.location.hostname === "localhost"
-          ? "./js/modules/esptool.js"
-          : "./js/modules/esptool.js"
-      );
-    </script>
-    <script src="js/script.js" module defer></script>
-  </head>
-  <body>
-    <header class="header">
-      <div class="left">
-        <div class="title">WebSerial ESPTool</div>
-      </div>
-      <div class="right">
-        <div class="controls-row">
-          <label for="showlog">Show Log</label>
-          <div class="onoffswitch">
-            <input
-              type="checkbox"
-              name="showlog"
-              class="onoffswitch-checkbox"
-              id="showlog"
-            />
-            <label class="onoffswitch-label" for="showlog">
-              <span class="onoffswitch-inner"></span>
-              <span class="onoffswitch-switch"></span>
-            </label>
-          </div>
-
-          <span class="log-controls">
-            <label for="autoscroll">Autoscroll</label>
-            <div class="onoffswitch">
-              <input
-                type="checkbox"
-                name="autoscroll"
-                class="onoffswitch-checkbox"
-                id="autoscroll"
-              />
-              <label class="onoffswitch-label" for="autoscroll">
-                <span class="onoffswitch-inner"></span>
-                <span class="onoffswitch-switch"></span>
-              </label>
-            </div>
-            <button id="butClear" type="button" class="small-btn">
-              Clear
-            </button>
-          </span>
-
-          <label for="debugmode">Debug</label>
-          <div class="onoffswitch">
-            <input
-              type="checkbox"
-              name="debugmode"
-              class="onoffswitch-checkbox"
-              id="debugmode"
-            />
-            <label class="onoffswitch-label" for="debugmode">
-              <span class="onoffswitch-inner"></span>
-              <span class="onoffswitch-switch"></span>
-            </label>
-          </div>
-
-          <label for="darkmode">Dark</label>
-          <div class="onoffswitch">
-            <input
-              type="checkbox"
-              name="darkmode"
-              class="onoffswitch-checkbox"
-              id="darkmode"
-            />
-            <label class="onoffswitch-label" for="darkmode">
-              <span class="onoffswitch-inner"></span>
-              <span class="onoffswitch-switch"></span>
-            </label>
-          </div>
-        </div>
-        <select id="baudRate"></select>
-        <button id="butConnect" type="button">Connect</button>
-      </div>
-    </header>
-    <main class="main">
-      <div id="notSupported" class="notSupported">
-        Sorry, <b>Web Serial</b> is not supported on this device, make sure
-        you're running Chrome 89 or later.
-      </div>
-      <div id="app">
-        <div id="commands">
-          <div class="upload">
-            <label
-              >Offset: 0x
-              <input class="offset" type="text" value="0" />
-            </label>
-            <label class="firmware">
-              <input type="file" accept=".bin" />
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="17"
-                viewbox="0 0 20 17"
-              >
-                <path
-                  d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"
-                />
-              </svg>
-              <span>Choose a file&hellip;</span>
-            </label>
-            <div class="progress-bar hidden"><div></div></div>
-          </div>
-          <div class="upload">
-            <label
-              >Offset: 0x
-              <input class="offset" type="text" value="0" />
-            </label>
-            <label class="firmware">
-              <input type="file" accept=".bin" />
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="17"
-                viewbox="0 0 20 17"
-              >
-                <path
-                  d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"
-                />
-              </svg>
-              <span>Choose a file&hellip;</span>
-            </label>
-            <div class="progress-bar hidden"><div></div></div>
-          </div>
-          <div class="upload">
-            <label
-              >Offset: 0x
-              <input class="offset" type="text" value="0" />
-            </label>
-            <label class="firmware">
-              <input type="file" accept=".bin" />
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="17"
-                viewbox="0 0 20 17"
-              >
-                <path
-                  d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"
-                />
-              </svg>
-              <span>Choose a file&hellip;</span>
-            </label>
-            <div class="progress-bar hidden"><div></div></div>
-          </div>
-          <div class="upload">
-            <label
-              >Offset: 0x
-              <input class="offset" type="text" value="0" />
-            </label>
-            <label class="firmware">
-              <input type="file" accept=".bin" />
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="17"
-                viewbox="0 0 20 17"
-              >
-                <path
-                  d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"
-                />
-              </svg>
-              <span>Choose a file&hellip;</span>
-            </label>
-            <div class="progress-bar hidden"><div></div></div>
-          </div>
-          <div class="upload">
-            <label
-              >Offset: 0x
-              <input class="offset" type="text" value="0" />
-            </label>
-            <label class="firmware">
-              <input type="file" accept=".bin" />
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="17"
-                viewbox="0 0 20 17"
-              >
-                <path
-                  d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"
-                />
-              </svg>
-              <span>Choose a file&hellip;</span>
-            </label>
-            <div class="progress-bar hidden"><div></div></div>
-          </div>
-          <div class="upload">
-            <label
-              >Offset: 0x
-              <input class="offset" type="text" value="0" />
-            </label>
-            <label class="firmware">
-              <input type="file" accept=".bin" />
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="17"
-                viewbox="0 0 20 17"
-              >
-                <path
-                  d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"
-                />
-              </svg>
-              <span>Choose a file&hellip;</span>
-            </label>
-            <div class="progress-bar hidden"><div></div></div>
-          </div>
-          <div class="upload">
-            <label
-              >Offset: 0x
-              <input class="offset" type="text" value="0" />
-            </label>
-            <label class="firmware">
-              <input type="file" accept=".bin" />
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="17"
-                viewbox="0 0 20 17"
-              >
-                <path
-                  d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"
-                />
-              </svg>
-              <span>Choose a file&hellip;</span>
-            </label>
-            <div class="progress-bar hidden"><div></div></div>
-          </div>
-          <div class="upload">
-            <label
-              >Offset: 0x
-              <input class="offset" type="text" value="0" />
-            </label>
-            <label class="firmware">
-              <input type="file" accept=".bin" />
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="17"
-                viewbox="0 0 20 17"
-              >
-                <path
-                  d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"
-                />
-              </svg>
-              <span>Choose a file&hellip;</span>
-            </label>
-            <div class="progress-bar hidden"><div></div></div>
-          </div>
-          <div class="buttons">
-            <button id="butErase" type="button" disabled="disabled">
-              Erase
-            </button>
-            <button id="butProgram" type="button" disabled="disabled">
-              Program
-            </button>
-          </div>
-          <div class="partition-table">
-            <button id="butReadPartitions" type="button" disabled="disabled">
-              Read Partition Table
-            </button>
-            <div class="progress-bar hidden" id="partitionProgress">
-              <div></div>
-            </div>
-            <div id="partitionList" class="hidden"></div>
-          </div>
-          <div class="read-flash">
-            <div class="progress-bar hidden" id="readProgress"><div></div></div>
-            <div class="read-flash-inputs">
-              <label>
-                Address: 0x
-                <input id="readOffset" type="text" value="0" />
-              </label>
-              <label>
-                Size: 0x
-                <input id="readSize" type="text" value="1000" />
-              </label>
-              <button id="butReadFlash" type="button" disabled="disabled">
-                Read Flash
-              </button>
-            </div>
-          </div>
-        </div>
-        <div id="log"></div>
-      </div>
-    </main>
-    
-    <!-- ESP32-S2 Reconnect Modal -->
-    <div id="esp32s2Modal" class="modal hidden">
-      <div class="modal-content">
-        <h2>ESP32-S2 has switched to USB CDC mode</h2>
-        <p>Please click the button below to select the new serial port.</p>
-        <button id="butReconnectS2" type="button" class="modal-button">
-          Select New Port
-        </button>
-      </div>
-    </div>
-    
-    <footer class="footer"></footer>
-  </body>
-</html>