@poncho-ai/cli 0.30.0 → 0.30.2

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";
@@ -773,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";
@@ -796,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);
@@ -808,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) {
@@ -1261,6 +1344,101 @@ export const getWebUiClientScript = (markedSource: string): string => `
           });
         } else if (willStream) {
           setStreaming(true);
+        } else if (payload.needsContinuation && !payload.conversation.parentConversationId) {
+          console.log("[poncho] Detected orphaned continuation for", conversationId, "— auto-resuming");
+          (async () => {
+            try {
+              setStreaming(true);
+              var localMsgs = state.activeMessages || [];
+              var contAssistant = {
+                role: "assistant",
+                content: "",
+                _sections: [],
+                _currentText: "",
+                _currentTools: [],
+                _toolImages: [],
+                _activeActivities: [],
+                _pendingApprovals: [],
+                metadata: { toolActivity: [] }
+              };
+              localMsgs.push(contAssistant);
+              state.activeMessages = localMsgs;
+              state._activeStreamMessages = localMsgs;
+              renderMessages(localMsgs, true);
+              var contResp = await fetch(
+                "/api/conversations/" + encodeURIComponent(conversationId) + "/messages",
+                {
+                  method: "POST",
+                  credentials: "include",
+                  headers: { "Content-Type": "application/json", "x-csrf-token": state.csrfToken },
+                  body: JSON.stringify({ continuation: true }),
+                },
+              );
+              if (!contResp.ok || !contResp.body) {
+                contAssistant._error = "Failed to resume — reload to retry";
+                setStreaming(false);
+                renderMessages(localMsgs, false);
+                return;
+              }
+              state.activeStreamConversationId = conversationId;
+              var contReader = contResp.body.getReader();
+              var contDecoder = new TextDecoder();
+              var contBuffer = "";
+              while (true) {
+                var chunk = await contReader.read();
+                if (chunk.done) break;
+                contBuffer += contDecoder.decode(chunk.value, { stream: true });
+                contBuffer = parseSseChunk(contBuffer, function(evtName, evtPayload) {
+                  if (evtName === "model:chunk" && evtPayload.content) {
+                    contAssistant.content = (contAssistant.content || "") + evtPayload.content;
+                    contAssistant._currentText += evtPayload.content;
+                  }
+                  if (evtName === "tool:started") {
+                    if (contAssistant._currentText) {
+                      contAssistant._sections.push({ type: "text", content: contAssistant._currentText });
+                      contAssistant._currentText = "";
+                    }
+                    contAssistant._currentTools.push("- start \`" + evtPayload.tool + "\`");
+                  }
+                  if (evtName === "tool:completed") {
+                    contAssistant._currentTools.push("- done \`" + evtPayload.tool + "\` (" + evtPayload.duration + "ms)");
+                  }
+                  if (evtName === "tool:error") {
+                    contAssistant._currentTools.push("- error \`" + evtPayload.tool + "\`: " + evtPayload.error);
+                  }
+                  if (evtName === "run:completed" || evtName === "run:error" || evtName === "run:cancelled") {
+                    if (contAssistant._currentTools.length > 0) {
+                      contAssistant._sections.push({ type: "tools", content: contAssistant._currentTools });
+                      contAssistant._currentTools = [];
+                    }
+                    if (contAssistant._currentText) {
+                      contAssistant._sections.push({ type: "text", content: contAssistant._currentText });
+                      contAssistant._currentText = "";
+                    }
+                    contAssistant._activeActivities = [];
+                    if (evtName === "run:error") {
+                      contAssistant._error = evtPayload.error?.message || "Something went wrong";
+                    }
+                    if (evtName === "run:completed" && evtPayload.result?.continuation === true) {
+                      // Another continuation needed — reload to pick it up
+                      loadConversation(conversationId).catch(function() {});
+                    }
+                  }
+                  renderMessages(localMsgs, true);
+                });
+              }
+              setStreaming(false);
+              renderMessages(localMsgs, false);
+              await loadConversations();
+            } catch (contErr) {
+              console.error("[poncho] Auto-continuation failed:", contErr);
+              setStreaming(false);
+              await loadConversation(conversationId).catch(function() {});
+            } finally {
+              state.activeStreamConversationId = null;
+              state._activeStreamMessages = null;
+            }
+          })();
         }
       };
 
@@ -2344,6 +2522,7 @@ export const getWebUiClientScript = (markedSource: string): string => `
           let _totalSteps = 0;
           let _maxSteps = 0;
           let _isContinuation = false;
+          let _receivedTerminalEvent = false;
           while (true) {
           let _shouldContinue = false;
           let fetchOpts;
@@ -2673,6 +2852,7 @@ export const getWebUiClientScript = (markedSource: string): string => `
                   }
                 }
                 if (eventName === "run:completed") {
+                  _receivedTerminalEvent = true;
                   _totalSteps += typeof payload.result?.steps === "number" ? payload.result.steps : 0;
                   if (typeof payload.result?.maxSteps === "number") _maxSteps = payload.result.maxSteps;
                   if (payload.result?.continuation === true && (_maxSteps <= 0 || _totalSteps < _maxSteps)) {
@@ -2689,10 +2869,12 @@ export const getWebUiClientScript = (markedSource: string): string => `
                   }
                 }
                 if (eventName === "run:cancelled") {
+                  _receivedTerminalEvent = true;
                   finalizeAssistantMessage();
                   renderIfActiveConversation(false);
                 }
                 if (eventName === "run:error") {
+                  _receivedTerminalEvent = true;
                   finalizeAssistantMessage();
                   const errMsg = payload.error?.message || "Something went wrong";
                   assistantMessage._error = errMsg;
@@ -2703,7 +2885,19 @@ export const getWebUiClientScript = (markedSource: string): string => `
               }
             });
           }
+          if (!_shouldContinue && !_receivedTerminalEvent) {
+            try {
+              const recoveryPayload = await api("/api/conversations/" + encodeURIComponent(conversationId));
+              if (recoveryPayload.needsContinuation) {
+                _shouldContinue = true;
+                console.log("[poncho] Stream ended without terminal event, server has continuation — resuming");
+              }
+            } catch (_recoverErr) {
+              console.warn("[poncho] Recovery check failed after abrupt stream end");
+            }
+          }
           if (!_shouldContinue) break;
+          _receivedTerminalEvent = false;
           _isContinuation = true;
           }
           // Update active state only if user is still on this conversation.
@@ -2977,7 +3171,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) => {
@@ -3025,16 +3219,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;
@@ -1572,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;
@@ -1616,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 */