@poncho-ai/cli 0.29.0 → 0.30.1

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

@@ -30,6 +30,8 @@ export const getWebUiClientScript = (markedSource: string): string => `
         parentConversationId: null,
         todos: [],
         todoPanelCollapsed: false,
+        cronSectionCollapsed: true,
+        cronShowAll: false,
       };
 
       const agentInitial = document.body.dataset.agentInitial || "A";
@@ -342,14 +344,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
@@ -763,11 +775,86 @@ export const getWebUiClientScript = (markedSource: string): string => `
         }
       };
 
+      const cronCaretSvg = '<svg viewBox="0 0 12 12" fill="none" width="10" height="10"><path d="M4.5 2.75L8 6L4.5 9.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>';
+
+      const parseCronTitle = (title) => {
+        const rest = title.replace(/^\[cron\]\s*/, "");
+        const isoMatch = rest.match(/\s(\d{4}-\d{2}-\d{2}T[\d:.]+Z?)$/);
+        if (isoMatch) {
+          return { jobName: rest.slice(0, isoMatch.index).trim(), timestamp: isoMatch[1] };
+        }
+        return { jobName: rest, timestamp: "" };
+      };
+
+      const formatCronTimestamp = (isoStr) => {
+        if (!isoStr) return "";
+        try {
+          const d = new Date(isoStr);
+          if (isNaN(d.getTime())) return isoStr;
+          return d.toLocaleString(undefined, { month: "short", day: "numeric", hour: "numeric", minute: "2-digit" });
+        } catch { return isoStr; }
+      };
+
+      const CRON_PAGE_SIZE = 20;
+
+      const appendCronSection = (cronConvs, needsDivider) => {
+        if (needsDivider) {
+          const divider = document.createElement("div");
+          divider.className = "sidebar-section-divider";
+          elements.list.appendChild(divider);
+        }
+
+        cronConvs.sort((a, b) => (b.updatedAt || b.createdAt || 0) - (a.updatedAt || a.createdAt || 0));
+
+        const isOpen = !state.cronSectionCollapsed;
+        const header = document.createElement("div");
+        header.className = "cron-section-header";
+        header.innerHTML =
+          '<span class="cron-section-caret' + (isOpen ? ' open' : '') + '">' + cronCaretSvg + '</span>' +
+          '<span>Cron jobs</span>' +
+          '<span class="cron-section-count">' + cronConvs.length + '</span>';
+        header.onclick = () => {
+          state.cronSectionCollapsed = !state.cronSectionCollapsed;
+          state.cronShowAll = false;
+          renderConversationList();
+        };
+        elements.list.appendChild(header);
+
+        if (state.cronSectionCollapsed) return;
+
+        const limit = state.cronShowAll ? cronConvs.length : CRON_PAGE_SIZE;
+        const visible = cronConvs.slice(0, limit);
+
+        for (const c of visible) {
+          const { jobName, timestamp } = parseCronTitle(c.title);
+          const fmtTime = formatCronTimestamp(timestamp);
+          const displayTitle = fmtTime ? jobName + " \\u00b7 " + fmtTime : c.title;
+          elements.list.appendChild(buildConversationItem(Object.assign({}, c, { title: displayTitle })));
+          appendSubagentsIfActive(c.conversationId);
+        }
+
+        if (!state.cronShowAll && cronConvs.length > CRON_PAGE_SIZE) {
+          const remaining = cronConvs.length - CRON_PAGE_SIZE;
+          const viewMore = document.createElement("div");
+          viewMore.className = "cron-view-more";
+          viewMore.textContent = "View " + remaining + " more\\u2026";
+          viewMore.onclick = () => {
+            state.cronShowAll = true;
+            renderConversationList();
+          };
+          elements.list.appendChild(viewMore);
+        }
+      };
+
       const renderConversationList = () => {
         elements.list.innerHTML = "";
         const pending = state.conversations.filter(c => c.hasPendingApprovals);
         const rest = state.conversations.filter(c => !c.hasPendingApprovals);
 
+        const isCron = (c) => c.title && c.title.startsWith("[cron]");
+        const cronConvs = rest.filter(isCron);
+        const nonCron = rest.filter(c => !isCron(c));
+
         if (pending.length > 0) {
           const label = document.createElement("div");
           label.className = "sidebar-section-label";
@@ -786,7 +873,7 @@ export const getWebUiClientScript = (markedSource: string): string => `
         const latest = [];
         const previous7 = [];
         const older = [];
-        for (const c of rest) {
+        for (const c of nonCron) {
           const ts = c.updatedAt || c.createdAt || 0;
           if (ts >= startOfToday) {
             latest.push(c);
@@ -798,6 +885,12 @@ export const getWebUiClientScript = (markedSource: string): string => `
         }
 
         let sectionRendered = pending.length > 0;
+
+        if (cronConvs.length > 0) {
+          appendCronSection(cronConvs, sectionRendered);
+          sectionRendered = true;
+        }
+
         const appendSection = (items, labelText) => {
           if (items.length === 0) return;
           if (sectionRendered) {
@@ -1595,10 +1688,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 +1710,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 +2155,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 +2564,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 +2583,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 = [];
@@ -2919,7 +3060,7 @@ export const getWebUiClientScript = (markedSource: string): string => `
           state: "resolved",
           resolvedDecision: decision,
         }));
-        api("/api/approvals/" + encodeURIComponent(approvalId), {
+        return api("/api/approvals/" + encodeURIComponent(approvalId), {
           method: "POST",
           body: JSON.stringify({ approved: decision === "approve" }),
         }).catch((error) => {
@@ -2967,16 +3108,54 @@ export const getWebUiClientScript = (markedSource: string): string => `
           if (pending.length === 0) return;
           const wasStreaming = state.isStreaming;
           if (!wasStreaming) setStreaming(true);
-          pending.forEach((aid) => submitApproval(aid, decision));
+          // Mark all items as resolved in the UI immediately
+          for (const aid of pending) {
+            state.approvalRequestsInFlight[aid] = true;
+            updatePendingApproval(aid, (request) => ({
+              ...request,
+              state: "resolved",
+              resolvedDecision: decision,
+            }));
+          }
           renderMessages(state.activeMessages, state.isStreaming);
           loadConversations();
-          if (!wasStreaming && state.activeConversationId) {
-            const cid = state.activeConversationId;
-            await streamConversationEvents(cid, { liveOnly: true });
-            if (state.activeConversationId === cid) {
-              pollUntilRunIdle(cid);
-            }
+          const streamCid = !wasStreaming && state.activeConversationId
+            ? state.activeConversationId
+            : null;
+          if (streamCid) {
+            streamConversationEvents(streamCid, { liveOnly: true }).finally(() => {
+              if (state.activeConversationId === streamCid) {
+                pollUntilRunIdle(streamCid);
+              }
+            });
           }
+          // Send API calls sequentially so each store write completes
+          // before the next read (avoids last-writer-wins in serverless).
+          void (async () => {
+            for (const aid of pending) {
+              await api("/api/approvals/" + encodeURIComponent(aid), {
+                method: "POST",
+                body: JSON.stringify({ approved: decision === "approve" }),
+              }).catch((error) => {
+                const isStale = error && error.payload && error.payload.code === "APPROVAL_NOT_FOUND";
+                if (isStale) {
+                  updatePendingApproval(aid, () => null);
+                } else {
+                  const errMsg = error instanceof Error ? error.message : String(error);
+                  updatePendingApproval(aid, (request) => ({
+                    ...request,
+                    state: "pending",
+                    pendingDecision: null,
+                    resolvedDecision: null,
+                    _error: errMsg,
+                  }));
+                }
+                renderMessages(state.activeMessages, state.isStreaming);
+              }).finally(() => {
+                delete state.approvalRequestsInFlight[aid];
+              });
+            }
+          })();
           return;
         }
 

package/src/web-ui-styles.ts

@@ -401,6 +401,41 @@ export const WEB_UI_STYLES = `
     .conversation-item .delete-btn.confirming:hover {
       color: var(--error-alt);
     }
+    .cron-section-header {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 10px 4px;
+      cursor: pointer;
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--fg-7);
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+      user-select: none;
+      transition: color 0.15s;
+    }
+    .cron-section-header:hover { color: var(--fg-5); }
+    .cron-section-caret {
+      display: inline-flex;
+      transition: transform 0.15s;
+    }
+    .cron-section-caret.open { transform: rotate(90deg); }
+    .cron-section-count {
+      font-weight: 400;
+      color: var(--fg-8);
+      font-size: 11px;
+    }
+    .cron-view-more {
+      padding: 6px 10px;
+      font-size: 12px;
+      color: var(--fg-7);
+      cursor: pointer;
+      text-align: center;
+      transition: color 0.15s;
+      user-select: none;
+    }
+    .cron-view-more:hover { color: var(--fg-3); }
     .sidebar-footer {
       margin-top: auto;
       padding-top: 8px;
@@ -1551,6 +1586,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;
     }
@@ -1563,6 +1607,8 @@ export const WEB_UI_STYLES = `
       line-height: 1.45;
       color: var(--fg-tool-code);
       width: 100%;
+      min-width: 0;
+      overflow: hidden;
     }
     .subagent-result-summary {
       list-style: none;
@@ -1607,6 +1653,19 @@ export const WEB_UI_STYLES = `
       display: grid;
       gap: 6px;
       padding: 0 12px 10px;
+      min-width: 0;
+      overflow-x: auto;
+      overflow-wrap: break-word;
+      word-break: break-word;
+    }
+    .subagent-result-body pre {
+      max-width: 100%;
+      overflow-x: auto;
+    }
+    .subagent-result-body table {
+      max-width: 100%;
+      overflow-x: auto;
+      display: block;
     }
 
     /* Todo panel — inside composer-inner, above the input shell */