@agenticmail/api 0.9.8 → 0.9.10

package/dist/index.js

@@ -1861,7 +1861,19 @@ function normalizeWakeList(value) {
   if (value === "all" || value === WAKE_ALL_SENTINEL) return void 0;
   const strip = (s) => s.trim().replace(/@localhost$/i, "").toLowerCase();
   if (Array.isArray(value)) return value.map((v) => strip(String(v))).filter(Boolean);
-  if (typeof value === "string") return value.split(",").map(strip).filter(Boolean);
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (trimmed.startsWith("[") && trimmed.endsWith("]")) {
+      try {
+        const parsed = JSON.parse(trimmed);
+        if (Array.isArray(parsed)) {
+          return parsed.map((v) => strip(String(v))).filter(Boolean);
+        }
+      } catch {
+      }
+    }
+    return value.split(",").map(strip).filter(Boolean);
+  }
   return void 0;
 }
 function deriveDefaultWakeList(toField) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenticmail/api",
-  "version": "0.9.8",
+  "version": "0.9.10",
   "description": "REST API server for AgenticMail — email and SMS endpoints for AI agents",
   "type": "module",
   "main": "dist/index.js",

package/public/js/activity-badges.js

@@ -12,6 +12,7 @@
 // reflects what the agent is doing right now.
 
 import { onSystemEvent } from './system-stream.js';
+import { state, API_URL } from './state.js';
 
 const BADGE_CONTAINER_ID = 'activity-badges';
 
@@ -92,6 +93,32 @@ function handleEvent(event) {
   }
 }
 
+/**
+ * One-shot backfill: pull the dispatcher's currently-active workers
+ * so the badges appear IMMEDIATELY on page load if anything is in
+ * flight. Without this, the user only sees badges when the next
+ * worker_heartbeat / worker_started event fires — which can be up
+ * to 30 s away (heartbeat cadence), or never if the worker happens
+ * to finish first.
+ *
+ * Failures here are silent — the SSE stream is the source of truth
+ * for subsequent updates and will paint badges as events arrive.
+ */
+async function backfillActiveWorkers() {
+  try {
+    const res = await fetch(`${API_URL}/api/agenticmail/dispatcher/activity`, {
+      headers: { Authorization: `Bearer ${state.masterKey}` },
+    });
+    if (!res.ok) return;
+    const data = await res.json();
+    const active = Array.isArray(data?.active) ? data.active : [];
+    for (const w of active) {
+      if (w?.workerId) workers.set(w.workerId, w);
+    }
+    render();
+  } catch { /* silent — SSE will repaint as events come in */ }
+}
+
 /**
  * Subscribe to worker_* events on the shared /system/events stream.
  * Idempotent — safe to call after agent-list refresh.
@@ -103,6 +130,12 @@ export function subscribeToActivity() {
   unsubWorkerStarted   = onSystemEvent('worker_started',   handleEvent);
   unsubWorkerHeartbeat = onSystemEvent('worker_heartbeat', handleEvent);
   unsubWorkerFinished  = onSystemEvent('worker_finished',  handleEvent);
+  // Paint whatever's already running BEFORE the first SSE event
+  // arrives. Without this, an in-flight worker stays invisible
+  // until its next heartbeat (~30 s) or until it finishes (which
+  // then never paints since worker_finished just removes the
+  // badge that never showed up).
+  backfillActiveWorkers();
 }
 
 // Tiny HTML escapers (kept local to avoid an import cycle).

package/public/js/list-view.js

@@ -107,7 +107,7 @@ export async function loadList(agent, folder) {
       </div>
       <div class="list-toolbar-spacer"></div>
       <span class="count-text" id="list-count"></span>
-      <button class="icon-btn pager-btn" id="pager-prev" title="Newer" data-icon="back"></button>
+      <button class="icon-btn pager-btn" id="pager-prev" title="Newer"></button>
       <button class="icon-btn pager-btn" id="pager-next" title="Older"></button>
     </div>
     <div class="list-rows" id="list-rows"><div class="empty">Loading…</div></div>
@@ -116,6 +116,14 @@ export async function loadList(agent, folder) {
   // the head of the inbox); "Older" advances to higher offsets.
   // Each handler clamps to valid bounds and refetches via loadList
   // with the new offset preserved in state.pagination.
+  //
+  // Both buttons share the same `back` chevron glyph — Prev is the
+  // glyph as-is (points left), Next rotates it 180° to point right.
+  // Previously Prev had only a `data-icon="back"` attribute (no
+  // innerHTML assignment), which left it visually empty — the user
+  // could click it but couldn't see it, so on page 2+ the back
+  // button looked entirely missing.
+  document.getElementById('pager-prev').innerHTML = icon('back', { size: 18 });
   document.getElementById('pager-next').innerHTML = icon('back', { size: 18 });
   document.getElementById('pager-next').style.transform = 'rotate(180deg)';
   document.getElementById('pager-prev')?.addEventListener('click', () => goToPage(agent, folder, -1));