dsh-capyreporter 0.1.1 → 0.1.2

package/lib/client.js

@@ -30,7 +30,7 @@ function makeFactory() {
 
     const PET_CSS = [
       '.dsh-pet-float { position:fixed; z-index:2147483000; pointer-events:auto; user-select:none; -webkit-user-select:none; }',
-      '.dsh-pet-img { display:block; width:132px; height:auto; pointer-events:auto; cursor:grab; filter:drop-shadow(0 6px 16px #0006); transform-origin:center bottom; transition:transform .12s ease-out; }',
+      '.dsh-pet-img { display:block; width:132px; height:auto; pointer-events:auto; cursor:grab; touch-action:none; filter:drop-shadow(0 6px 16px #0006); transform-origin:center bottom; transition:transform .12s ease-out; }',
       '.dsh-pet-img.dragging { cursor:grabbing; }',
       '.dsh-pet-img.bounce { transform:scale(1.12); }',
       '.dsh-pet-bubble { position:absolute; bottom:100%; left:50%; transform:translateX(-50%); margin-bottom:8px; background:#fdfdf7; color:#22242c; border-radius:14px; padding:8px 12px; font-size:12.5px; line-height:1.45; box-shadow:0 4px 14px #0007; max-width:900px; min-width:90px; cursor:pointer; z-index:5; flex-direction:column; gap:3px; display:flex; box-sizing:border-box; }',
@@ -218,6 +218,8 @@ function makeFactory() {
       }
       const onPointerDown = (e) => {
         if (e.button !== 0) return
+        // pointer capture keeps the move stream alive when the cursor outruns the pet
+        try { e.currentTarget.setPointerCapture(e.pointerId) } catch (er) {}
         dragState.s = { sx: e.clientX, sy: e.clientY, bx: pos[0].left, by: pos[0].top }
       }
       const onPointerMove = (e) => {
@@ -232,6 +234,9 @@ function makeFactory() {
       const onPointerUp = () => {
         dragState.s = null
       }
+      const onPointerCancel = () => {
+        dragState.s = null
+      }
 
       const menuItems = []
       if (suppressed[0].sig !== null) menuItems.push(['Restore bubble', () => { suppressed[0].sig = null; setExpanded(false) }])
@@ -289,6 +294,7 @@ function makeFactory() {
           onPointerDown: onPointerDown,
           onPointerMove: onPointerMove,
           onPointerUp: onPointerUp,
+          onPointerCancel: onPointerCancel,
           onClick: onLeftClick,
           onContextMenu: (e) => {
             e.preventDefault()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-capyreporter",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "CapyReporter — an always-on-top capybara task reporter for the DeepSeek Harness Web UI. A transparent floating pet that narrates each trajectory step in a speech bubble, tells you which project is reporting, alerts you when a task completes while you are away, and lets you upload your own pet art.",
   "keywords": [
     "dsh",
@@ -60,10 +60,10 @@
   },
   "peerDependencies": {
     "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-client-runtime": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-client-connection": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-client-ui-slots": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-host-webserver": "^0.1.1-rc.2",
+    "@deepseek-ai/dsh-client-runtime": "^0.1.1-rc.2 || >=0.1.2-0",
+    "@deepseek-ai/dsh-client-connection": "^0.1.1-rc.2 || >=0.1.2-0",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.1.1-rc.2 || >=0.1.2-0",
+    "@deepseek-ai/dsh-host-webserver": "^0.1.1-rc.2 || >=0.1.2-0",
     "react": "^18.2.0"
   },
   "engines": {

package/runtime/electron-helper/index.html

@@ -107,6 +107,7 @@
         width: auto;
         pointer-events: auto;
         cursor: grab;
+        touch-action: none;
         filter: drop-shadow(0 6px 16px #0008);
       }
       #menu {

package/runtime/electron-helper/renderer.js

@@ -202,10 +202,14 @@
     hideBubble();
   });
 
-  // drag
+  // drag — pointer capture keeps the move stream alive even when the cursor
+  // outruns the small window, and we hold the window interactive for the whole
+  // drag (a mouseleave during a fast drag would otherwise flip it click-through
+  // mid-drag and drop the trail).
   let drag = null;
   img.addEventListener('pointerdown', (e) => {
     if (e.button !== 0) return;
+    try { img.setPointerCapture(e.pointerId); } catch (err) {}
     drag = { sx: e.screenX, sy: e.screenY, wx: window.screenX, wy: window.screenY };
     window.petBridge.setInteractive(true);
     e.preventDefault();
@@ -213,13 +217,19 @@
   window.addEventListener('pointermove', (e) => {
     if (drag) window.petBridge.move(drag.wx + (e.screenX - drag.sx), drag.wy + (e.screenY - drag.sy));
   });
-  window.addEventListener('pointerup', () => {
+  const endDrag = () => {
+    if (!drag) return;
     drag = null;
-  });
+    window.petBridge.setInteractive(true); // pointer is still over the pet when a drag ends
+  };
+  window.addEventListener('pointerup', endDrag);
+  window.addEventListener('pointercancel', endDrag);
 
-  // hover -> interactive (so clicks work); leave -> click-through
+  // hover -> interactive (so clicks work); leave -> click-through (never mid-drag)
   root.addEventListener('mouseenter', () => window.petBridge.setInteractive(true));
-  root.addEventListener('mouseleave', () => window.petBridge.setInteractive(false));
+  root.addEventListener('mouseleave', () => {
+    if (!drag) window.petBridge.setInteractive(false);
+  });
 
   // left-click (not a drag) -> open DSH in default browser
   img.addEventListener('click', () => window.petBridge.openSite(base));