@bobfrankston/rmfmail 1.1.194 → 1.1.196

package/client/app.js

@@ -161,8 +161,8 @@ function updateBadge(count) {
     const dataUrl = canvas.toDataURL("image/png");
     link.href = dataUrl;
     // Also push to the Windows taskbar overlay via msger's IPC helper —
-    // no-op on Linux/Mac. For count=0, render a dedicated "no-overlay"
-    // icon that's all-transparent so the base icon shows cleanly.
+    // no-op on Linux/Mac. For count=0, clear the overlay so the base icon
+    // shows cleanly.
     try {
         // The injected host bridge is `window.mailxapi`, NOT `window.msgapi`.
         // The old `msgapi` reference was always undefined, so the taskbar
@@ -172,8 +172,28 @@ function updateBadge(count) {
         const hostApi = window.mailxapi;
         if (hostApi?.setTaskbarOverlay) {
             if (count > 0) {
-                // strip "data:image/png;base64," prefix → base64 only
-                const b64 = dataUrl.split(",")[1] || "";
+                // BADGE-ONLY overlay. SetOverlayIcon composites the supplied
+                // icon onto the bottom-right corner of the taskbar button —
+                // the base envelope icon is already there. Sending the full
+                // envelope+badge canvas (favicon) drew a SECOND tiny envelope
+                // in the corner on top of the big one (Bob 2026-05-29). Render
+                // just the red count pill on a transparent field so only the
+                // number is overlaid. Filled circle spans most of the 32×32 so
+                // it stays legible after the corner downscale.
+                const bc = document.createElement("canvas");
+                bc.width = 32;
+                bc.height = 32;
+                const bx = bc.getContext("2d");
+                bx.fillStyle = "#e33";
+                bx.beginPath();
+                bx.arc(16, 16, 15, 0, Math.PI * 2);
+                bx.fill();
+                bx.fillStyle = "#fff";
+                bx.font = "bold 20px sans-serif";
+                bx.textAlign = "center";
+                bx.textBaseline = "middle";
+                bx.fillText(count > 99 ? "99+" : String(count), 16, 17);
+                const b64 = bc.toDataURL("image/png").split(",")[1] || "";
                 hostApi.setTaskbarOverlay(b64, `${count} unread`);
             }
             else {