npm - @poncho-ai/cli - Versions diffs - 0.13.0 → 0.14.1 - Mend

@poncho-ai/cli 0.13.0 → 0.14.1

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 (12) hide show

package/.turbo/turbo-build.log +6 -6
package/CHANGELOG.md +42 -0
package/dist/{chunk-CUCEDHME.js → chunk-AIEVSNGF.js} +1994 -467
package/dist/cli.js +1 -1
package/dist/index.js +1 -1
package/dist/{run-interactive-ink-VZBOYJYS.js → run-interactive-ink-7ULE5JJI.js} +151 -118
package/package.json +4 -4
package/src/api-docs.ts +674 -0
package/src/index.ts +632 -229
package/src/init-onboarding.ts +14 -1
package/src/run-interactive-ink.ts +171 -147
package/src/web-ui.ts +760 -244

package/dist/{chunk-CUCEDHME.js → chunk-AIEVSNGF.js} RENAMED Viewed

@@ -24,6 +24,7 @@ import {
 import { getTextContent } from "@poncho-ai/sdk";
 import {
   AgentBridge,
+  ResendAdapter,
   SlackAdapter
 } from "@poncho-ai/messaging";
 import Busboy from "busboy";
@@ -258,7 +259,8 @@ var renderWebUiHtml = (options) => {
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
-  <meta name="theme-color" content="#000000">
+  <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
+  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
   <meta name="apple-mobile-web-app-title" content="${agentName}">
@@ -268,12 +270,172 @@ var renderWebUiHtml = (options) => {
   <title>${agentName}</title>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata:400,700">
   <style>
+    :root {
+      color-scheme: light dark;
+      --bg: #000;
+      --bg-alt: #0a0a0a;
+      --bg-elevated: #111;
+      --fg: #ededed;
+      --fg-strong: #fff;
+      --fg-2: #888;
+      --fg-3: #999;
+      --fg-4: #777;
+      --fg-5: #666;
+      --fg-6: #555;
+      --fg-7: #444;
+      --fg-8: #333;
+      --fg-tool: #8a8a8a;
+      --fg-tool-code: #bcbcbc;
+      --fg-tool-item: #d6d6d6;
+      --fg-approval-label: #b0b0b0;
+      --fg-approval-input: #cfcfcf;
+      --fg-approval-btn: #f0f0f0;
+      --accent: #ededed;
+      --accent-fg: #000;
+      --accent-hover: #fff;
+      --stop-bg: #4a4a4a;
+      --stop-fg: #fff;
+      --stop-hover: #565656;
+      --border-1: rgba(255,255,255,0.06);
+      --border-2: rgba(255,255,255,0.08);
+      --border-3: rgba(255,255,255,0.1);
+      --border-4: rgba(255,255,255,0.12);
+      --border-5: rgba(255,255,255,0.18);
+      --border-focus: rgba(255,255,255,0.2);
+      --border-hover: rgba(255,255,255,0.25);
+      --border-drag: rgba(255,255,255,0.4);
+      --surface-1: rgba(255,255,255,0.02);
+      --surface-2: rgba(255,255,255,0.03);
+      --surface-3: rgba(255,255,255,0.04);
+      --surface-4: rgba(255,255,255,0.06);
+      --surface-5: rgba(255,255,255,0.08);
+      --surface-6: rgba(255,255,255,0.1);
+      --surface-7: rgba(255,255,255,0.12);
+      --surface-8: rgba(255,255,255,0.14);
+      --chip-bg: rgba(0,0,0,0.6);
+      --chip-bg-hover: rgba(0,0,0,0.75);
+      --backdrop: rgba(0,0,0,0.6);
+      --lightbox-bg: rgba(0,0,0,0.85);
+      --inset-1: rgba(0,0,0,0.16);
+      --inset-2: rgba(0,0,0,0.25);
+      --file-badge-bg: rgba(0,0,0,0.2);
+      --file-badge-fg: rgba(255,255,255,0.8);
+      --error: #ff4444;
+      --error-soft: #ff6b6b;
+      --error-alt: #ff6666;
+      --error-bg: rgba(255,68,68,0.08);
+      --error-border: rgba(255,68,68,0.25);
+      --tool-done: #6a9955;
+      --tool-error: #f48771;
+      --warning: #e8a735;
+      --approve: #78e7a6;
+      --approve-border: rgba(58,208,122,0.45);
+      --deny: #f59b9b;
+      --deny-border: rgba(224,95,95,0.45);
+      --scrollbar: rgba(255,255,255,0.1);
+      --scrollbar-hover: rgba(255,255,255,0.16);
+    }
+    @media (prefers-color-scheme: light) {
+      :root {
+        --bg: #ffffff;
+        --bg-alt: #f5f5f5;
+        --bg-elevated: #e8e8e8;
+        --fg: #1a1a1a;
+        --fg-strong: #000;
+        --fg-2: #666;
+        --fg-3: #555;
+        --fg-4: #777;
+        --fg-5: #888;
+        --fg-6: #888;
+        --fg-7: #aaa;
+        --fg-8: #bbb;
+        --fg-tool: #666;
+        --fg-tool-code: #444;
+        --fg-tool-item: #333;
+        --fg-approval-label: #666;
+        --fg-approval-input: #444;
+        --fg-approval-btn: #1a1a1a;
+        --accent: #1a1a1a;
+        --accent-fg: #fff;
+        --accent-hover: #000;
+        --stop-bg: #d4d4d4;
+        --stop-fg: #333;
+        --stop-hover: #c4c4c4;
+        --border-1: rgba(0,0,0,0.06);
+        --border-2: rgba(0,0,0,0.08);
+        --border-3: rgba(0,0,0,0.1);
+        --border-4: rgba(0,0,0,0.1);
+        --border-5: rgba(0,0,0,0.15);
+        --border-focus: rgba(0,0,0,0.2);
+        --border-hover: rgba(0,0,0,0.2);
+        --border-drag: rgba(0,0,0,0.3);
+        --surface-1: rgba(0,0,0,0.02);
+        --surface-2: rgba(0,0,0,0.03);
+        --surface-3: rgba(0,0,0,0.03);
+        --surface-4: rgba(0,0,0,0.04);
+        --surface-5: rgba(0,0,0,0.05);
+        --surface-6: rgba(0,0,0,0.07);
+        --surface-7: rgba(0,0,0,0.08);
+        --surface-8: rgba(0,0,0,0.1);
+        --chip-bg: rgba(255,255,255,0.8);
+        --chip-bg-hover: rgba(255,255,255,0.9);
+        --backdrop: rgba(0,0,0,0.3);
+        --lightbox-bg: rgba(0,0,0,0.75);
+        --inset-1: rgba(0,0,0,0.04);
+        --inset-2: rgba(0,0,0,0.06);
+        --file-badge-bg: rgba(0,0,0,0.05);
+        --file-badge-fg: rgba(0,0,0,0.7);
+        --error: #dc2626;
+        --error-soft: #ef4444;
+        --error-alt: #ef4444;
+        --error-bg: rgba(220,38,38,0.06);
+        --error-border: rgba(220,38,38,0.2);
+        --tool-done: #16a34a;
+        --tool-error: #dc2626;
+        --warning: #ca8a04;
+        --approve: #16a34a;
+        --approve-border: rgba(22,163,74,0.35);
+        --deny: #dc2626;
+        --deny-border: rgba(220,38,38,0.3);
+        --scrollbar: rgba(0,0,0,0.12);
+        --scrollbar-hover: rgba(0,0,0,0.2);
+      }
+    }
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html, body { height: 100vh; overflow: hidden; overscroll-behavior: none; touch-action: pan-y; }
     body {
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
-      background: #000;
-      color: #ededed;
+      background: var(--bg);
+      color: var(--fg);
       font-size: 14px;
       line-height: 1.5;
       -webkit-font-smoothing: antialiased;
@@ -281,7 +443,7 @@ var renderWebUiHtml = (options) => {
     }
     button, input, textarea { font: inherit; color: inherit; }
     .hidden { display: none !important; }
-    a { color: #ededed; }
+    a { color: var(--fg); }
     /* Auth */
     .auth {
@@ -289,39 +451,39 @@ var renderWebUiHtml = (options) => {
       display: grid;
       place-items: center;
       padding: 20px;
-      background: #000;
+      background: var(--bg);
     }
     .auth-card {
       width: min(400px, 90vw);
     }
     .auth-shell {
-      background: #0a0a0a;
-      border: 1px solid rgba(255,255,255,0.1);
+      background: var(--bg-alt);
+      border: 1px solid var(--border-3);
       border-radius: 9999px;
       display: flex;
       align-items: center;
       padding: 4px 6px 4px 18px;
       transition: border-color 0.15s;
     }
-    .auth-shell:focus-within { border-color: rgba(255,255,255,0.2); }
+    .auth-shell:focus-within { border-color: var(--border-focus); }
     .auth-input {
       flex: 1;
       background: transparent;
       border: 0;
       outline: none;
-      color: #ededed;
+      color: var(--fg);
       padding: 10px 0 8px;
       font-size: 14px;
       margin-top: -2px;
     }
-    .auth-input::placeholder { color: #444; }
+    .auth-input::placeholder { color: var(--fg-7); }
     .auth-submit {
       width: 32px;
       height: 32px;
-      background: #ededed;
+      background: var(--accent);
       border: 0;
       border-radius: 50%;
-      color: #000;
+      color: var(--accent-fg);
       cursor: pointer;
       display: grid;
       place-items: center;
@@ -329,19 +491,19 @@ var renderWebUiHtml = (options) => {
       margin-bottom: 2px;
       transition: background 0.15s;
     }
-    .auth-submit:hover { background: #fff; }
-    .error { color: #ff4444; font-size: 13px; min-height: 16px; }
+    .auth-submit:hover { background: var(--accent-hover); }
+    .error { color: var(--error); font-size: 13px; min-height: 16px; }
     .message-error {
-      background: rgba(255,68,68,0.08);
-      border: 1px solid rgba(255,68,68,0.25);
+      background: var(--error-bg);
+      border: 1px solid var(--error-border);
       border-radius: 10px;
-      color: #ff6b6b;
+      color: var(--error-soft);
       padding: 12px 16px;
       font-size: 13px;
       line-height: 1.5;
       max-width: 600px;
     }
-    .message-error strong { color: #ff4444; }
+    .message-error strong { color: var(--error); }
     /* Layout - use fixed positioning with explicit dimensions */
     .shell {
@@ -373,8 +535,8 @@ var renderWebUiHtml = (options) => {
     }
     .sidebar {
       width: 260px;
-      background: #000;
-      border-right: 1px solid rgba(255,255,255,0.06);
+      background: var(--bg);
+      border-right: 1px solid var(--border-1);
       display: flex;
       flex-direction: column;
       padding: 12px 8px;
@@ -382,7 +544,7 @@ var renderWebUiHtml = (options) => {
     .new-chat-btn {
       background: transparent;
       border: 0;
-      color: #888;
+      color: var(--fg-2);
       border-radius: 12px;
       height: 36px;
       padding: 0 10px;
@@ -393,7 +555,7 @@ var renderWebUiHtml = (options) => {
       cursor: pointer;
       transition: background 0.15s, color 0.15s;
     }
-    .new-chat-btn:hover { color: #ededed; }
+    .new-chat-btn:hover { color: var(--fg); }
     .new-chat-btn svg { width: 16px; height: 16px; }
     .conversation-list {
       flex: 1;
@@ -403,6 +565,20 @@ var renderWebUiHtml = (options) => {
       flex-direction: column;
       gap: 2px;
     }
+    .sidebar-section-label {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--fg-7);
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+      padding: 10px 10px 4px;
+    }
+    .sidebar-section-label:first-child { padding-top: 4px; }
+    .sidebar-section-divider {
+      height: 1px;
+      background: var(--border);
+      margin: 6px 10px;
+    }
     .conversation-item {
       height: 36px;
       min-height: 36px;
@@ -413,16 +589,26 @@ var renderWebUiHtml = (options) => {
       cursor: pointer;
       font-size: 13px;
       line-height: 36px;
-      color: #555;
+      color: var(--fg-6);
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       position: relative;
       transition: color 0.15s;
     }
-    .conversation-item:hover { color: #999; }
+    .conversation-item .approval-dot {
+      display: inline-block;
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: var(--warning, #e8a735);
+      margin-right: 6px;
+      flex-shrink: 0;
+      vertical-align: middle;
+    }
+    .conversation-item:hover { color: var(--fg-3); }
     .conversation-item.active {
-      color: #ededed;
+      color: var(--fg);
     }
     .conversation-item .delete-btn {
       position: absolute;
@@ -430,9 +616,9 @@ var renderWebUiHtml = (options) => {
       top: 0;
       bottom: 0;
       opacity: 0;
-      background: #000;
+      background: var(--bg);
       border: 0;
-      color: #444;
+      color: var(--fg-7);
       padding: 0 8px;
       border-radius: 0 4px 4px 0;
       cursor: pointer;
@@ -443,7 +629,7 @@ var renderWebUiHtml = (options) => {
       transition: opacity 0.15s, color 0.15s;
     }
     .conversation-item:hover .delete-btn { opacity: 1; }
-    .conversation-item.active .delete-btn { background: rgba(0,0,0,1); }
+    .conversation-item.active .delete-btn { background: var(--bg); }
     .conversation-item .delete-btn::before {
       content: "";
       position: absolute;
@@ -451,23 +637,23 @@ var renderWebUiHtml = (options) => {
       top: 0;
       bottom: 0;
       width: 24px;
-      background: linear-gradient(to right, transparent, #000);
+      background: linear-gradient(to right, transparent, var(--bg));
       pointer-events: none;
     }
     .conversation-item.active .delete-btn::before {
-      background: linear-gradient(to right, transparent, rgba(0,0,0,1));
+      background: linear-gradient(to right, transparent, var(--bg));
     }
-    .conversation-item .delete-btn:hover { color: #888; }
+    .conversation-item .delete-btn:hover { color: var(--fg-2); }
     .conversation-item .delete-btn.confirming {
       opacity: 1;
       width: auto;
       padding: 0 8px;
       font-size: 11px;
-      color: #ff4444;
+      color: var(--error);
       border-radius: 3px;
     }
     .conversation-item .delete-btn.confirming:hover {
-      color: #ff6666;
+      color: var(--error-alt);
     }
     .sidebar-footer {
       margin-top: auto;
@@ -476,7 +662,7 @@ var renderWebUiHtml = (options) => {
     .logout-btn {
       background: transparent;
       border: 0;
-      color: #555;
+      color: var(--fg-6);
       width: 100%;
       padding: 8px 10px;
       text-align: left;
@@ -485,10 +671,10 @@ var renderWebUiHtml = (options) => {
       font-size: 13px;
       transition: color 0.15s, background 0.15s;
     }
-    .logout-btn:hover { color: #888; }
+    .logout-btn:hover { color: var(--fg-2); }
     /* Main */
-    .main { flex: 1; display: flex; flex-direction: column; min-width: 0; max-width: 100%; background: #000; overflow: hidden; }
+    .main { flex: 1; display: flex; flex-direction: column; min-width: 0; max-width: 100%; background: var(--bg); overflow: hidden; }
     .topbar {
       height: calc(52px + env(safe-area-inset-top, 0px));
       padding-top: env(safe-area-inset-top, 0px);
@@ -497,8 +683,8 @@ var renderWebUiHtml = (options) => {
       justify-content: center;
       font-size: 13px;
       font-weight: 500;
-      color: #888;
-      border-bottom: 1px solid rgba(255,255,255,0.06);
+      color: var(--fg-2);
+      border-bottom: 1px solid var(--border-1);
       position: relative;
       flex-shrink: 0;
     }
@@ -517,7 +703,7 @@ var renderWebUiHtml = (options) => {
       bottom: 4px; /* Position from bottom of topbar content area */
       background: transparent;
       border: 0;
-      color: #666;
+      color: var(--fg-5);
       width: 44px;
       height: 44px;
       border-radius: 6px;
@@ -527,7 +713,7 @@ var renderWebUiHtml = (options) => {
       z-index: 10;
       -webkit-tap-highlight-color: transparent;
     }
-    .sidebar-toggle:hover { color: #ededed; }
+    .sidebar-toggle:hover { color: var(--fg); }
     .topbar-new-chat {
       display: none;
       position: absolute;
@@ -535,7 +721,7 @@ var renderWebUiHtml = (options) => {
       bottom: 4px;
       background: transparent;
       border: 0;
-      color: #666;
+      color: var(--fg-5);
       width: 44px;
       height: 44px;
       border-radius: 6px;
@@ -544,7 +730,7 @@ var renderWebUiHtml = (options) => {
       z-index: 10;
       -webkit-tap-highlight-color: transparent;
     }
-    .topbar-new-chat:hover { color: #ededed; }
+    .topbar-new-chat:hover { color: var(--fg); }
     .topbar-new-chat svg { width: 16px; height: 16px; }
     /* Messages */
@@ -556,8 +742,8 @@ var renderWebUiHtml = (options) => {
     .assistant-avatar {
       width: 24px;
       height: 24px;
-      background: #ededed;
-      color: #000;
+      background: var(--accent);
+      color: var(--accent-fg);
       border-radius: 6px;
       display: grid;
       place-items: center;
@@ -568,7 +754,7 @@ var renderWebUiHtml = (options) => {
     }
     .assistant-content {
       line-height: 1.65;
-      color: #ededed;
+      color: var(--fg);
       font-size: 14px;
       min-width: 0;
       max-width: 100%;
@@ -580,32 +766,32 @@ var renderWebUiHtml = (options) => {
     .assistant-content p:last-child { margin-bottom: 0; }
     .assistant-content ul, .assistant-content ol { margin: 8px 0; padding-left: 20px; }
     .assistant-content li { margin: 4px 0; }
-    .assistant-content strong { font-weight: 600; color: #fff; }
+    .assistant-content strong { font-weight: 600; color: var(--fg-strong); }
     .assistant-content h2 {
       font-size: 16px;
       font-weight: 600;
       letter-spacing: -0.02em;
       margin: 20px 0 8px;
-      color: #fff;
+      color: var(--fg-strong);
     }
     .assistant-content h3 {
       font-size: 14px;
       font-weight: 600;
       letter-spacing: -0.01em;
       margin: 16px 0 6px;
-      color: #fff;
+      color: var(--fg-strong);
     }
     .assistant-content code {
-      background: rgba(255,255,255,0.06);
-      border: 1px solid rgba(255,255,255,0.06);
+      background: var(--surface-4);
+      border: 1px solid var(--border-1);
       padding: 2px 5px;
       border-radius: 4px;
       font-family: ui-monospace, "SF Mono", "Fira Code", monospace;
       font-size: 0.88em;
     }
     .assistant-content pre {
-      background: #0a0a0a;
-      border: 1px solid rgba(255,255,255,0.06);
+      background: var(--bg-alt);
+      border: 1px solid var(--border-1);
       padding: 14px 16px;
       border-radius: 8px;
       overflow-x: auto;
@@ -622,33 +808,33 @@ var renderWebUiHtml = (options) => {
       margin: 8px 0;
       font-size: 12px;
       line-height: 1.45;
-      color: #8a8a8a;
+      color: var(--fg-tool);
     }
     .tool-activity-inline code {
       font-family: ui-monospace, "SF Mono", "Fira Code", monospace;
-      background: rgba(255,255,255,0.04);
-      border: 1px solid rgba(255,255,255,0.08);
+      background: var(--surface-3);
+      border: 1px solid var(--border-2);
       padding: 4px 8px;
       border-radius: 6px;
-      color: #bcbcbc;
+      color: var(--fg-tool-code);
       font-size: 11px;
     }
     .tool-status {
-      color: #8a8a8a;
+      color: var(--fg-tool);
       font-style: italic;
     }
     .tool-done {
-      color: #6a9955;
+      color: var(--tool-done);
     }
     .tool-error {
-      color: #f48771;
+      color: var(--tool-error);
     }
-    .assistant-content table {
+    .assistant-content table:not(.approval-request-table) {
       border-collapse: collapse;
       width: 100%;
       margin: 14px 0;
       font-size: 13px;
-      border: 1px solid rgba(255,255,255,0.08);
+      border: 1px solid var(--border-2);
       border-radius: 8px;
       overflow: hidden;
       display: block;
@@ -656,42 +842,46 @@ var renderWebUiHtml = (options) => {
       overflow-x: auto;
       white-space: nowrap;
     }
-    .assistant-content th {
-      background: rgba(255,255,255,0.06);
+    .assistant-content table:not(.approval-request-table) th {
+      background: var(--surface-4);
       padding: 10px 12px;
       text-align: left;
       font-weight: 600;
-      border-bottom: 1px solid rgba(255,255,255,0.12);
-      color: #fff;
+      border-bottom: 1px solid var(--border-4);
+      color: var(--fg-strong);
       min-width: 100px;
     }
-    .assistant-content td {
+    .assistant-content table:not(.approval-request-table) td {
       padding: 10px 12px;
-      border-bottom: 1px solid rgba(255,255,255,0.06);
+      border-bottom: 1px solid var(--border-1);
       width: 100%;
       min-width: 100px;
     }
-    .assistant-content tr:last-child td {
+    .assistant-content table:not(.approval-request-table) tr:last-child td {
       border-bottom: none;
     }
-    .assistant-content tbody tr:hover {
-      background: rgba(255,255,255,0.02);
+    .assistant-content table:not(.approval-request-table) tbody tr:hover {
+      background: var(--surface-1);
     }
     .assistant-content hr {
       border: 0;
-      border-top: 1px solid rgba(255,255,255,0.1);
+      border-top: 1px solid var(--border-3);
       margin: 20px 0;
     }
     .tool-activity {
       margin-top: 12px;
       margin-bottom: 12px;
-      border: 1px solid rgba(255,255,255,0.08);
-      background: rgba(255,255,255,0.03);
+      border: 1px solid var(--border-2);
+      background: var(--surface-2);
       border-radius: 10px;
       font-size: 12px;
       line-height: 1.45;
-      color: #bcbcbc;
+      color: var(--fg-tool-code);
       width: 300px;
+      transition: width 0.2s ease;
+    }
+    .tool-activity.has-approvals {
+      width: 100%;
     }
     .assistant-content > .tool-activity:first-child {
       margin-top: 0;
@@ -715,12 +905,12 @@ var renderWebUiHtml = (options) => {
       font-size: 11px;
       text-transform: uppercase;
       letter-spacing: 0.06em;
-      color: #8a8a8a;
+      color: var(--fg-tool);
       font-weight: 600;
     }
     .tool-activity-caret {
       margin-left: auto;
-      color: #8a8a8a;
+      color: var(--fg-tool);
       display: inline-flex;
       align-items: center;
       justify-content: center;
@@ -742,49 +932,69 @@ var renderWebUiHtml = (options) => {
     }
     .tool-activity-item {
       font-family: ui-monospace, "SF Mono", "Fira Code", monospace;
-      background: rgba(255,255,255,0.04);
+      background: var(--surface-3);
       border-radius: 6px;
       padding: 4px 7px;
-      color: #d6d6d6;
+      color: var(--fg-tool-item);
     }
     .approval-requests {
-      border-top: 1px solid rgba(255,255,255,0.08);
+      border-top: 1px solid var(--border-2);
       padding: 10px 12px 12px;
       display: grid;
-      gap: 8px;
-      background: rgba(0,0,0,0.16);
+      gap: 10px;
     }
     .approval-requests-label {
-      font-size: 11px;
+      font-size: 12px;
       text-transform: uppercase;
       letter-spacing: 0.06em;
-      color: #b0b0b0;
+      color: var(--fg-approval-label);
       font-weight: 600;
     }
+    .approval-requests-label code {
+      font-family: ui-monospace, "SF Mono", "Fira Code", monospace;
+      text-transform: none;
+      letter-spacing: 0;
+      color: var(--fg-strong);
+    }
     .approval-request-item {
-      border: 1px solid rgba(255,255,255,0.1);
-      background: rgba(255,255,255,0.03);
-      border-radius: 8px;
-      padding: 8px;
       display: grid;
-      gap: 6px;
+      gap: 8px;
     }
-    .approval-request-tool {
-      font-size: 12px;
-      color: #fff;
+    .approval-request-table {
+      width: 100%;
+      border-collapse: collapse;
+      border: none;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+    .approval-request-table tr,
+    .approval-request-table td {
+      border: none;
+      background: none;
+    }
+    .approval-request-table td {
+      padding: 4px 0;
+      vertical-align: top;
+    }
+    .approval-request-table .ak {
       font-weight: 600;
-      overflow-wrap: anywhere;
+      color: var(--fg-approval-label);
+      white-space: nowrap;
+      width: 1%;
+      padding-right: 20px;
     }
-    .approval-request-input {
-      font-family: ui-monospace, "SF Mono", "Fira Code", monospace;
-      font-size: 11px;
-      color: #cfcfcf;
-      background: rgba(0,0,0,0.25);
-      border-radius: 6px;
-      padding: 6px;
+    .approval-request-table .av,
+    .approval-request-table .av-complex {
+      color: var(--fg);
       overflow-wrap: anywhere;
-      max-height: 80px;
+      white-space: pre-wrap;
+      max-height: 200px;
       overflow-y: auto;
+      display: block;
+    }
+    .approval-request-table .av-complex {
+      font-family: ui-monospace, "SF Mono", "Fira Code", monospace;
+      font-size: 12px;
     }
     .approval-request-actions {
       display: flex;
@@ -792,32 +1002,32 @@ var renderWebUiHtml = (options) => {
     }
     .approval-action-btn {
       border-radius: 6px;
-      border: 1px solid rgba(255,255,255,0.18);
-      background: rgba(255,255,255,0.06);
-      color: #f0f0f0;
+      border: 1px solid var(--border-5);
+      background: var(--surface-4);
+      color: var(--fg-approval-btn);
       font-size: 11px;
       font-weight: 600;
       padding: 4px 8px;
       cursor: pointer;
     }
     .approval-action-btn:hover {
-      background: rgba(255,255,255,0.12);
+      background: var(--surface-7);
     }
     .approval-action-btn.approve {
-      border-color: rgba(58, 208, 122, 0.45);
-      color: #78e7a6;
+      border-color: var(--approve-border);
+      color: var(--approve);
     }
     .approval-action-btn.deny {
-      border-color: rgba(224, 95, 95, 0.45);
-      color: #f59b9b;
+      border-color: var(--deny-border);
+      color: var(--deny);
     }
     .approval-action-btn[disabled] {
       opacity: 0.55;
       cursor: not-allowed;
     }
     .user-bubble {
-      background: #111;
-      border: 1px solid rgba(255,255,255,0.08);
+      background: var(--bg-elevated);
+      border: 1px solid var(--border-2);
       padding: 10px 16px;
       border-radius: 18px;
       max-width: 70%;
@@ -825,6 +1035,7 @@ var renderWebUiHtml = (options) => {
       line-height: 1.5;
       overflow-wrap: break-word;
       word-break: break-word;
+      white-space: pre-wrap;
     }
     .empty-state {
       display: flex;
@@ -833,7 +1044,7 @@ var renderWebUiHtml = (options) => {
       justify-content: center;
       height: 100%;
       gap: 16px;
-      color: #555;
+      color: var(--fg-6);
     }
     .empty-state .assistant-avatar {
       width: 36px;
@@ -843,7 +1054,7 @@ var renderWebUiHtml = (options) => {
     }
     .empty-state-text {
       font-size: 14px;
-      color: #555;
+      color: var(--fg-6);
     }
     .thinking-indicator {
       display: inline-block;
@@ -851,7 +1062,7 @@ var renderWebUiHtml = (options) => {
       font-size: 20px;
       line-height: 1;
       vertical-align: middle;
-      color: #ededed;
+      color: var(--fg);
       opacity: 0.5;
     }
     .thinking-status {
@@ -859,13 +1070,13 @@ var renderWebUiHtml = (options) => {
       align-items: center;
       gap: 8px;
       margin-top: 2px;
-      color: #8a8a8a;
+      color: var(--fg-tool);
       font-size: 14px;
       line-height: 1.65;
       font-weight: 400;
     }
     .thinking-status-label {
-      color: #8a8a8a;
+      color: var(--fg-tool);
       font-size: 14px;
       line-height: 1.65;
       font-weight: 400;
@@ -896,26 +1107,26 @@ var renderWebUiHtml = (options) => {
       right: 0;
       bottom: 100%;
       height: 48px;
-      background: linear-gradient(to top, #000 0%, transparent 100%);
+      background: linear-gradient(to top, var(--bg) 0%, transparent 100%);
       pointer-events: none;
     }
     .composer-inner { max-width: 680px; margin: 0 auto; }
     .composer-shell {
-      background: #0a0a0a;
-      border: 1px solid rgba(255,255,255,0.1);
+      background: var(--bg-alt);
+      border: 1px solid var(--border-3);
       border-radius: 24px;
       display: flex;
       align-items: end;
       padding: 4px 6px 4px 6px;
       transition: border-color 0.15s;
     }
-    .composer-shell:focus-within { border-color: rgba(255,255,255,0.2); }
+    .composer-shell:focus-within { border-color: var(--border-focus); }
     .composer-input {
       flex: 1;
       background: transparent;
       border: 0;
       outline: none;
-      color: #ededed;
+      color: var(--fg);
       min-height: 40px;
       max-height: 200px;
       resize: none;
@@ -924,14 +1135,14 @@ var renderWebUiHtml = (options) => {
       line-height: 1.5;
       margin-top: -4px;
     }
-    .composer-input::placeholder { color: #444; }
+    .composer-input::placeholder { color: var(--fg-7); }
     .send-btn {
       width: 32px;
       height: 32px;
-      background: #ededed;
+      background: var(--accent);
       border: 0;
       border-radius: 50%;
-      color: #000;
+      color: var(--accent-fg);
       cursor: pointer;
       display: grid;
       place-items: center;
@@ -939,21 +1150,79 @@ var renderWebUiHtml = (options) => {
       margin-bottom: 2px;
       transition: background 0.15s, opacity 0.15s;
     }
-    .send-btn:hover { background: #fff; }
+    .send-btn:hover { background: var(--accent-hover); }
     .send-btn.stop-mode {
-      background: #4a4a4a;
-      color: #fff;
+      background: var(--stop-bg);
+      color: var(--stop-fg);
     }
-    .send-btn.stop-mode:hover { background: #565656; }
+    .send-btn.stop-mode:hover { background: var(--stop-hover); }
     .send-btn:disabled { opacity: 0.2; cursor: default; }
-    .send-btn:disabled:hover { background: #ededed; }
+    .send-btn:disabled:hover { background: var(--accent); }
+    .send-btn-wrapper {
+      position: relative;
+      width: 36px;
+      height: 36px;
+      display: grid;
+      place-items: center;
+      flex-shrink: 0;
+      margin-bottom: 0;
+    }
+    .send-btn-wrapper .send-btn {
+      margin-bottom: 0;
+    }
+    .context-ring {
+      position: absolute;
+      inset: 0;
+      width: 36px;
+      height: 36px;
+      pointer-events: none;
+      transform: rotate(-90deg);
+    }
+    .context-ring-fill {
+      fill: none;
+      stroke: var(--bg-alt);
+      stroke-width: 3;
+      stroke-linecap: butt;
+      transition: stroke-dashoffset 0.4s ease, stroke 0.3s ease;
+    }
+    .send-btn-wrapper.stop-mode .context-ring-fill {
+      stroke: var(--fg-3);
+    }
+    .context-ring-fill.warning {
+      stroke: #e5a33d;
+    }
+    .context-ring-fill.critical {
+      stroke: #e55d4a;
+    }
+    .context-tooltip {
+      position: absolute;
+      bottom: calc(100% + 8px);
+      right: 0;
+      background: var(--bg-elevated);
+      border: 1px solid var(--border-3);
+      border-radius: 8px;
+      padding: 6px 10px;
+      font-size: 12px;
+      color: var(--fg-2);
+      white-space: nowrap;
+      pointer-events: none;
+      opacity: 0;
+      transform: translateY(4px);
+      transition: opacity 0.15s, transform 0.15s;
+      z-index: 10;
+    }
+    .send-btn-wrapper:hover .context-tooltip,
+    .send-btn-wrapper:focus-within .context-tooltip {
+      opacity: 1;
+      transform: translateY(0);
+    }
     .attach-btn {
       width: 32px;
       height: 32px;
-      background: rgba(255,255,255,0.08);
+      background: var(--surface-5);
       border: 0;
       border-radius: 50%;
-      color: #999;
+      color: var(--fg-3);
       cursor: pointer;
       display: grid;
       place-items: center;
@@ -962,7 +1231,7 @@ var renderWebUiHtml = (options) => {
       margin-right: 8px;
       transition: color 0.15s, background 0.15s;
     }
-    .attach-btn:hover { color: #ededed; background: rgba(255,255,255,0.14); }
+    .attach-btn:hover { color: var(--fg); background: var(--surface-8); }
     .attachment-preview {
       display: flex;
       gap: 8px;
@@ -973,12 +1242,12 @@ var renderWebUiHtml = (options) => {
       display: inline-flex;
       align-items: center;
       gap: 6px;
-      background: rgba(0, 0, 0, 0.6);
-      border: 1px solid rgba(255, 255, 255, 0.12);
+      background: var(--chip-bg);
+      border: 1px solid var(--border-4);
       border-radius: 9999px;
       padding: 4px 10px 4px 6px;
       font-size: 11px;
-      color: #777;
+      color: var(--fg-4);
       max-width: 200px;
       cursor: pointer;
       backdrop-filter: blur(6px);
@@ -986,9 +1255,9 @@ var renderWebUiHtml = (options) => {
       transition: color 0.15s, border-color 0.15s, background 0.15s;
     }
     .attachment-chip:hover {
-      color: #ededed;
-      border-color: rgba(255, 255, 255, 0.25);
-      background: rgba(0, 0, 0, 0.75);
+      color: var(--fg);
+      border-color: var(--border-hover);
+      background: var(--chip-bg-hover);
     }
     .attachment-chip img {
       width: 20px;
@@ -1002,7 +1271,7 @@ var renderWebUiHtml = (options) => {
       width: 20px;
       height: 20px;
       border-radius: 50%;
-      background: rgba(255,255,255,0.1);
+      background: var(--surface-6);
       display: grid;
       place-items: center;
       font-size: 11px;
@@ -1010,13 +1279,13 @@ var renderWebUiHtml = (options) => {
     }
     .attachment-chip .remove-attachment {
       cursor: pointer;
-      color: #555;
+      color: var(--fg-6);
       font-size: 14px;
       margin-left: 2px;
       line-height: 1;
       transition: color 0.15s;
     }
-    .attachment-chip .remove-attachment:hover { color: #fff; }
+    .attachment-chip .remove-attachment:hover { color: var(--fg-strong); }
     .attachment-chip .filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; }
     .user-bubble .user-file-attachments {
       display: flex;
@@ -1046,7 +1315,7 @@ var renderWebUiHtml = (options) => {
       transition: background 0.25s ease, backdrop-filter 0.25s ease;
     }
     .lightbox.active {
-      background: rgba(0,0,0,0.85);
+      background: var(--lightbox-bg);
       backdrop-filter: blur(8px);
     }
     .lightbox img {
@@ -1066,16 +1335,16 @@ var renderWebUiHtml = (options) => {
       display: inline-flex;
       align-items: center;
       gap: 4px;
-      background: rgba(0,0,0,0.2);
+      background: var(--file-badge-bg);
       border-radius: 6px;
       padding: 4px 8px;
       font-size: 12px;
-      color: rgba(255,255,255,0.8);
+      color: var(--file-badge-fg);
     }
     .drag-overlay {
       position: fixed;
       inset: 0;
-      background: rgba(0,0,0,0.6);
+      background: var(--backdrop);
       z-index: 9999;
       display: none;
       align-items: center;
@@ -1084,15 +1353,15 @@ var renderWebUiHtml = (options) => {
     }
     .drag-overlay.active { display: flex; }
     .drag-overlay-inner {
-      border: 2px dashed rgba(255,255,255,0.4);
+      border: 2px dashed var(--border-drag);
       border-radius: 16px;
       padding: 40px 60px;
-      color: #fff;
+      color: var(--fg-strong);
       font-size: 16px;
     }
     .disclaimer {
       text-align: center;
-      color: #333;
+      color: var(--fg-8);
       font-size: 12px;
       margin-top: 10px;
     }
@@ -1107,10 +1376,10 @@ var renderWebUiHtml = (options) => {
       align-items: center;
       gap: 6px;
       font-size: 11px;
-      color: #777;
+      color: var(--fg-4);
       text-decoration: none;
-      background: rgba(0, 0, 0, 0.6);
-      border: 1px solid rgba(255, 255, 255, 0.12);
+      background: var(--chip-bg);
+      border: 1px solid var(--border-4);
       border-radius: 9999px;
       padding: 4px 10px 4px 6px;
       backdrop-filter: blur(6px);
@@ -1118,9 +1387,9 @@ var renderWebUiHtml = (options) => {
       transition: color 0.15s, border-color 0.15s, background 0.15s;
     }
     .poncho-badge:hover {
-      color: #ededed;
-      border-color: rgba(255, 255, 255, 0.25);
-      background: rgba(0, 0, 0, 0.75);
+      color: var(--fg);
+      border-color: var(--border-hover);
+      background: var(--chip-bg-hover);
     }
     .poncho-badge-avatar {
       width: 16px;
@@ -1134,8 +1403,8 @@ var renderWebUiHtml = (options) => {
     /* Scrollbar */
     ::-webkit-scrollbar { width: 6px; }
     ::-webkit-scrollbar-track { background: transparent; }
-    ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 3px; }
-    ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.16); }
+    ::-webkit-scrollbar-thumb { background: var(--scrollbar); border-radius: 3px; }
+    ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-hover); }
     /* Mobile */
     @media (max-width: 768px) {
@@ -1165,7 +1434,7 @@ var renderWebUiHtml = (options) => {
       .sidebar-backdrop {
         position: fixed;
         inset: 0;
-        background: rgba(0,0,0,0.6);
+        background: var(--backdrop);
         z-index: 50;
         backdrop-filter: blur(2px);
         -webkit-backdrop-filter: blur(2px);
@@ -1240,9 +1509,15 @@ var renderWebUiHtml = (options) => {
             </button>
             <input id="file-input" type="file" multiple accept="image/*,video/*,application/pdf,.txt,.csv,.json,.html" style="display:none" />
             <textarea id="prompt" class="composer-input" placeholder="Send a message..." rows="1"></textarea>
-            <button id="send" class="send-btn" type="submit">
-              <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 12V4M4 7l4-4 4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-            </button>
+            <div class="send-btn-wrapper" id="send-btn-wrapper">
+              <svg class="context-ring" viewBox="0 0 36 36">
+                <circle class="context-ring-fill" id="context-ring-fill" cx="18" cy="18" r="14.5" />
+              </svg>
+              <button id="send" class="send-btn" type="submit">
+                <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 12V4M4 7l4-4 4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+              </button>
+              <div class="context-tooltip" id="context-tooltip"></div>
+            </div>
           </div>
         </div>
       </form>
@@ -1274,6 +1549,8 @@ var renderWebUiHtml = (options) => {
         confirmDeleteId: null,
         approvalRequestsInFlight: {},
         pendingFiles: [],
+        contextTokens: 0,
+        contextWindow: 0,
       };
       const agentInitial = document.body.dataset.agentInitial || "A";
@@ -1301,12 +1578,41 @@ var renderWebUiHtml = (options) => {
         attachmentPreview: $("attachment-preview"),
         dragOverlay: $("drag-overlay"),
         lightbox: $("lightbox"),
+        contextRingFill: $("context-ring-fill"),
+        contextTooltip: $("context-tooltip"),
+        sendBtnWrapper: $("send-btn-wrapper"),
       };
       const sendIconMarkup =
         '<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 12V4M4 7l4-4 4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
       const stopIconMarkup =
         '<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="4" y="4" width="8" height="8" rx="2" fill="currentColor"/></svg>';
+      const CONTEXT_RING_CIRCUMFERENCE = 2 * Math.PI * 14.5;
+      const formatTokenCount = (n) => {
+        if (n >= 1_000_000) return (n / 1_000_000).toFixed(1).replace(/\\.0$/, "") + "M";
+        if (n >= 1_000) return (n / 1_000).toFixed(1).replace(/\\.0$/, "") + "k";
+        return String(n);
+      };
+      const updateContextRing = () => {
+        const ring = elements.contextRingFill;
+        const tooltip = elements.contextTooltip;
+        if (!ring || !tooltip) return;
+        if (state.contextWindow <= 0) {
+          ring.style.strokeDasharray = String(CONTEXT_RING_CIRCUMFERENCE);
+          ring.style.strokeDashoffset = String(CONTEXT_RING_CIRCUMFERENCE);
+          tooltip.textContent = "";
+          return;
+        }
+        const ratio = Math.min(state.contextTokens / state.contextWindow, 1);
+        const offset = CONTEXT_RING_CIRCUMFERENCE * (1 - ratio);
+        ring.style.strokeDasharray = String(CONTEXT_RING_CIRCUMFERENCE);
+        ring.style.strokeDashoffset = String(offset);
+        ring.classList.toggle("warning", ratio >= 0.7 && ratio < 0.9);
+        ring.classList.toggle("critical", ratio >= 0.9);
+        const pct = (ratio * 100).toFixed(1).replace(/\\.0$/, "");
+        tooltip.textContent = formatTokenCount(state.contextTokens) + " / " + formatTokenCount(state.contextWindow) + " tokens (" + pct + "%)";
+      };
       const pushConversationUrl = (conversationId) => {
         const target = conversationId ? "/c/" + encodeURIComponent(conversationId) : "/";
         if (window.location.pathname !== target) {
@@ -1403,18 +1709,20 @@ var renderWebUiHtml = (options) => {
           .map((req) => {
             const approvalId = typeof req.approvalId === "string" ? req.approvalId : "";
             const tool = typeof req.tool === "string" ? req.tool : "tool";
-            const inputPreview = typeof req.inputPreview === "string" ? req.inputPreview : "{}";
+            const input = req.input != null ? req.input : {};
             const submitting = req.state === "submitting";
             const approveLabel = submitting && req.pendingDecision === "approve" ? "Approving..." : "Approve";
             const denyLabel = submitting && req.pendingDecision === "deny" ? "Denying..." : "Deny";
+            const errorHtml = req._error
+              ? '<div style="color: var(--deny); font-size: 11px; margin-top: 4px;">Submit failed: ' + escapeHtml(req._error) + "</div>"
+              : "";
             return (
               '<div class="approval-request-item">' +
-              '<div class="approval-request-tool">' +
+              '<div class="approval-requests-label">Approval required: <code>' +
               escapeHtml(tool) +
-              "</div>" +
-              '<div class="approval-request-input">' +
-              escapeHtml(inputPreview) +
-              "</div>" +
+              "</code></div>" +
+              renderInputTable(input) +
+              errorHtml +
               '<div class="approval-request-actions">' +
               '<button class="approval-action-btn approve" data-approval-id="' +
               escapeHtml(approvalId) +
@@ -1437,7 +1745,6 @@ var renderWebUiHtml = (options) => {
           .join("");
         return (
           '<div class="approval-requests">' +
-          '<div class="approval-requests-label">Approval required</div>' +
           rows +
           "</div>"
         );
@@ -1467,22 +1774,46 @@ var renderWebUiHtml = (options) => {
               "</details>"
             )
           : "";
+        const cls = "tool-activity" + (hasApprovals ? " has-approvals" : "");
         return (
-          '<div class="tool-activity">' +
+          '<div class="' + cls + '">' +
           disclosure +
           renderApprovalRequests(approvalRequests) +
           "</div>"
         );
       };
-      const safeJsonPreview = (value) => {
-        try {
-          return JSON.stringify(value, (_, nestedValue) =>
-            typeof nestedValue === "bigint" ? String(nestedValue) : nestedValue,
-          );
-        } catch {
-          return "[unserializable input]";
+      const renderInputTable = (input) => {
+        if (!input || typeof input !== "object") {
+          return '<div class="av-complex">' + escapeHtml(String(input ?? "{}")) + "</div>";
+        }
+        const keys = Object.keys(input);
+        if (keys.length === 0) {
+          return '<div class="av-complex">{}</div>';
         }
+        const formatValue = (val) => {
+          if (val === null || val === undefined) return escapeHtml("null");
+          if (typeof val === "boolean" || typeof val === "number") return escapeHtml(String(val));
+          if (typeof val === "string") return escapeHtml(val);
+          try {
+            const replacer = (_, v) => typeof v === "bigint" ? String(v) : v;
+            return escapeHtml(JSON.stringify(val, replacer, 2));
+          } catch {
+            return escapeHtml("[unserializable]");
+          }
+        };
+        const rows = keys.map((key) => {
+          const val = input[key];
+          const isComplex = val !== null && typeof val === "object";
+          const cls = isComplex ? "av-complex" : "av";
+          return (
+            "<tr>" +
+            '<td class="ak">' + escapeHtml(key) + "</td>" +
+            '<td><div class="' + cls + '">' + formatValue(val) + "</div></td>" +
+            "</tr>"
+          );
+        }).join("");
+        return '<table class="approval-request-table">' + rows + "</table>";
       };
       const updatePendingApproval = (approvalId, updater) => {
@@ -1521,12 +1852,10 @@ var renderWebUiHtml = (options) => {
               return null;
             }
             const toolName = item && typeof item.tool === "string" ? item.tool : "tool";
-            const preview = safeJsonPreview(item?.input ?? {});
-            const inputPreview = preview.length > 600 ? preview.slice(0, 600) + "..." : preview;
             return {
               approvalId,
               tool: toolName,
-              inputPreview,
+              input: item?.input ?? {},
               state: "pending",
             };
           })
@@ -1604,50 +1933,87 @@ var renderWebUiHtml = (options) => {
         elements.shell.classList.toggle("sidebar-open", open);
       };
-      const renderConversationList = () => {
-        elements.list.innerHTML = "";
-        for (const c of state.conversations) {
-          const item = document.createElement("div");
-          item.className = "conversation-item" + (c.conversationId === state.activeConversationId ? " active" : "");
-          item.textContent = c.title;
-          const isConfirming = state.confirmDeleteId === c.conversationId;
-          const deleteBtn = document.createElement("button");
-          deleteBtn.className = "delete-btn" + (isConfirming ? " confirming" : "");
-          deleteBtn.textContent = isConfirming ? "sure?" : "\\u00d7";
-          deleteBtn.onclick = async (e) => {
-            e.stopPropagation();
-            if (!isConfirming) {
-              state.confirmDeleteId = c.conversationId;
-              renderConversationList();
-              return;
-            }
-            await api("/api/conversations/" + c.conversationId, { method: "DELETE" });
-            if (state.activeConversationId === c.conversationId) {
-              state.activeConversationId = null;
-              state.activeMessages = [];
-              pushConversationUrl(null);
-              elements.chatTitle.textContent = "";
-              renderMessages([]);
-            }
-            state.confirmDeleteId = null;
-            await loadConversations();
-          };
-          item.appendChild(deleteBtn);
+      const buildConversationItem = (c) => {
+        const item = document.createElement("div");
+        item.className = "conversation-item" + (c.conversationId === state.activeConversationId ? " active" : "");
-          item.onclick = async () => {
-            // Clear any delete confirmation, but still navigate
-            if (state.confirmDeleteId) {
-              state.confirmDeleteId = null;
-            }
-            state.activeConversationId = c.conversationId;
-            pushConversationUrl(c.conversationId);
+        if (c.hasPendingApprovals) {
+          const dot = document.createElement("span");
+          dot.className = "approval-dot";
+          item.appendChild(dot);
+        }
+        const titleSpan = document.createElement("span");
+        titleSpan.textContent = c.title;
+        item.appendChild(titleSpan);
+        const isConfirming = state.confirmDeleteId === c.conversationId;
+        const deleteBtn = document.createElement("button");
+        deleteBtn.className = "delete-btn" + (isConfirming ? " confirming" : "");
+        deleteBtn.textContent = isConfirming ? "sure?" : "\\u00d7";
+        deleteBtn.onclick = async (e) => {
+          e.stopPropagation();
+          if (!isConfirming) {
+            state.confirmDeleteId = c.conversationId;
             renderConversationList();
-            await loadConversation(c.conversationId);
-            if (isMobile()) setSidebarOpen(false);
-          };
+            return;
+          }
+          await api("/api/conversations/" + c.conversationId, { method: "DELETE" });
+          if (state.activeConversationId === c.conversationId) {
+            state.activeConversationId = null;
+            state.activeMessages = [];
+            state.contextTokens = 0;
+            state.contextWindow = 0;
+            updateContextRing();
+            pushConversationUrl(null);
+            elements.chatTitle.textContent = "";
+            renderMessages([]);
+          }
+          state.confirmDeleteId = null;
+          await loadConversations();
+        };
+        item.appendChild(deleteBtn);
+        item.onclick = async () => {
+          if (state.confirmDeleteId) {
+            state.confirmDeleteId = null;
+          }
+          state.activeConversationId = c.conversationId;
+          pushConversationUrl(c.conversationId);
+          renderConversationList();
+          await loadConversation(c.conversationId);
+          if (isMobile()) setSidebarOpen(false);
+        };
+        return item;
+      };
+      const renderConversationList = () => {
+        elements.list.innerHTML = "";
+        const pending = state.conversations.filter(c => c.hasPendingApprovals);
+        const rest = state.conversations.filter(c => !c.hasPendingApprovals);
+        if (pending.length > 0) {
+          const label = document.createElement("div");
+          label.className = "sidebar-section-label";
+          label.textContent = "Awaiting approval";
+          elements.list.appendChild(label);
+          for (const c of pending) {
+            elements.list.appendChild(buildConversationItem(c));
+          }
+          if (rest.length > 0) {
+            const divider = document.createElement("div");
+            divider.className = "sidebar-section-divider";
+            elements.list.appendChild(divider);
+            const recentLabel = document.createElement("div");
+            recentLabel.className = "sidebar-section-label";
+            recentLabel.textContent = "Recent";
+            elements.list.appendChild(recentLabel);
+          }
+        }
-          elements.list.appendChild(item);
+        for (const c of rest) {
+          elements.list.appendChild(buildConversationItem(c));
         }
       };
@@ -1722,8 +2088,14 @@ var renderWebUiHtml = (options) => {
             } else if (shouldRenderEmptyStreamingIndicator) {
               content.appendChild(createThinkingIndicator(getThinkingStatusLabel(m)));
             } else {
-              // Check for sections in _sections (streaming) or metadata.sections (stored)
-              const sections = m._sections || (m.metadata && m.metadata.sections);
+              // Merge stored sections (persisted) with live sections (from
+              // an active stream).  For normal messages only one source
+              // exists; for liveOnly reconnects both contribute.
+              const storedSections = (m.metadata && m.metadata.sections) || [];
+              const liveSections = m._sections || [];
+              const sections = liveSections.length > 0 && storedSections.length > 0
+                ? storedSections.concat(liveSections)
+                : liveSections.length > 0 ? liveSections : (storedSections.length > 0 ? storedSections : null);
               const pendingApprovals = Array.isArray(m._pendingApprovals) ? m._pendingApprovals : [];
               if (sections && sections.length > 0) {
@@ -1864,11 +2236,24 @@ var renderWebUiHtml = (options) => {
           payload.conversation.messages || [],
           payload.conversation.pendingApprovals || payload.pendingApprovals || [],
         );
+        state.contextTokens = 0;
+        state.contextWindow = 0;
+        updateContextRing();
         renderMessages(state.activeMessages, false, { forceScrollBottom: true });
         elements.prompt.focus();
+        if (payload.hasActiveRun && !state.isStreaming) {
+          setStreaming(true);
+          streamConversationEvents(conversationId, { liveOnly: true }).finally(() => {
+            if (state.activeConversationId === conversationId) {
+              setStreaming(false);
+              renderMessages(state.activeMessages, false);
+            }
+          });
+        }
       };
-      const streamConversationEvents = (conversationId) => {
+      const streamConversationEvents = (conversationId, options) => {
+        const liveOnly = options && options.liveOnly;
         return new Promise((resolve) => {
           const localMessages = state.activeMessages || [];
           const renderIfActiveConversation = (streaming) => {
@@ -1887,20 +2272,36 @@ var renderWebUiHtml = (options) => {
               _currentText: "",
               _currentTools: [],
               _pendingApprovals: [],
+              _activeActivities: [],
               metadata: { toolActivity: [] },
             };
             localMessages.push(assistantMessage);
             state.activeMessages = localMessages;
           }
-          if (!assistantMessage._sections) assistantMessage._sections = [];
-          if (!assistantMessage._currentText) assistantMessage._currentText = "";
-          if (!assistantMessage._currentTools) assistantMessage._currentTools = [];
-          if (!assistantMessage._activeActivities) assistantMessage._activeActivities = [];
-          if (!assistantMessage._pendingApprovals) assistantMessage._pendingApprovals = [];
-          if (!assistantMessage.metadata) assistantMessage.metadata = {};
-          if (!assistantMessage.metadata.toolActivity) assistantMessage.metadata.toolActivity = [];
+          if (liveOnly) {
+            // Live-only mode: keep metadata.sections intact (the stored
+            // base content) and start _sections empty so it only collects
+            // NEW sections from live events.  The renderer merges both.
+            assistantMessage._sections = [];
+            assistantMessage._currentText = "";
+            assistantMessage._currentTools = [];
+            if (!assistantMessage._activeActivities) assistantMessage._activeActivities = [];
+            if (!assistantMessage._pendingApprovals) assistantMessage._pendingApprovals = [];
+            if (!assistantMessage.metadata) assistantMessage.metadata = {};
+            if (!assistantMessage.metadata.toolActivity) assistantMessage.metadata.toolActivity = [];
+          } else {
+            // Full replay mode: reset transient state so replayed events
+            // rebuild from scratch (the buffer has the full event history).
+            assistantMessage.content = "";
+            assistantMessage._sections = [];
+            assistantMessage._currentText = "";
+            assistantMessage._currentTools = [];
+            assistantMessage._activeActivities = [];
+            assistantMessage._pendingApprovals = [];
+            assistantMessage.metadata = { toolActivity: [] };
+          }
-          const url = "/api/conversations/" + encodeURIComponent(conversationId) + "/events";
+          const url = "/api/conversations/" + encodeURIComponent(conversationId) + "/events" + (liveOnly ? "?live_only=true" : "");
           fetch(url, { credentials: "include" }).then((response) => {
             if (!response.ok || !response.body) {
               resolve(undefined);
@@ -1921,6 +2322,11 @@ var renderWebUiHtml = (options) => {
                     if (eventName === "stream:end") {
                       return;
                     }
+                    if (eventName === "run:started") {
+                      if (typeof payload.contextWindow === "number" && payload.contextWindow > 0) {
+                        state.contextWindow = payload.contextWindow;
+                      }
+                    }
                     if (eventName === "model:chunk") {
                       const chunk = String(payload.content || "");
                       if (assistantMessage._currentTools.length > 0 && chunk.length > 0) {
@@ -1934,6 +2340,12 @@ var renderWebUiHtml = (options) => {
                       assistantMessage._currentText += chunk;
                       renderIfActiveConversation(true);
                     }
+                    if (eventName === "model:response") {
+                      if (typeof payload.usage?.input === "number") {
+                        state.contextTokens = payload.usage.input;
+                        updateContextRing();
+                      }
+                    }
                     if (eventName === "tool:started") {
                       const toolName = payload.tool || "tool";
                       const startedActivity = addActiveActivityFromToolStart(
@@ -2006,6 +2418,73 @@ var renderWebUiHtml = (options) => {
                       assistantMessage.metadata.toolActivity.push(toolText);
                       renderIfActiveConversation(true);
                     }
+                    if (eventName === "tool:approval:required") {
+                      const toolName = payload.tool || "tool";
+                      const activeActivity = removeActiveActivityForTool(
+                        assistantMessage,
+                        toolName,
+                      );
+                      const detailFromPayload = describeToolStart(payload);
+                      const detail =
+                        (activeActivity && typeof activeActivity.detail === "string"
+                          ? activeActivity.detail.trim()
+                          : "") ||
+                        (detailFromPayload && typeof detailFromPayload.detail === "string"
+                          ? detailFromPayload.detail.trim()
+                          : "");
+                      const toolText =
+                        "- approval required \\x60" +
+                        toolName +
+                        "\\x60" +
+                        (detail ? " (" + detail + ")" : "");
+                      assistantMessage._currentTools.push(toolText);
+                      assistantMessage.metadata.toolActivity.push(toolText);
+                      const approvalId =
+                        typeof payload.approvalId === "string" ? payload.approvalId : "";
+                      if (approvalId) {
+                        if (!Array.isArray(assistantMessage._pendingApprovals)) {
+                          assistantMessage._pendingApprovals = [];
+                        }
+                        const exists = assistantMessage._pendingApprovals.some(
+                          (req) => req.approvalId === approvalId,
+                        );
+                        if (!exists) {
+                          assistantMessage._pendingApprovals.push({
+                            approvalId,
+                            tool: toolName,
+                            input: payload.input ?? {},
+                            state: "pending",
+                          });
+                        }
+                      }
+                      renderIfActiveConversation(true);
+                    }
+                    if (eventName === "tool:approval:granted") {
+                      const toolText = "- approval granted";
+                      assistantMessage._currentTools.push(toolText);
+                      assistantMessage.metadata.toolActivity.push(toolText);
+                      const approvalId =
+                        typeof payload.approvalId === "string" ? payload.approvalId : "";
+                      if (approvalId && Array.isArray(assistantMessage._pendingApprovals)) {
+                        assistantMessage._pendingApprovals = assistantMessage._pendingApprovals.filter(
+                          (req) => req.approvalId !== approvalId,
+                        );
+                      }
+                      renderIfActiveConversation(true);
+                    }
+                    if (eventName === "tool:approval:denied") {
+                      const toolText = "- approval denied";
+                      assistantMessage._currentTools.push(toolText);
+                      assistantMessage.metadata.toolActivity.push(toolText);
+                      const approvalId =
+                        typeof payload.approvalId === "string" ? payload.approvalId : "";
+                      if (approvalId && Array.isArray(assistantMessage._pendingApprovals)) {
+                        assistantMessage._pendingApprovals = assistantMessage._pendingApprovals.filter(
+                          (req) => req.approvalId !== approvalId,
+                        );
+                      }
+                      renderIfActiveConversation(true);
+                    }
                     if (eventName === "run:completed") {
                       assistantMessage._activeActivities = [];
                       if (
@@ -2052,9 +2531,22 @@ var renderWebUiHtml = (options) => {
                     }
                     if (eventName === "run:error") {
                       assistantMessage._activeActivities = [];
+                      if (assistantMessage._currentTools.length > 0) {
+                        assistantMessage._sections.push({
+                          type: "tools",
+                          content: assistantMessage._currentTools,
+                        });
+                        assistantMessage._currentTools = [];
+                      }
+                      if (assistantMessage._currentText.length > 0) {
+                        assistantMessage._sections.push({
+                          type: "text",
+                          content: assistantMessage._currentText,
+                        });
+                        assistantMessage._currentText = "";
+                      }
                       const errMsg =
                         payload.error?.message || "Something went wrong";
-                      assistantMessage.content = "";
                       assistantMessage._error = errMsg;
                       renderIfActiveConversation(false);
                     }
@@ -2127,6 +2619,9 @@ var renderWebUiHtml = (options) => {
         elements.send.disabled = value ? !canStop : false;
         elements.send.innerHTML = value ? stopIconMarkup : sendIconMarkup;
         elements.send.classList.toggle("stop-mode", value);
+        if (elements.sendBtnWrapper) {
+          elements.sendBtnWrapper.classList.toggle("stop-mode", value);
+        }
         elements.send.setAttribute("aria-label", value ? "Stop response" : "Send message");
         elements.send.setAttribute(
           "title",
@@ -2499,8 +2994,17 @@ var renderWebUiHtml = (options) => {
                 }
                 if (eventName === "run:started") {
                   state.activeStreamRunId = typeof payload.runId === "string" ? payload.runId : null;
+                  if (typeof payload.contextWindow === "number" && payload.contextWindow > 0) {
+                    state.contextWindow = payload.contextWindow;
+                  }
                   setStreaming(state.isStreaming);
                 }
+                if (eventName === "model:response") {
+                  if (typeof payload.usage?.input === "number") {
+                    state.contextTokens = payload.usage.input;
+                    updateContextRing();
+                  }
+                }
                 if (eventName === "tool:started") {
                   const toolName = payload.tool || "tool";
                   const startedActivity = addActiveActivityFromToolStart(
@@ -2596,8 +3100,6 @@ var renderWebUiHtml = (options) => {
                   const approvalId =
                     typeof payload.approvalId === "string" ? payload.approvalId : "";
                   if (approvalId) {
-                    const preview = safeJsonPreview(payload.input ?? {});
-                    const inputPreview = preview.length > 600 ? preview.slice(0, 600) + "..." : preview;
                     if (!Array.isArray(assistantMessage._pendingApprovals)) {
                       assistantMessage._pendingApprovals = [];
                     }
@@ -2608,7 +3110,7 @@ var renderWebUiHtml = (options) => {
                       assistantMessage._pendingApprovals.push({
                         approvalId,
                         tool: toolName,
-                        inputPreview,
+                        input: payload.input ?? {},
                         state: "pending",
                       });
                     }
@@ -2663,9 +3165,8 @@ var renderWebUiHtml = (options) => {
                   renderIfActiveConversation(false);
                 }
                 if (eventName === "run:error") {
-                  assistantMessage._activeActivities = [];
+                  finalizeAssistantMessage();
                   const errMsg = payload.error?.message || "Something went wrong";
-                  assistantMessage.content = "";
                   assistantMessage._error = errMsg;
                   renderIfActiveConversation(false);
                 }
@@ -2768,6 +3269,9 @@ var renderWebUiHtml = (options) => {
         state.activeConversationId = null;
         state.activeMessages = [];
         state.confirmDeleteId = null;
+        state.contextTokens = 0;
+        state.contextWindow = 0;
+        updateContextRing();
         pushConversationUrl(null);
         elements.chatTitle.textContent = "";
         renderMessages([]);
@@ -2805,6 +3309,9 @@ var renderWebUiHtml = (options) => {
         state.confirmDeleteId = null;
         state.conversations = [];
         state.csrfToken = "";
+        state.contextTokens = 0;
+        state.contextWindow = 0;
+        updateContextRing();
         await requireAuth();
       });
@@ -2952,17 +3459,23 @@ var renderWebUiHtml = (options) => {
           });
           updatePendingApproval(approvalId, () => null);
           renderMessages(state.activeMessages, state.isStreaming);
+          loadConversations();
           if (!wasStreaming && state.activeConversationId) {
-            await streamConversationEvents(state.activeConversationId);
+            await streamConversationEvents(state.activeConversationId, { liveOnly: true });
           }
         } catch (error) {
-          const errMsg = error instanceof Error ? error.message : String(error);
-          updatePendingApproval(approvalId, (request) => ({
-            ...request,
-            state: "pending",
-            pendingDecision: null,
-            inputPreview: String(request.inputPreview || "") + " (submit failed: " + errMsg + ")",
-          }));
+          const isStale = error && error.payload && error.payload.code === "APPROVAL_NOT_FOUND";
+          if (isStale) {
+            updatePendingApproval(approvalId, () => null);
+          } else {
+            const errMsg = error instanceof Error ? error.message : String(error);
+            updatePendingApproval(approvalId, (request) => ({
+              ...request,
+              state: "pending",
+              pendingDecision: null,
+              _error: errMsg,
+            }));
+          }
           renderMessages(state.activeMessages, state.isStreaming);
         } finally {
           if (!wasStreaming) {
@@ -3009,6 +3522,9 @@ var renderWebUiHtml = (options) => {
         } else {
           state.activeConversationId = null;
           state.activeMessages = [];
+          state.contextTokens = 0;
+          state.contextWindow = 0;
+          updateContextRing();
           elements.chatTitle.textContent = "";
           renderMessages([]);
           renderConversationList();
@@ -3050,6 +3566,7 @@ var renderWebUiHtml = (options) => {
           await createConversation();
         }
         autoResizePrompt();
+        updateContextRing();
         elements.prompt.focus();
       })();
@@ -3266,42 +3783,667 @@ var renderWebUiHtml = (options) => {
 </html>`;
 };
-// src/index.ts
-import { createInterface } from "readline/promises";
-// src/init-onboarding.ts
-import { stdin, stdout } from "process";
-import { input, password, select } from "@inquirer/prompts";
-import {
-  fieldsForScope
-} from "@poncho-ai/sdk";
-var C = {
-  reset: "\x1B[0m",
-  bold: "\x1B[1m",
-  dim: "\x1B[2m",
-  cyan: "\x1B[36m"
-};
-var dim = (s) => `${C.dim}${s}${C.reset}`;
-var bold = (s) => `${C.bold}${s}${C.reset}`;
-var INPUT_CARET = "\xBB";
-var shouldAskField = (field, answers) => {
-  if (!field.dependsOn) {
-    return true;
-  }
-  const value = answers[field.dependsOn.fieldId];
-  if (typeof field.dependsOn.equals !== "undefined") {
-    return value === field.dependsOn.equals;
-  }
-  if (field.dependsOn.oneOf) {
-    return field.dependsOn.oneOf.includes(value);
-  }
-  return true;
-};
-var parsePromptValue = (field, answer) => {
-  if (field.kind === "boolean") {
-    const normalized = answer.trim().toLowerCase();
-    if (normalized === "y" || normalized === "yes" || normalized === "true") {
-      return true;
+// src/api-docs.ts
+var buildOpenApiSpec = (options) => ({
+  openapi: "3.1.0",
+  info: {
+    title: `${options.agentName} API`,
+    description: "HTTP API for interacting with a Poncho agent. Supports conversation management, streaming message responses via Server-Sent Events (SSE), tool approval workflows, file uploads, and cron job triggers.",
+    version: "1.0.0"
+  },
+  servers: [{ url: "/", description: "Current host" }],
+  components: {
+    securitySchemes: {
+      bearerAuth: {
+        type: "http",
+        scheme: "bearer",
+        description: "Pass the PONCHO_AUTH_TOKEN value as a Bearer token. Required only when `auth.required: true` in poncho.config.js."
+      }
+    },
+    schemas: {
+      ConversationSummary: {
+        type: "object",
+        properties: {
+          conversationId: { type: "string" },
+          title: { type: "string" },
+          runtimeRunId: { type: "string" },
+          ownerId: { type: "string" },
+          tenantId: { type: ["string", "null"] },
+          createdAt: { type: "number", description: "Unix epoch ms" },
+          updatedAt: { type: "number", description: "Unix epoch ms" },
+          messageCount: { type: "integer" }
+        }
+      },
+      Message: {
+        type: "object",
+        properties: {
+          role: { type: "string", enum: ["user", "assistant"] },
+          content: {
+            oneOf: [
+              { type: "string" },
+              {
+                type: "array",
+                items: {
+                  oneOf: [
+                    {
+                      type: "object",
+                      properties: {
+                        type: { type: "string", const: "text" },
+                        text: { type: "string" }
+                      }
+                    },
+                    {
+                      type: "object",
+                      properties: {
+                        type: { type: "string", const: "file" },
+                        data: { type: "string" },
+                        mediaType: { type: "string" },
+                        filename: { type: "string" }
+                      }
+                    }
+                  ]
+                }
+              }
+            ]
+          },
+          metadata: {
+            type: "object",
+            properties: {
+              id: { type: "string" },
+              timestamp: { type: "number" },
+              tokenCount: { type: "number" },
+              step: { type: "number" },
+              toolActivity: { type: "array", items: { type: "string" } }
+            }
+          }
+        }
+      },
+      Conversation: {
+        type: "object",
+        properties: {
+          conversationId: { type: "string" },
+          title: { type: "string" },
+          ownerId: { type: "string" },
+          tenantId: { type: ["string", "null"] },
+          createdAt: { type: "number" },
+          updatedAt: { type: "number" },
+          messages: { type: "array", items: { $ref: "#/components/schemas/Message" } },
+          pendingApprovals: {
+            type: "array",
+            items: { $ref: "#/components/schemas/PendingApproval" }
+          }
+        }
+      },
+      PendingApproval: {
+        type: "object",
+        properties: {
+          approvalId: { type: "string" },
+          runId: { type: "string" },
+          tool: { type: "string" },
+          input: {}
+        }
+      },
+      TokenUsage: {
+        type: "object",
+        properties: {
+          input: { type: "integer" },
+          output: { type: "integer" },
+          cached: { type: "integer" }
+        }
+      },
+      RunResult: {
+        type: "object",
+        properties: {
+          status: { type: "string", enum: ["completed", "error", "cancelled"] },
+          response: { type: "string" },
+          steps: { type: "integer" },
+          tokens: { $ref: "#/components/schemas/TokenUsage" },
+          duration: { type: "number", description: "Duration in ms" },
+          continuation: { type: "boolean" },
+          maxSteps: { type: "integer" }
+        }
+      },
+      FileAttachment: {
+        type: "object",
+        properties: {
+          data: { type: "string", description: "base64-encoded file data" },
+          mediaType: { type: "string" },
+          filename: { type: "string" }
+        },
+        required: ["data", "mediaType"]
+      },
+      Error: {
+        type: "object",
+        properties: {
+          code: { type: "string" },
+          message: { type: "string" }
+        }
+      }
+    }
+  },
+  security: [{ bearerAuth: [] }],
+  paths: {
+    "/health": {
+      get: {
+        tags: ["Health"],
+        summary: "Health check",
+        security: [],
+        responses: {
+          "200": {
+            description: "Server is healthy",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: { status: { type: "string", const: "ok" } }
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    "/api/auth/session": {
+      get: {
+        tags: ["Auth"],
+        summary: "Check session status",
+        description: "Returns whether the caller is authenticated and provides a CSRF token for subsequent mutating requests.",
+        security: [],
+        responses: {
+          "200": {
+            description: "Session status",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: {
+                    authenticated: { type: "boolean" },
+                    sessionId: { type: "string" },
+                    ownerId: { type: "string" },
+                    csrfToken: { type: "string" }
+                  },
+                  required: ["authenticated"]
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    "/api/auth/login": {
+      post: {
+        tags: ["Auth"],
+        summary: "Authenticate with passphrase",
+        description: "Creates a session cookie. Only needed for browser-based auth; API clients should use Bearer tokens instead.",
+        security: [],
+        requestBody: {
+          required: true,
+          content: {
+            "application/json": {
+              schema: {
+                type: "object",
+                properties: { passphrase: { type: "string" } },
+                required: ["passphrase"]
+              }
+            }
+          }
+        },
+        responses: {
+          "200": {
+            description: "Login successful",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: {
+                    ok: { type: "boolean" },
+                    sessionId: { type: "string" },
+                    csrfToken: { type: "string" }
+                  }
+                }
+              }
+            }
+          },
+          "401": {
+            description: "Invalid passphrase",
+            content: { "application/json": { schema: { $ref: "#/components/schemas/Error" } } }
+          },
+          "429": {
+            description: "Too many login attempts",
+            content: { "application/json": { schema: { $ref: "#/components/schemas/Error" } } }
+          }
+        }
+      }
+    },
+    "/api/auth/logout": {
+      post: {
+        tags: ["Auth"],
+        summary: "End session",
+        responses: {
+          "200": {
+            description: "Logged out",
+            content: {
+              "application/json": {
+                schema: { type: "object", properties: { ok: { type: "boolean" } } }
+              }
+            }
+          }
+        }
+      }
+    },
+    "/api/conversations": {
+      get: {
+        tags: ["Conversations"],
+        summary: "List conversations",
+        responses: {
+          "200": {
+            description: "Conversation list",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: {
+                    conversations: {
+                      type: "array",
+                      items: { $ref: "#/components/schemas/ConversationSummary" }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      },
+      post: {
+        tags: ["Conversations"],
+        summary: "Create a conversation",
+        requestBody: {
+          content: {
+            "application/json": {
+              schema: {
+                type: "object",
+                properties: { title: { type: "string" } }
+              }
+            }
+          }
+        },
+        responses: {
+          "201": {
+            description: "Conversation created",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: { conversation: { $ref: "#/components/schemas/Conversation" } }
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    "/api/conversations/{conversationId}": {
+      get: {
+        tags: ["Conversations"],
+        summary: "Get conversation",
+        description: "Returns the full conversation including messages and any pending tool approval requests.",
+        parameters: [
+          { name: "conversationId", in: "path", required: true, schema: { type: "string" } }
+        ],
+        responses: {
+          "200": {
+            description: "Conversation with messages",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: { conversation: { $ref: "#/components/schemas/Conversation" } }
+                }
+              }
+            }
+          },
+          "404": {
+            description: "Conversation not found",
+            content: { "application/json": { schema: { $ref: "#/components/schemas/Error" } } }
+          }
+        }
+      },
+      patch: {
+        tags: ["Conversations"],
+        summary: "Rename conversation",
+        parameters: [
+          { name: "conversationId", in: "path", required: true, schema: { type: "string" } }
+        ],
+        requestBody: {
+          required: true,
+          content: {
+            "application/json": {
+              schema: {
+                type: "object",
+                properties: { title: { type: "string" } },
+                required: ["title"]
+              }
+            }
+          }
+        },
+        responses: {
+          "200": {
+            description: "Conversation renamed",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: { conversation: { $ref: "#/components/schemas/Conversation" } }
+                }
+              }
+            }
+          }
+        }
+      },
+      delete: {
+        tags: ["Conversations"],
+        summary: "Delete conversation",
+        parameters: [
+          { name: "conversationId", in: "path", required: true, schema: { type: "string" } }
+        ],
+        responses: {
+          "200": {
+            description: "Conversation deleted",
+            content: {
+              "application/json": {
+                schema: { type: "object", properties: { ok: { type: "boolean" } } }
+              }
+            }
+          }
+        }
+      }
+    },
+    "/api/conversations/{conversationId}/messages": {
+      post: {
+        tags: ["Messages"],
+        summary: "Send a message (streaming)",
+        description: "Sends a user message and streams the agent's response via Server-Sent Events.\n\n### SSE protocol\n\nThe response is a stream of SSE frames. Each frame has the format:\n\n```\nevent: <type>\ndata: <json>\n\n```\n\n**Event types:**\n\n| Event | Payload | Description |\n| --- | --- | --- |\n| `run:started` | `{ runId, agentId }` | Agent run has begun |\n| `model:chunk` | `{ content }` | Incremental text token from the model |\n| `model:response` | `{ usage: { input, output, cached } }` | Model call finished |\n| `step:started` | `{ step }` | Agent step started |\n| `step:completed` | `{ step, duration }` | Agent step finished |\n| `tool:started` | `{ tool, input }` | Tool invocation started |\n| `tool:completed` | `{ tool, output, duration }` | Tool finished successfully |\n| `tool:error` | `{ tool, error, recoverable }` | Tool returned an error |\n| `tool:approval:required` | `{ tool, input, approvalId }` | Tool needs human approval |\n| `tool:approval:granted` | `{ approvalId }` | Approval was granted |\n| `tool:approval:denied` | `{ approvalId, reason? }` | Approval was denied |\n| `run:completed` | `{ runId, result: RunResult }` | Agent finished |\n| `run:error` | `{ runId, error: { code, message } }` | Agent failed |\n| `run:cancelled` | `{ runId }` | Run was cancelled via stop endpoint |\n\nTo build the assistant's response, concatenate all `model:chunk` content values.\n\n### Reconnection\n\nIf the SSE connection drops mid-stream, reconnect via `GET /api/conversations/{conversationId}/events` to replay buffered events.",
+        parameters: [
+          { name: "conversationId", in: "path", required: true, schema: { type: "string" } }
+        ],
+        requestBody: {
+          required: true,
+          content: {
+            "application/json": {
+              schema: {
+                type: "object",
+                properties: {
+                  message: { type: "string", description: "User message text" },
+                  parameters: {
+                    type: "object",
+                    additionalProperties: true,
+                    description: "Key-value parameters passed to the agent run"
+                  },
+                  files: {
+                    type: "array",
+                    items: { $ref: "#/components/schemas/FileAttachment" },
+                    description: "Attached files (base64-encoded)"
+                  }
+                },
+                required: ["message"]
+              }
+            },
+            "multipart/form-data": {
+              schema: {
+                type: "object",
+                properties: {
+                  message: { type: "string" },
+                  parameters: { type: "string", description: "JSON-encoded parameters object" },
+                  files: { type: "array", items: { type: "string", format: "binary" } }
+                }
+              }
+            }
+          }
+        },
+        responses: {
+          "200": {
+            description: "SSE stream of agent events",
+            content: { "text/event-stream": { schema: { type: "string" } } }
+          },
+          "404": {
+            description: "Conversation not found",
+            content: { "application/json": { schema: { $ref: "#/components/schemas/Error" } } }
+          }
+        }
+      }
+    },
+    "/api/conversations/{conversationId}/events": {
+      get: {
+        tags: ["Messages"],
+        summary: "Attach to live event stream",
+        description: "Connects to the SSE event stream for an in-progress run. Replays all buffered events from the current run, then streams live events. If no run is active, sends a `stream:end` event and closes.",
+        parameters: [
+          { name: "conversationId", in: "path", required: true, schema: { type: "string" } }
+        ],
+        responses: {
+          "200": {
+            description: "SSE stream (same event format as POST /messages)",
+            content: { "text/event-stream": { schema: { type: "string" } } }
+          },
+          "404": {
+            description: "Conversation not found",
+            content: { "application/json": { schema: { $ref: "#/components/schemas/Error" } } }
+          }
+        }
+      }
+    },
+    "/api/conversations/{conversationId}/stop": {
+      post: {
+        tags: ["Messages"],
+        summary: "Stop an in-flight run",
+        parameters: [
+          { name: "conversationId", in: "path", required: true, schema: { type: "string" } }
+        ],
+        requestBody: {
+          required: true,
+          content: {
+            "application/json": {
+              schema: {
+                type: "object",
+                properties: {
+                  runId: { type: "string", description: "The run ID to cancel (from run:started event)" }
+                },
+                required: ["runId"]
+              }
+            }
+          }
+        },
+        responses: {
+          "200": {
+            description: "Stop result",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: {
+                    ok: { type: "boolean" },
+                    stopped: { type: "boolean" },
+                    runId: { type: "string" }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    "/api/approvals/{approvalId}": {
+      post: {
+        tags: ["Approvals"],
+        summary: "Resolve a tool approval request",
+        description: "When an agent run encounters a gated tool, it emits a `tool:approval:required` SSE event and pauses. Use this endpoint to approve or deny the tool invocation.",
+        parameters: [
+          { name: "approvalId", in: "path", required: true, schema: { type: "string" } }
+        ],
+        requestBody: {
+          required: true,
+          content: {
+            "application/json": {
+              schema: {
+                type: "object",
+                properties: { approved: { type: "boolean" } },
+                required: ["approved"]
+              }
+            }
+          }
+        },
+        responses: {
+          "200": {
+            description: "Approval resolved",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: {
+                    ok: { type: "boolean" },
+                    approvalId: { type: "string" },
+                    approved: { type: "boolean" }
+                  }
+                }
+              }
+            }
+          },
+          "404": {
+            description: "Approval not found or expired",
+            content: { "application/json": { schema: { $ref: "#/components/schemas/Error" } } }
+          }
+        }
+      }
+    },
+    "/api/uploads/{key}": {
+      get: {
+        tags: ["Assets"],
+        summary: "Retrieve an uploaded file",
+        description: "Serves a file previously uploaded during a conversation. The key is returned in file content part references.",
+        parameters: [
+          {
+            name: "key",
+            in: "path",
+            required: true,
+            schema: { type: "string" },
+            description: "Upload key (e.g. filename or storage path)"
+          }
+        ],
+        responses: {
+          "200": {
+            description: "File content with appropriate Content-Type",
+            content: { "application/octet-stream": { schema: { type: "string", format: "binary" } } }
+          },
+          "404": {
+            description: "Upload not found",
+            content: { "application/json": { schema: { $ref: "#/components/schemas/Error" } } }
+          }
+        }
+      }
+    },
+    "/api/cron/{jobName}": {
+      get: {
+        tags: ["Cron"],
+        summary: "Trigger a cron job",
+        description: "Triggers a named cron job defined in AGENT.md frontmatter. Supports continuation via the `continue` query parameter.",
+        parameters: [
+          { name: "jobName", in: "path", required: true, schema: { type: "string" } },
+          {
+            name: "continue",
+            in: "query",
+            schema: { type: "string" },
+            description: "Conversation ID to continue a previous cron run"
+          }
+        ],
+        responses: {
+          "200": {
+            description: "Cron job result",
+            content: {
+              "application/json": {
+                schema: {
+                  type: "object",
+                  properties: {
+                    conversationId: { type: "string" },
+                    response: { type: "string" },
+                    steps: { type: "integer" },
+                    status: { type: "string" },
+                    continuation: { type: "string", description: "URL to continue this run" }
+                  }
+                }
+              }
+            }
+          },
+          "404": {
+            description: "Cron job not found",
+            content: { "application/json": { schema: { $ref: "#/components/schemas/Error" } } }
+          }
+        }
+      }
+    }
+  },
+  tags: [
+    { name: "Health", description: "Server health check" },
+    { name: "Auth", description: "Session and authentication management" },
+    { name: "Conversations", description: "Create, list, read, rename, and delete conversations" },
+    {
+      name: "Messages",
+      description: "Send messages and stream agent responses via SSE"
+    },
+    { name: "Approvals", description: "Resolve gated tool approval requests" },
+    { name: "Assets", description: "Retrieve uploaded files" },
+    { name: "Cron", description: "Trigger cron jobs defined in AGENT.md" }
+  ]
+});
+var renderApiDocsHtml = (specUrl) => `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>API Documentation</title>
+  <style>body { margin: 0; }</style>
+</head>
+<body>
+  <script id="api-reference" data-url="${specUrl}"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"></script>
+</body>
+</html>`;
+// src/index.ts
+import { createInterface } from "readline/promises";
+// src/init-onboarding.ts
+import { stdin, stdout } from "process";
+import { input, password, select } from "@inquirer/prompts";
+import {
+  fieldsForScope
+} from "@poncho-ai/sdk";
+var C = {
+  reset: "\x1B[0m",
+  bold: "\x1B[1m",
+  dim: "\x1B[2m",
+  cyan: "\x1B[36m"
+};
+var dim = (s) => `${C.dim}${s}${C.reset}`;
+var bold = (s) => `${C.bold}${s}${C.reset}`;
+var INPUT_CARET = "\xBB";
+var shouldAskField = (field, answers) => {
+  if (!field.dependsOn) {
+    return true;
+  }
+  const value = answers[field.dependsOn.fieldId];
+  if (typeof field.dependsOn.equals !== "undefined") {
+    return value === field.dependsOn.equals;
+  }
+  if (field.dependsOn.oneOf) {
+    return field.dependsOn.oneOf.includes(value);
+  }
+  return true;
+};
+var parsePromptValue = (field, answer) => {
+  if (field.kind === "boolean") {
+    const normalized = answer.trim().toLowerCase();
+    if (normalized === "y" || normalized === "yes" || normalized === "true") {
+      return true;
     }
     if (normalized === "n" || normalized === "no" || normalized === "false") {
       return false;
@@ -3521,7 +4663,20 @@ var buildConfigFromOnboardingAnswers = (answers) => {
     telemetry
   };
   if (messagingPlatform !== "none") {
-    config.messaging = [{ platform: messagingPlatform }];
+    const channelConfig = {
+      platform: messagingPlatform
+    };
+    if (messagingPlatform === "resend") {
+      const mode = String(answers["messaging.resend.mode"] ?? "auto-reply");
+      if (mode === "tool") {
+        channelConfig.mode = "tool";
+      }
+      const recipientsRaw = String(answers["messaging.resend.allowedRecipients"] ?? "");
+      if (recipientsRaw.trim().length > 0) {
+        channelConfig.allowedRecipients = recipientsRaw.split(",").map((s) => s.trim()).filter(Boolean);
+      }
+    }
+    config.messaging = [channelConfig];
   }
   return config;
 };
@@ -3993,7 +5148,7 @@ cp .env.example .env
 poncho dev
 \`\`\`
-Open \`http://localhost:3000\` for the web UI.
+Open \`http://localhost:3000\` for the web UI, or \`http://localhost:3000/api/docs\` for interactive API documentation.
 On your first interactive session, the agent introduces its configurable capabilities.
 While a response is streaming, you can stop it:
@@ -4115,7 +5270,7 @@ Core files:
 - \`AGENT.md\`: behavior, model selection, runtime guidance
 - \`poncho.config.js\`: runtime config (storage, auth, telemetry, MCP, tools)
-- \`.env\`: secrets and environment variables
+- \`.env\`: secrets and environment variables (loaded before the harness starts, so \`process.env\` is available in skill scripts)
 Example \`poncho.config.js\`:
@@ -4141,18 +5296,20 @@ export default {
       auth: { type: "bearer", tokenEnv: "GITHUB_TOKEN" },
     },
   ],
+  // Tool access: true (available), false (disabled), 'approval' (requires human approval)
   tools: {
-    defaults: {
-      list_directory: true,
-      read_file: true,
-      write_file: true, // still gated by environment/policy
-    },
+    write_file: true,           // gated by environment for writes
+    send_email: 'approval',     // requires human approval
     byEnvironment: {
       production: {
-        read_file: false, // example override
+        write_file: false,
+      },
+      development: {
+        send_email: true,       // skip approval in dev
       },
     },
   },
+  // webUi: false, // Disable built-in UI for API-only deployments
 };
 \`\`\`
@@ -4211,6 +5368,26 @@ Connect your agent to Slack so it responds to @mentions:
    messaging: [{ platform: 'slack' }]
    \`\`\`
+## Messaging (Email via Resend)
+Connect your agent to email so users can interact by sending emails:
+1. Set up a domain and enable Inbound at [resend.com](https://resend.com)
+2. Create a webhook for \`email.received\` pointing to \`https://<your-url>/api/messaging/resend\`
+3. Install the Resend SDK: \`npm install resend\`
+4. Set env vars:
+   \`\`\`
+   RESEND_API_KEY=re_...
+   RESEND_WEBHOOK_SECRET=whsec_...
+   RESEND_FROM=Agent <agent@yourdomain.com>
+   \`\`\`
+5. Add to \`poncho.config.js\`:
+   \`\`\`javascript
+   messaging: [{ platform: 'resend' }]
+   \`\`\`
+For full control over outbound emails, use **tool mode** (\`mode: 'tool'\`) \u2014 the agent gets a \`send_email\` tool instead of auto-replying. See the repo README for details.
 ## Deployment
 \`\`\`bash
@@ -4828,7 +6005,6 @@ var createRequestHandler = async (options) => {
   const runOwners = /* @__PURE__ */ new Map();
   const runConversations = /* @__PURE__ */ new Map();
   const activeConversationRuns = /* @__PURE__ */ new Map();
-  const pendingApprovals = /* @__PURE__ */ new Map();
   const conversationEventStreams = /* @__PURE__ */ new Map();
   const broadcastEvent = (conversationId, event) => {
     let stream = conversationEventStreams.get(conversationId);
@@ -4860,51 +6036,19 @@ var createRequestHandler = async (options) => {
       setTimeout(() => conversationEventStreams.delete(conversationId), 3e4);
     }
   };
-  const persistConversationPendingApprovals = async (conversationId) => {
-    const conversation = await conversationStore.get(conversationId);
-    if (!conversation) {
-      return;
-    }
-    conversation.pendingApprovals = Array.from(pendingApprovals.entries()).filter(
-      ([, pending]) => pending.ownerId === conversation.ownerId && pending.conversationId === conversationId
-    ).map(([approvalId, pending]) => ({
-      approvalId,
-      runId: pending.runId,
-      tool: pending.tool,
-      input: pending.input
-    }));
-    await conversationStore.update(conversation);
-  };
   const clearPendingApprovalsForConversation = async (conversationId) => {
-    for (const [approvalId, pending] of pendingApprovals.entries()) {
-      if (pending.conversationId !== conversationId) {
-        continue;
-      }
-      pendingApprovals.delete(approvalId);
-      pending.resolve(false);
+    const conversation = await conversationStore.get(conversationId);
+    if (!conversation) return;
+    if (Array.isArray(conversation.pendingApprovals) && conversation.pendingApprovals.length > 0) {
+      conversation.pendingApprovals = [];
+      await conversationStore.update(conversation);
     }
-    await persistConversationPendingApprovals(conversationId);
   };
   const uploadStore = await createUploadStore(config?.uploads, workingDir);
   const harness = new AgentHarness({
     workingDir,
     environment: resolveHarnessEnvironment(),
-    uploadStore,
-    approvalHandler: async (request) => new Promise((resolveApproval) => {
-      const ownerIdForRun = runOwners.get(request.runId) ?? "local-owner";
-      const conversationIdForRun = runConversations.get(request.runId) ?? null;
-      pendingApprovals.set(request.approvalId, {
-        ownerId: ownerIdForRun,
-        runId: request.runId,
-        conversationId: conversationIdForRun,
-        tool: request.tool,
-        input: request.input,
-        resolve: resolveApproval
-      });
-      if (conversationIdForRun) {
-        void persistConversationPendingApprovals(conversationIdForRun);
-      }
-    })
+    uploadStore
   });
   await harness.initialize();
   const telemetry = new TelemetryEmitter(config?.telemetry);
@@ -4913,6 +6057,162 @@ var createRequestHandler = async (options) => {
     workingDir,
     agentId: identity.id
   });
+  const resumeRunFromCheckpoint = async (conversationId, conversation, checkpoint, toolResults) => {
+    const abortController = new AbortController();
+    activeConversationRuns.set(conversationId, {
+      ownerId: conversation.ownerId,
+      abortController,
+      runId: null
+    });
+    let latestRunId = conversation.runtimeRunId ?? "";
+    let assistantResponse = "";
+    const toolTimeline = [];
+    const sections = [];
+    let currentText = "";
+    let currentTools = [];
+    let checkpointedRun = false;
+    const baseMessages = checkpoint.baseMessageCount != null ? conversation.messages.slice(0, checkpoint.baseMessageCount) : [];
+    const fullCheckpointMessages = [...baseMessages, ...checkpoint.checkpointMessages];
+    try {
+      for await (const event of harness.continueFromToolResult({
+        messages: fullCheckpointMessages,
+        toolResults,
+        conversationId,
+        abortSignal: abortController.signal
+      })) {
+        if (event.type === "run:started") {
+          latestRunId = event.runId;
+          runOwners.set(event.runId, conversation.ownerId);
+          runConversations.set(event.runId, conversationId);
+          const active = activeConversationRuns.get(conversationId);
+          if (active && active.abortController === abortController) {
+            active.runId = event.runId;
+          }
+        }
+        if (event.type === "model:chunk") {
+          if (currentTools.length > 0) {
+            sections.push({ type: "tools", content: currentTools });
+            currentTools = [];
+          }
+          assistantResponse += event.content;
+          currentText += event.content;
+        }
+        if (event.type === "tool:started") {
+          if (currentText.length > 0) {
+            sections.push({ type: "text", content: currentText });
+            currentText = "";
+          }
+          const toolText = `- start \`${event.tool}\``;
+          toolTimeline.push(toolText);
+          currentTools.push(toolText);
+        }
+        if (event.type === "tool:completed") {
+          const toolText = `- done \`${event.tool}\` (${event.duration}ms)`;
+          toolTimeline.push(toolText);
+          currentTools.push(toolText);
+        }
+        if (event.type === "tool:error") {
+          const toolText = `- error \`${event.tool}\`: ${event.error}`;
+          toolTimeline.push(toolText);
+          currentTools.push(toolText);
+        }
+        if (event.type === "tool:approval:required") {
+          const toolText = `- approval required \`${event.tool}\``;
+          toolTimeline.push(toolText);
+          currentTools.push(toolText);
+        }
+        if (event.type === "tool:approval:checkpoint") {
+          const conv = await conversationStore.get(conversationId);
+          if (conv) {
+            conv.pendingApprovals = [{
+              approvalId: event.approvalId,
+              runId: latestRunId,
+              tool: event.tool,
+              toolCallId: event.toolCallId,
+              input: event.input,
+              checkpointMessages: [...fullCheckpointMessages, ...event.checkpointMessages],
+              baseMessageCount: 0,
+              pendingToolCalls: event.pendingToolCalls
+            }];
+            conv.updatedAt = Date.now();
+            await conversationStore.update(conv);
+          }
+          checkpointedRun = true;
+        }
+        if (event.type === "run:completed" && assistantResponse.length === 0 && event.result.response) {
+          assistantResponse = event.result.response;
+        }
+        if (event.type === "run:error") {
+          assistantResponse = assistantResponse || `[Error: ${event.error.message}]`;
+        }
+        await telemetry.emit(event);
+        broadcastEvent(conversationId, event);
+      }
+    } catch (err) {
+      console.error("[resume-run] error:", err instanceof Error ? err.message : err);
+      assistantResponse = assistantResponse || `[Error: ${err instanceof Error ? err.message : "Unknown error"}]`;
+    }
+    if (currentTools.length > 0) {
+      sections.push({ type: "tools", content: currentTools });
+    }
+    if (currentText.length > 0) {
+      sections.push({ type: "text", content: currentText });
+    }
+    if (!checkpointedRun) {
+      const conv = await conversationStore.get(conversationId);
+      if (conv) {
+        const prevMessages = conv.messages;
+        const hasAssistantContent = assistantResponse.length > 0 || toolTimeline.length > 0 || sections.length > 0;
+        if (hasAssistantContent) {
+          const lastMsg = prevMessages[prevMessages.length - 1];
+          if (lastMsg && lastMsg.role === "assistant" && lastMsg.metadata) {
+            const existingToolActivity = lastMsg.metadata.toolActivity;
+            const existingSections = lastMsg.metadata.sections;
+            const mergedTimeline = [
+              ...Array.isArray(existingToolActivity) ? existingToolActivity : [],
+              ...toolTimeline
+            ];
+            const mergedSections = [
+              ...Array.isArray(existingSections) ? existingSections : [],
+              ...sections
+            ];
+            const mergedText = (typeof lastMsg.content === "string" ? lastMsg.content : "") + assistantResponse;
+            conv.messages = [
+              ...prevMessages.slice(0, -1),
+              {
+                role: "assistant",
+                content: mergedText,
+                metadata: {
+                  toolActivity: mergedTimeline,
+                  sections: mergedSections.length > 0 ? mergedSections : void 0
+                }
+              }
+            ];
+          } else {
+            conv.messages = [
+              ...prevMessages,
+              {
+                role: "assistant",
+                content: assistantResponse,
+                metadata: toolTimeline.length > 0 || sections.length > 0 ? { toolActivity: toolTimeline, sections: sections.length > 0 ? sections : void 0 } : void 0
+              }
+            ];
+          }
+        }
+        conv.runtimeRunId = latestRunId || conv.runtimeRunId;
+        conv.pendingApprovals = [];
+        conv.updatedAt = Date.now();
+        await conversationStore.update(conv);
+      }
+    }
+    finishConversationStream(conversationId);
+    activeConversationRuns.delete(conversationId);
+    if (latestRunId) {
+      runOwners.delete(latestRunId);
+      runConversations.delete(latestRunId);
+    }
+    console.log("[resume-run] complete for", conversationId);
+  };
   const messagingRoutes = /* @__PURE__ */ new Map();
   const messagingRouteRegistrar = (method, path, routeHandler) => {
     let byMethod = messagingRoutes.get(path);
@@ -4942,20 +6242,167 @@ var createRequestHandler = async (options) => {
       return { messages: [] };
     },
     async run(conversationId, input2) {
-      const output = await harness.runToCompletion({
-        task: input2.task,
-        messages: input2.messages
+      console.log("[messaging-runner] starting run for", conversationId, "task:", input2.task.slice(0, 80));
+      const historyMessages = [...input2.messages];
+      const userContent = input2.task;
+      const updateConversation = async (patch) => {
+        const fresh = await conversationStore.get(conversationId);
+        if (!fresh) return;
+        patch(fresh);
+        fresh.updatedAt = Date.now();
+        await conversationStore.update(fresh);
+      };
+      await updateConversation((c) => {
+        c.messages = [...historyMessages, { role: "user", content: userContent }];
       });
-      const response = output.result.response ?? "";
-      const conversation = await conversationStore.get(conversationId);
-      if (conversation) {
-        conversation.messages = [
-          ...input2.messages,
-          { role: "user", content: input2.task },
-          { role: "assistant", content: response }
+      let latestRunId = "";
+      let assistantResponse = "";
+      const toolTimeline = [];
+      const sections = [];
+      let currentTools = [];
+      let currentText = "";
+      let checkpointedRun = false;
+      const buildMessages = () => {
+        const draftSections = [
+          ...sections.map((s) => ({
+            type: s.type,
+            content: Array.isArray(s.content) ? [...s.content] : s.content
+          }))
         ];
-        await conversationStore.update(conversation);
+        if (currentTools.length > 0) {
+          draftSections.push({ type: "tools", content: [...currentTools] });
+        }
+        if (currentText.length > 0) {
+          draftSections.push({ type: "text", content: currentText });
+        }
+        const hasDraftContent = assistantResponse.length > 0 || toolTimeline.length > 0 || draftSections.length > 0;
+        if (!hasDraftContent) {
+          return [...historyMessages, { role: "user", content: userContent }];
+        }
+        return [
+          ...historyMessages,
+          { role: "user", content: userContent },
+          {
+            role: "assistant",
+            content: assistantResponse,
+            metadata: toolTimeline.length > 0 || draftSections.length > 0 ? {
+              toolActivity: [...toolTimeline],
+              sections: draftSections.length > 0 ? draftSections : void 0
+            } : void 0
+          }
+        ];
+      };
+      const persistDraftAssistantTurn = async () => {
+        if (assistantResponse.length === 0 && toolTimeline.length === 0) return;
+        await updateConversation((c) => {
+          c.messages = buildMessages();
+        });
+      };
+      const runInput = {
+        task: input2.task,
+        conversationId,
+        messages: input2.messages,
+        files: input2.files,
+        parameters: input2.metadata ? {
+          __messaging_platform: input2.metadata.platform,
+          __messaging_sender_id: input2.metadata.sender.id,
+          __messaging_sender_name: input2.metadata.sender.name ?? "",
+          __messaging_thread_id: input2.metadata.threadId
+        } : void 0
+      };
+      try {
+        for await (const event of harness.runWithTelemetry(runInput)) {
+          if (event.type === "run:started") {
+            latestRunId = event.runId;
+            runOwners.set(event.runId, "local-owner");
+            runConversations.set(event.runId, conversationId);
+          }
+          if (event.type === "model:chunk") {
+            if (currentTools.length > 0) {
+              sections.push({ type: "tools", content: currentTools });
+              currentTools = [];
+            }
+            assistantResponse += event.content;
+            currentText += event.content;
+          }
+          if (event.type === "tool:started") {
+            if (currentText.length > 0) {
+              sections.push({ type: "text", content: currentText });
+              currentText = "";
+            }
+            const toolText = `- start \`${event.tool}\``;
+            toolTimeline.push(toolText);
+            currentTools.push(toolText);
+          }
+          if (event.type === "tool:completed") {
+            const toolText = `- done \`${event.tool}\` (${event.duration}ms)`;
+            toolTimeline.push(toolText);
+            currentTools.push(toolText);
+          }
+          if (event.type === "tool:error") {
+            const toolText = `- error \`${event.tool}\`: ${event.error}`;
+            toolTimeline.push(toolText);
+            currentTools.push(toolText);
+          }
+          if (event.type === "step:completed") {
+            await persistDraftAssistantTurn();
+          }
+          if (event.type === "tool:approval:required") {
+            const toolText = `- approval required \`${event.tool}\``;
+            toolTimeline.push(toolText);
+            currentTools.push(toolText);
+            await persistDraftAssistantTurn();
+          }
+          if (event.type === "tool:approval:checkpoint") {
+            await updateConversation((c) => {
+              c.messages = buildMessages();
+              c.pendingApprovals = [{
+                approvalId: event.approvalId,
+                runId: latestRunId,
+                tool: event.tool,
+                toolCallId: event.toolCallId,
+                input: event.input,
+                checkpointMessages: event.checkpointMessages,
+                baseMessageCount: historyMessages.length,
+                pendingToolCalls: event.pendingToolCalls
+              }];
+            });
+            checkpointedRun = true;
+          }
+          if (event.type === "run:completed" && assistantResponse.length === 0 && event.result.response) {
+            assistantResponse = event.result.response;
+          }
+          if (event.type === "run:error") {
+            assistantResponse = assistantResponse || `[Error: ${event.error.message}]`;
+          }
+          broadcastEvent(conversationId, event);
+        }
+      } catch (err) {
+        console.error("[messaging-runner] run failed:", err instanceof Error ? err.message : err);
+        assistantResponse = assistantResponse || `[Error: ${err instanceof Error ? err.message : "Unknown error"}]`;
+      }
+      if (currentTools.length > 0) {
+        sections.push({ type: "tools", content: currentTools });
+        currentTools = [];
+      }
+      if (currentText.length > 0) {
+        sections.push({ type: "text", content: currentText });
+        currentText = "";
       }
+      if (!checkpointedRun) {
+        await updateConversation((c) => {
+          c.messages = buildMessages();
+          c.runtimeRunId = latestRunId || c.runtimeRunId;
+          c.pendingApprovals = [];
+        });
+      }
+      finishConversationStream(conversationId);
+      if (latestRunId) {
+        runOwners.delete(latestRunId);
+        runConversations.delete(latestRunId);
+      }
+      console.log("[messaging-runner] run complete, response length:", assistantResponse.length);
+      const response = assistantResponse;
       return { response };
     }
   };
@@ -4982,7 +6429,8 @@ var createRequestHandler = async (options) => {
         const bridge = new AgentBridge({
           adapter,
           runner: messagingRunner,
-          waitUntil: waitUntilHook
+          waitUntil: waitUntilHook,
+          ownerId: "local-owner"
         });
         adapter.registerRoutes(messagingRouteRegistrar);
         try {
@@ -4994,6 +6442,37 @@ var createRequestHandler = async (options) => {
             `  Slack messaging disabled: ${err instanceof Error ? err.message : String(err)}`
           );
         }
+      } else if (channelConfig.platform === "resend") {
+        const adapter = new ResendAdapter({
+          apiKeyEnv: channelConfig.apiKeyEnv,
+          webhookSecretEnv: channelConfig.webhookSecretEnv,
+          fromEnv: channelConfig.fromEnv,
+          allowedSenders: channelConfig.allowedSenders,
+          mode: channelConfig.mode,
+          allowedRecipients: channelConfig.allowedRecipients,
+          maxSendsPerRun: channelConfig.maxSendsPerRun
+        });
+        const bridge = new AgentBridge({
+          adapter,
+          runner: messagingRunner,
+          waitUntil: waitUntilHook,
+          ownerId: "local-owner"
+        });
+        adapter.registerRoutes(messagingRouteRegistrar);
+        try {
+          await bridge.start();
+          messagingBridges.push(bridge);
+          const adapterTools = adapter.getToolDefinitions?.() ?? [];
+          if (adapterTools.length > 0) {
+            harness.registerTools(adapterTools);
+          }
+          const modeLabel = channelConfig.mode === "tool" ? "tool" : "auto-reply";
+          console.log(`  Resend email messaging enabled at /api/messaging/resend (mode: ${modeLabel})`);
+        } catch (err) {
+          console.warn(
+            `  Resend email messaging disabled: ${err instanceof Error ? err.message : String(err)}`
+          );
+        }
       }
     }
   }
@@ -5002,6 +6481,7 @@ var createRequestHandler = async (options) => {
   const authToken = process.env.PONCHO_AUTH_TOKEN ?? "";
   const authRequired = config?.auth?.required ?? false;
   const requireAuth = authRequired && authToken.length > 0;
+  const webUiEnabled = config?.webUi !== false;
   const isProduction = resolveHarnessEnvironment() === "production";
   const secureCookies = isProduction;
   const validateBearerToken = (authHeader) => {
@@ -5023,35 +6503,45 @@ var createRequestHandler = async (options) => {
       return;
     }
     const [pathname] = request.url.split("?");
-    if (request.method === "GET" && (pathname === "/" || pathname.startsWith("/c/"))) {
-      writeHtml(response, 200, renderWebUiHtml({ agentName }));
-      return;
-    }
-    if (pathname === "/manifest.json" && request.method === "GET") {
-      response.writeHead(200, { "Content-Type": "application/manifest+json" });
-      response.end(renderManifest({ agentName }));
-      return;
-    }
-    if (pathname === "/sw.js" && request.method === "GET") {
-      response.writeHead(200, {
-        "Content-Type": "application/javascript",
-        "Service-Worker-Allowed": "/"
-      });
-      response.end(renderServiceWorker());
-      return;
+    if (webUiEnabled) {
+      if (request.method === "GET" && (pathname === "/" || pathname.startsWith("/c/"))) {
+        writeHtml(response, 200, renderWebUiHtml({ agentName }));
+        return;
+      }
+      if (pathname === "/manifest.json" && request.method === "GET") {
+        response.writeHead(200, { "Content-Type": "application/manifest+json" });
+        response.end(renderManifest({ agentName }));
+        return;
+      }
+      if (pathname === "/sw.js" && request.method === "GET") {
+        response.writeHead(200, {
+          "Content-Type": "application/javascript",
+          "Service-Worker-Allowed": "/"
+        });
+        response.end(renderServiceWorker());
+        return;
+      }
+      if (pathname === "/icon.svg" && request.method === "GET") {
+        response.writeHead(200, { "Content-Type": "image/svg+xml" });
+        response.end(renderIconSvg({ agentName }));
+        return;
+      }
+      if ((pathname === "/icon-192.png" || pathname === "/icon-512.png") && request.method === "GET") {
+        response.writeHead(302, { Location: "/icon.svg" });
+        response.end();
+        return;
+      }
     }
-    if (pathname === "/icon.svg" && request.method === "GET") {
-      response.writeHead(200, { "Content-Type": "image/svg+xml" });
-      response.end(renderIconSvg({ agentName }));
+    if (pathname === "/health" && request.method === "GET") {
+      writeJson(response, 200, { status: "ok" });
       return;
     }
-    if ((pathname === "/icon-192.png" || pathname === "/icon-512.png") && request.method === "GET") {
-      response.writeHead(302, { Location: "/icon.svg" });
-      response.end();
+    if (pathname === "/api/openapi.json" && request.method === "GET") {
+      writeJson(response, 200, buildOpenApiSpec({ agentName }));
       return;
     }
-    if (pathname === "/health" && request.method === "GET") {
-      writeJson(response, 200, { status: "ok" });
+    if (pathname === "/api/docs" && request.method === "GET") {
+      writeHtml(response, 200, renderApiDocsHtml("/api/openapi.json"));
       return;
     }
     const messagingByMethod = messagingRoutes.get(pathname ?? "");
@@ -5168,7 +6658,8 @@ var createRequestHandler = async (options) => {
           tenantId: conversation.tenantId,
           createdAt: conversation.createdAt,
           updatedAt: conversation.updatedAt,
-          messageCount: conversation.messages.length
+          messageCount: conversation.messages.length,
+          hasPendingApprovals: Array.isArray(conversation.pendingApprovals) && conversation.pendingApprovals.length > 0
         }))
       });
       return;
@@ -5192,36 +6683,77 @@ var createRequestHandler = async (options) => {
     const approvalMatch = pathname.match(/^\/api\/approvals\/([^/]+)$/);
     if (approvalMatch && request.method === "POST") {
       const approvalId = decodeURIComponent(approvalMatch[1] ?? "");
-      const pending = pendingApprovals.get(approvalId);
-      if (!pending || pending.ownerId !== ownerId) {
-        const conversations = await conversationStore.list(ownerId);
-        let prunedStale = false;
-        for (const conversation of conversations) {
-          if (!Array.isArray(conversation.pendingApprovals)) {
-            continue;
-          }
-          const next = conversation.pendingApprovals.filter(
-            (approval) => approval.approvalId !== approvalId
-          );
-          if (next.length !== conversation.pendingApprovals.length) {
-            conversation.pendingApprovals = next;
-            await conversationStore.update(conversation);
-            prunedStale = true;
-          }
+      const body = await readRequestBody(request);
+      const approved = body.approved === true;
+      const conversations = await conversationStore.list(ownerId);
+      let foundConversation;
+      let foundApproval;
+      for (const conv of conversations) {
+        if (!Array.isArray(conv.pendingApprovals)) continue;
+        const match = conv.pendingApprovals.find((a) => a.approvalId === approvalId);
+        if (match) {
+          foundConversation = conv;
+          foundApproval = match;
+          break;
         }
+      }
+      if (!foundConversation || !foundApproval) {
         writeJson(response, 404, {
           code: "APPROVAL_NOT_FOUND",
-          message: prunedStale ? "Approval request is no longer active" : "Approval request not found"
+          message: "Approval request not found"
         });
         return;
       }
-      const body = await readRequestBody(request);
-      const approved = body.approved === true;
-      pendingApprovals.delete(approvalId);
-      if (pending.conversationId) {
-        await persistConversationPendingApprovals(pending.conversationId);
+      const conversationId = foundConversation.conversationId;
+      if (!foundApproval.checkpointMessages || !foundApproval.toolCallId) {
+        foundConversation.pendingApprovals = (foundConversation.pendingApprovals ?? []).filter((a) => a.approvalId !== approvalId);
+        await conversationStore.update(foundConversation);
+        writeJson(response, 404, {
+          code: "APPROVAL_NOT_FOUND",
+          message: "Approval request is no longer active (no checkpoint data)"
+        });
+        return;
       }
-      pending.resolve(approved);
+      foundConversation.pendingApprovals = (foundConversation.pendingApprovals ?? []).filter((a) => a.approvalId !== approvalId);
+      await conversationStore.update(foundConversation);
+      broadcastEvent(
+        conversationId,
+        approved ? { type: "tool:approval:granted", approvalId } : { type: "tool:approval:denied", approvalId }
+      );
+      void (async () => {
+        let toolResults;
+        if (approved) {
+          const toolContext = {
+            runId: foundApproval.runId,
+            agentId: identity.id,
+            step: 0,
+            workingDir,
+            parameters: {}
+          };
+          const execResults = await harness.executeTools(
+            [{ id: foundApproval.toolCallId, name: foundApproval.tool, input: foundApproval.input }],
+            toolContext
+          );
+          toolResults = execResults.map((r) => ({
+            callId: r.callId,
+            toolName: r.tool,
+            result: r.output,
+            error: r.error
+          }));
+        } else {
+          toolResults = [{
+            callId: foundApproval.toolCallId,
+            toolName: foundApproval.tool,
+            error: "Tool execution denied by user"
+          }];
+        }
+        await resumeRunFromCheckpoint(
+          conversationId,
+          foundConversation,
+          foundApproval,
+          toolResults
+        );
+      })();
       writeJson(response, 200, { ok: true, approvalId, approved });
       return;
     }
@@ -5249,12 +6781,15 @@ var createRequestHandler = async (options) => {
         response.end();
         return;
       }
-      for (const bufferedEvent of stream.buffer) {
-        try {
-          response.write(formatSseEvent(bufferedEvent));
-        } catch {
-          response.end();
-          return;
+      const liveOnly = (request.url ?? "").includes("live_only=true");
+      if (!liveOnly) {
+        for (const bufferedEvent of stream.buffer) {
+          try {
+            response.write(formatSseEvent(bufferedEvent));
+          } catch {
+            response.end();
+            return;
+          }
         }
       }
       if (stream.finished) {
@@ -5280,29 +6815,20 @@ var createRequestHandler = async (options) => {
         return;
       }
       if (request.method === "GET") {
-        const storedPending = Array.isArray(conversation.pendingApprovals) ? conversation.pendingApprovals : [];
-        const livePending = Array.from(pendingApprovals.entries()).filter(
-          ([, pending]) => pending.ownerId === ownerId && pending.conversationId === conversationId
-        ).map(([approvalId, pending]) => ({
-          approvalId,
-          runId: pending.runId,
-          tool: pending.tool,
-          input: pending.input
-        }));
-        const mergedPendingById = /* @__PURE__ */ new Map();
-        for (const approval of storedPending) {
-          if (approval && typeof approval.approvalId === "string") {
-            mergedPendingById.set(approval.approvalId, approval);
-          }
-        }
-        for (const approval of livePending) {
-          mergedPendingById.set(approval.approvalId, approval);
-        }
+        const storedPending = Array.isArray(conversation.pendingApprovals) ? conversation.pendingApprovals.map((a) => ({
+          approvalId: a.approvalId,
+          runId: a.runId,
+          tool: a.tool,
+          input: a.input
+        })) : [];
+        const activeStream = conversationEventStreams.get(conversationId);
+        const hasActiveRun = !!activeStream && !activeStream.finished;
         writeJson(response, 200, {
           conversation: {
             ...conversation,
-            pendingApprovals: Array.from(mergedPendingById.values())
-          }
+            pendingApprovals: storedPending
+          },
+          hasActiveRun
         });
         return;
       }
@@ -5484,6 +7010,7 @@ var createRequestHandler = async (options) => {
       let currentText = "";
       let currentTools = [];
       let runCancelled = false;
+      let checkpointedRun = false;
       let userContent = messageText;
       if (files.length > 0) {
         try {
@@ -5563,6 +7090,7 @@ var createRequestHandler = async (options) => {
         })).filter((item) => item.content.length > 0);
         for await (const event of harness.runWithTelemetry({
           task: messageText,
+          conversationId,
           parameters: {
             ...bodyParameters ?? {},
             __conversationRecallCorpus: recallCorpus,
@@ -5620,17 +7148,36 @@ var createRequestHandler = async (options) => {
             currentTools.push(toolText);
             await persistDraftAssistantTurn();
           }
-          if (event.type === "tool:approval:granted") {
-            const toolText = `- approval granted (${event.approvalId})`;
-            toolTimeline.push(toolText);
-            currentTools.push(toolText);
-            await persistDraftAssistantTurn();
-          }
-          if (event.type === "tool:approval:denied") {
-            const toolText = `- approval denied (${event.approvalId})`;
-            toolTimeline.push(toolText);
-            currentTools.push(toolText);
-            await persistDraftAssistantTurn();
+          if (event.type === "tool:approval:checkpoint") {
+            const checkpointSections = [...sections];
+            if (currentTools.length > 0) {
+              checkpointSections.push({ type: "tools", content: [...currentTools] });
+            }
+            if (currentText.length > 0) {
+              checkpointSections.push({ type: "text", content: currentText });
+            }
+            conversation.messages = [
+              ...historyMessages,
+              { role: "user", content: userContent },
+              ...assistantResponse.length > 0 || toolTimeline.length > 0 || checkpointSections.length > 0 ? [{
+                role: "assistant",
+                content: assistantResponse,
+                metadata: toolTimeline.length > 0 || checkpointSections.length > 0 ? { toolActivity: [...toolTimeline], sections: checkpointSections.length > 0 ? checkpointSections : void 0 } : void 0
+              }] : []
+            ];
+            conversation.pendingApprovals = [{
+              approvalId: event.approvalId,
+              runId: latestRunId,
+              tool: event.tool,
+              toolCallId: event.toolCallId,
+              input: event.input,
+              checkpointMessages: event.checkpointMessages,
+              baseMessageCount: historyMessages.length,
+              pendingToolCalls: event.pendingToolCalls
+            }];
+            conversation.updatedAt = Date.now();
+            await conversationStore.update(conversation);
+            checkpointedRun = true;
           }
           if (event.type === "run:completed" && assistantResponse.length === 0 && event.result.response) {
             assistantResponse = event.result.response;
@@ -5648,23 +7195,25 @@ var createRequestHandler = async (options) => {
         if (currentText.length > 0) {
           sections.push({ type: "text", content: currentText });
         }
-        const hasAssistantContent = assistantResponse.length > 0 || toolTimeline.length > 0 || sections.length > 0;
-        conversation.messages = hasAssistantContent ? [
-          ...historyMessages,
-          { role: "user", content: userContent },
-          {
-            role: "assistant",
-            content: assistantResponse,
-            metadata: toolTimeline.length > 0 || sections.length > 0 ? {
-              toolActivity: toolTimeline,
-              sections: sections.length > 0 ? sections : void 0
-            } : void 0
-          }
-        ] : [...historyMessages, { role: "user", content: userContent }];
-        conversation.runtimeRunId = latestRunId || conversation.runtimeRunId;
-        conversation.pendingApprovals = [];
-        conversation.updatedAt = Date.now();
-        await conversationStore.update(conversation);
+        if (!checkpointedRun) {
+          const hasAssistantContent = assistantResponse.length > 0 || toolTimeline.length > 0 || sections.length > 0;
+          conversation.messages = hasAssistantContent ? [
+            ...historyMessages,
+            { role: "user", content: userContent },
+            {
+              role: "assistant",
+              content: assistantResponse,
+              metadata: toolTimeline.length > 0 || sections.length > 0 ? {
+                toolActivity: toolTimeline,
+                sections: sections.length > 0 ? sections : void 0
+              } : void 0
+            }
+          ] : [...historyMessages, { role: "user", content: userContent }];
+          conversation.runtimeRunId = latestRunId || conversation.runtimeRunId;
+          conversation.pendingApprovals = [];
+          conversation.updatedAt = Date.now();
+          await conversationStore.update(conversation);
+        }
       } catch (error) {
         if (abortController.signal.aborted || runCancelled) {
           const fallbackSections = [...sections];
@@ -5735,7 +7284,6 @@ var createRequestHandler = async (options) => {
           activeConversationRuns.delete(conversationId);
         }
         finishConversationStream(conversationId);
-        await persistConversationPendingApprovals(conversationId);
         if (latestRunId) {
           runOwners.delete(latestRunId);
           runConversations.delete(latestRunId);
@@ -5807,6 +7355,7 @@ var createRequestHandler = async (options) => {
         const softDeadlineMs = platformMaxDurationSec > 0 ? platformMaxDurationSec * 800 : 0;
         for await (const event of harness.runWithTelemetry({
           task: cronJob.task,
+          conversationId: conversation.conversationId,
           parameters: { __activeConversationId: conversation.conversationId },
           messages: historyMessages,
           abortSignal: abortController.signal
@@ -5968,6 +7517,7 @@ var startDevServer = async (port, options) => {
             let currentText = "";
             for await (const event of harness.runWithTelemetry({
               task: config.task,
+              conversationId: conversation.conversationId,
               parameters: { __activeConversationId: conversation.conversationId },
               messages: []
             })) {
@@ -6132,33 +7682,16 @@ Error: ${event.error.message}
 var runInteractive = async (workingDir, params) => {
   dotenv.config({ path: resolve3(workingDir, ".env") });
   const config = await loadPonchoConfig(workingDir);
-  let pendingApproval = null;
-  let onApprovalRequest = null;
-  const approvalHandler = async (request) => {
-    return new Promise((resolveApproval) => {
-      const req = {
-        tool: request.tool,
-        input: request.input,
-        approvalId: request.approvalId,
-        resolve: resolveApproval
-      };
-      pendingApproval = req;
-      if (onApprovalRequest) {
-        onApprovalRequest(req);
-      }
-    });
-  };
   const uploadStore = await createUploadStore(config?.uploads, workingDir);
   const harness = new AgentHarness({
     workingDir,
     environment: resolveHarnessEnvironment(),
-    approvalHandler,
     uploadStore
   });
   await harness.initialize();
   const identity = await ensureAgentIdentity2(workingDir);
   try {
-    const { runInteractiveInk } = await import("./run-interactive-ink-VZBOYJYS.js");
+    const { runInteractiveInk } = await import("./run-interactive-ink-7ULE5JJI.js");
     await runInteractiveInk({
       harness,
       params,
@@ -6167,13 +7700,7 @@ var runInteractive = async (workingDir, params) => {
       conversationStore: createConversationStore(resolveStateConfig(config), {
         workingDir,
         agentId: identity.id
-      }),
-      onSetApprovalCallback: (cb) => {
-        onApprovalRequest = cb;
-        if (pendingApproval) {
-          cb(pendingApproval);
-        }
-      }
+      })
     });
   } finally {
     await harness.shutdown();