@poncho-ai/cli 0.28.1 → 0.28.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@poncho-ai/cli",
-  "version": "0.28.1",
+  "version": "0.28.2",
   "description": "CLI for building and deploying AI agents",
   "repository": {
     "type": "git",

package/src/index.ts

@@ -3123,11 +3123,22 @@ export const createRequestHandler = async (options?: {
 
     const browserSession = harness.browserSession as BrowserSessionTyped | undefined;
 
+    const resolveBrowserSession = (cid: string): BrowserSessionTyped | undefined => {
+      if (browserSession?.isActiveFor(cid)) return browserSession;
+      const subRun = activeSubagentRuns.get(cid);
+      if (subRun) {
+        const childSession = subRun.harness.browserSession as BrowserSessionTyped | undefined;
+        if (childSession?.isActiveFor(cid)) return childSession;
+      }
+      return undefined;
+    };
+
     if (pathname === "/api/browser/status" && request.method === "GET") {
       const cid = requestUrl.searchParams.get("conversationId") ?? "";
+      const session = cid ? resolveBrowserSession(cid) : undefined;
       writeJson(response, 200, {
-        active: cid && browserSession ? browserSession.isActiveFor(cid) : false,
-        url: cid && browserSession ? browserSession.getUrl(cid) ?? null : null,
+        active: !!session,
+        url: session ? session.getUrl(cid) ?? null : null,
         conversationId: cid || null,
       });
       return;
@@ -3135,7 +3146,8 @@ export const createRequestHandler = async (options?: {
 
     if (pathname === "/api/browser/stream" && request.method === "GET") {
       const cid = requestUrl.searchParams.get("conversationId");
-      if (!cid || !browserSession) {
+      const streamSession = cid ? resolveBrowserSession(cid) : undefined;
+      if (!cid || !streamSession) {
         writeJson(response, 404, { error: "No browser session available" });
         return;
       }
@@ -3180,28 +3192,28 @@ export const createRequestHandler = async (options?: {
       };
 
       sendSse("browser:status", {
-        active: browserSession.isActiveFor(cid),
-        url: browserSession.getUrl(cid),
-        interactionAllowed: browserSession.isActiveFor(cid),
+        active: streamSession.isActiveFor(cid),
+        url: streamSession.getUrl(cid),
+        interactionAllowed: streamSession.isActiveFor(cid),
       });
 
-      const removeFrame = browserSession.onFrame(cid, (frame) => {
+      const removeFrame = streamSession.onFrame(cid, (frame) => {
         frameCount++;
         if (frameCount <= 3 || frameCount % 50 === 0) {
           console.log(`[poncho][browser-sse] Frame ${frameCount}: ${frame.width}x${frame.height}, data bytes: ${frame.data?.length ?? 0}${droppedFrames > 0 ? `, dropped: ${droppedFrames}` : ""}`);
         }
         sendFrame(frame);
       });
-      const removeStatus = browserSession.onStatus(cid, (status) => {
+      const removeStatus = streamSession.onStatus(cid, (status) => {
         sendSse("browser:status", status);
       });
 
-      if (browserSession.isActiveFor(cid)) {
-        browserSession.screenshot(cid).then((data) => {
+      if (streamSession.isActiveFor(cid)) {
+        streamSession.screenshot(cid).then((data) => {
           if (!response.destroyed) {
             sendFrame({ data, width: 1280, height: 720, timestamp: Date.now() });
           }
-          return browserSession.startScreencast(cid);
+          return streamSession.startScreencast(cid);
         }).catch((err: unknown) => {
           console.error("[poncho][browser-sse] initial frame/screencast failed:", (err as Error)?.message ?? err);
         });
@@ -3220,19 +3232,20 @@ export const createRequestHandler = async (options?: {
       for await (const chunk of request) chunks.push(chunk as Buffer);
       const body = JSON.parse(Buffer.concat(chunks).toString());
       const cid = body.conversationId as string;
-      if (!cid || !browserSession || !browserSession.isActiveFor(cid)) {
+      const inputSession = cid ? resolveBrowserSession(cid) : undefined;
+      if (!cid || !inputSession) {
         writeJson(response, 404, { error: "No active browser session" });
         return;
       }
       try {
         if (body.kind === "mouse") {
-          await browserSession.injectMouse(cid, body.event);
+          await inputSession.injectMouse(cid, body.event);
         } else if (body.kind === "keyboard") {
-          await browserSession.injectKeyboard(cid, body.event);
+          await inputSession.injectKeyboard(cid, body.event);
         } else if (body.kind === "scroll") {
-          await browserSession.injectScroll(cid, body.event);
+          await inputSession.injectScroll(cid, body.event);
         } else if (body.kind === "paste") {
-          await browserSession.injectPaste(cid, body.text ?? body.event?.text ?? "");
+          await inputSession.injectPaste(cid, body.text ?? body.event?.text ?? "");
         } else {
           writeJson(response, 400, { error: "Unknown input kind" });
           return;
@@ -3249,12 +3262,13 @@ export const createRequestHandler = async (options?: {
       for await (const chunk of request) chunks.push(chunk as Buffer);
       const body = JSON.parse(Buffer.concat(chunks).toString());
       const cid = body.conversationId as string;
-      if (!cid || !browserSession || !browserSession.isActiveFor(cid)) {
+      const navSession = cid ? resolveBrowserSession(cid) : undefined;
+      if (!cid || !navSession) {
         writeJson(response, 400, { error: "No active browser session" });
         return;
       }
       try {
-        await browserSession.navigate(cid, body.action);
+        await navSession.navigate(cid, body.action);
         writeJson(response, 200, { ok: true });
       } catch (err) {
         writeJson(response, 500, { error: (err as Error)?.message ?? "Navigation failed" });

package/src/web-ui-client.ts

@@ -17,6 +17,7 @@ export const getWebUiClientScript = (markedSource: string): string => `
         activeStreamAbortController: null,
         activeStreamConversationId: null,
         activeStreamRunId: null,
+        _activeStreamMessages: null,
         isMessagesPinnedToBottom: true,
         confirmDeleteId: null,
         approvalRequestsInFlight: {},
@@ -1190,17 +1191,25 @@ export const getWebUiClientScript = (markedSource: string): string => `
 
         updateContextRing();
         var willStream = !!payload.hasActiveRun;
-        renderMessages(state.activeMessages, willStream, { forceScrollBottom: true });
+        var hasSendMessageStream = state.activeStreamConversationId === conversationId && state._activeStreamMessages;
+        if (hasSendMessageStream) {
+          state.activeMessages = state._activeStreamMessages;
+          renderMessages(state.activeMessages, true, { forceScrollBottom: true });
+        } else {
+          renderMessages(state.activeMessages, willStream, { forceScrollBottom: true });
+        }
         if (!state.viewingSubagentId) {
           elements.prompt.focus();
         }
-        if (willStream) {
+        if (willStream && !hasSendMessageStream) {
           setStreaming(true);
-          streamConversationEvents(conversationId, { liveOnly: true }).finally(() => {
+          streamConversationEvents(conversationId, { liveOnly: false }).finally(() => {
             if (state.activeConversationId === conversationId) {
               pollUntilRunIdle(conversationId);
             }
           });
+        } else if (willStream) {
+          setStreaming(true);
         }
       };
 
@@ -2149,6 +2158,7 @@ export const getWebUiClientScript = (markedSource: string): string => `
         };
         localMessages.push(assistantMessage);
         state.activeMessages = localMessages;
+        state._activeStreamMessages = localMessages;
         renderMessages(localMessages, true, { forceScrollBottom: true });
         let conversationId = state.activeConversationId;
         let didCompact = false;
@@ -2564,6 +2574,7 @@ export const getWebUiClientScript = (markedSource: string): string => `
           }
           if (state.activeStreamConversationId === conversationId) {
             state.activeStreamConversationId = null;
+            state._activeStreamMessages = null;
           }
           state.activeStreamRunId = null;
           setStreaming(false);
@@ -3248,6 +3259,8 @@ export const getWebUiClientScript = (markedSource: string): string => `
             panelHiddenByUser = false;
             showPanel(false);
             frameImg.style.display = "none";
+            frameImg.style.pointerEvents = "";
+            frameImg.style.opacity = "";
             if (placeholder) {
               placeholder.textContent = "No active browser session";
               placeholder.style.display = "flex";
@@ -3369,6 +3382,8 @@ export const getWebUiClientScript = (markedSource: string): string => `
             if (abortController) abortController.abort();
             streamConversationId = cid;
             abortController = new AbortController();
+            frameImg.style.pointerEvents = "";
+            frameImg.style.opacity = "";
             var headers = {};
             if (state.csrfToken) headers["x-csrf-token"] = state.csrfToken;
             if (state.authToken) headers["authorization"] = "Bearer " + state.authToken;
@@ -3416,12 +3431,8 @@ export const getWebUiClientScript = (markedSource: string): string => `
                             } else {
                               if (abortController) { abortController.abort(); abortController = null; }
                               streamConversationId = null;
-                              frameImg.style.display = "none";
-                              if (placeholder) {
-                                placeholder.textContent = "Browser closed";
-                                placeholder.style.display = "flex";
-                              }
-                              showPanel(false);
+                              frameImg.style.pointerEvents = "none";
+                              frameImg.style.opacity = "0.6";
                             }
                           }
                         } catch(e) {}