deckide 3.5.34 → 3.5.35

package/dist/utils/agent-browser.js

@@ -243,6 +243,11 @@ export class AgentBrowserService {
     cdpSocket = null;
     cdpConnecting = null;
     screencastStarted = false;
+    // Raw JPEG bytes of the most recent screencast frame, kept so reconnecting or
+    // late-joining clients can be shown the current page immediately. Frames are
+    // pushed to clients as binary WebSocket messages (no base64) to cut ~33% size
+    // and avoid per-frame string allocation.
+    lastFrameBuffer = null;
     clients = new Set();
     viewport = { ...DEFAULT_VIEWPORT };
     pageUrl = null;
@@ -304,6 +309,7 @@ export class AgentBrowserService {
         this.pageUrl = null;
         this.pageTitle = null;
         this.screencastStarted = false;
+        this.lastFrameBuffer = null;
         if (proc && proc.exitCode == null && proc.signalCode == null) {
             await new Promise((resolve) => {
                 const killTimer = setTimeout(() => {
@@ -438,6 +444,13 @@ export class AgentBrowserService {
             await this.start();
             await this.ensureCdp();
             await this.sendStatus(socket);
+            // Replay the most recent frame so a reconnecting or late-joining client
+            // sees the current page immediately. Screencast only emits frames on
+            // change, so without this a client attaching to a static page would stay
+            // blank until the page next repaints.
+            if (this.lastFrameBuffer) {
+                this.sendBinaryRaw(socket, this.lastFrameBuffer);
+            }
             if (this.clients.size > 0) {
                 await this.startScreencast();
             }
@@ -660,11 +673,9 @@ export class AgentBrowserService {
                 void this.cdp?.send('Page.screencastFrameAck', { sessionId }).catch(() => undefined);
             }
             if (data) {
-                this.broadcast({
-                    type: 'frame',
-                    data,
-                    metadata: params.metadata ?? null,
-                });
+                const buffer = Buffer.from(data, 'base64');
+                this.lastFrameBuffer = buffer;
+                this.broadcastBinary(buffer);
             }
             return;
         }
@@ -719,6 +730,37 @@ export class AgentBrowserService {
     send(socket, payload) {
         this.sendRaw(socket, JSON.stringify(payload));
     }
+    broadcastBinary(buffer) {
+        for (const socket of this.clients) {
+            this.sendBinaryRaw(socket, buffer);
+        }
+    }
+    sendBinaryRaw(socket, buffer) {
+        if (!isOpen(socket)) {
+            return;
+        }
+        // Drop the slow client rather than letting frames pile up in memory.
+        if (socket.bufferedAmount > MAX_CLIENT_BUFFERED_AMOUNT) {
+            try {
+                socket.close(1009, 'Browser stream overflow');
+            }
+            catch {
+                // ignore
+            }
+            return;
+        }
+        try {
+            socket.send(buffer, { binary: true });
+        }
+        catch {
+            try {
+                socket.close(1011, 'Browser stream send failed');
+            }
+            catch {
+                // ignore
+            }
+        }
+    }
     sendRaw(socket, payload) {
         if (!isOpen(socket)) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deckide",
-  "version": "3.5.34",
+  "version": "3.5.35",
   "description": "Deck IDE - Browser-based IDE with terminal, file explorer, and git integration",
   "type": "module",
   "bin": {