storyboard-bridge 0.9.39 → 0.9.40

package/cdp_flow.py

@@ -534,40 +534,46 @@ def main():
                     step_vars[var] = ""
             elif kind == "drag":
                 xpath, direction, steps_count, duration = val[0], val[1], int(val[2]), float(val[3])
-                delta = 1000 if direction == "right" else -1000
-                step_ms = int(duration * 1000 / steps_count)
-                # Simulate drag using JavaScript—fires events synchronously
-                page.eval(f"""
+                # Find handle position
+                box = page.eval(f"""
                 (function() {{
-                  const handle = document.evaluate({json.dumps(xpath)}, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
-                  if (!handle) return;
-                  const rect = handle.getBoundingClientRect();
-                  const startX = rect.left + rect.width/2;
-                  const startY = rect.top + rect.height/2;
-                  const endX = startX + {delta};
-
-                  // Fire mousedown
-                  handle.dispatchEvent(new MouseEvent('mousedown', {{
-                    clientX: startX, clientY: startY, bubbles: true, cancelable: true
-                  }}));
-
-                  // Fire mousemove sequence synchronously
-                  const steps = {steps_count};
-                  for (let i = 0; i <= steps; i++) {{
-                    const x = startX + (endX - startX) * (i / steps);
-                    const el = document.elementFromPoint(x, startY) || handle;
-                    el.dispatchEvent(new MouseEvent('mousemove', {{
-                      clientX: x, clientY: startY, bubbles: true, cancelable: true
-                    }}));
-                  }}
-
-                  // Fire mouseup
-                  handle.dispatchEvent(new MouseEvent('mouseup', {{
-                    clientX: endX, clientY: startY, bubbles: true, cancelable: true
-                  }}));
+                  const el = document.evaluate({json.dumps(xpath)}, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+                  if (!el) return null;
+                  const rect = el.getBoundingClientRect();
+                  return {{ x: rect.left + rect.width/2, y: rect.top + rect.height/2, width: rect.width }};
                 }})()
                 """)
-                print(f"          dragged {direction}")
+                if box:
+                    start_x, start_y = int(box["x"]), int(box["y"])
+                    end_x = start_x + (1000 if direction == "right" else -1000)
+                    step_duration = duration / steps_count
+                    # Press down to grab slider
+                    page.input("Input.dispatchMouseEvent", {
+                        "type": "mousePressed",
+                        "x": start_x,
+                        "y": start_y,
+                        "button": "left",
+                        "buttons": 1,
+                    })
+                    time.sleep(0.1)
+                    # Move across with button held - many small steps
+                    for step_i in range(steps_count):
+                        x = start_x + (end_x - start_x) * (step_i / steps_count)
+                        page.input("Input.dispatchMouseEvent", {
+                            "type": "mouseMoved",
+                            "x": int(x),
+                            "y": start_y,
+                            "buttons": 1,
+                        })
+                        time.sleep(step_duration)
+                    # Release
+                    page.input("Input.dispatchMouseEvent", {
+                        "type": "mouseReleased",
+                        "x": end_x,
+                        "y": start_y,
+                        "button": "left",
+                    })
+                    print(f"          dragged {direction}")
             time.sleep(delay)
         print("flow complete")
         if spawned_ctx and temp.get("dispose"):

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storyboard-bridge",
-  "version": "0.9.39",
+  "version": "0.9.40",
   "description": "Desktop bridge that powers a hosted Storyboard AI webapp with your own local Claude Code / Gemini CLI login (no API key).",
   "type": "module",
   "bin": {