fix: harden UI actions and daemon calls for reliable control (v1.3.2)

Retry and serialize pineapd/hak5 calls, queue virtual-pager keys, and grey out buttons until the pager finishes. Deploy now installs python3-light after factory firmware. Bump version to 1.3.2.

Co-authored-by: Cursor <cursoragent@cursor.com>

payload/user/remote_access/pager-webui/www/js/pager.js

@@ -5,6 +5,7 @@ const Pager = (() => {
   const SCREEN_HEIGHT = 222;
   const FB_STRIDE = SCREEN_WIDTH * 4;
   const PAGER_WIDTH = 745;
+  const MAX_QUEUED_KEYS = 24;
 
   const KEY_MAP = {
     'LEFT.png': 'ArrowLeft',
@@ -23,6 +24,10 @@ const Pager = (() => {
   let screenerr = null;
   let keyws = null;
   let screenws = null;
+  let wantOpen = false;
+  let retryTimer = null;
+  let retryMs = 400;
+  const pendingKeys = [];
 
   function ensure() {
     if (table) return;
@@ -36,10 +41,17 @@ const Pager = (() => {
       const src = img.getAttribute('src').split('/').pop();
       const key = KEY_MAP[src];
       if (!key) return;
-      img.addEventListener('click', () => press(img, key));
+      img.setAttribute('alt', key.replace('Arrow', ''));
+      img.addEventListener('pointerdown', (event) => {
+        event.preventDefault();
+        press(img, key);
+      });
     });
     const retry = document.getElementById('screen_retry');
-    if (retry) retry.addEventListener('click', () => connect());
+    if (retry) retry.addEventListener('click', () => {
+      retryMs = 400;
+      connect();
+    });
   }
 
   function press(el, key) {
@@ -48,8 +60,26 @@ const Pager = (() => {
     sendKey(key);
   }
 
+  function queueKey(k) {
+    pendingKeys.push(k);
+    while (pendingKeys.length > MAX_QUEUED_KEYS) pendingKeys.shift();
+  }
+
+  function flushKeys() {
+    while (pendingKeys.length && keyws && keyws.readyState === WebSocket.OPEN) {
+      try { keyws.send(pendingKeys.shift()); }
+      catch (e) { break; }
+    }
+  }
+
   function sendKey(k) {
-    if (keyws && keyws.readyState === WebSocket.OPEN) keyws.send(k);
+    if (keyws && keyws.readyState === WebSocket.OPEN) {
+      try { keyws.send(k); return true; }
+      catch (e) {}
+    }
+    queueKey(k);
+    if (wantOpen) connectKeys();
+    return false;
   }
 
   function renderRGBAFrame(bytes) {
@@ -76,33 +106,81 @@ const Pager = (() => {
     pager.src = canvas.toDataURL('image/png');
   }
 
-  function connect() {
-    disconnect();
+  function showError(show) {
+    if (screenerr) screenerr.hidden = !show;
+  }
+
+  function scheduleReconnect() {
+    if (!wantOpen) return;
+    clearTimeout(retryTimer);
+    retryTimer = setTimeout(() => {
+      if (!wantOpen) return;
+      connectScreen();
+      connectKeys();
+    }, retryMs);
+    retryMs = Math.min(5000, Math.max(400, retryMs * 2));
+  }
+
+  function connectScreen() {
+    if (!wantOpen) return;
+    if (screenws && (screenws.readyState === WebSocket.OPEN || screenws.readyState === WebSocket.CONNECTING)) return;
     try {
       const sock = new WebSocket(App.pagerScreenWs);
       sock.binaryType = 'arraybuffer';
       screenws = sock;
-      sock.onopen = () => { screenerr.hidden = true; };
+      sock.onopen = () => {
+        retryMs = 400;
+        if (keyws && keyws.readyState === WebSocket.OPEN) showError(false);
+      };
       sock.onmessage = (ev) => {
+        showError(false);
         if (ev.data instanceof ArrayBuffer) renderRGBAFrame(new Uint8Array(ev.data));
         else if (ev.data && ev.data.arrayBuffer) ev.data.arrayBuffer().then((b) => renderRGBAFrame(new Uint8Array(b)));
       };
-      sock.onerror = () => { screenerr.hidden = false; };
-      sock.onclose = () => { if (screenws === sock) screenws = null; screenerr.hidden = false; };
+      sock.onerror = () => { showError(true); };
+      sock.onclose = () => {
+        if (screenws === sock) screenws = null;
+        showError(true);
+        scheduleReconnect();
+      };
     } catch (e) {
-      screenerr.hidden = false;
-    }
-    try {
-      const sock = new WebSocket(App.pagerKeysWs);
-      keyws = sock;
-      sock.onclose = () => { if (keyws === sock) keyws = null; };
-      sock.onerror = () => { try { sock.close(); } catch (e2) {} };
-    } catch (e) {
-      keyws = null;
+      showError(true);
+      scheduleReconnect();
     }
   }
 
+  function connectKeys() {
+    if (!wantOpen) return;
+    if (keyws && (keyws.readyState === WebSocket.OPEN || keyws.readyState === WebSocket.CONNECTING)) return;
+    try {
+      const sock = new WebSocket(App.pagerKeysWs);
+      keyws = sock;
+      sock.onopen = () => {
+        retryMs = 400;
+        flushKeys();
+        if (screenws && screenws.readyState === WebSocket.OPEN) showError(false);
+      };
+      sock.onclose = () => {
+        if (keyws === sock) keyws = null;
+        scheduleReconnect();
+      };
+      sock.onerror = () => { try { sock.close(); } catch (e2) {} };
+    } catch (e) {
+      keyws = null;
+      scheduleReconnect();
+    }
+  }
+
+  function connect() {
+    connectScreen();
+    connectKeys();
+  }
+
   function disconnect() {
+    wantOpen = false;
+    clearTimeout(retryTimer);
+    retryTimer = null;
+    pendingKeys.length = 0;
     if (screenws) { try { screenws.close(); } catch (e) {} screenws = null; }
     if (keyws) { try { keyws.close(); } catch (e) {} keyws = null; }
   }
@@ -121,6 +199,8 @@ const Pager = (() => {
       panel.classList.remove('hidden');
       document.getElementById('pager-btn').classList.add('active');
       applyScale();
+      wantOpen = true;
+      retryMs = 400;
       connect();
       try { pager.focus(); } catch (e) {}
     } else {