@inetafrica/open-claudia 3.5.25 → 3.5.26

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 3.5.26
+
+The Browser app's phone and web view stays sharp after a page load. A canary build for the Browser canary bot first; the fleet waits for Sumeet's OK.
+
+- **Sharp after every page.** On the canary's Chrome 150 (Linux) the driver's pictures dropped from the view's density to 1x at the first page load (the view kept its density; the picture did not). After a main-frame navigation or a load, the window is now resized by a pixel and back, which brings the density back: 906x1760 pictures for a 412x800 phone at 2.2x on duckduckgo.com, en.m.wikipedia.org and example.com, 1 to 4 s after each load.
+- **Tests:** `test-browser-drive.js`.
+
 ## 3.5.25
 
 The Browser app feels like a browser on the phone and on the web (Sumeet, 10 Oct 08:53 EAT on his phone: "it feels like a browser on my phone… like Google Chrome app", and 09:18: "the web and mobile still need to also feel native… don't forget the website"). A canary build for the Browser canary bot first; the fleet waits for his OK.

package/core/browser-drive.js

@@ -32,6 +32,8 @@ const CALL_TIMEOUT_MS = 4000;
 const CONNECT_TIMEOUT_MS = 3000;
 // The text fields are read this long after the page stops changing (and after a tap).
 const FIELDS_SETTLE_MS = 250;
+// After a page load the window is nudged this long after the load's events settle.
+const NUDGE_DELAY_MS = 120;
 const MAX_FIELDS = 60;
 const TEXT_MAX = 500;
 
@@ -278,6 +280,30 @@ function onFrame(drive, params) {
   scheduleFields(drive);
 }
 
+// After a page load, Chrome 150 on Linux draws the view at 1x again: the view keeps its density,
+// the picture does not (proven 10 Oct on the canary's Chrome 150.0.7871.124: 2x until the load,
+// 1x after; the same view sent again, a new screencast, or the view cleared and set again change
+// nothing; the window resized by a pixel and back brings 2x back). Chrome 149 on a Mac did the
+// opposite, 1x until the first load. So after every main-frame navigation and load, the window
+// is nudged by a pixel and back.
+function nudgeWindow(drive) {
+  if (!drive || drive.stopped || !drive.viewport || drive.windowId === null) return;
+  clearTimeout(drive.nudgeTimer);
+  drive.nudgeTimer = setTimeout(async () => {
+    if (drive.stopped || !drive.viewport) return;
+    const vp = drive.viewport;
+    const width = Math.round(vp.width * vp.dpr) + drive.insets.width;
+    const height = Math.round(vp.height * vp.dpr) + drive.insets.height;
+    try {
+      await call(drive.conn, "Browser.setWindowBounds", { windowId: drive.windowId, bounds: { width: width + 1, height, windowState: "normal" } });
+      await call(drive.conn, "Browser.setWindowBounds", { windowId: drive.windowId, bounds: { width, height, windowState: "normal" } });
+    } catch (_) {
+      // the next load nudges again
+    }
+  }, NUDGE_DELAY_MS);
+  if (drive.nudgeTimer.unref) drive.nudgeTimer.unref();
+}
+
 // ---------------------------------------------------------------------------
 // start / fit / stop
 
@@ -351,9 +377,11 @@ async function start({ session, viewport, savedBounds = null } = {}) {
     fieldsTimer: null,
     fieldsKey: "",
     touchBase: null,
+    nudgeTimer: null,
   };
   conn.handlers.push((msg) => {
     if (msg.method === "Page.screencastFrame" && msg.sessionId === drive.sid) onFrame(drive, msg.params);
+    else if (msg.sessionId === drive.sid && ((msg.method === "Page.frameNavigated" && msg.params && msg.params.frame && !msg.params.frame.parentId) || msg.method === "Page.loadEventFired")) nudgeWindow(drive);
     else if (msg.method === "_closed" || (msg.method === "Target.detachedFromTarget" && msg.params && msg.params.sessionId === drive.sid)) {
       if (!drive.stopped) lost(drive);
     }
@@ -416,6 +444,7 @@ async function fit(viewport) {
 async function restore(drive) {
   drive.stopped = true;
   clearTimeout(drive.fieldsTimer);
+  clearTimeout(drive.nudgeTimer);
   const { conn, sid } = drive;
   if (conn && !conn.closed) {
     if (sid && drive.screencasting) await call(conn, "Page.stopScreencast", {}, sid).catch(() => {});
@@ -437,6 +466,7 @@ function lost(drive) {
   }
   drive.stopped = true;
   clearTimeout(drive.fieldsTimer);
+  clearTimeout(drive.nudgeTimer);
   closeConnection(drive.conn);
   view.driveFeed.emit("stop", { session: drive.session.name, reason: "lost" });
   console.error("[browser] the driver's view lost its connection to Chrome");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inetafrica/open-claudia",
-  "version": "3.5.25",
+  "version": "3.5.26",
   "description": "An always-on, provider-agnostic coding-agent harness for Claude Code and OpenAI Codex via chat",
   "main": "bot.js",
   "bin": {

package/test-provider-language.js

@@ -615,7 +615,9 @@ assert.match(pkg.description, /provider-agnostic coding-agent harness/i);
 // ("it feels like a browser on my phone… like Google Chrome app"): the bot's tab takes
 // the driver's screen, input straight to Chrome, the page's text fields, hand backs wake
 // only a waiting bot. A canary build for the Browser canary bot; the fleet waits for his OK.
-assert.strictEqual(pkg.version, "3.5.25", "release version must remain unchanged without explicit approval");
+// 3.5.26: the same go-ahead; 3.5.25's pictures fell back to 1x after a page load on the
+// canary's Chrome 150, now nudged back to the view's density. Canary first, fleet on his OK.
+assert.strictEqual(pkg.version, "3.5.26", "release version must remain unchanged without explicit approval");
 for (const keyword of ["claude", "codex", "coding-agent", "provider-agnostic"]) {
   assert.ok(pkg.keywords.includes(keyword), `package keyword missing: ${keyword}`);
 }