getpatter 0.5.4 → 0.6.1

package/dist/cli.js

@@ -50,6 +50,19 @@ var MetricsStore = class extends import_events.EventEmitter {
   maxCalls;
   calls = [];
   activeCalls = /* @__PURE__ */ new Map();
+  /**
+   * User-driven soft delete: call_ids the operator removed from the
+   * dashboard view. The on-disk artefacts written by ``CallLogger``
+   * (``metadata.json``, ``transcript.jsonl``) are intentionally NOT
+   * touched — they serve as the durable backup. All read paths
+   * (``getCalls`` / ``getCall`` / ``getAggregates`` / ``getCallsInRange``
+   * / ``hydrate``) filter against this set so the call is invisible
+   * to the UI and excluded from rolling metrics. Populated from
+   * ``<logRoot>/.deleted_call_ids.json`` on hydrate so deletions
+   * survive a process restart. Parity with Python.
+   */
+  deletedCallIds = /* @__PURE__ */ new Set();
+  deletedIdsPath = null;
   /**
    * Accepts either a numeric ``maxCalls`` (legacy positional — matches the
    * original TS API) or an options object ``{ maxCalls }`` to align with the
@@ -63,6 +76,7 @@ var MetricsStore = class extends import_events.EventEmitter {
   publish(eventType, data) {
     this.emit("sse", { type: eventType, data });
   }
+  /** Mark a call as in-progress (creates the row if it does not yet exist). */
   recordCallStart(data) {
     const callId = data.call_id || "";
     if (!callId) return;
@@ -141,6 +155,8 @@ var MetricsStore = class extends import_events.EventEmitter {
           ended_at: Date.now() / 1e3,
           status,
           metrics: null,
+          ...active.turns && active.turns.length > 0 ? { turns: active.turns } : {},
+          ...active.transcript && active.transcript.length > 0 ? { transcript: active.transcript } : {},
           ...extra
         };
         this.activeCalls.delete(callId);
@@ -160,6 +176,7 @@ var MetricsStore = class extends import_events.EventEmitter {
     }
     this.publish("call_status", { call_id: callId, status, ...extra });
   }
+  /** Append a single conversation turn to an active call and broadcast it via SSE. */
   recordTurn(data) {
     const callId = data.call_id || "";
     const turn = data.turn;
@@ -168,55 +185,183 @@ var MetricsStore = class extends import_events.EventEmitter {
     if (active) {
       if (!active.turns) active.turns = [];
       active.turns.push(turn);
+      if (!active.transcript) active.transcript = [];
+      const turnRecord = turn;
+      const userText = typeof turnRecord.user_text === "string" ? turnRecord.user_text : "";
+      const agentText = typeof turnRecord.agent_text === "string" ? turnRecord.agent_text : "";
+      const ts = typeof turnRecord.timestamp === "number" ? turnRecord.timestamp : Date.now() / 1e3;
+      if (userText.length > 0) {
+        active.transcript.push({ role: "user", text: userText, timestamp: ts });
+      }
+      if (agentText.length > 0 && agentText !== "[interrupted]") {
+        active.transcript.push({
+          role: "assistant",
+          text: agentText,
+          timestamp: ts
+        });
+      }
     }
     this.publish("turn_complete", { call_id: callId, turn });
   }
+  /** Move a call from active to completed and persist its final metrics. */
   recordCallEnd(data, metrics) {
     const callId = data.call_id || "";
     if (!callId) return;
     const active = this.activeCalls.get(callId);
     this.activeCalls.delete(callId);
-    const activeStatus = active?.status;
-    const resolvedStatus = activeStatus && activeStatus !== "in-progress" ? activeStatus : "completed";
+    let existingIdx = -1;
+    if (active === void 0) {
+      for (let i = this.calls.length - 1; i >= 0; i--) {
+        if (this.calls[i].call_id === callId) {
+          existingIdx = i;
+          break;
+        }
+      }
+    }
+    const existing = existingIdx >= 0 ? this.calls[existingIdx] : void 0;
+    const priorStatus = active?.status ?? existing?.status;
+    const resolvedStatus = priorStatus && priorStatus !== "in-progress" ? priorStatus : "completed";
+    const dataTranscript = data.transcript;
+    const resolvedTranscript = dataTranscript && dataTranscript.length > 0 ? dataTranscript : active?.transcript && active.transcript.length > 0 ? active.transcript : existing?.transcript && existing.transcript.length > 0 ? existing.transcript : [];
+    const resolvedTurns = active?.turns && active.turns.length > 0 ? active.turns : existing?.turns && existing.turns.length > 0 ? existing.turns : void 0;
     const entry = {
       call_id: callId,
-      caller: data.caller || active?.caller || "",
-      callee: data.callee || active?.callee || "",
-      direction: active?.direction || data.direction || "inbound",
-      started_at: active?.started_at || 0,
+      caller: data.caller || active?.caller || existing?.caller || "",
+      callee: data.callee || active?.callee || existing?.callee || "",
+      direction: active?.direction || existing?.direction || data.direction || "inbound",
+      started_at: active?.started_at || existing?.started_at || 0,
       ended_at: Date.now() / 1e3,
-      transcript: data.transcript || [],
+      transcript: resolvedTranscript,
+      ...resolvedTurns ? { turns: resolvedTurns } : {},
       status: resolvedStatus,
-      metrics: metrics ?? null
+      metrics: metrics ?? existing?.metrics ?? null
     };
-    this.calls.push(entry);
-    if (this.calls.length > this.maxCalls) {
-      this.calls = this.calls.slice(-this.maxCalls);
+    if (existingIdx >= 0) {
+      this.calls[existingIdx] = entry;
+    } else {
+      this.calls.push(entry);
+      if (this.calls.length > this.maxCalls) {
+        this.calls = this.calls.slice(-this.maxCalls);
+      }
     }
     this.publish("call_end", {
       call_id: callId,
       metrics: entry.metrics ?? null
     });
   }
+  /**
+   * Return a window of completed calls in newest-first order.
+   *
+   * Soft-deleted call_ids (see ``deleteCalls``) are filtered out so the
+   * dashboard never re-shows a row the user removed. The on-disk
+   * artefacts are intentionally preserved as a backup.
+   */
   getCalls(limit = 50, offset = 0) {
-    const ordered = [...this.calls].reverse();
+    const visible = this.calls.filter((c) => !this.deletedCallIds.has(c.call_id));
+    const ordered = visible.reverse();
     return ordered.slice(offset, offset + limit);
   }
+  /**
+   * Look up a completed call by id (newest match wins).
+   *
+   * Soft-deleted call_ids resolve to ``null`` so the SPA's detail pane
+   * cannot render a row the user removed.
+   */
   getCall(callId) {
+    if (this.deletedCallIds.has(callId)) return null;
     for (let i = this.calls.length - 1; i >= 0; i--) {
       if (this.calls[i].call_id === callId) return this.calls[i];
     }
     return null;
   }
+  /**
+   * Soft-delete one or more calls from the dashboard view.
+   *
+   * Adds each ``call_id`` to an in-memory set. Subsequent reads via
+   * ``getCalls`` / ``getCall`` / ``getAggregates`` / ``getCallsInRange``
+   * exclude the deleted ids, so rolling metrics (avg latency, total
+   * spend) are recomputed without them. The on-disk
+   * ``metadata.json`` / ``transcript.jsonl`` files written by
+   * ``CallLogger`` are NOT touched — they serve as a durable backup
+   * the operator can audit outside the dashboard.
+   *
+   * Active calls are never deletable. A call_id that is currently
+   * in ``activeCalls`` is silently skipped so a mid-call delete
+   * from the UI cannot orphan the live transcript pane.
+   *
+   * Persisted to ``<logRoot>/.deleted_call_ids.json`` (best-effort)
+   * when ``hydrate()`` has been called with a log root. Parity with
+   * Python ``delete_calls``.
+   *
+   * @returns The list of call_ids actually accepted as deleted.
+   */
+  deleteCalls(callIds) {
+    const ids = /* @__PURE__ */ new Set();
+    for (const cid of callIds || []) {
+      if (typeof cid === "string" && cid && !this.activeCalls.has(cid)) {
+        ids.add(cid);
+      }
+    }
+    if (ids.size === 0) return [];
+    const accepted = [];
+    for (const cid of ids) {
+      if (!this.deletedCallIds.has(cid)) {
+        this.deletedCallIds.add(cid);
+        accepted.push(cid);
+      }
+    }
+    if (accepted.length === 0) return [];
+    accepted.sort();
+    this.persistDeletedIds();
+    this.publish("calls_deleted", { call_ids: accepted });
+    return accepted;
+  }
+  /** Whether ``callId`` was soft-deleted from the dashboard. */
+  isDeleted(callId) {
+    return this.deletedCallIds.has(callId);
+  }
+  /** Snapshot of soft-deleted call_ids (sorted). */
+  getDeletedCallIds() {
+    return Array.from(this.deletedCallIds).sort();
+  }
+  /** Atomically persist the deleted-ids set to disk. Best-effort. */
+  persistDeletedIds() {
+    if (this.deletedIdsPath === null) return;
+    try {
+      const dir = path.dirname(this.deletedIdsPath);
+      fs.mkdirSync(dir, { recursive: true });
+      const tmp = this.deletedIdsPath + ".tmp";
+      const payload = {
+        version: 1,
+        deleted_call_ids: Array.from(this.deletedCallIds).sort()
+      };
+      fs.writeFileSync(tmp, JSON.stringify(payload, null, 2), "utf8");
+      fs.renameSync(tmp, this.deletedIdsPath);
+    } catch (err) {
+      getLogger().debug(
+        `MetricsStore.persistDeletedIds: ${String(err)}`
+      );
+    }
+  }
   /** Look up an active call by id (returns undefined if not active or unknown). */
   getActive(callId) {
     return this.activeCalls.get(callId);
   }
+  /** Return all currently active (not yet ended) calls. */
   getActiveCalls() {
     return Array.from(this.activeCalls.values());
   }
+  /**
+   * Compute summary statistics across the buffered call history.
+   *
+   * Soft-deleted calls are excluded so rolling metrics (avg latency,
+   * total spend) match exactly what the operator sees in the call list.
+   */
   getAggregates() {
-    const totalCalls = this.calls.length;
+    const visible = this.calls.filter(
+      (c) => !this.deletedCallIds.has(c.call_id)
+    );
+    const totalCalls = visible.length;
     if (totalCalls === 0) {
       return {
         total_calls: 0,
@@ -235,7 +380,7 @@ var MetricsStore = class extends import_events.EventEmitter {
     let costTts = 0;
     let costLlm = 0;
     let costTel = 0;
-    for (const call of this.calls) {
+    for (const call of visible) {
       const m = call.metrics;
       if (!m) continue;
       const cost = m.cost || {};
@@ -246,7 +391,7 @@ var MetricsStore = class extends import_events.EventEmitter {
       costTel += cost.telephony || 0;
       totalDuration += m.duration_seconds || 0;
       const avgLat = m.latency_avg || {};
-      const tMs = avgLat.total_ms || 0;
+      const tMs = avgLat.agent_response_ms || avgLat.total_ms || 0;
       if (tMs > 0) {
         totalLatency += tMs;
         latencyCount++;
@@ -266,16 +411,26 @@ var MetricsStore = class extends import_events.EventEmitter {
       active_calls: this.activeCalls.size
     };
   }
+  /**
+   * Return calls whose `started_at` falls within `[fromTs, toTs]` (Unix
+   * seconds). Soft-deleted calls are filtered out.
+   */
   getCallsInRange(fromTs = 0, toTs = 0) {
     return this.calls.filter((call) => {
+      if (this.deletedCallIds.has(call.call_id)) return false;
       const started = call.started_at || 0;
       if (fromTs && started < fromTs) return false;
       if (toTs && started > toTs) return false;
       return true;
     });
   }
+  /** Number of completed (non-deleted) calls currently in the ring buffer. */
   get callCount() {
-    return this.calls.length;
+    let n = 0;
+    for (const c of this.calls) {
+      if (!this.deletedCallIds.has(c.call_id)) n++;
+    }
+    return n;
   }
   /**
    * Rebuild the in-memory call list from `metadata.json` files written by
@@ -289,6 +444,24 @@ var MetricsStore = class extends import_events.EventEmitter {
    */
   hydrate(logRoot) {
     if (!logRoot) return 0;
+    const deletedIdsPath = path.join(logRoot, ".deleted_call_ids.json");
+    this.deletedIdsPath = deletedIdsPath;
+    if (fs.existsSync(deletedIdsPath)) {
+      try {
+        const raw = fs.readFileSync(deletedIdsPath, "utf8");
+        const payload = JSON.parse(raw);
+        const arr = Array.isArray(payload.deleted_call_ids) ? payload.deleted_call_ids : [];
+        for (const cid of arr) {
+          if (typeof cid === "string" && cid.length > 0) {
+            this.deletedCallIds.add(cid);
+          }
+        }
+      } catch (err) {
+        getLogger().debug(
+          `MetricsStore.hydrate: skipping ${deletedIdsPath}: ${String(err)}`
+        );
+      }
+    }
     const callsRoot = path.join(logRoot, "calls");
     if (!fs.existsSync(callsRoot)) return 0;
     const collected = [];
@@ -323,6 +496,12 @@ var MetricsStore = class extends import_events.EventEmitter {
             );
             continue;
           }
+          if (!record.transcript || record.transcript.length === 0) {
+            const fromJsonl = loadTranscriptJsonl(
+              path.join(childPath, "transcript.jsonl")
+            );
+            if (fromJsonl.length > 0) record.transcript = fromJsonl;
+          }
           collected.push(record);
           seen.add(callId);
         } catch (err) {
@@ -344,12 +523,45 @@ var MetricsStore = class extends import_events.EventEmitter {
     return collected.length;
   }
 };
+function metricsFromTopLevel(meta) {
+  const cost = meta.cost && typeof meta.cost === "object" ? meta.cost : null;
+  const latency = meta.latency && typeof meta.latency === "object" ? meta.latency : null;
+  const durationMs = meta.duration_ms;
+  const telephony = meta.telephony_provider;
+  if (cost === null && latency === null && durationMs == null && !telephony) {
+    return null;
+  }
+  const out = {};
+  if (cost !== null) out.cost = cost;
+  if (latency !== null) {
+    const fullAvg = latency.avg && typeof latency.avg === "object" ? latency.avg : null;
+    const fullP50 = latency.p50 && typeof latency.p50 === "object" ? latency.p50 : null;
+    const fullP95 = latency.p95 && typeof latency.p95 === "object" ? latency.p95 : null;
+    const fullP99 = latency.p99 && typeof latency.p99 === "object" ? latency.p99 : null;
+    if (fullAvg) out.latency_avg = fullAvg;
+    if (fullP50) out.latency_p50 = fullP50;
+    if (fullP95) out.latency_p95 = fullP95;
+    if (fullP99) out.latency_p99 = fullP99;
+    if (!fullAvg && !fullP50 && !fullP95) {
+      const totalMs = typeof latency.p95_ms === "number" && latency.p95_ms || typeof latency.p50_ms === "number" && latency.p50_ms || 0;
+      out.latency_avg = { total_ms: totalMs };
+    }
+    out.latency = latency;
+  }
+  if (typeof durationMs === "number" && durationMs > 0) {
+    out.duration_seconds = durationMs / 1e3;
+  }
+  if (typeof telephony === "string" && telephony) {
+    out.telephony_provider = telephony;
+  }
+  return Object.keys(out).length > 0 ? out : null;
+}
 function metadataToCallRecord(callId, meta) {
   const startedAt = parseTimestamp(meta.started_at);
   if (startedAt === null) return null;
   const endedAt = parseTimestamp(meta.ended_at);
   const status = meta.status || "completed";
-  const metrics = meta.metrics && typeof meta.metrics === "object" ? meta.metrics : null;
+  const metrics = meta.metrics && typeof meta.metrics === "object" ? meta.metrics : metricsFromTopLevel(meta);
   const transcript = Array.isArray(meta.transcript) ? meta.transcript : [];
   return {
     call_id: callId,
@@ -363,6 +575,36 @@ function metadataToCallRecord(callId, meta) {
     transcript
   };
 }
+function loadTranscriptJsonl(filePath) {
+  try {
+    if (!fs.existsSync(filePath)) return [];
+    const raw = fs.readFileSync(filePath, "utf8");
+    const lines = raw.split("\n").filter((l) => l.trim().length > 0);
+    const out = [];
+    for (const line of lines) {
+      let row;
+      try {
+        row = JSON.parse(line);
+      } catch {
+        continue;
+      }
+      const tsIso = typeof row.ts === "string" ? Date.parse(row.ts) : NaN;
+      const tsNumeric = typeof row.timestamp === "number" ? row.timestamp * 1e3 : NaN;
+      const timestamp = Number.isFinite(tsIso) ? tsIso : Number.isFinite(tsNumeric) ? tsNumeric : 0;
+      const userText = typeof row.user_text === "string" ? row.user_text : "";
+      const agentText = typeof row.agent_text === "string" ? row.agent_text : "";
+      if (userText.length > 0) {
+        out.push({ role: "user", text: userText, timestamp });
+      }
+      if (agentText.length > 0 && agentText !== "[interrupted]") {
+        out.push({ role: "assistant", text: agentText, timestamp });
+      }
+    }
+    return out;
+  } catch {
+    return [];
+  }
+}
 function parseTimestamp(raw) {
   if (typeof raw === "number") {
     return Number.isFinite(raw) ? raw : null;
@@ -464,630 +706,32 @@ function csvEscape(value) {
 }
 
 // src/dashboard/ui.ts
-var DASHBOARD_HTML = `<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Patter | Dashboard</title>
-<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1188 1773' fill='none'%3E%3Cstyle%3Epath%7Bstroke:%2309090b%7D@media(prefers-color-scheme:dark)%7Bpath%7Bstroke:%23e4e4e7%7D%7D%3C/style%3E%3Cpath d='M25 561L245 694M25 561V818M245 694V951M25 961V1218M25 1357V1614M245 1489V1747M245 1093V1351M942 823V1080M1161 955V1213M1162 555V812M942 422V679M669 585V843L787 913M942 25V282M1162 158V415M25 818L245 951M244 1094L464 962M25 961L143 890M244 1352L464 1219M942 823L1162 956M942 679L1162 812M721 811L942 679M669 842L724 809M669 586L724 553M1041 883L1162 812M245 1747L1161 1213M244 1490L942 1080M25 1357L142 1289M518 1071L942 823M721 555L942 422M942 422L1162 556M942 282L1162 415M942 25L1162 158M942 1080L1161 1213M25 1218L245 1351M25 961L245 1094M464 962L519 929M464 1219L519 1186V928L403 859M25 1357L245 1490M25 1614L245 1747M25 561L942 25M244 694L941 282M1043 484L1162 415M245 951L668 704' stroke-width='50' stroke-linecap='round'/%3E%3C/svg%3E">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-<style>
-  :root {
-    --bg: #fdfcfc;
-    --fg: #09090b;
-    --card: #ffffff;
-    --primary: #18181b;
-    --primary-fg: #fafafa;
-    --secondary: #f4f4f5;
-    --muted: #71717b;
-    --border: #e4e4e7;
-    --border-d: #d4d4d8;
-    --green: #22c55e;
-    --red: #ef4444;
-    --blue: #3b82f6;
-    --purple: #a78bfa;
-    --orange: #fb923c;
-    --yellow: #eab308;
-    --radius: 12px;
-    --font: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
-    --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
-    --header-bg: #fff;
-    --assistant-bubble: #f0eeff;
-  }
-  @media (prefers-color-scheme: dark) {
-    :root {
-      --bg: #151518;
-      --fg: #e4e4e7;
-      --card: #1c1c21;
-      --primary: #e4e4e7;
-      --primary-fg: #18181b;
-      --secondary: #232329;
-      --muted: #8b8b95;
-      --border: #2c2c33;
-      --border-d: #3a3a44;
-      --green: #34d399;
-      --red: #f87171;
-      --blue: #60a5fa;
-      --purple: #c4b5fd;
-      --orange: #fdba74;
-      --yellow: #fbbf24;
-      --header-bg: #1a1a1f;
-      --assistant-bubble: #252230;
-    }
-  }
-  * { margin:0; padding:0; box-sizing:border-box; }
-  html { -webkit-font-smoothing: antialiased; }
-  body {
-    font-family: var(--font);
-    font-size: 15px;
-    line-height: 1.6;
-    color: var(--fg);
-    background: var(--bg);
-    min-height: 100vh;
-  }
-
-  /* Header */
-  header {
-    position: sticky; top: 0; z-index: 100;
-    background: var(--header-bg);
-    border-bottom: 1px solid var(--border);
-    padding: 0 24px;
-    height: 56px;
-    display: flex; align-items: center; gap: 14px;
-  }
-  .logo {
-    display: flex; align-items: center; gap: 10px;
-    font-weight: 700; font-size: 18px; letter-spacing: -0.02em;
-    text-decoration: none; color: var(--fg);
-  }
-  .logo svg { width: 22px; height: 22px; }
-  .header-sep {
-    width: 1px; height: 20px; background: var(--border-d); margin: 0 2px;
-  }
-  .header-title {
-    font-size: 14px; font-weight: 500; color: var(--muted);
-  }
-  .badge-beta {
-    font-size: 10px; font-weight: 600; letter-spacing: 0.5px;
-    color: #e67e22; background: rgba(230,126,34,0.1);
-    border: 1px solid rgba(230,126,34,0.25);
-    padding: 2px 8px; border-radius: 100px; text-transform: uppercase;
-  }
-  .status {
-    margin-left: auto; font-size: 13px; color: var(--muted);
-    display: flex; align-items: center; gap: 6px;
-  }
-  .dot {
-    width: 7px; height: 7px; border-radius: 50%;
-    background: var(--green); display: inline-block;
-  }
-
-  /* Layout */
-  .container { max-width: 1200px; margin: 0 auto; padding: 24px; }
-
-  /* Stat cards */
-  .cards {
-    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: 14px; margin-bottom: 28px;
-  }
-  .card {
-    background: var(--card);
-    border: 1px solid var(--border);
-    border-radius: var(--radius);
-    padding: 18px 20px;
-  }
-  .card .label {
-    font-size: 12px; color: var(--muted);
-    text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500;
-  }
-  .card .value {
-    font-size: 28px; font-weight: 700; margin-top: 4px;
-    font-family: var(--mono); letter-spacing: -0.02em;
-  }
-  .card .sub { font-size: 12px; color: var(--muted); margin-top: 2px; }
-
-  /* Tabs */
-  .nav-tabs {
-    display: flex; gap: 0; margin-bottom: 16px;
-    border-bottom: 1px solid var(--border);
-  }
-  .nav-tab {
-    padding: 10px 20px; font-size: 13px; font-weight: 500;
-    color: var(--muted); cursor: pointer;
-    border: none; background: none;
-    border-bottom: 2px solid transparent;
-    margin-bottom: -1px; font-family: var(--font);
-    transition: color .15s;
-  }
-  .nav-tab:hover { color: var(--fg); }
-  .nav-tab.active { color: var(--fg); border-bottom-color: var(--primary); }
-
-  .tab-content { display: none; }
-  .tab-content.active { display: block; }
-
-  /* Tables */
-  table {
-    width: 100%; border-collapse: collapse;
-    background: var(--card);
-    border: 1px solid var(--border);
-    border-radius: var(--radius);
-    overflow: hidden;
-  }
-  th {
-    text-align: left; font-size: 11px; text-transform: uppercase;
-    color: var(--muted); padding: 12px 16px;
-    border-bottom: 1px solid var(--border);
-    letter-spacing: 0.5px; font-weight: 600;
-    background: var(--secondary);
-  }
-  td {
-    padding: 12px 16px; border-bottom: 1px solid var(--border);
-    font-size: 13px;
-  }
-  tr:last-child td { border-bottom: none; }
-  tr.clickable { cursor: pointer; transition: background .1s; }
-  tr.clickable:hover { background: var(--secondary); }
-
-  code {
-    font-family: var(--mono); font-size: 12px;
-    background: var(--secondary); padding: 2px 6px;
-    border-radius: 4px;
-  }
-
-  /* Badges */
-  .badge {
-    display: inline-block; padding: 3px 10px; border-radius: 100px;
-    font-size: 11px; font-weight: 600;
-  }
-  .badge-active { background: rgba(34,197,94,0.1); color: #16a34a; }
-  .badge-ended { background: var(--secondary); color: var(--muted); }
-  .badge-pipeline { background: rgba(167,139,250,0.1); color: #7c3aed; }
-  .badge-realtime { background: rgba(59,130,246,0.1); color: #2563eb; }
-
-  .cost { color: #16a34a; font-family: var(--mono); font-size: 13px; }
-  .latency { color: #ca8a04; font-family: var(--mono); font-size: 13px; }
-  @media (prefers-color-scheme: dark) {
-    .cost { color: var(--green); }
-    .latency { color: var(--yellow); }
-    code { background: var(--secondary); color: var(--fg); }
-  }
-  .empty {
-    text-align: center; padding: 48px; color: var(--muted);
-    font-size: 14px;
-  }
-
-  /* Modal */
-  .modal-overlay {
-    display: none; position: fixed; inset: 0;
-    background: rgba(0,0,0,0.4); backdrop-filter: blur(6px);
-    z-index: 200;
-    justify-content: center; align-items: flex-start;
-    padding: 48px 20px; overflow-y: auto;
-  }
-  .modal-overlay.open { display: flex; }
-  .modal {
-    background: var(--card);
-    border: 1px solid var(--border);
-    border-radius: 16px;
-    max-width: 820px; width: 100%;
-    padding: 0;
-    box-shadow: 0 24px 64px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.03);
-    overflow: hidden;
-  }
-  .modal-header {
-    display: flex; justify-content: space-between; align-items: center;
-    padding: 20px 28px;
-    border-bottom: 1px solid var(--border);
-    background: var(--bg);
-  }
-  .modal-header h2 { font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
-  .modal-close {
-    background: none; border: 1px solid var(--border);
-    color: var(--muted); width: 30px; height: 30px;
-    border-radius: 8px; font-size: 16px; cursor: pointer;
-    display: flex; align-items: center; justify-content: center;
-    transition: all .15s;
-  }
-  .modal-close:hover { background: var(--secondary); color: var(--fg); }
-  .modal-body { padding: 24px 28px; }
-
-  .detail-grid {
-    display: grid; grid-template-columns: 1fr 1fr;
-    gap: 14px; margin-bottom: 20px;
-  }
-  .detail-card {
-    background: var(--bg);
-    border: 1px solid var(--border);
-    border-radius: var(--radius); padding: 16px 18px;
-  }
-  .detail-card h3 {
-    font-size: 11px; color: var(--muted);
-    text-transform: uppercase; letter-spacing: 0.5px;
-    margin-bottom: 10px; font-weight: 600;
-  }
-  .detail-row {
-    display: flex; justify-content: space-between; align-items: baseline;
-    font-size: 13px; padding: 5px 0;
-  }
-  .detail-row .k { color: var(--muted); font-weight: 500; }
-  .detail-row span:last-child { font-weight: 500; text-align: right; }
-  .detail-row .mono { font-family: var(--mono); font-size: 12px; }
-  .detail-sep {
-    border-top: 1px solid var(--border); padding-top: 8px; margin-top: 6px;
-  }
-
-  .transcript-box {
-    border: 1px solid var(--border);
-    border-radius: var(--radius);
-    padding: 16px; max-height: 340px; overflow-y: auto;
-    background: var(--bg);
-  }
-  .transcript-box .msg {
-    padding: 8px 12px; border-radius: 10px; font-size: 13px;
-    max-width: 85%; margin-bottom: 6px; line-height: 1.5;
-  }
-  .transcript-box .msg.user {
-    background: var(--secondary); margin-left: auto;
-    border-bottom-right-radius: 4px;
-  }
-  .transcript-box .msg.assistant {
-    background: var(--assistant-bubble); margin-right: auto;
-    border-bottom-left-radius: 4px;
-  }
-  .transcript-box .role {
-    font-weight: 600; font-size: 11px; text-transform: uppercase;
-    letter-spacing: 0.3px; display: block; margin-bottom: 2px;
-  }
-  .transcript-box .msg.user .role { color: var(--blue); }
-  .transcript-box .msg.assistant .role { color: #7c3aed; }
-
-  /* Turn bars */
-  .turns-table { margin-top: 16px; }
-  .turns-table table { border: 1px solid var(--border); }
-  .bar-container { display: flex; height: 14px; border-radius: 4px; overflow: hidden; min-width: 120px; }
-  .bar-stt { background: var(--blue); }
-  .bar-llm { background: var(--purple); }
-  .bar-tts { background: var(--orange); }
-</style>
-</head>
-<body>
-<header>
-  <a href="/" class="logo">
-    <svg viewBox="0 0 1188 1773" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M25 561L245 694M25 561V818M245 694V951M25 961V1218M25 1357V1614M245 1489V1747M245 1093V1351M942 823V1080M1161 955V1213M1162 555V812M942 422V679M669 585V843L787 913M942 25V282M1162 158V415M25 818L245 951M244 1094L464 962M25 961L143 890M244 1352L464 1219M942 823L1162 956M942 679L1162 812M721 811L942 679M669 842L724 809M669 586L724 553M1041 883L1162 812M245 1747L1161 1213M244 1490L942 1080M25 1357L142 1289M518 1071L942 823M721 555L942 422M942 422L1162 556M942 282L1162 415M942 25L1162 158M942 1080L1161 1213M25 1218L245 1351M25 961L245 1094M464 962L519 929M464 1219L519 1186V928L403 859M25 1357L245 1490M25 1614L245 1747M25 561L942 25M244 694L941 282M1043 484L1162 415M245 951L668 704" stroke="currentColor" stroke-width="50" stroke-linecap="round"/>
-    </svg>
-    Patter
-  </a>
-  <div class="header-sep"></div>
-  <span class="header-title">Dashboard</span>
-  <span class="badge-beta">Beta</span>
-  <div class="status"><span class="dot"></span> <span id="status-text">Listening</span></div>
-</header>
-
-<div class="container">
-  <div class="cards">
-    <div class="card">
-      <div class="label">Total Calls</div>
-      <div class="value" id="stat-total">0</div>
-      <div class="sub"><span id="stat-active">0</span> active</div>
-    </div>
-    <div class="card">
-      <div class="label">Total Cost</div>
-      <div class="value cost" id="stat-cost">$0.00</div>
-      <div class="sub" id="stat-cost-breakdown">-</div>
-    </div>
-    <div class="card">
-      <div class="label">Avg Duration</div>
-      <div class="value" id="stat-duration">0s</div>
-    </div>
-    <div class="card">
-      <div class="label">Avg Latency</div>
-      <div class="value latency" id="stat-latency">0ms</div>
-      <div class="sub">end-to-end response</div>
-    </div>
-  </div>
-
-  <div class="nav-tabs">
-    <button class="nav-tab active" data-tab="calls">Calls</button>
-    <button class="nav-tab" data-tab="active">Active</button>
-  </div>
-
-  <div class="tab-content active" id="tab-calls">
-    <div class="section">
-      <table id="calls-table">
-        <thead>
-          <tr>
-            <th>Call ID</th><th>Direction</th><th>From / To</th>
-            <th>Duration</th><th>Mode</th><th>Cost</th><th>Avg Latency</th><th>Turns</th>
-          </tr>
-        </thead>
-        <tbody id="calls-body">
-          <tr><td colspan="8" class="empty">No calls yet. Waiting for incoming calls...</td></tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-
-  <div class="tab-content" id="tab-active">
-    <div class="section">
-      <table>
-        <thead>
-          <tr><th>Call ID</th><th>Caller</th><th>Callee</th><th>Direction</th><th>Duration</th><th>Turns</th></tr>
-        </thead>
-        <tbody id="active-body">
-          <tr><td colspan="6" class="empty">No active calls</td></tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-
-<div class="modal-overlay" id="modal">
-  <div class="modal">
-    <div class="modal-header">
-      <h2 id="modal-title">Call Detail</h2>
-      <button class="modal-close" onclick="closeModal()">&times;</button>
-    </div>
-    <div class="modal-body" id="modal-body"></div>
-  </div>
-</div>
-
-<script>
-var _$ = function(s) { return document.querySelector(s); };
-var _$$ = function(s) { return document.querySelectorAll(s); };
-
-_$$('.nav-tab').forEach(function(tab) {
-  tab.addEventListener('click', function() {
-    _$$('.nav-tab').forEach(function(t) { t.classList.remove('active'); });
-    _$$('.tab-content').forEach(function(t) { t.classList.remove('active'); });
-    tab.classList.add('active');
-    document.querySelector('#tab-'+tab.dataset.tab).classList.add('active');
-  });
-});
-
-function esc(s) {
-  if (!s) return '';
-  return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');
-}
-function fmtCost(v) { return v >= 0.01 ? '$'+v.toFixed(4) : v > 0 ? '$'+v.toFixed(6) : '$0.00'; }
-function fmtMs(v) { return v != null && v >= 0 ? Math.round(v)+'ms' : '-'; }
-function fmtDur(s) {
-  if (s == null || s < 0) return '-';
-  if (s < 60) return Math.round(s)+'s';
-  return Math.floor(s/60)+'m '+Math.round(s%60)+'s';
-}
-function shortId(id) { return id ? esc(id.length > 16 ? id.slice(0,8)+'...'+id.slice(-4) : id) : '-'; }
-
-function fetchJSON(url) {
-  return fetch(url).then(function(r) { return r.json(); });
-}
-
-function refreshAggregates() {
-  return fetchJSON('/api/dashboard/aggregates').then(function(d) {
-    _$('#stat-total').textContent = d.total_calls;
-    _$('#stat-active').textContent = d.active_calls;
-    _$('#stat-cost').textContent = fmtCost(d.total_cost);
-    var cb = d.cost_breakdown;
-    _$('#stat-cost-breakdown').textContent =
-      'STT '+fmtCost(cb.stt)+' | LLM '+fmtCost(cb.llm)+' | TTS '+fmtCost(cb.tts)+' | Tel '+fmtCost(cb.telephony);
-    _$('#stat-duration').textContent = fmtDur(d.avg_duration);
-    _$('#stat-latency').textContent = fmtMs(d.avg_latency_ms);
-  });
-}
-
-function refreshCalls() {
-  return fetchJSON('/api/dashboard/calls?limit=50').then(function(calls) {
-    var body = _$('#calls-body');
-    if (!calls.length) {
-      body.innerHTML = '<tr><td colspan="8" class="empty">No calls yet. Waiting for incoming calls...</td></tr>';
-      return;
-    }
-    body.innerHTML = calls.map(function(c) {
-      var m = c.metrics || {};
-      var cost = m.cost || {};
-      var lat = m.latency_avg || {};
-      var mode = m.provider_mode || '-';
-      var turns = m.turns ? m.turns.length : 0;
-      var modeClass = mode === 'pipeline' ? 'badge-pipeline' : 'badge-realtime';
-      return '<tr class="clickable" onclick="showCall(\\''+esc(c.call_id)+'\\')">'+
-        '<td><code>'+shortId(c.call_id)+'</code></td>'+
-        '<td>'+(esc(c.direction) || '-')+'</td>'+
-        '<td>'+(esc(c.caller) || '-')+' &rarr; '+(esc(c.callee) || '-')+'</td>'+
-        '<td>'+fmtDur(m.duration_seconds)+'</td>'+
-        '<td><span class="badge '+modeClass+'">'+esc(mode)+'</span></td>'+
-        '<td class="cost">'+fmtCost(cost.total || 0)+'</td>'+
-        '<td class="latency">'+fmtMs(lat.total_ms || 0)+'</td>'+
-        '<td>'+turns+'</td></tr>';
-    }).join('');
-  });
-}
-
-function refreshActive() {
-  return fetchJSON('/api/dashboard/active').then(function(active) {
-    var body = _$('#active-body');
-    if (!active.length) {
-      body.innerHTML = '<tr><td colspan="6" class="empty">No active calls</td></tr>';
-      return;
-    }
-    var now = Date.now() / 1000;
-    body.innerHTML = active.map(function(c) {
-      var dur = c.started_at ? Math.round(now - c.started_at) : 0;
-      var turns = c.turns ? c.turns.length : 0;
-      return '<tr>'+
-        '<td><code>'+shortId(c.call_id)+'</code></td>'+
-        '<td>'+(esc(c.caller) || '-')+'</td>'+
-        '<td>'+(esc(c.callee) || '-')+'</td>'+
-        '<td>'+(esc(c.direction) || '-')+'</td>'+
-        '<td data-started="'+(c.started_at || 0)+'">'+fmtDur(dur)+'</td>'+
-        '<td>'+turns+'</td></tr>';
-    }).join('');
-  });
-}
-
-function showCall(callId) {
-  fetchJSON('/api/dashboard/calls/'+encodeURIComponent(callId)).then(function(c) {
-    if (c.error) return;
-    var m = c.metrics || {};
-    var cost = m.cost || {};
-    var latAvg = m.latency_avg || {};
-    var latP95 = m.latency_p95 || {};
-    var turns = m.turns || [];
-
-    var modeLabel = (m.provider_mode || '').replace(/_/g, ' ');
-    var modeBadgeClass = (m.provider_mode || '').indexOf('pipeline') !== -1 ? 'badge-pipeline' : 'badge-realtime';
-    _$('#modal-title').innerHTML = 'Call <code>'+shortId(c.call_id)+'</code> <span class="badge '+modeBadgeClass+'" style="font-size:10px">'+esc(modeLabel)+'</span>';
-
-    var isRealtime = (m.provider_mode || '').indexOf('realtime') !== -1;
-
-    var html = '<div class="detail-grid">'+
-      '<div class="detail-card">'+
-        '<h3>Overview</h3>'+
-        '<div class="detail-row"><span class="k">Direction</span><span>'+(esc(c.direction) || '-')+'</span></div>'+
-        '<div class="detail-row"><span class="k">From</span><span class="mono">'+(esc(c.caller) || '-')+'</span></div>'+
-        '<div class="detail-row"><span class="k">To</span><span class="mono">'+(esc(c.callee) || '-')+'</span></div>'+
-        '<div class="detail-row"><span class="k">Duration</span><span style="font-weight:600">'+fmtDur(m.duration_seconds)+'</span></div>'+
-        (isRealtime ? '' :
-          '<div class="detail-row"><span class="k">STT</span><span>'+(esc(m.stt_provider) || '-')+'</span></div>'+
-          '<div class="detail-row"><span class="k">TTS</span><span>'+(esc(m.tts_provider) || '-')+'</span></div>'+
-          '<div class="detail-row"><span class="k">LLM</span><span>'+(esc(m.llm_provider) || '-')+'</span></div>'
-        )+
-        '<div class="detail-row"><span class="k">Telephony</span><span>'+(esc(m.telephony_provider) || '-')+'</span></div>'+
-      '</div>'+
-      '<div class="detail-card">'+
-        '<h3>Cost</h3>'+
-        (isRealtime ?
-          '<div class="detail-row"><span class="k">OpenAI</span><span class="cost">'+fmtCost(cost.llm || 0)+'</span></div>' :
-          '<div class="detail-row"><span class="k">STT</span><span class="cost">'+fmtCost(cost.stt || 0)+'</span></div>'+
-          '<div class="detail-row"><span class="k">LLM</span><span class="cost">'+fmtCost(cost.llm || 0)+'</span></div>'+
-          '<div class="detail-row"><span class="k">TTS</span><span class="cost">'+fmtCost(cost.tts || 0)+'</span></div>'
-        )+
-        '<div class="detail-row"><span class="k">Telephony</span><span class="cost">'+fmtCost(cost.telephony || 0)+'</span></div>'+
-        '<div class="detail-row detail-sep">'+
-          '<span class="k" style="font-weight:600">Total</span><span class="cost" style="font-weight:700;font-size:14px">'+fmtCost(cost.total || 0)+'</span>'+
-        '</div>'+
-        '<h3 style="margin-top:16px">Latency <span style="font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)">(avg / p95)</span></h3>'+
-        (isRealtime ? '' :
-          '<div class="detail-row"><span class="k">STT</span><span class="latency">'+fmtMs(latAvg.stt_ms)+' / '+fmtMs(latP95.stt_ms)+'</span></div>'+
-          '<div class="detail-row"><span class="k">LLM</span><span class="latency">'+fmtMs(latAvg.llm_ms)+' / '+fmtMs(latP95.llm_ms)+'</span></div>'+
-          '<div class="detail-row"><span class="k">TTS</span><span class="latency">'+fmtMs(latAvg.tts_ms)+' / '+fmtMs(latP95.tts_ms)+'</span></div>'
-        )+
-        '<div class="detail-row"><span class="k">'+(isRealtime ? 'End-to-end' : 'Total')+'</span><span class="latency" style="font-weight:700;font-size:14px">'+fmtMs(latAvg.total_ms)+' / '+fmtMs(latP95.total_ms)+'</span></div>'+
-      '</div></div>';
-
-    if (turns.length) {
-      var maxMs = Math.max.apply(null, turns.map(function(t) {
-        var l = t.latency || {};
-        return (l.stt_ms||0) + (l.llm_ms||0) + (l.tts_ms||0) + (l.total_ms||0);
-      }).concat([1]));
-      html += '<div class="detail-card turns-table"><h3>Turns ('+turns.length+')</h3>'+
-        '<table><thead><tr><th>#</th><th>User</th><th>Agent</th><th>Latency</th><th>Breakdown</th></tr></thead><tbody>';
-      turns.forEach(function(t, i) {
-        var l = t.latency || {};
-        var total = l.total_ms || ((l.stt_ms||0) + (l.llm_ms||0) + (l.tts_ms||0));
-        var scale = total > 0 ? 120 / maxMs : 0;
-        var sttW = (l.stt_ms||0) * scale;
-        var llmW = (l.llm_ms||0) * scale;
-        var ttsW = (l.tts_ms||0) * scale;
-        var totalW = total > 0 && sttW === 0 && llmW === 0 && ttsW === 0 ? total * scale : 0;
-        html += '<tr>'+
-          '<td>'+(t.turn_index !== undefined ? t.turn_index : i)+'</td>'+
-          '<td title="'+esc(t.user_text||'')+'">'+esc((t.user_text||'').slice(0,40))+((t.user_text||'').length>40?'...':'')+'</td>'+
-          '<td title="'+esc(t.agent_text||'')+'">'+esc((t.agent_text||'').slice(0,40))+((t.agent_text||'').length>40?'...':'')+'</td>'+
-          '<td class="latency">'+fmtMs(total)+'</td>'+
-          '<td><div class="bar-container">'+
-            (sttW > 0 ? '<div class="bar-stt" style="width:'+sttW+'px" title="STT '+fmtMs(l.stt_ms)+'"></div>' : '')+
-            (llmW > 0 ? '<div class="bar-llm" style="width:'+llmW+'px" title="LLM '+fmtMs(l.llm_ms)+'"></div>' : '')+
-            (ttsW > 0 ? '<div class="bar-tts" style="width:'+ttsW+'px" title="TTS '+fmtMs(l.tts_ms)+'"></div>' : '')+
-            (totalW > 0 ? '<div class="bar-llm" style="width:'+totalW+'px" title="Total '+fmtMs(total)+'"></div>' : '')+
-          '</div></td></tr>';
-      });
-      html += '</tbody></table>'+
-        '<div style="margin-top:10px;font-size:11px;color:var(--muted)">'+
-          (isRealtime ?
-            '<span style="color:var(--purple)">&#9632;</span> End-to-end' :
-            '<span style="color:var(--blue)">&#9632;</span> STT &nbsp;'+
-            '<span style="color:var(--purple)">&#9632;</span> LLM &nbsp;'+
-            '<span style="color:var(--orange)">&#9632;</span> TTS'
-          )+
-        '</div></div>';
-    }
-
-    var transcript = c.transcript || [];
-    if (transcript.length) {
-      html += '<div class="detail-card" style="margin-top:16px"><h3>Transcript</h3><div class="transcript-box">';
-      transcript.forEach(function(msg) {
-        var role = esc(msg.role || 'unknown');
-        html += '<div class="msg '+role+'"><span class="role">'+role+'</span>'+esc(msg.text || '')+'</div>';
-      });
-      html += '</div></div>';
+var import_node_fs = require("fs");
+var import_node_path = require("path");
+var FALLBACK_HTML = `<!doctype html>
+<html><head><meta charset="utf-8"><title>Patter dashboard</title></head>
+<body style="font-family:ui-sans-serif,system-ui;padding:2rem;color:#1a1a1a">
+<h1>Dashboard asset missing</h1>
+<p>The bundled <code>ui.html</code> was not found alongside this module.
+Run <code>cd dashboard-app &amp;&amp; npm run build &amp;&amp; npm run sync</code>
+from the repo root to regenerate it.</p>
+</body></html>`;
+function loadDashboardHtml() {
+  const here = typeof __dirname !== "undefined" ? __dirname : (0, import_node_path.dirname)(".");
+  const candidates = [
+    (0, import_node_path.join)(here, "ui.html"),
+    (0, import_node_path.join)(here, "dashboard", "ui.html"),
+    (0, import_node_path.join)(here, "..", "dashboard", "ui.html")
+  ];
+  for (const path2 of candidates) {
+    try {
+      return (0, import_node_fs.readFileSync)(path2, "utf8");
+    } catch {
     }
-
-    _$('#modal-body').innerHTML = html;
-    _$('#modal').classList.add('open');
-  });
-}
-
-function closeModal() { _$('#modal').classList.remove('open'); }
-_$('#modal').addEventListener('click', function(e) { if (e.target === _$('#modal')) closeModal(); });
-document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeModal(); });
-
-function refresh() {
-  return Promise.all([refreshAggregates(), refreshCalls(), refreshActive()]).then(function() {
-    _$('#status-text').textContent = 'Listening';
-  }).catch(function() {
-    _$('#status-text').textContent = 'Connection error';
-  });
-}
-
-refresh();
-
-// Update active call durations every second
-setInterval(function() {
-  var cells = document.querySelectorAll('#active-body td[data-started]');
-  if (!cells.length) return;
-  var now = Date.now() / 1000;
-  cells.forEach(function(td) {
-    var started = parseFloat(td.getAttribute('data-started'));
-    if (started) td.textContent = fmtDur(Math.round(now - started));
-  });
-}, 1000);
-
-if (typeof EventSource !== 'undefined') {
-  var sseUrl = '/api/dashboard/events';
-  var sseBackoff = 1000;
-  var sseFailures = 0;
-  var SSE_MAX_BACKOFF = 30000;
-  var SSE_MAX_FAILURES = 5;
-
-  function connectSSE() {
-    var es = new EventSource(sseUrl);
-    function onEvent() { sseBackoff = 1000; sseFailures = 0; }
-    es.addEventListener('call_start', function() { onEvent(); refresh(); });
-    es.addEventListener('turn_complete', function() { onEvent(); refreshAggregates(); });
-    es.addEventListener('call_end', function() { onEvent(); refresh(); });
-    es.onerror = function() {
-      es.close();
-      sseFailures++;
-      if (sseFailures >= SSE_MAX_FAILURES) {
-        _$('#status-text').textContent = 'Polling';
-        setInterval(refresh, 5000);
-        return;
-      }
-      _$('#status-text').textContent = 'Reconnecting...';
-      setTimeout(connectSSE, sseBackoff);
-      sseBackoff = Math.min(sseBackoff * 2, SSE_MAX_BACKOFF);
-    };
   }
-  connectSSE();
-} else {
-  setInterval(refresh, 3000);
+  return FALLBACK_HTML;
 }
-</script>
-</body>
-</html>`;
+var DASHBOARD_HTML = loadDashboardHtml();
 
 // src/dashboard/routes.ts
 function mountDashboard(app, store, token = "") {
@@ -1101,7 +745,8 @@ function mountDashboard(app, store, token = "") {
     res.json(store.getCalls(limit, offset));
   });
   app.get("/api/dashboard/calls/:callId", auth, (req, res) => {
-    const call = store.getCall(String(req.params.callId));
+    const callId = String(req.params.callId);
+    const call = store.getCall(callId) ?? store.getActive(callId);
     if (!call) {
       res.status(404).json({ error: "Not found" });
       return;
@@ -1114,6 +759,24 @@ function mountDashboard(app, store, token = "") {
   app.get("/api/dashboard/aggregates", auth, (_req, res) => {
     res.json(store.getAggregates());
   });
+  app.delete("/api/dashboard/calls/:callId", auth, (req, res) => {
+    const callId = String(req.params.callId);
+    const accepted = store.deleteCalls([callId]);
+    res.json({ deleted: accepted, count: accepted.length });
+  });
+  app.post("/api/dashboard/calls/delete", auth, (req, res) => {
+    const body = req.body ?? {};
+    const raw = body.call_ids;
+    if (!Array.isArray(raw)) {
+      res.status(400).json({ error: "Expected JSON body { 'call_ids': [...] }" });
+      return;
+    }
+    const ids = raw.filter(
+      (cid) => typeof cid === "string" && cid.length > 0
+    );
+    const accepted = store.deleteCalls(ids);
+    res.json({ deleted: accepted, count: accepted.length });
+  });
   app.get("/api/dashboard/events", auth, (req, res) => {
     res.writeHead(200, {
       "Content-Type": "text/event-stream",
@@ -1186,7 +849,8 @@ function mountApi(app, store, token = "") {
     res.json({ data: active, count: active.length });
   });
   app.get("/api/v1/calls/:callId", auth, (req, res) => {
-    const call = store.getCall(String(req.params.callId));
+    const callId = String(req.params.callId);
+    const call = store.getCall(callId) ?? store.getActive(callId);
     if (!call) {
       res.status(404).json({ error: "Call not found" });
       return;