npm - @poncho-ai/cli - Versions diffs - 0.26.0 → 0.27.0 - Mend

@poncho-ai/cli 0.26.0 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/.turbo/turbo-build.log +4 -4
package/CHANGELOG.md +11 -0
package/dist/{chunk-P3D4E4FZ.js → chunk-LPT2RFZ5.js} +36 -6
package/dist/cli.js +1 -1
package/dist/index.js +1 -1
package/dist/{run-interactive-ink-4YCKM2JH.js → run-interactive-ink-OUX42GU4.js} +1 -1
package/package.json +2 -2
package/src/index.ts +32 -6
package/src/web-ui.ts +3 -2

package/.turbo/turbo-build.log CHANGED Viewed

@@ -1,5 +1,5 @@
-> @poncho-ai/cli@0.26.0 build /home/runner/work/poncho-ai/poncho-ai/packages/cli
+> @poncho-ai/cli@0.27.0 build /home/runner/work/poncho-ai/poncho-ai/packages/cli
 > tsup src/index.ts src/cli.ts --format esm --dts
 [34mCLI[39m Building entry: src/cli.ts, src/index.ts
@@ -9,10 +9,10 @@
 [34mESM[39m Build start
 [32mESM[39m [1mdist/cli.js                          [22m[32m94.00 B[39m
 [32mESM[39m [1mdist/index.js                        [22m[32m857.00 B[39m
-[32mESM[39m [1mdist/run-interactive-ink-4YCKM2JH.js [22m[32m56.74 KB[39m
-[32mESM[39m [1mdist/chunk-P3D4E4FZ.js               [22m[32m421.62 KB[39m
+[32mESM[39m [1mdist/run-interactive-ink-OUX42GU4.js [22m[32m56.74 KB[39m
+[32mESM[39m [1mdist/chunk-LPT2RFZ5.js               [22m[32m422.53 KB[39m
 [32mESM[39m ⚡️ Build success in 63ms
 [34mDTS[39m Build start
-[32mDTS[39m ⚡️ Build success in 3809ms
+[32mDTS[39m ⚡️ Build success in 4319ms
 [32mDTS[39m [1mdist/cli.d.ts   [22m[32m20.00 B[39m
 [32mDTS[39m [1mdist/index.d.ts [22m[32m3.70 KB[39m

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,16 @@
 # @poncho-ai/cli
+## 0.27.0
+### Minor Changes
+- [`aee4f17`](https://github.com/cesr/poncho-ai/commit/aee4f17237d33b2cc134ed9934b709d967ca3f10) Thanks [@cesr](https://github.com/cesr)! - Add `edit_file` built-in tool with str_replace semantics for targeted file edits. The tool takes `path`, `old_str`, and `new_str` parameters, enforces uniqueness of the match, and is write-gated like `write_file` (disabled in production by default). Also improves browser SSE frame streaming with backpressure handling and auto-stops screencast when all listeners disconnect.
+### Patch Changes
+- Updated dependencies [[`aee4f17`](https://github.com/cesr/poncho-ai/commit/aee4f17237d33b2cc134ed9934b709d967ca3f10)]:
+  - @poncho-ai/harness@0.24.0
 ## 0.26.0
 ### Minor Changes

package/dist/{chunk-P3D4E4FZ.js → chunk-LPT2RFZ5.js} RENAMED Viewed

@@ -5126,6 +5126,7 @@ self.addEventListener("fetch", (event) => {
 var renderWebUiHtml = (options) => {
   const agentInitial = (options?.agentName ?? "A").charAt(0).toUpperCase();
   const agentName = options?.agentName ?? "Agent";
+  const pageTitle = options?.isDev ? `[dev] ${agentName}` : agentName;
   return `<!doctype html>
 <html lang="en">
 <head>
@@ -5139,7 +5140,7 @@ var renderWebUiHtml = (options) => {
   <link rel="manifest" href="/manifest.json">
   <link rel="icon" href="/icon.svg" type="image/svg+xml">
   <link rel="apple-touch-icon" href="/icon-192.png">
-  <title>${agentName}</title>
+  <title>${pageTitle}</title>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata:400,700">
   <style>
 ${WEB_UI_STYLES}
@@ -6774,12 +6775,14 @@ export default {
     list_directory: true,
     read_file: true,
     write_file: true,           // gated by environment for writes
+    edit_file: true,            // gated by environment for writes
     delete_file: 'approval',    // requires human approval
     delete_directory: 'approval', // requires human approval
     send_email: 'approval',     // requires human approval
     byEnvironment: {
       production: {
         write_file: false,
+        edit_file: false,
         delete_file: false,
         delete_directory: false,
       },
@@ -8847,7 +8850,7 @@ data: ${JSON.stringify(statusPayload)}
     const requestUrl = new URL(request.url ?? "/", `http://${request.headers.host ?? "localhost"}`);
     if (webUiEnabled) {
       if (request.method === "GET" && (pathname === "/" || pathname.startsWith("/c/"))) {
-        writeHtml(response, 200, renderWebUiHtml({ agentName }));
+        writeHtml(response, 200, renderWebUiHtml({ agentName, isDev: !isProduction }));
         return;
       }
       if (pathname === "/manifest.json" && request.method === "GET") {
@@ -9016,6 +9019,9 @@ data: ${JSON.stringify(statusPayload)}
       });
       response.flushHeaders();
       let frameCount = 0;
+      let droppedFrames = 0;
+      let draining = false;
+      let pendingFrame = null;
       const sendSse = (event, data) => {
         if (response.destroyed) return;
         response.write(`event: ${event}
@@ -9023,6 +9029,29 @@ data: ${JSON.stringify(data)}
 `);
       };
+      const sendFrame = (frame) => {
+        if (response.destroyed) return;
+        if (draining) {
+          pendingFrame = frame;
+          droppedFrames++;
+          return;
+        }
+        const ok = response.write(`event: browser:frame
+data: ${JSON.stringify(frame)}
+`);
+        if (!ok) {
+          draining = true;
+          response.once("drain", () => {
+            draining = false;
+            if (pendingFrame && !response.destroyed) {
+              const f = pendingFrame;
+              pendingFrame = null;
+              sendFrame(f);
+            }
+          });
+        }
+      };
       sendSse("browser:status", {
         active: browserSession.isActiveFor(cid),
         url: browserSession.getUrl(cid),
@@ -9031,9 +9060,9 @@ data: ${JSON.stringify(data)}
       const removeFrame = browserSession.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}`);
+          console.log(`[poncho][browser-sse] Frame ${frameCount}: ${frame.width}x${frame.height}, data bytes: ${frame.data?.length ?? 0}${droppedFrames > 0 ? `, dropped: ${droppedFrames}` : ""}`);
         }
-        sendSse("browser:frame", frame);
+        sendFrame(frame);
       });
       const removeStatus = browserSession.onStatus(cid, (status) => {
         sendSse("browser:status", status);
@@ -9041,7 +9070,7 @@ data: ${JSON.stringify(data)}
       if (browserSession.isActiveFor(cid)) {
         browserSession.screenshot(cid).then((data) => {
           if (!response.destroyed) {
-            sendSse("browser:frame", { data, width: 1280, height: 720, timestamp: Date.now() });
+            sendFrame({ data, width: 1280, height: 720, timestamp: Date.now() });
           }
           return browserSession.startScreencast(cid);
         }).catch((err) => {
@@ -9051,6 +9080,7 @@ data: ${JSON.stringify(data)}
       request.on("close", () => {
         removeFrame();
         removeStatus();
+        pendingFrame = null;
       });
       return;
     }
@@ -10583,7 +10613,7 @@ var runInteractive = async (workingDir, params) => {
   await harness.initialize();
   const identity = await ensureAgentIdentity2(workingDir);
   try {
-    const { runInteractiveInk } = await import("./run-interactive-ink-4YCKM2JH.js");
+    const { runInteractiveInk } = await import("./run-interactive-ink-OUX42GU4.js");
     await runInteractiveInk({
       harness,
       params,

package/dist/cli.js CHANGED Viewed

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   main
-} from "./chunk-P3D4E4FZ.js";
+} from "./chunk-LPT2RFZ5.js";
 // src/cli.ts
 void main();

package/dist/index.js CHANGED Viewed

@@ -23,7 +23,7 @@ import {
   runTests,
   startDevServer,
   updateAgentGuidance
-} from "./chunk-P3D4E4FZ.js";
+} from "./chunk-LPT2RFZ5.js";
 export {
   addSkill,
   buildCli,

package/dist/{run-interactive-ink-4YCKM2JH.js → run-interactive-ink-OUX42GU4.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import {
   consumeFirstRunIntro,
   inferConversationTitle,
   resolveHarnessEnvironment
-} from "./chunk-P3D4E4FZ.js";
+} from "./chunk-LPT2RFZ5.js";
 // src/run-interactive-ink.ts
 import * as readline from "readline";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@poncho-ai/cli",
-  "version": "0.26.0",
+  "version": "0.27.0",
   "description": "CLI for building and deploying AI agents",
   "repository": {
     "type": "git",
@@ -27,7 +27,7 @@
     "react": "^19.2.4",
     "react-devtools-core": "^6.1.5",
     "yaml": "^2.8.1",
-    "@poncho-ai/harness": "0.23.0",
+    "@poncho-ai/harness": "0.24.0",
     "@poncho-ai/messaging": "0.7.0",
     "@poncho-ai/sdk": "1.5.0"
   },

package/src/index.ts CHANGED Viewed

@@ -550,12 +550,14 @@ export default {
     list_directory: true,
     read_file: true,
     write_file: true,           // gated by environment for writes
+    edit_file: true,            // gated by environment for writes
     delete_file: 'approval',    // requires human approval
     delete_directory: 'approval', // requires human approval
     send_email: 'approval',     // requires human approval
     byEnvironment: {
       production: {
         write_file: false,
+        edit_file: false,
         delete_file: false,
         delete_directory: false,
       },
@@ -2892,7 +2894,7 @@ export const createRequestHandler = async (options?: {
     if (webUiEnabled) {
       if (request.method === "GET" && (pathname === "/" || pathname.startsWith("/c/"))) {
-        writeHtml(response, 200, renderWebUiHtml({ agentName }));
+        writeHtml(response, 200, renderWebUiHtml({ agentName, isDev: !isProduction }));
         return;
       }
@@ -3112,11 +3114,36 @@ export const createRequestHandler = async (options?: {
       response.flushHeaders();
       let frameCount = 0;
+      let droppedFrames = 0;
+      let draining = false;
+      let pendingFrame: { data: string; width: number; height: number; timestamp: number } | null = null;
       const sendSse = (event: string, data: unknown) => {
         if (response.destroyed) return;
         response.write(`event: ${event}\ndata: ${JSON.stringify(data)}\n\n`);
       };
+      const sendFrame = (frame: { data: string; width: number; height: number; timestamp: number }) => {
+        if (response.destroyed) return;
+        if (draining) {
+          pendingFrame = frame;
+          droppedFrames++;
+          return;
+        }
+        const ok = response.write(`event: browser:frame\ndata: ${JSON.stringify(frame)}\n\n`);
+        if (!ok) {
+          draining = true;
+          response.once("drain", () => {
+            draining = false;
+            if (pendingFrame && !response.destroyed) {
+              const f = pendingFrame;
+              pendingFrame = null;
+              sendFrame(f);
+            }
+          });
+        }
+      };
       sendSse("browser:status", {
         active: browserSession.isActiveFor(cid),
         url: browserSession.getUrl(cid),
@@ -3126,20 +3153,18 @@ export const createRequestHandler = async (options?: {
       const removeFrame = browserSession.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}`);
+          console.log(`[poncho][browser-sse] Frame ${frameCount}: ${frame.width}x${frame.height}, data bytes: ${frame.data?.length ?? 0}${droppedFrames > 0 ? `, dropped: ${droppedFrames}` : ""}`);
         }
-        sendSse("browser:frame", frame);
+        sendFrame(frame);
       });
       const removeStatus = browserSession.onStatus(cid, (status) => {
         sendSse("browser:status", status);
       });
       if (browserSession.isActiveFor(cid)) {
-        // Send a screenshot as the first frame for immediate visual feedback,
-        // then start the live screencast for subsequent frames.
         browserSession.screenshot(cid).then((data) => {
           if (!response.destroyed) {
-            sendSse("browser:frame", { data, width: 1280, height: 720, timestamp: Date.now() });
+            sendFrame({ data, width: 1280, height: 720, timestamp: Date.now() });
           }
           return browserSession.startScreencast(cid);
         }).catch((err: unknown) => {
@@ -3150,6 +3175,7 @@ export const createRequestHandler = async (options?: {
       request.on("close", () => {
         removeFrame();
         removeStatus();
+        pendingFrame = null;
       });
       return;
     }

package/src/web-ui.ts CHANGED Viewed

@@ -92,9 +92,10 @@ self.addEventListener("fetch", (event) => {
 });
 `;
-export const renderWebUiHtml = (options?: { agentName?: string }): string => {
+export const renderWebUiHtml = (options?: { agentName?: string; isDev?: boolean }): string => {
   const agentInitial = (options?.agentName ?? "A").charAt(0).toUpperCase();
   const agentName = options?.agentName ?? "Agent";
+  const pageTitle = options?.isDev ? `[dev] ${agentName}` : agentName;
   return `<!doctype html>
 <html lang="en">
 <head>
@@ -108,7 +109,7 @@ export const renderWebUiHtml = (options?: { agentName?: string }): string => {
   <link rel="manifest" href="/manifest.json">
   <link rel="icon" href="/icon.svg" type="image/svg+xml">
   <link rel="apple-touch-icon" href="/icon-192.png">
-  <title>${agentName}</title>
+  <title>${pageTitle}</title>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata:400,700">
   <style>
 ${WEB_UI_STYLES}