@poncho-ai/cli 0.29.0 → 0.30.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @poncho-ai/cli@0.29.0 build /home/runner/work/poncho-ai/poncho-ai/packages/cli
+> @poncho-ai/cli@0.30.0 build /home/runner/work/poncho-ai/poncho-ai/packages/cli
 > tsup src/index.ts src/cli.ts --format esm --dts
 
 CLI Building entry: src/cli.ts, src/index.ts
@@ -9,10 +9,10 @@
 ESM Build start
 ESM dist/cli.js                          94.00 B
 ESM dist/index.js                        857.00 B
-ESM dist/run-interactive-ink-V4KWIUHB.js 56.74 KB
-ESM dist/chunk-3WODYQAB.js               465.31 KB
-ESM ⚡️ Build success in 65ms
+ESM dist/run-interactive-ink-EMTC7MK7.js 56.86 KB
+ESM dist/chunk-5OLH7U3C.js               467.76 KB
+ESM ⚡️ Build success in 69ms
 DTS Build start
-DTS ⚡️ Build success in 4068ms
+DTS ⚡️ Build success in 4145ms
 DTS dist/cli.d.ts   20.00 B
 DTS dist/index.d.ts 3.70 KB

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @poncho-ai/cli
 
+## 0.30.0
+
+### Minor Changes
+
+- [`c0ca56b`](https://github.com/cesr/poncho-ai/commit/c0ca56b54bb877d96ba8088537d6f1c7461d2a55) Thanks [@cesr](https://github.com/cesr)! - Add built-in `web_search` and `web_fetch` tools so agents can search the web and fetch page content without a browser or API keys. Remove the scaffolded `fetch-page` skill (superseded by `web_fetch`). Fix `browser_open` crash when agent projects have an older `@poncho-ai/browser` installed.
+
+### Patch Changes
+
+- Updated dependencies [[`c0ca56b`](https://github.com/cesr/poncho-ai/commit/c0ca56b54bb877d96ba8088537d6f1c7461d2a55)]:
+  - @poncho-ai/harness@0.28.0
+
 ## 0.29.0
 
 ### Minor Changes

package/dist/{chunk-3WODYQAB.js → chunk-5OLH7U3C.js}

@@ -1592,6 +1592,15 @@ var WEB_UI_STYLES = `
     .subagent-link:hover {
       text-decoration: underline;
     }
+    .tool-link {
+      color: var(--accent);
+      text-decoration: none;
+      font-size: 11px;
+      margin-left: 4px;
+    }
+    .tool-link:hover {
+      text-decoration: underline;
+    }
     .subagent-callback-wrap {
       padding: 0;
     }
@@ -2112,14 +2121,24 @@ var getWebUiClientScript = (markedSource2) => `
           return "";
         }
         const subagentLinkRe = /\\s*\\[subagent:([^\\]]+)\\]$/;
+        const toolLinkRe = /\\s*\\[link:(https?:\\/\\/[^\\]]+)\\]$/;
         const renderActivityItem = (item) => {
-          const match = item.match(subagentLinkRe);
-          if (match) {
+          const subMatch = item.match(subagentLinkRe);
+          if (subMatch) {
             const cleaned = escapeHtml(item.replace(subagentLinkRe, ""));
-            const subId = escapeHtml(match[1]);
+            const subId = escapeHtml(subMatch[1]);
             return '<div class="tool-activity-item">' + cleaned +
               ' <a class="subagent-link" href="javascript:void(0)" data-subagent-id="' + subId + '">View subagent</a></div>';
           }
+          const linkMatch = item.match(toolLinkRe);
+          if (linkMatch) {
+            const cleaned = escapeHtml(item.replace(toolLinkRe, ""));
+            const href = escapeHtml(linkMatch[1]);
+            var displayUrl = linkMatch[1].replace(/^https?:\\/\\//, "");
+            if (displayUrl.length > 55) displayUrl = displayUrl.slice(0, 52) + "...";
+            return '<div class="tool-activity-item">' + cleaned +
+              ' <a class="tool-link" href="' + href + '" target="_blank" rel="noopener">' + escapeHtml(displayUrl) + '</a></div>';
+          }
           return '<div class="tool-activity-item">' + escapeHtml(item) + "</div>";
         };
         const chips = hasItems
@@ -3365,10 +3384,17 @@ var getWebUiClientScript = (markedSource2) => `
                       );
                       const duration =
                         typeof payload.duration === "number" ? payload.duration : null;
-                      const detail =
+                      var detail =
                         activeActivity && typeof activeActivity.detail === "string"
                           ? activeActivity.detail.trim()
                           : "";
+                      const out = payload.output && typeof payload.output === "object" ? payload.output : {};
+                      if (!detail && toolName === "web_search" && typeof out.query === "string") {
+                        detail = "\\x22" + (out.query.length > 60 ? out.query.slice(0, 57) + "..." : out.query) + "\\x22";
+                      }
+                      if (!detail && toolName === "web_fetch" && typeof out.url === "string") {
+                        detail = out.url;
+                      }
                       const meta = [];
                       if (duration !== null) meta.push(duration + "ms");
                       if (detail) meta.push(detail);
@@ -3380,6 +3406,12 @@ var getWebUiClientScript = (markedSource2) => `
                       if (toolName === "spawn_subagent" && payload.output && typeof payload.output === "object" && payload.output.subagentId) {
                         toolText += " [subagent:" + payload.output.subagentId + "]";
                       }
+                      if (toolName === "web_fetch" && typeof out.url === "string") {
+                        toolText += " [link:" + out.url + "]";
+                      }
+                      if (toolName === "web_search" && Array.isArray(out.results)) {
+                        toolText += " \\u2014 " + out.results.length + " result" + (out.results.length !== 1 ? "s" : "");
+                      }
                       assistantMessage._currentTools.push(toolText);
                       assistantMessage.metadata.toolActivity.push(toolText);
                       if (typeof payload.outputTokenEstimate === "number" && payload.outputTokenEstimate > 0 && state.contextWindow > 0) {
@@ -3819,6 +3851,28 @@ var getWebUiClientScript = (markedSource2) => `
           };
         }
 
+        if (toolName === "web_search") {
+          const query = getStringInputField(input, "query");
+          const short = query && query.length > 60 ? query.slice(0, 57) + "..." : query;
+          return {
+            kind: "tool",
+            tool: toolName,
+            label: "Searching" + (short ? " \\x22" + short + "\\x22" : ""),
+            detail: short ? "\\x22" + short + "\\x22" : "",
+          };
+        }
+
+        if (toolName === "web_fetch") {
+          const url = getStringInputField(input, "url");
+          const short = url && url.length > 60 ? url.slice(0, 57) + "..." : url;
+          return {
+            kind: "tool",
+            tool: toolName,
+            label: "Fetching " + (short || "page"),
+            detail: url || "",
+          };
+        }
+
         return {
           kind: "tool",
           tool: toolName,
@@ -4206,10 +4260,17 @@ var getWebUiClientScript = (markedSource2) => `
                     toolName,
                   );
                   const duration = typeof payload.duration === "number" ? payload.duration : null;
-                  const detail =
+                  var detail =
                     activeActivity && typeof activeActivity.detail === "string"
                       ? activeActivity.detail.trim()
                       : "";
+                  const out = payload.output && typeof payload.output === "object" ? payload.output : {};
+                  if (!detail && toolName === "web_search" && typeof out.query === "string") {
+                    detail = "\\x22" + (out.query.length > 60 ? out.query.slice(0, 57) + "..." : out.query) + "\\x22";
+                  }
+                  if (!detail && toolName === "web_fetch" && typeof out.url === "string") {
+                    detail = out.url;
+                  }
                   const meta = [];
                   if (duration !== null) meta.push(duration + "ms");
                   if (detail) meta.push(detail);
@@ -4218,6 +4279,12 @@ var getWebUiClientScript = (markedSource2) => `
                   if (toolName === "spawn_subagent" && payload.output && typeof payload.output === "object" && payload.output.subagentId) {
                     toolText += " [subagent:" + payload.output.subagentId + "]";
                   }
+                  if (toolName === "web_fetch" && typeof out.url === "string") {
+                    toolText += " [link:" + out.url + "]";
+                  }
+                  if (toolName === "web_search" && Array.isArray(out.results)) {
+                    toolText += " \\u2014 " + out.results.length + " result" + (out.results.length !== 1 ? "s" : "");
+                  }
                   assistantMessage._currentTools.push(toolText);
                   if (!assistantMessage.metadata) assistantMessage.metadata = {};
                   if (!assistantMessage.metadata.toolActivity) assistantMessage.metadata.toolActivity = [];
@@ -7291,14 +7358,10 @@ ${name}/
 \u251C\u2500\u2500 tests/
 \u2502   \u2514\u2500\u2500 basic.yaml     # Test suite
 \u2514\u2500\u2500 skills/
-    \u251C\u2500\u2500 starter/
-    \u2502   \u251C\u2500\u2500 SKILL.md
-    \u2502   \u2514\u2500\u2500 scripts/
-    \u2502       \u2514\u2500\u2500 starter-echo.ts
-    \u2514\u2500\u2500 fetch-page/
+    \u2514\u2500\u2500 starter/
         \u251C\u2500\u2500 SKILL.md
         \u2514\u2500\u2500 scripts/
-            \u2514\u2500\u2500 fetch-page.ts
+            \u2514\u2500\u2500 starter-echo.ts
 \`\`\`
 
 ## Cron Jobs
@@ -7476,67 +7539,6 @@ var SKILL_TOOL_TEMPLATE = `export default async function run(input) {
   return { echoed: message };
 }
 `;
-var FETCH_PAGE_SKILL_TEMPLATE = `---
-name: fetch-page
-description: Fetch a web page and return its text content
-allowed-tools:
-  - ./scripts/fetch-page.ts
----
-
-# Fetch Page
-
-Fetches a URL and returns the page body as plain text (HTML tags stripped).
-
-## Usage
-
-Call \`run_skill_script\` with:
-- **skill**: \`fetch-page\`
-- **script**: \`./scripts/fetch-page.ts\`
-- **input**: \`{ "url": "https://example.com" }\`
-
-The script returns \`{ url, status, content }\` where \`content\` is the
-text-only body (capped at ~32 000 chars to stay context-friendly).
-`;
-var FETCH_PAGE_SCRIPT_TEMPLATE = `export default async function run(input) {
-  const url = typeof input?.url === "string" ? input.url.trim() : "";
-  if (!url) {
-    return { error: "A \\"url\\" string is required." };
-  }
-
-  const MAX_LENGTH = 32_000;
-
-  const response = await fetch(url, {
-    headers: { "User-Agent": "poncho-fetch-page/1.0" },
-    redirect: "follow",
-  });
-
-  if (!response.ok) {
-    return { url, status: response.status, error: response.statusText };
-  }
-
-  const html = await response.text();
-
-  // Lightweight HTML-to-text: strip tags, collapse whitespace.
-  const text = html
-    .replace(/<script[\\s\\S]*?<\\/script>/gi, "")
-    .replace(/<style[\\s\\S]*?<\\/style>/gi, "")
-    .replace(/<[^>]+>/g, " ")
-    .replace(/&nbsp;/gi, " ")
-    .replace(/&amp;/gi, "&")
-    .replace(/&lt;/gi, "<")
-    .replace(/&gt;/gi, ">")
-    .replace(/&quot;/gi, '"')
-    .replace(/&#39;/gi, "'")
-    .replace(/\\s+/g, " ")
-    .trim();
-
-  const content = text.length > MAX_LENGTH
-    ? text.slice(0, MAX_LENGTH) + "\u2026 (truncated)"
-    : text;
-
-  return { url, status: response.status, content };
-}
-`;
 var ensureFile = async (path, content) => {
   await mkdir3(dirname4(path), { recursive: true });
   await writeFile3(path, content, { encoding: "utf8", flag: "wx" });
@@ -8003,9 +8005,7 @@ var initProject = async (projectName, options) => {
     { path: ".gitignore", content: GITIGNORE_TEMPLATE },
     { path: "tests/basic.yaml", content: TEST_TEMPLATE },
     { path: "skills/starter/SKILL.md", content: SKILL_TEMPLATE },
-    { path: "skills/starter/scripts/starter-echo.ts", content: SKILL_TOOL_TEMPLATE },
-    { path: "skills/fetch-page/SKILL.md", content: FETCH_PAGE_SKILL_TEMPLATE },
-    { path: "skills/fetch-page/scripts/fetch-page.ts", content: FETCH_PAGE_SCRIPT_TEMPLATE }
+    { path: "skills/starter/scripts/starter-echo.ts", content: SKILL_TOOL_TEMPLATE }
   ];
   if (onboarding.envFile) {
     scaffoldFiles.push({ path: ".env", content: onboarding.envFile });
@@ -8363,6 +8363,9 @@ data: ${JSON.stringify(statusPayload)}
           if (currentTools.length > 0) {
             sections.push({ type: "tools", content: currentTools });
             currentTools = [];
+            if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+              assistantResponse += " ";
+            }
           }
           assistantResponse += event.content;
           currentText += event.content;
@@ -8478,6 +8481,9 @@ data: ${JSON.stringify(statusPayload)}
                 if (currentTools.length > 0) {
                   sections.push({ type: "tools", content: currentTools });
                   currentTools = [];
+                  if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+                    assistantResponse += " ";
+                  }
                 }
                 assistantResponse += resumeEvent.content;
                 currentText += resumeEvent.content;
@@ -8725,6 +8731,9 @@ ${resultBody}`,
           if (currentTools.length > 0) {
             sections.push({ type: "tools", content: currentTools });
             currentTools = [];
+            if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+              assistantResponse += " ";
+            }
           }
           assistantResponse += event.content;
           currentText += event.content;
@@ -9011,6 +9020,9 @@ ${resultBody}`,
           if (currentTools.length > 0) {
             sections.push({ type: "tools", content: currentTools });
             currentTools = [];
+            if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+              assistantResponse += " ";
+            }
           }
           assistantResponse += event.content;
           currentText += event.content;
@@ -9294,6 +9306,9 @@ ${resultBody}`,
             if (currentTools.length > 0) {
               sections.push({ type: "tools", content: currentTools });
               currentTools = [];
+              if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+                assistantResponse += " ";
+              }
             }
             assistantResponse += event.content;
             currentText += event.content;
@@ -10821,6 +10836,9 @@ data: ${JSON.stringify(frame)}
             if (currentTools.length > 0) {
               sections.push({ type: "tools", content: currentTools });
               currentTools = [];
+              if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+                assistantResponse += " ";
+              }
             }
             assistantResponse += event.content;
             currentText += event.content;
@@ -11218,6 +11236,9 @@ ${cronJob.task}`;
             if (currentTools.length > 0) {
               sections.push({ type: "tools", content: currentTools });
               currentTools = [];
+              if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+                assistantResponse += " ";
+              }
             }
             assistantResponse += event.content;
             currentText += event.content;
@@ -11388,6 +11409,9 @@ var startDevServer = async (port, options) => {
         if (currentTools.length > 0) {
           sections.push({ type: "tools", content: currentTools });
           currentTools = [];
+          if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+            assistantResponse += " ";
+          }
         }
         assistantResponse += event.content;
         currentText += event.content;
@@ -11652,7 +11676,7 @@ var runInteractive = async (workingDir, params) => {
   await harness.initialize();
   const identity = await ensureAgentIdentity2(workingDir);
   try {
-    const { runInteractiveInk } = await import("./run-interactive-ink-V4KWIUHB.js");
+    const { runInteractiveInk } = await import("./run-interactive-ink-EMTC7MK7.js");
     await runInteractiveInk({
       harness,
       params,

package/dist/cli.js

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

package/dist/index.js

@@ -23,7 +23,7 @@ import {
   runTests,
   startDevServer,
   updateAgentGuidance
-} from "./chunk-3WODYQAB.js";
+} from "./chunk-5OLH7U3C.js";
 export {
   addSkill,
   buildCli,

package/dist/{run-interactive-ink-V4KWIUHB.js → run-interactive-ink-EMTC7MK7.js}

@@ -2,7 +2,7 @@ import {
   consumeFirstRunIntro,
   inferConversationTitle,
   resolveHarnessEnvironment
-} from "./chunk-3WODYQAB.js";
+} from "./chunk-5OLH7U3C.js";
 
 // src/run-interactive-ink.ts
 import * as readline from "readline";
@@ -1882,6 +1882,9 @@ var runInteractiveInk = async ({
             if (currentTools.length > 0) {
               sections.push({ type: "tools", content: currentTools });
               currentTools = [];
+              if (responseText.length > 0 && !/\s$/.test(responseText)) {
+                responseText += " ";
+              }
             }
             responseText += event.content;
             streamedText += event.content;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@poncho-ai/cli",
-  "version": "0.29.0",
+  "version": "0.30.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.27.0",
+    "@poncho-ai/harness": "0.28.0",
     "@poncho-ai/messaging": "0.7.1",
     "@poncho-ai/sdk": "1.6.0"
   },

package/src/index.ts

@@ -586,14 +586,10 @@ ${name}/
 ├── tests/
 │   └── basic.yaml     # Test suite
 └── skills/
-    ├── starter/
-    │   ├── SKILL.md
-    │   └── scripts/
-    │       └── starter-echo.ts
-    └── fetch-page/
+    └── starter/
         ├── SKILL.md
         └── scripts/
-            └── fetch-page.ts
+            └── starter-echo.ts
 \`\`\`
 
 ## Cron Jobs
@@ -776,69 +772,6 @@ const SKILL_TOOL_TEMPLATE = `export default async function run(input) {
 }
 `;
 
-const FETCH_PAGE_SKILL_TEMPLATE = `---
-name: fetch-page
-description: Fetch a web page and return its text content
-allowed-tools:
-  - ./scripts/fetch-page.ts
----
-
-# Fetch Page
-
-Fetches a URL and returns the page body as plain text (HTML tags stripped).
-
-## Usage
-
-Call \`run_skill_script\` with:
-- **skill**: \`fetch-page\`
-- **script**: \`./scripts/fetch-page.ts\`
-- **input**: \`{ "url": "https://example.com" }\`
-
-The script returns \`{ url, status, content }\` where \`content\` is the
-text-only body (capped at ~32 000 chars to stay context-friendly).
-`;
-
-const FETCH_PAGE_SCRIPT_TEMPLATE = `export default async function run(input) {
-  const url = typeof input?.url === "string" ? input.url.trim() : "";
-  if (!url) {
-    return { error: "A \\"url\\" string is required." };
-  }
-
-  const MAX_LENGTH = 32_000;
-
-  const response = await fetch(url, {
-    headers: { "User-Agent": "poncho-fetch-page/1.0" },
-    redirect: "follow",
-  });
-
-  if (!response.ok) {
-    return { url, status: response.status, error: response.statusText };
-  }
-
-  const html = await response.text();
-
-  // Lightweight HTML-to-text: strip tags, collapse whitespace.
-  const text = html
-    .replace(/<script[\\s\\S]*?<\\/script>/gi, "")
-    .replace(/<style[\\s\\S]*?<\\/style>/gi, "")
-    .replace(/<[^>]+>/g, " ")
-    .replace(/&nbsp;/gi, " ")
-    .replace(/&amp;/gi, "&")
-    .replace(/&lt;/gi, "<")
-    .replace(/&gt;/gi, ">")
-    .replace(/&quot;/gi, '"')
-    .replace(/&#39;/gi, "'")
-    .replace(/\\s+/g, " ")
-    .trim();
-
-  const content = text.length > MAX_LENGTH
-    ? text.slice(0, MAX_LENGTH) + "… (truncated)"
-    : text;
-
-  return { url, status: response.status, content };
-}
-`;
-
 const ensureFile = async (path: string, content: string): Promise<void> => {
   await mkdir(dirname(path), { recursive: true });
   await writeFile(path, content, { encoding: "utf8", flag: "wx" });
@@ -1375,8 +1308,6 @@ export const initProject = async (
     { path: "tests/basic.yaml", content: TEST_TEMPLATE },
     { path: "skills/starter/SKILL.md", content: SKILL_TEMPLATE },
     { path: "skills/starter/scripts/starter-echo.ts", content: SKILL_TOOL_TEMPLATE },
-    { path: "skills/fetch-page/SKILL.md", content: FETCH_PAGE_SKILL_TEMPLATE },
-    { path: "skills/fetch-page/scripts/fetch-page.ts", content: FETCH_PAGE_SCRIPT_TEMPLATE },
   ];
   if (onboarding.envFile) {
     scaffoldFiles.push({ path: ".env", content: onboarding.envFile });
@@ -1808,6 +1739,9 @@ export const createRequestHandler = async (options?: {
           if (currentTools.length > 0) {
             sections.push({ type: "tools", content: currentTools });
             currentTools = [];
+            if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+              assistantResponse += " ";
+            }
           }
           assistantResponse += event.content;
           currentText += event.content;
@@ -1930,6 +1864,9 @@ export const createRequestHandler = async (options?: {
                 if (currentTools.length > 0) {
                   sections.push({ type: "tools", content: currentTools });
                   currentTools = [];
+                  if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+                    assistantResponse += " ";
+                  }
                 }
                 assistantResponse += resumeEvent.content;
                 currentText += resumeEvent.content;
@@ -2203,6 +2140,9 @@ export const createRequestHandler = async (options?: {
           if (currentTools.length > 0) {
             sections.push({ type: "tools", content: currentTools });
             currentTools = [];
+            if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+              assistantResponse += " ";
+            }
           }
           assistantResponse += event.content;
           currentText += event.content;
@@ -2534,6 +2474,9 @@ export const createRequestHandler = async (options?: {
           if (currentTools.length > 0) {
             sections.push({ type: "tools", content: currentTools });
             currentTools = [];
+            if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+              assistantResponse += " ";
+            }
           }
           assistantResponse += event.content;
           currentText += event.content;
@@ -2853,6 +2796,9 @@ export const createRequestHandler = async (options?: {
             if (currentTools.length > 0) {
               sections.push({ type: "tools", content: currentTools });
               currentTools = [];
+              if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+                assistantResponse += " ";
+              }
             }
             assistantResponse += event.content;
             currentText += event.content;
@@ -4587,6 +4533,9 @@ export const createRequestHandler = async (options?: {
             if (currentTools.length > 0) {
               sections.push({ type: "tools", content: currentTools });
               currentTools = [];
+              if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+                assistantResponse += " ";
+              }
             }
             assistantResponse += event.content;
             currentText += event.content;
@@ -5030,6 +4979,9 @@ export const createRequestHandler = async (options?: {
             if (currentTools.length > 0) {
               sections.push({ type: "tools", content: currentTools });
               currentTools = [];
+              if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+                assistantResponse += " ";
+              }
             }
             assistantResponse += event.content;
             currentText += event.content;
@@ -5241,6 +5193,9 @@ export const startDevServer = async (
         if (currentTools.length > 0) {
           sections.push({ type: "tools", content: currentTools });
           currentTools = [];
+          if (assistantResponse.length > 0 && !/\s$/.test(assistantResponse)) {
+            assistantResponse += " ";
+          }
         }
         assistantResponse += event.content;
         currentText += event.content;

package/src/run-interactive-ink.ts

@@ -567,6 +567,9 @@ export const runInteractiveInk = async ({
             if (currentTools.length > 0) {
               sections.push({ type: "tools", content: currentTools });
               currentTools = [];
+              if (responseText.length > 0 && !/\s$/.test(responseText)) {
+                responseText += " ";
+              }
             }
             responseText += event.content;
             streamedText += event.content;

package/src/web-ui-client.ts

@@ -342,14 +342,24 @@ export const getWebUiClientScript = (markedSource: string): string => `
           return "";
         }
         const subagentLinkRe = /\\s*\\[subagent:([^\\]]+)\\]$/;
+        const toolLinkRe = /\\s*\\[link:(https?:\\/\\/[^\\]]+)\\]$/;
         const renderActivityItem = (item) => {
-          const match = item.match(subagentLinkRe);
-          if (match) {
+          const subMatch = item.match(subagentLinkRe);
+          if (subMatch) {
             const cleaned = escapeHtml(item.replace(subagentLinkRe, ""));
-            const subId = escapeHtml(match[1]);
+            const subId = escapeHtml(subMatch[1]);
             return '<div class="tool-activity-item">' + cleaned +
               ' <a class="subagent-link" href="javascript:void(0)" data-subagent-id="' + subId + '">View subagent</a></div>';
           }
+          const linkMatch = item.match(toolLinkRe);
+          if (linkMatch) {
+            const cleaned = escapeHtml(item.replace(toolLinkRe, ""));
+            const href = escapeHtml(linkMatch[1]);
+            var displayUrl = linkMatch[1].replace(/^https?:\\/\\//, "");
+            if (displayUrl.length > 55) displayUrl = displayUrl.slice(0, 52) + "...";
+            return '<div class="tool-activity-item">' + cleaned +
+              ' <a class="tool-link" href="' + href + '" target="_blank" rel="noopener">' + escapeHtml(displayUrl) + '</a></div>';
+          }
           return '<div class="tool-activity-item">' + escapeHtml(item) + "</div>";
         };
         const chips = hasItems
@@ -1595,10 +1605,17 @@ export const getWebUiClientScript = (markedSource: string): string => `
                       );
                       const duration =
                         typeof payload.duration === "number" ? payload.duration : null;
-                      const detail =
+                      var detail =
                         activeActivity && typeof activeActivity.detail === "string"
                           ? activeActivity.detail.trim()
                           : "";
+                      const out = payload.output && typeof payload.output === "object" ? payload.output : {};
+                      if (!detail && toolName === "web_search" && typeof out.query === "string") {
+                        detail = "\\x22" + (out.query.length > 60 ? out.query.slice(0, 57) + "..." : out.query) + "\\x22";
+                      }
+                      if (!detail && toolName === "web_fetch" && typeof out.url === "string") {
+                        detail = out.url;
+                      }
                       const meta = [];
                       if (duration !== null) meta.push(duration + "ms");
                       if (detail) meta.push(detail);
@@ -1610,6 +1627,12 @@ export const getWebUiClientScript = (markedSource: string): string => `
                       if (toolName === "spawn_subagent" && payload.output && typeof payload.output === "object" && payload.output.subagentId) {
                         toolText += " [subagent:" + payload.output.subagentId + "]";
                       }
+                      if (toolName === "web_fetch" && typeof out.url === "string") {
+                        toolText += " [link:" + out.url + "]";
+                      }
+                      if (toolName === "web_search" && Array.isArray(out.results)) {
+                        toolText += " \\u2014 " + out.results.length + " result" + (out.results.length !== 1 ? "s" : "");
+                      }
                       assistantMessage._currentTools.push(toolText);
                       assistantMessage.metadata.toolActivity.push(toolText);
                       if (typeof payload.outputTokenEstimate === "number" && payload.outputTokenEstimate > 0 && state.contextWindow > 0) {
@@ -2049,6 +2072,28 @@ export const getWebUiClientScript = (markedSource: string): string => `
           };
         }
 
+        if (toolName === "web_search") {
+          const query = getStringInputField(input, "query");
+          const short = query && query.length > 60 ? query.slice(0, 57) + "..." : query;
+          return {
+            kind: "tool",
+            tool: toolName,
+            label: "Searching" + (short ? " \\x22" + short + "\\x22" : ""),
+            detail: short ? "\\x22" + short + "\\x22" : "",
+          };
+        }
+
+        if (toolName === "web_fetch") {
+          const url = getStringInputField(input, "url");
+          const short = url && url.length > 60 ? url.slice(0, 57) + "..." : url;
+          return {
+            kind: "tool",
+            tool: toolName,
+            label: "Fetching " + (short || "page"),
+            detail: url || "",
+          };
+        }
+
         return {
           kind: "tool",
           tool: toolName,
@@ -2436,10 +2481,17 @@ export const getWebUiClientScript = (markedSource: string): string => `
                     toolName,
                   );
                   const duration = typeof payload.duration === "number" ? payload.duration : null;
-                  const detail =
+                  var detail =
                     activeActivity && typeof activeActivity.detail === "string"
                       ? activeActivity.detail.trim()
                       : "";
+                  const out = payload.output && typeof payload.output === "object" ? payload.output : {};
+                  if (!detail && toolName === "web_search" && typeof out.query === "string") {
+                    detail = "\\x22" + (out.query.length > 60 ? out.query.slice(0, 57) + "..." : out.query) + "\\x22";
+                  }
+                  if (!detail && toolName === "web_fetch" && typeof out.url === "string") {
+                    detail = out.url;
+                  }
                   const meta = [];
                   if (duration !== null) meta.push(duration + "ms");
                   if (detail) meta.push(detail);
@@ -2448,6 +2500,12 @@ export const getWebUiClientScript = (markedSource: string): string => `
                   if (toolName === "spawn_subagent" && payload.output && typeof payload.output === "object" && payload.output.subagentId) {
                     toolText += " [subagent:" + payload.output.subagentId + "]";
                   }
+                  if (toolName === "web_fetch" && typeof out.url === "string") {
+                    toolText += " [link:" + out.url + "]";
+                  }
+                  if (toolName === "web_search" && Array.isArray(out.results)) {
+                    toolText += " \\u2014 " + out.results.length + " result" + (out.results.length !== 1 ? "s" : "");
+                  }
                   assistantMessage._currentTools.push(toolText);
                   if (!assistantMessage.metadata) assistantMessage.metadata = {};
                   if (!assistantMessage.metadata.toolActivity) assistantMessage.metadata.toolActivity = [];

package/src/web-ui-styles.ts

@@ -1551,6 +1551,15 @@ export const WEB_UI_STYLES = `
     .subagent-link:hover {
       text-decoration: underline;
     }
+    .tool-link {
+      color: var(--accent);
+      text-decoration: none;
+      font-size: 11px;
+      margin-left: 4px;
+    }
+    .tool-link:hover {
+      text-decoration: underline;
+    }
     .subagent-callback-wrap {
       padding: 0;
     }