forge-jsxy 1.0.74 → 1.0.76

package/dist/assets/remote-control-template.html

@@ -218,6 +218,7 @@
     <strong class="brand">Remote</strong>
     <button id="modeBtn" class="alt">View Only</button>
     <button id="cameraBtn" class="alt">Camera: Off</button>
+    <button id="qualityBtn" class="alt">Quality: Text</button>
     <button id="copyFromPcBtn" class="alt">Copy <- PC</button>
     <button id="pasteToPcBtn" class="alt">Paste -> PC</button>
     <button id="refreshBtn" class="alt">Refresh</button>
@@ -225,7 +226,7 @@
     <button id="disconnectBtn" class="warn">Disconnect</button>
     <span class="spacer"></span>
     <span class="state hint">Shortcuts: Ctrl/Cmd+C (PC -> Local), Ctrl/Cmd+V (Local -> PC)</span>
-    <span class="state" id="streamStats">Tier: - · Frame: - · Capture: -</span>
+    <span class="state" id="streamStats">Q: - · Tier: - · Frame: - · Capture: -</span>
     <span class="state" id="fpsState">FPS: 0.0</span>
     <span class="state" id="state">Idle</span>
     <span class="state" id="modeState">Mode: View Only</span>
@@ -284,6 +285,7 @@
     const emptyStateCardEl = document.getElementById("emptyStateCard");
     const modeBtn = document.getElementById("modeBtn");
     const cameraBtn = document.getElementById("cameraBtn");
+    const qualityBtn = document.getElementById("qualityBtn");
     const copyFromPcBtn = document.getElementById("copyFromPcBtn");
     const pasteToPcBtn = document.getElementById("pasteToPcBtn");
     const wrapEl = document.getElementById("screenWrap");
@@ -321,6 +323,7 @@
     const pendingReqs = new Map();
     let remoteClipboardBusy = false;
     let remoteClipboardBusyAt = 0;
+    let lastRemoteCopyTriggerAt = 0;
     let localClipboardBusy = false;
     let localClipboardBusyAt = 0;
     let immediatePasteReadInFlight = false;
@@ -333,6 +336,14 @@
     let lastRemotePasteTriggerAt = 0;
     let lastRemotePasteText = "";
     let remotePasteDispatchInFlight = false;
+    let pasteIntentSeq = 0;
+    let activePasteIntentId = 0;
+    let activePasteIntentConsumed = false;
+    let activePasteIntentStartedAt = 0;
+    let lastPasteDispatchSig = "";
+    let lastPasteDispatchAt = 0;
+    let lastBrowserPasteSig = "";
+    let lastBrowserPasteAt = 0;
     let currentBrowsePath = "";
     let reconnectTimer = null;
     let pendingPasswordPrompt = null;
@@ -343,6 +354,7 @@
     let pointerDown = false;
     let pointerButton = "left";
     let pointerDownPoint = null;
+    let lastPointerPoint = null;
     let suppressClickUntil = 0;
     let disablePressLifecycle = false;
     let lastClickAt = 0;
@@ -361,7 +373,9 @@
     let lastShotStartedAt = 0;
     let streamFastStreak = 0;
     let streamSlowStreak = 0;
-    let streamTier = 1;
+    let streamTier = 0;
+    let qualityMode = "max";
+    let lastInteractionAt = 0;
     let legacyShotMode = false;
     let shotFailureStreak = 0;
     let fpsFrames = 0;
@@ -372,15 +386,59 @@
     let shotTimeoutTimer = null;
     let lastFrameBytes = 0;
     let lastCaptureMs = 0;
-    const STREAM_TUNING = [
-      { maxBytes: 2_400_000, maxWidth: 2560 },
-      { maxBytes: 1_900_000, maxWidth: 2240 },
-      { maxBytes: 1_500_000, maxWidth: 1920 },
-      { maxBytes: 1_150_000, maxWidth: 1680 },
-      { maxBytes: 900_000, maxWidth: 1520 },
-      { maxBytes: 700_000, maxWidth: 1360 },
-      { maxBytes: 520_000, maxWidth: 1180 },
-    ];
+    const STREAM_TUNING_PRESETS = {
+      balanced: [
+        { maxBytes: 5_000_000, maxWidth: 3200 },
+        { maxBytes: 4_200_000, maxWidth: 2880 },
+        { maxBytes: 3_600_000, maxWidth: 2560 },
+        { maxBytes: 3_000_000, maxWidth: 2360 },
+        { maxBytes: 2_400_000, maxWidth: 2160 },
+        { maxBytes: 1_800_000, maxWidth: 1920 },
+        { maxBytes: 1_250_000, maxWidth: 1680 },
+        { maxBytes: 900_000, maxWidth: 1440 },
+      ],
+      text: [
+        { maxBytes: 5_000_000, maxWidth: 3200 },
+        { maxBytes: 4_300_000, maxWidth: 3000 },
+        { maxBytes: 3_700_000, maxWidth: 2800 },
+        { maxBytes: 3_200_000, maxWidth: 2560 },
+        { maxBytes: 2_700_000, maxWidth: 2360 },
+      ],
+      max: [
+        { maxBytes: 10_500_000, maxWidth: 0 },
+        { maxBytes: 9_000_000, maxWidth: 0 },
+        { maxBytes: 7_500_000, maxWidth: 3200 },
+      ],
+    };
+    function currentStreamTuning() {
+      return STREAM_TUNING_PRESETS[qualityMode] || STREAM_TUNING_PRESETS.text;
+    }
+    function refreshQualityBtnUi() {
+      if (qualityMode === "max") {
+        qualityBtn.textContent = "Quality: Max";
+        qualityBtn.className = "warn";
+      } else if (qualityMode === "balanced") {
+        qualityBtn.textContent = "Quality: Balanced";
+        qualityBtn.className = "alt";
+      } else {
+        qualityBtn.textContent = "Quality: Text";
+        qualityBtn.className = "alt";
+      }
+    }
+    function rotateQualityMode() {
+      qualityMode = qualityMode === "balanced" ? "text" : (qualityMode === "text" ? "max" : "balanced");
+      const m = currentStreamTuning();
+      streamTier = Math.max(0, Math.min(m.length - 1, streamTier));
+      refreshQualityBtnUi();
+      refreshStreamStats();
+      requestScreenshot();
+    }
+    function markInteractionActive() {
+      lastInteractionAt = Date.now();
+    }
+    function isInteractionActive() {
+      return (Date.now() - lastInteractionAt) < 1200;
+    }
 
     function setState(t) { stateEl.textContent = t; }
     function refreshCameraBtnUi() {
@@ -402,29 +460,34 @@
       return Math.round(n / 1024) + "KB";
     }
     function refreshStreamStats() {
-      const prof = STREAM_TUNING[Math.max(0, Math.min(STREAM_TUNING.length - 1, streamTier))];
+      const tuning = currentStreamTuning();
+      const prof = tuning[Math.max(0, Math.min(tuning.length - 1, streamTier))];
       streamStatsEl.textContent =
-        "Tier: " + (streamTier + 1) + "/" + STREAM_TUNING.length +
+        "Q: " + qualityMode.toUpperCase() +
+        " · Tier: " + (streamTier + 1) + "/" + tuning.length +
         " · Frame: " + kb(lastFrameBytes) +
         " · Capture: " + (lastCaptureMs > 0 ? (Math.round(lastCaptureMs) + "ms") : "-") +
         " · Cap: " + kb(prof.maxBytes);
     }
     function tuneRemoteStreamProfile(latencyMs, captureMs, frameBytes, targetBytes) {
+      const tuning = currentStreamTuning();
       const ms = Number.isFinite(Number(latencyMs)) ? Number(latencyMs) : 0;
       const capMs = Number.isFinite(Number(captureMs)) ? Number(captureMs) : 0;
       const fb = Number.isFinite(Number(frameBytes)) ? Number(frameBytes) : 0;
       const tb = Number.isFinite(Number(targetBytes)) ? Number(targetBytes) : 0;
-      if (fpsCurrent > 0 && fpsCurrent < 4.0) {
+      const interacting = isInteractionActive();
+      const minFps = qualityMode === "max" ? 1.0 : 3.0;
+      if (fpsCurrent > 0 && fpsCurrent < minFps) {
         fpsLowStreak += 1;
         fpsHighStreak = 0;
-        if (fpsLowStreak >= 2 && streamTier < STREAM_TUNING.length - 1) {
+        if (fpsLowStreak >= (interacting ? 3 : 5) && streamTier < tuning.length - 1) {
           streamTier += 1;
           fpsLowStreak = 0;
         }
-      } else if (fpsCurrent >= 5.1) {
+      } else if (fpsCurrent >= (qualityMode === "max" ? 1.6 : 4.5)) {
         fpsHighStreak += 1;
         fpsLowStreak = 0;
-        if (fpsHighStreak >= 4 && streamTier > 0) {
+        if (fpsHighStreak >= (interacting ? 5 : 3) && streamTier > 0) {
           streamTier -= 1;
           fpsHighStreak = 0;
         }
@@ -433,13 +496,13 @@
         fpsHighStreak = 0;
       }
       const overload =
-        ms > 300 ||
-        capMs > 300 ||
-        (tb > 0 && fb > tb * 0.98);
+        ms > (interacting ? 360 : 520) ||
+        capMs > (interacting ? 380 : 560) ||
+        (tb > 0 && fb > tb * (interacting ? 0.995 : 1.03));
       if (overload) {
         streamSlowStreak += 1;
         streamFastStreak = 0;
-        if (streamSlowStreak >= 2 && streamTier < STREAM_TUNING.length - 1) {
+        if (streamSlowStreak >= (interacting ? 3 : 5) && streamTier < tuning.length - 1) {
           streamTier += 1;
           streamSlowStreak = 0;
         }
@@ -447,13 +510,13 @@
       }
       const healthy =
         ms > 0 &&
-        ms < 220 &&
-        (capMs <= 0 || capMs < 180) &&
-        (tb <= 0 || fb <= tb * 0.86);
+        ms < (interacting ? 300 : 420) &&
+        (capMs <= 0 || capMs < (interacting ? 260 : 340)) &&
+        (tb <= 0 || fb <= tb * (interacting ? 0.93 : 0.96));
       if (healthy) {
         streamFastStreak += 1;
         streamSlowStreak = 0;
-        if (streamFastStreak >= 4 && streamTier > 0) {
+        if (streamFastStreak >= (interacting ? 5 : 3) && streamTier > 0) {
           streamTier -= 1;
           streamFastStreak = 0;
         }
@@ -474,8 +537,19 @@
       fpsLastAt = now;
     }
     function currentShotIntervalMs() {
-      const m = [185, 205, 230, 255, 285, 320, 360];
-      return m[Math.max(0, Math.min(m.length - 1, streamTier))];
+      const interacting = isInteractionActive();
+      const tuning = currentStreamTuning();
+      const idx = Math.max(0, Math.min(tuning.length - 1, streamTier));
+      const mapBalancedActive = [260, 290, 330, 380, 440, 520, 620, 760];
+      const mapBalancedIdle = [420, 480, 550, 640, 760, 900, 1050, 1200];
+      const mapTextActive = [420, 480, 560, 680, 820];
+      const mapTextIdle = [700, 820, 960, 1120, 1320];
+      // Max-quality mode is readability-first with ~1 FPS pacing.
+      const mapMaxActive = [960, 1120, 1300];
+      const mapMaxIdle = [1150, 1320, 1550];
+      if (qualityMode === "max") return (interacting ? mapMaxActive : mapMaxIdle)[idx];
+      if (qualityMode === "balanced") return (interacting ? mapBalancedActive : mapBalancedIdle)[idx];
+      return (interacting ? mapTextActive : mapTextIdle)[idx];
     }
     function clearShotTimeout() {
       if (shotTimeoutTimer) {
@@ -485,10 +559,11 @@
     }
     function armShotTimeout() {
       clearShotTimeout();
+      const t = qualityMode === "max" ? 6500 : 3000;
       shotTimeoutTimer = setTimeout(() => {
         inflightShot = false;
         scheduleNextShot(currentShotIntervalMs() + 80);
-      }, 3000);
+      }, t);
     }
     function parseVersion(v) {
       return String(v || "")
@@ -906,7 +981,8 @@
           if (msg.ok && msg.b64) {
             shotFailureStreak = 0;
             if (lastShotStartedAt > 0) {
-              const prof = STREAM_TUNING[Math.max(0, Math.min(STREAM_TUNING.length - 1, streamTier))];
+              const tuning = currentStreamTuning();
+              const prof = tuning[Math.max(0, Math.min(tuning.length - 1, streamTier))];
               lastFrameBytes = Number.isFinite(Number(msg.bytes)) ? Math.max(0, Number(msg.bytes)) : 0;
               lastCaptureMs = Number.isFinite(Number(msg.capture_ms)) ? Math.max(0, Number(msg.capture_ms)) : 0;
               tuneRemoteStreamProfile(
@@ -1041,7 +1117,7 @@
       fpsHighStreak = 0;
       lastFrameBytes = 0;
       lastCaptureMs = 0;
-      streamStatsEl.textContent = "Tier: - · Frame: - · Capture: -";
+      streamStatsEl.textContent = "Q: - · Tier: - · Frame: - · Capture: -";
       fpsStateEl.textContent = "FPS: 0.0";
       modeBtn.textContent = "View Only";
       modeStateEl.textContent = "Mode: View Only";
@@ -1074,7 +1150,8 @@
       if (inflightShot) return;
       inflightShot = true;
       lastShotStartedAt = Date.now();
-      const prof = STREAM_TUNING[Math.max(0, Math.min(STREAM_TUNING.length - 1, streamTier))];
+      const tuning = currentStreamTuning();
+      const prof = tuning[Math.max(0, Math.min(tuning.length - 1, streamTier))];
       if (!hasFrame) showEmptyState("Requesting screenshot frame...", false);
       const payload = {
         type: "fs_screenshot",
@@ -1157,9 +1234,51 @@
       }
       setState(String(hintText || "Press Ctrl/Cmd+V once to send local clipboard to PC"));
     }
+    function beginPasteIntent() {
+      pasteIntentSeq += 1;
+      activePasteIntentId = pasteIntentSeq;
+      activePasteIntentConsumed = false;
+      activePasteIntentStartedAt = Date.now();
+      return activePasteIntentId;
+    }
+    function isPasteIntentStale(intentId) {
+      if (!intentId) return true;
+      if (intentId !== activePasteIntentId) return true;
+      const age = Date.now() - activePasteIntentStartedAt;
+      return age > 1800;
+    }
+    function consumePasteIntent(intentId) {
+      if (isPasteIntentStale(intentId)) return false;
+      if (activePasteIntentConsumed) return false;
+      activePasteIntentConsumed = true;
+      return true;
+    }
+    function shouldSkipDuplicatePasteDispatch(text) {
+      const now = Date.now();
+      const sig = String(text || "");
+      if (!sig) return false;
+      if (sig === lastPasteDispatchSig && (now - lastPasteDispatchAt) < 1200) {
+        return true;
+      }
+      lastPasteDispatchSig = sig;
+      lastPasteDispatchAt = now;
+      return false;
+    }
+    function shouldSkipDuplicateBrowserPasteEvent(text) {
+      const now = Date.now();
+      const sig = String(text || "");
+      if (!sig) return false;
+      if (sig === lastBrowserPasteSig && (now - lastBrowserPasteAt) < 1200) {
+        return true;
+      }
+      lastBrowserPasteSig = sig;
+      lastBrowserPasteAt = now;
+      return false;
+    }
     async function pushLocalClipboardToRemote(options) {
       if (!writeEnabled) { setState("Enable Write Only mode for clipboard"); return; }
       const opts = options && typeof options === "object" ? options : {};
+      const intentId = Number.isFinite(Number(opts.intentId)) ? Number(opts.intentId) : 0;
       let text = "";
       try {
         if (!navigator.clipboard || typeof navigator.clipboard.readText !== "function") throw new Error("clipboard api unavailable");
@@ -1174,7 +1293,7 @@
         setState("Local clipboard is empty");
         return { ok: false, reason: "empty" };
       }
-      await pushClipboardTextToRemote(text, true);
+      await pushClipboardTextToRemote(text, true, intentId || undefined);
       return { ok: true };
     }
     async function sendRemoteShortcut(key, mods) {
@@ -1210,12 +1329,23 @@
     async function sendRemotePasteShortcut() {
       const primary = await sendRemoteShortcutWithRetry("v", { ctrl: true }, 1, 120);
       if (primary && primary.ok) return primary;
-      return sendRemoteShortcutWithRetry("insert", { shift: true }, 1, 120);
+      // Avoid accidental double-paste when primary may have succeeded remotely
+      // but ACK was delayed/lost (timeout path). Only try Shift+Insert when
+      // Ctrl+V is explicitly unsupported by the agent keyboard mapper.
+      const err = String((primary && primary.error) || "").toLowerCase();
+      if (err.includes("unsupported key token")) {
+        return sendRemoteShortcutWithRetry("insert", { shift: true }, 1, 120);
+      }
+      return primary || { ok: false, error: "paste shortcut failed" };
     }
-    async function pushClipboardTextToRemote(text, triggerPaste) {
+    async function pushClipboardTextToRemote(text, triggerPaste, intentId) {
       if (!writeEnabled) return;
       const t = String(text || "");
       if (!t) return;
+      if (triggerPaste && shouldSkipDuplicatePasteDispatch(t)) return;
+      if (triggerPaste && intentId) {
+        if (!consumePasteIntent(intentId)) return;
+      }
       if (triggerPaste && remotePasteDispatchInFlight) {
         return;
       }
@@ -1251,6 +1381,11 @@
     }
     async function triggerRemoteCopyToLocal() {
       if (!writeEnabled) return;
+      const now = Date.now();
+      // Some browsers can fire both keydown and copy/cut events for a single
+      // user action. Debounce copy-trigger entry to keep one remote copy cycle.
+      if (now - lastRemoteCopyTriggerAt < 550) return;
+      lastRemoteCopyTriggerAt = now;
       if (remoteClipboardBusy && (Date.now() - remoteClipboardBusyAt) < 2200) return;
       remoteClipboardBusy = true;
       remoteClipboardBusyAt = Date.now();
@@ -1438,7 +1573,20 @@
     function isBrowserZoomHotkey(ev) {
       if (!(ev.ctrlKey || ev.metaKey) || ev.altKey) return false;
       const key = String(ev.key || "").toLowerCase();
-      return key === "+" || key === "-" || key === "=" || key === "_" || key === "0";
+      const code = String(ev.code || "").toLowerCase();
+      return (
+        key === "+" ||
+        key === "-" ||
+        key === "=" ||
+        key === "_" ||
+        key === "0" ||
+        key === "add" ||
+        key === "subtract" ||
+        code === "numpadadd" ||
+        code === "numpadsubtract" ||
+        code === "digit0" ||
+        code === "numpad0"
+      );
     }
     const CLIPBOARD_EVENT_HANDLED_KEY = "__forgeClipboardHandled";
     function markClipboardEventHandled(ev) {
@@ -1473,6 +1621,10 @@
       if (markClipboardEventHandled(ev)) return;
       const txt = String((ev.clipboardData && ev.clipboardData.getData && ev.clipboardData.getData("text/plain")) || "");
       if (!txt) return;
+      if (shouldSkipDuplicateBrowserPasteEvent(txt)) {
+        ev.preventDefault();
+        return;
+      }
       lastPasteEventAt = Date.now();
       pendingPasteShortcutAt = -1;
       ev.preventDefault();
@@ -1480,7 +1632,8 @@
         pasteCaptureEl.value = "";
         pasteCaptureEl.blur();
       } catch {}
-      void pushClipboardTextToRemote(txt, true);
+      const intentId = activePasteIntentId || beginPasteIntent();
+      void pushClipboardTextToRemote(txt, true, intentId);
     }
     function imgPoint(ev) {
       const r = screenEl.getBoundingClientRect();
@@ -1491,30 +1644,62 @@
       // Using rect coordinates directly keeps mapping stable across browser zoom in/out.
       const relX = (ev.clientX - r.left) / Math.max(1, r.width);
       const relY = (ev.clientY - r.top) / Math.max(1, r.height);
-      const nx = Math.max(0, Math.min(1, relX));
-      const ny = Math.max(0, Math.min(1, relY));
+      // Ignore black bars / outside-image pointer positions instead of clamping
+      // to edges (clamping causes perceived "wrong click" on letterboxed layouts).
+      if (relX < 0 || relX > 1 || relY < 0 || relY > 1) return null;
+      const nx = relX;
+      const ny = relY;
       const iw = Number(lastFrameMeta && lastFrameMeta.imageWidth) || naturalW;
       const ih = Number(lastFrameMeta && lastFrameMeta.imageHeight) || naturalH;
       const vw = Number(lastFrameMeta && lastFrameMeta.virtualWidth) || iw;
       const vh = Number(lastFrameMeta && lastFrameMeta.virtualHeight) || ih;
-      const vx = Number(lastFrameMeta && lastFrameMeta.virtualX) || 0;
-      const vy = Number(lastFrameMeta && lastFrameMeta.virtualY) || 0;
-      const x = Math.max(vx, Math.min(vx + Math.max(1, vw) - 1, vx + Math.round(nx * (Math.max(1, vw) - 1))));
-      const y = Math.max(vy, Math.min(vy + Math.max(1, vh) - 1, vy + Math.round(ny * (Math.max(1, vh) - 1))));
+      let vx = Number(lastFrameMeta && lastFrameMeta.virtualX) || 0;
+      let vy = Number(lastFrameMeta && lastFrameMeta.virtualY) || 0;
+      let vwAdj = vw;
+      let vhAdj = vh;
+      // Defensive client-side guard: if metadata geometry drifts from real frame
+      // (rare with fast capture + mixed-DPI hosts), trust the visible frame box.
+      if (iw > 0 && ih > 0 && vwAdj > 0 && vhAdj > 0) {
+        const sx = iw / vwAdj;
+        const sy = ih / vhAdj;
+        const inconsistentScale =
+          sx <= 0 ||
+          sy <= 0 ||
+          sx > 1.5 ||
+          sy > 1.5 ||
+          Math.abs(sx - sy) > 0.12;
+        if (inconsistentScale) {
+          vx = 0;
+          vy = 0;
+          vwAdj = iw;
+          vhAdj = ih;
+        }
+      }
+      const iwp = Math.max(1, iw);
+      const ihp = Math.max(1, ih);
+      const vwp = Math.max(1, vwAdj);
+      const vhp = Math.max(1, vhAdj);
+      const ix = Math.max(0, Math.min(iwp - 1, Math.round(nx * (iwp - 1))));
+      const iy = Math.max(0, Math.min(ihp - 1, Math.round(ny * (ihp - 1))));
+      const x = vx + Math.round((ix * (vwp - 1)) / Math.max(1, iwp - 1));
+      const y = vy + Math.round((iy * (vhp - 1)) / Math.max(1, ihp - 1));
       return { x, y };
     }
 
     document.getElementById("disconnectBtn").addEventListener("click", disconnect);
     copyFromPcBtn.addEventListener("click", async () => {
       if (!writeEnabled) { setState("Enable Write Only mode for clipboard"); return; }
+      markInteractionActive();
       void triggerRemoteCopyToLocal();
     });
     pasteToPcBtn.addEventListener("click", async () => {
       if (!writeEnabled) { setState("Enable Write Only mode for clipboard"); return; }
+      markInteractionActive();
       if (localClipboardBusy && (Date.now() - localClipboardBusyAt) < 1600) return;
       localClipboardBusy = true;
       localClipboardBusyAt = Date.now();
-      const r = await pushLocalClipboardToRemote({ silentReadFailure: true }).finally(() => {
+      const intentId = beginPasteIntent();
+      const r = await pushLocalClipboardToRemote({ silentReadFailure: true, intentId }).finally(() => {
         localClipboardBusy = false;
         localClipboardBusyAt = 0;
       });
@@ -1554,6 +1739,9 @@
       refreshCameraBtnUi();
       requestScreenshot();
     });
+    qualityBtn.addEventListener("click", () => {
+      rotateQualityMode();
+    });
     filePullBtn.addEventListener("click", async () => {
       if (!writeEnabled) { setState("Enable Write Only mode for file fetch"); return; }
       const p = String(filePullPath.value || "").trim();
@@ -1617,22 +1805,26 @@
       if (ev.button !== 0 && ev.button !== 1 && ev.button !== 2) return;
       const p = imgPoint(ev); if (!p) return;
       ev.preventDefault();
+      markInteractionActive();
       pointerDown = true;
       pointerButton = ev.button === 2 ? "right" : (ev.button === 1 ? "middle" : "left");
       pointerDownPoint = p;
+      lastPointerPoint = p;
       dragActive = false;
       queueMouseMove(p);
     });
     window.addEventListener("mouseup", (ev) => {
       if (!writeEnabled || !pointerDown) return;
       if (ev.button !== 0 && ev.button !== 1 && ev.button !== 2) return;
-      const p = imgPoint(ev) || pointerDownPoint;
+      const p = imgPoint(ev) || lastPointerPoint || pointerDownPoint;
       ev.preventDefault();
       if (dragActive && p && !disablePressLifecycle) {
+        markInteractionActive();
         sendRemoteInput({ action: "mouse_up", button: pointerButton, x: p.x, y: p.y });
         suppressClickUntil = Date.now() + 220;
         requestScreenshot();
       } else if (p && Date.now() >= suppressClickUntil) {
+        markInteractionActive();
         const now = Date.now();
         let clickCount = 1;
         if (
@@ -1655,12 +1847,14 @@
       }
       pointerDown = false;
       pointerDownPoint = null;
+      lastPointerPoint = null;
       dragActive = false;
       pendingMovePoint = null;
     });
     screenEl.addEventListener("mousemove", (ev) => {
       if (!writeEnabled) return;
       const p = imgPoint(ev); if (!p) return;
+      lastPointerPoint = p;
       if (pointerDown && !disablePressLifecycle) {
         if (!dragActive && pointerDownPoint) {
           const dx = Math.abs(p.x - pointerDownPoint.x);
@@ -1671,6 +1865,7 @@
           }
         }
         if (dragActive) {
+          markInteractionActive();
           ev.preventDefault();
           queueMouseMove(p);
           return;
@@ -1695,6 +1890,7 @@
     wrapEl.addEventListener("wheel", (ev) => {
       if (ev.ctrlKey || ev.metaKey) return; // Keep browser zoom (ctrl/cmd + wheel) working.
       if (!writeEnabled) return;
+      markInteractionActive();
       ev.preventDefault();
       const p = imgPoint(ev);
       let dy = Number(ev.deltaY || 0);
@@ -1717,18 +1913,29 @@
       if (isModifierOnlyKey(ev.key)) return;
       const ctrlOrMeta = ev.ctrlKey || ev.metaKey;
       if (ctrlOrMeta && !ev.shiftKey && !ev.altKey && String(ev.key || "").toLowerCase() === "c") {
+        if (ev.repeat) {
+          ev.preventDefault();
+          return;
+        }
         ev.preventDefault();
+        markInteractionActive();
         void triggerRemoteCopyToLocal();
         return;
       }
       if (ctrlOrMeta && !ev.shiftKey && !ev.altKey && String(ev.key || "").toLowerCase() === "v") {
+        if (ev.repeat) {
+          ev.preventDefault();
+          return;
+        }
+        const intentId = beginPasteIntent();
+        markInteractionActive();
         if (!immediatePasteReadInFlight && navigator.clipboard && typeof navigator.clipboard.readText === "function") {
           immediatePasteReadInFlight = true;
           void navigator.clipboard.readText().then((txt) => {
             const t = String(txt || "");
             if (!t) return;
             pendingPasteShortcutAt = -1;
-            return pushClipboardTextToRemote(t, true);
+            return pushClipboardTextToRemote(t, true, intentId);
           }).catch(() => {
             // Fall through to paste-event / delayed fallback path below.
           }).finally(() => {
@@ -1752,7 +1959,7 @@
           if (localClipboardBusy && (Date.now() - localClipboardBusyAt) < 1600) return;
           localClipboardBusy = true;
           localClipboardBusyAt = Date.now();
-          void pushLocalClipboardToRemote().finally(() => {
+          void pushLocalClipboardToRemote({ intentId }).finally(() => {
             localClipboardBusy = false;
             localClipboardBusyAt = 0;
           });
@@ -1761,6 +1968,7 @@
       }
       if (isTypingTarget(document.activeElement)) return;
       ev.preventDefault();
+      markInteractionActive();
       sendRemoteInput({ action: "key", key: ev.key, ctrl: ev.ctrlKey, alt: ev.altKey, shift: ev.shiftKey, meta: ev.metaKey });
     });
     window.addEventListener("copy", onClipboardCopyOrCut);
@@ -1780,6 +1988,7 @@
 
     refreshWriteModeEligibilityUi();
     refreshCameraBtnUi();
+    refreshQualityBtnUi();
     refreshStreamStats();
     updateWriteControls();
     connect();