@trusty-squire/mcp 0.7.8 → 0.7.9

package/assets/login/vnc.html

@@ -40,6 +40,15 @@
        the same `overflow:hidden` trick. */
     #screen { flex: 1; position: relative; background: #0f1115;
               min-height: 0; min-width: 0; overflow: hidden; }
+    /* Diagnostic overlay — temporary. Shows live #screen + canvas
+       dimensions so we can debug "why isn't the canvas scaling on
+       this user's phone" without remote-debugging the browser.
+       Remove once the mobile-fit issue is closed out. */
+    #diag { position: fixed; left: 8px; bottom: 8px;
+            background: rgba(0,0,0,0.7); color: #4ade80;
+            font: 11px/1.3 ui-monospace, monospace;
+            padding: 6px 8px; border-radius: 6px; z-index: 30;
+            pointer-events: none; white-space: pre; }
     /* Overlay siblings of #screen — `position: fixed` against the
        viewport, NOT positioned inside #screen. RFB appends a <canvas>
        child to #screen at connect time, and that canvas can cover any
@@ -96,6 +105,7 @@
          autocorrect="off" autocapitalize="off" spellcheck="false"
          aria-hidden="true" tabindex="-1" />
   <button id="kb" type="button" aria-label="Show keyboard">⌨</button>
+  <div id="diag">init…</div>
   <script type="module">
     import RFB from "./core/rfb.js";
 
@@ -131,7 +141,28 @@
       rfb.addEventListener("connect", () => {
         dot.className = "ok";
         msg.style.display = "none";
+        renderDiag();
       });
+
+      // Live debug overlay — see #diag for context. Updates whenever
+      // layout changes; also runs once after connect.
+      const diag = document.getElementById("diag");
+      function renderDiag() {
+        const sr = screen.getBoundingClientRect();
+        const c  = screen.querySelector("canvas");
+        const cr = c ? c.getBoundingClientRect() : null;
+        diag.textContent =
+          `vp ${innerWidth}x${innerHeight} dpr ${devicePixelRatio}\n` +
+          `screen ${Math.round(sr.width)}x${Math.round(sr.height)}\n` +
+          (c
+            ? `cv attr ${c.width}x${c.height} ` +
+              `css ${Math.round(cr.width)}x${Math.round(cr.height)}\n` +
+              `cv style "${c.style.width}" "${c.style.height}"`
+            : `cv (none yet)`);
+      }
+      window.addEventListener("resize", renderDiag);
+      setTimeout(renderDiag, 200);
+      setTimeout(renderDiag, 2000);
       rfb.addEventListener("disconnect", () => {
         dot.className = "err";
         msg.style.display = "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trusty-squire/mcp",
-  "version": "0.7.8",
+  "version": "0.7.9",
   "mcpName": "io.github.Trusty-Squire/mcp",
   "type": "module",
   "description": "Local MCP server vibe coding agents install. Thin relay to the Trusty Squire API, with the bundled universal signup bot.",