bloby-bot 0.68.4 → 0.69.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bloby-bot",
-  "version": "0.68.4",
+  "version": "0.69.0",
   "releaseNotes": [
     "1. Fix: agent self-update ",
     "1",

package/supervisor/workspace-guard.js

@@ -1,6 +1,6 @@
 (function () {
   // Injected by the supervisor into the workspace dashboard HTML (and ONLY there — never the
-  // chat PWA or the supervisor's own interstitials). Five jobs, all aimed at non-technical users:
+  // chat PWA or the supervisor's own interstitials). Six jobs, all aimed at non-technical users:
   //
   //   1. Backend-down auto-detect — when the workspace backend crash-loops and gives up, the
   //      supervisor serves a full "backend down" interstitial on the next navigation. Poll for
@@ -35,6 +35,10 @@
   //      handler starts a recovery poll against a server-side change counter
   //      (/__bloby/fe-stamp) and reloads ONLY when frontend files actually changed while the
   //      socket was dead.
+  //
+  //   6. Pull-to-refresh — shell mode cost installed PWAs their native drag-down refresh (the
+  //      gesture lands in this iframe; the shell is overflow:hidden). Recreated here, scoped
+  //      tighter than the native one: it reloads only the workspace iframe, never the chat.
   if (window.__blobyWorkspaceGuard) return;
   window.__blobyWorkspaceGuard = true;
 
@@ -317,6 +321,107 @@
     });
   })();
 
+  /* ── 6. Pull-to-refresh ───────────────────────────────────────────────── */
+  // Native pull-to-refresh belongs to the top-level document; in shell mode that's the
+  // overflow:hidden shell, and touch gestures land in this iframe — so installed PWAs lost
+  // drag-down refresh entirely. Recreate it here: a mostly-vertical downward drag that
+  // starts with every scrollable ancestor at its top pulls out an indicator; releasing past
+  // the threshold reloads ONLY this workspace document (through the forensics wrapper →
+  // splash), so the chat in the shell never blinks. Framed + touch devices only — legacy
+  // mode (BLOBY_NO_SHELL=1) keeps the browser's native behavior.
+  (function () {
+    var framed = false;
+    try { framed = !!window.parent && window.parent !== window; } catch (e) {}
+    if (!framed || !('ontouchstart' in window)) return;
+
+    var THRESHOLD = 75; // px of damped pull that arms the refresh
+    var ENGAGE = 10;    // px of raw downward travel before we claim the gesture
+    var startX = null, startY = null, pulling = false, dist = 0;
+    var indicator = null, arrow = null;
+
+    var spinStyle = document.createElement('style');
+    spinStyle.textContent = '@keyframes bloby-ptr-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}';
+    (document.head || document.documentElement).appendChild(spinStyle);
+
+    function ensureIndicator() {
+      if (indicator) return;
+      indicator = document.createElement('div');
+      // z-index 99996: above the app and the splash (9998) so the spinner stays visible
+      // through the pre-reload splash, below the shell's chat chrome (which is a separate
+      // document anyway).
+      indicator.style.cssText = 'position:fixed;top:-48px;left:50%;width:38px;height:38px;margin-left:-19px;z-index:99996;border-radius:50%;background:#18181b;border:1px solid #27272a;box-shadow:0 2px 12px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;pointer-events:none';
+      indicator.innerHTML = '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4AEEFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="transition:transform .15s ease"><path d="M12 5v14"/><path d="M5 12l7 7 7-7"/></svg>';
+      document.body.appendChild(indicator);
+      arrow = indicator.firstChild;
+    }
+
+    function setPull(d) {
+      ensureIndicator();
+      indicator.style.transition = 'none';
+      indicator.style.transform = 'translateY(' + Math.min(d + 48, 140) + 'px)';
+      if (arrow) arrow.style.transform = d >= THRESHOLD ? 'rotate(180deg)' : 'rotate(0deg)';
+    }
+
+    function settle(triggered) {
+      if (!indicator) return;
+      indicator.style.transition = 'transform .25s ease';
+      if (triggered) {
+        indicator.style.transform = 'translateY(72px)';
+        if (arrow) { arrow.style.transition = 'none'; arrow.style.animation = 'bloby-ptr-spin .7s linear infinite'; }
+      } else {
+        indicator.style.transform = 'translateY(0)'; // back above the viewport edge
+      }
+    }
+
+    // The pull only makes sense when the gesture couldn't have scrolled anything instead:
+    // every scrollable ancestor of the touch target (and the page itself) is at its top.
+    function ancestorsAtTop(el) {
+      var n = el;
+      while (n && n.nodeType === 1 && n !== document.documentElement) {
+        if (n.scrollTop > 0) return false;
+        n = n.parentElement;
+      }
+      var se = document.scrollingElement || document.documentElement;
+      return (se.scrollTop || 0) <= 0;
+    }
+
+    window.addEventListener('touchstart', function (e) {
+      startX = startY = null; pulling = false; dist = 0;
+      if (e.touches.length !== 1) return;
+      if (!ancestorsAtTop(e.target)) return;
+      startX = e.touches[0].clientX;
+      startY = e.touches[0].clientY;
+    }, { passive: true });
+
+    window.addEventListener('touchmove', function (e) {
+      if (startY === null || e.touches.length !== 1) return;
+      var dx = e.touches[0].clientX - startX;
+      var dy = e.touches[0].clientY - startY;
+      if (!pulling) {
+        // Claim only a clearly-vertical downward drag; anything else stays a normal gesture.
+        if (dy < ENGAGE || Math.abs(dy) < Math.abs(dx) * 1.5) {
+          if (dy < -ENGAGE || Math.abs(dx) > 24) startY = null; // it's a scroll/swipe — let go for good
+          return;
+        }
+        pulling = true;
+      }
+      e.preventDefault(); // claimed: keep the page from rubber-banding underneath the pull
+      dist = Math.max(0, (dy - ENGAGE) * 0.45); // damped, native-ish feel
+      setPull(dist);
+    }, { passive: false });
+
+    function release(cancelled) {
+      if (pulling) {
+        var go = !cancelled && dist >= THRESHOLD;
+        settle(go);
+        if (go) { flog('pull-to-refresh', 'triggered'); location.reload(); }
+      }
+      startX = startY = null; pulling = false; dist = 0;
+    }
+    window.addEventListener('touchend', function () { release(false); }, { passive: true });
+    window.addEventListener('touchcancel', function () { release(true); }, { passive: true });
+  })();
+
   /* ── 1. Backend-down auto-detect ──────────────────────────────────────── */
   var reloading = false;
   function pollBackend() {