@agenticmail/api 0.9.7 → 0.9.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenticmail/api",
-  "version": "0.9.7",
+  "version": "0.9.9",
   "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/app.js

@@ -179,10 +179,20 @@ function onFolderSelect(folder) {
 // Folder switches go through here too so the URL is the source of truth
 // for "what's on screen". If you bookmark or copy-paste a URL like
 // http://127.0.0.1:3829/#/folder/sent, opening it lands you on Sent.
+// Track which view shape is currently on screen so the router knows
+// whether navigating back to #/folder/<x> for the SAME folder should
+// re-render the list. Without this, hitting Back from #/m/54 to
+// #/folder/inbox would early-return because state.selectedFolder is
+// still 'inbox' (it never changed when the message opened) — leaving
+// the message-detail view stuck on screen even though the URL bar
+// flipped back to the folder.
+let currentView = 'folder';   // 'folder' | 'message' | 'draft'
+
 function route() {
   const hash = location.hash || '#/inbox';
   const msgMatch = hash.match(/^#\/m\/(\d+)$/);
   if (msgMatch) {
+    currentView = 'message';
     openMessage(Number(msgMatch[1]));
     return;
   }
@@ -191,23 +201,27 @@ function route() {
   // row click handler emits #/d/<uuid> for draft rows.
   const draftMatch = hash.match(/^#\/d\/([a-zA-Z0-9-]+)$/);
   if (draftMatch) {
+    currentView = 'draft';
     openDraft(draftMatch[1]);
     return;
   }
   const folderMatch = hash.match(/^#\/folder\/([a-z]+)$/);
   const folder = folderMatch ? folderMatch[1] : 'inbox';
-  // Only do work if the folder actually changed. Re-firing loadList
-  // for the SAME folder on every hashchange (e.g. closing a message
-  // detail back to the list) makes the UI feel sluggish — the list
-  // is already rendered, and a second digest fetch just churns
-  // through 50 messages on the IMAP server for no visible change.
-  if (state.selectedFolder === folder) return;
+  // Skip the reload ONLY when we're already showing this folder's
+  // list view. Coming back from a message / draft → folder must
+  // always re-render the list, even if state.selectedFolder hasn't
+  // changed since the message was opened.
+  if (currentView === 'folder' && state.selectedFolder === folder) return;
+  const folderChanged = state.selectedFolder !== folder;
   state.selectedFolder = folder;
-  // Reset pagination on every folder switch — a fresh folder
-  // starts at page 1. Preserved across silent SSE refreshes so
-  // a new arrival doesn't yank the user back from page 3.
-  state.pagination = { offset: 0, limit: 50, total: 0 };
-  renderSidebar(onFolderSelect);
+  currentView = 'folder';
+  if (folderChanged) {
+    // Fresh folder → page 1. Preserved across silent SSE refreshes so
+    // a new arrival doesn't yank the user back from page 3. We also
+    // re-render the sidebar so the active-folder highlight updates.
+    state.pagination = { offset: 0, limit: 50, total: 0 };
+    renderSidebar(onFolderSelect);
+  }
   if (state.selectedAgent) loadList(state.selectedAgent, folder);
 }
 window.addEventListener('hashchange', route);