leapfrog-mcp 0.7.0 → 0.7.2

package/dist/index.js

@@ -27,7 +27,7 @@ import { adaptiveNavigate, formatAdaptiveResult } from "./adaptive-wait.js";
 import { runStealthAudit } from "./stealth-audit.js";
 import { exportSession, replayRecording } from "./recording.js";
 import { paginate } from "./paginate.js";
-import { getHUDInitScript, getHUDUpdateScript, getClickRippleScript } from "./session-hud.js";
+import { getHUDInitScript, getHUDUpdateScript, getClickRippleScript, getAgentEyesInitScript } from "./session-hud.js";
 import { getDetectionInitScript, getDetectionCheckScript, getResolutionCheckScript, parseDetectionResult, getPressAndHoldDetectScript, solvePressAndHold } from "./intervention.js";
 import { getConsentDismissScript, getCacheSelectorScript, getTermsAutoCheckScript } from "./consent-dismiss.js";
 import { solveCaptcha, isCaptchaSolverEnabled } from "./captcha-solver.js";
@@ -129,9 +129,9 @@ if (LEAP_TILE && LEAP_TILE !== "false") {
     const defaultW = LEAP_SCREEN_WIDTH > 0 ? LEAP_SCREEN_WIDTH : detectedScreen?.width ?? 1920;
     const defaultH = LEAP_SCREEN_HEIGHT > 0 ? LEAP_SCREEN_HEIGHT : detectedScreen?.height ?? 1080;
     tilesCoord = new TilesCoordinator(defaultW, defaultH);
-    // Purge ALL slots not owned by this process — handles zombie PIDs
-    // from /mcp reconnects where old node process lingers alive.
-    tilesCoord.purgeOtherPids().catch(() => { });
+    // Reap dead PIDs on startup — clean up crashed/killed instances.
+    // Do NOT purge other live PIDs — they're other terminals we want to tile with.
+    tilesCoord.reapDeadSlots().catch(() => { });
     // File watcher only needed for multi-terminal mode (multiple Leapfrog instances).
     // In single-instance mode, the watcher causes spurious reflows that fight
     // with external monitor positioning. Only enable when explicitly requested.
@@ -369,6 +369,8 @@ server.registerTool("session_create", {
         }
         // Always inject intervention detection (lightweight MutationObserver)
         await session.context.addInitScript(getDetectionInitScript());
+        // Agent eyes — cursor dot + scroll indicator (zero Node overhead, listens to native DOM events)
+        await session.context.addInitScript(getAgentEyesInitScript());
         attachAdBlocker(session.context);
         // Start tracing if enabled
         if (LEAP_TRACE) {
@@ -427,6 +429,7 @@ server.registerTool("session_create_batch", {
                 if (LEAP_AUTO_CONSENT)
                     await session.context.addInitScript(getConsentDismissScript());
                 await session.context.addInitScript(getDetectionInitScript());
+                await session.context.addInitScript(getAgentEyesInitScript());
                 attachAdBlocker(session.context);
                 if (LEAP_TRACE)
                     await session.context.tracing.start({ screenshots: true, snapshots: true });

package/dist/session-hud.d.ts

@@ -16,5 +16,11 @@ export declare function getClickRippleScript(x: number, y: number): string;
  */
 export declare function getScrollToTargetZoomIn(selector: string): string;
 export declare function getScrollToTargetZoomOut(selector: string): string;
+/**
+ * Returns JS to inject cursor tracking + scroll indicator for headed sessions.
+ * Always-on for headed mode — not gated by LEAP_HUD.
+ * Zero Node.js overhead: listens to native DOM events dispatched by Playwright.
+ */
+export declare function getAgentEyesInitScript(): string;
 /** Legacy single-call version (sync scroll only, no zoom). */
 export declare function getScrollToTargetScript(selector: string): string;

package/dist/session-hud.js

@@ -79,6 +79,7 @@ export function getHUDInitScript(sessionName) {
     container.appendChild(ripple);
     ripple.addEventListener('animationend', function() { ripple.remove(); });
   };
+
 })();`;
 }
 // ─── Live Update Scripts ───────────────────────────────────────────────────
@@ -124,6 +125,115 @@ export function getScrollToTargetZoomOut(selector) {
   }
 })()`;
 }
+// ─── Agent Eyes Init Script ───────────────────────────────────────────────
+/**
+ * Returns JS to inject cursor tracking + scroll indicator for headed sessions.
+ * Always-on for headed mode — not gated by LEAP_HUD.
+ * Zero Node.js overhead: listens to native DOM events dispatched by Playwright.
+ */
+export function getAgentEyesInitScript() {
+    return `(function() {
+  if (window.__leapfrog_eyes_initialized) return;
+  window.__leapfrog_eyes_initialized = true;
+
+  function init() {
+    // ── CSS ──────────────────────────────────────────────────────────
+    var style = document.createElement('style');
+    style.setAttribute('data-leapfrog', 'true');
+    style.textContent = \`
+      #leapfrog-cursor {
+        position: fixed;
+        width: 28px;
+        height: 28px;
+        pointer-events: none;
+        z-index: 2147483646;
+        transition: left 0.04s linear, top 0.04s linear, opacity 0.3s ease;
+        opacity: 0;
+        filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4)) drop-shadow(0 0 8px rgba(34,197,94,0.3));
+      }
+      #leapfrog-cursor-ring {
+        position: fixed;
+        width: 36px;
+        height: 36px;
+        border-radius: 50%;
+        border: 2px solid rgba(34, 197, 94, 0.3);
+        pointer-events: none;
+        z-index: 2147483646;
+        transform: translate(-50%, -50%);
+        transition: left 0.08s ease-out, top 0.08s ease-out, opacity 0.3s ease;
+        opacity: 0;
+      }
+      #leapfrog-scroll-indicator {
+        position: fixed;
+        right: 16px;
+        top: 50%;
+        width: 36px;
+        height: 36px;
+        border-radius: 50%;
+        background: rgba(34, 197, 94, 0.7);
+        color: #fff;
+        font-size: 20px;
+        line-height: 36px;
+        text-align: center;
+        pointer-events: none;
+        z-index: 2147483646;
+        opacity: 0;
+        transition: opacity 0.15s ease-out;
+        transform: translateY(-50%);
+      }
+    \`;
+    (document.head || document.documentElement).appendChild(style);
+
+    // ── Agent Cursor (dot + trailing ring) ──────────────────────────
+    var cursor = document.createElement('div');
+    cursor.id = 'leapfrog-cursor';
+    cursor.setAttribute('data-leapfrog', 'true');
+    cursor.innerHTML = '<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L12 26L15 15L26 12L2 2Z" fill="#22c55e" stroke="#166534" stroke-width="1.5" stroke-linejoin="round"/></svg>';
+    (document.body || document.documentElement).appendChild(cursor);
+
+    var ring = document.createElement('div');
+    ring.id = 'leapfrog-cursor-ring';
+    ring.setAttribute('data-leapfrog', 'true');
+    (document.body || document.documentElement).appendChild(ring);
+
+    var cursorTimeout;
+    document.addEventListener('mousemove', function(e) {
+      cursor.style.left = e.clientX + 'px';
+      cursor.style.top = e.clientY + 'px';
+      cursor.style.opacity = '1';
+      ring.style.left = e.clientX + 'px';
+      ring.style.top = e.clientY + 'px';
+      ring.style.opacity = '1';
+      clearTimeout(cursorTimeout);
+      cursorTimeout = setTimeout(function() {
+        cursor.style.opacity = '0';
+        ring.style.opacity = '0';
+      }, 3000);
+    }, true);
+
+    // ── Scroll Indicator ────────────────────────────────────────────
+    var scrollArrow = document.createElement('div');
+    scrollArrow.id = 'leapfrog-scroll-indicator';
+    scrollArrow.setAttribute('data-leapfrog', 'true');
+    (document.body || document.documentElement).appendChild(scrollArrow);
+
+    var scrollFadeTimeout;
+    document.addEventListener('wheel', function(e) {
+      scrollArrow.textContent = e.deltaY > 0 ? '\\u25BC' : '\\u25B2';
+      scrollArrow.style.opacity = '1';
+      clearTimeout(scrollFadeTimeout);
+      scrollFadeTimeout = setTimeout(function() { scrollArrow.style.opacity = '0'; }, 400);
+    }, true);
+  }
+
+  // Defer until body exists — init scripts can run before DOM is ready
+  if (document.body) {
+    init();
+  } else {
+    document.addEventListener('DOMContentLoaded', init);
+  }
+})();`;
+}
 /** Legacy single-call version (sync scroll only, no zoom). */
 export function getScrollToTargetScript(selector) {
     const escaped = selector.replace(/\\/g, "\\\\").replace(/'/g, "\\'");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leapfrog-mcp",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "Multi-session browser MCP for AI agents — 36 tools, stealth, persistent auth, code-first scripts, API sniffer, agent intelligence",
   "type": "module",
   "main": "dist/index.js",