@absolutejs/voice 0.0.22-beta.155 → 0.0.22-beta.157

package/README.md

@@ -703,6 +703,8 @@ app.use(
 );
 ```
 
+The same route exposes `GET /api/voice/ops-actions/history` and `/voice/ops-actions` so apps can show recent operator actions beside the action center. For HTML or HTMX pages, use `mountVoiceOpsActionHistory(...)` from `@absolutejs/voice/client`.
+
 For HTML or HTMX pages:
 
 ```html

package/dist/client/index.d.ts

@@ -9,9 +9,11 @@ export { createVoiceBargeInMonitor } from './bargeInMonitor';
 export { createVoiceLiveTurnLatencyMonitor } from './liveTurnLatency';
 export { createVoiceOpsStatusStore, fetchVoiceOpsStatus } from './opsStatus';
 export { createVoiceOpsActionCenterActions, createVoiceOpsActionCenterStore, recordVoiceOpsActionResult, runVoiceOpsAction } from './opsActionCenter';
+export { createVoiceOpsActionHistoryStore, fetchVoiceOpsActionHistory } from './opsActionHistory';
 export { createVoiceDeliveryRuntimeStore, fetchVoiceDeliveryRuntime, runVoiceDeliveryRuntimeAction } from './deliveryRuntime';
 export { createVoiceOpsStatusViewModel, defineVoiceOpsStatusElement, getVoiceOpsStatusCSS, getVoiceOpsStatusLabel, mountVoiceOpsStatus, renderVoiceOpsStatusHTML } from './opsStatusWidget';
 export { createVoiceOpsActionCenterViewModel, defineVoiceOpsActionCenterElement, getVoiceOpsActionCenterCSS, mountVoiceOpsActionCenter, renderVoiceOpsActionCenterHTML } from './opsActionCenterWidget';
+export { getVoiceOpsActionHistoryCSS, mountVoiceOpsActionHistory, renderVoiceOpsActionHistoryWidgetHTML } from './opsActionHistoryWidget';
 export { createVoiceDeliveryRuntimeViewModel, defineVoiceDeliveryRuntimeElement, getVoiceDeliveryRuntimeCSS, mountVoiceDeliveryRuntime, renderVoiceDeliveryRuntimeHTML } from './deliveryRuntimeWidget';
 export { createVoiceRoutingStatusStore, fetchVoiceRoutingStatus } from './routingStatus';
 export { createVoiceRoutingStatusViewModel, defineVoiceRoutingStatusElement, getVoiceRoutingStatusCSS, mountVoiceRoutingStatus, renderVoiceRoutingStatusHTML } from './routingStatusWidget';
@@ -31,11 +33,13 @@ export { createVoiceTraceTimelineViewModel, defineVoiceTraceTimelineElement, get
 export { createVoiceWorkflowStatusStore, fetchVoiceWorkflowStatus } from './workflowStatus';
 export type { VoiceOpsStatusClientOptions, VoiceOpsStatusSnapshot } from './opsStatus';
 export type { VoiceOpsActionCenterClientOptions, VoiceOpsActionCenterPresetOptions, VoiceOpsActionCenterSnapshot, VoiceOpsActionDescriptor, VoiceOpsActionMethod, VoiceOpsActionRunResult } from './opsActionCenter';
+export type { VoiceOpsActionHistoryClientOptions, VoiceOpsActionHistorySnapshot } from './opsActionHistory';
 export type { VoiceDeliveryRuntimeClientOptions, VoiceDeliveryRuntimeAction, VoiceDeliveryRuntimeActionResult, VoiceDeliveryRuntimeSnapshot } from './deliveryRuntime';
 export type { VoiceBargeInMonitorOptions } from './bargeInMonitor';
 export type { VoiceLiveTurnLatencyEvent, VoiceLiveTurnLatencyMonitorOptions, VoiceLiveTurnLatencySnapshot, VoiceLiveTurnLatencyStatus } from './liveTurnLatency';
 export type { VoiceOpsStatusSurfaceView, VoiceOpsStatusViewModel, VoiceOpsStatusWidgetOptions } from './opsStatusWidget';
 export type { VoiceOpsActionCenterViewModel, VoiceOpsActionCenterWidgetOptions } from './opsActionCenterWidget';
+export type { VoiceOpsActionHistoryWidgetOptions } from './opsActionHistoryWidget';
 export type { VoiceDeliveryRuntimeSurfaceView, VoiceDeliveryRuntimeViewModel, VoiceDeliveryRuntimeWidgetOptions } from './deliveryRuntimeWidget';
 export type { VoiceRoutingStatusClientOptions, VoiceRoutingStatusSnapshot } from './routingStatus';
 export type { VoiceRoutingStatusViewModel, VoiceRoutingStatusWidgetOptions } from './routingStatusWidget';

package/dist/client/index.js

@@ -2252,6 +2252,80 @@ var createVoiceOpsActionCenterStore = (options = {}) => {
     }
   };
 };
+// src/client/opsActionHistory.ts
+var fetchVoiceOpsActionHistory = async (path = "/api/voice/ops-actions/history", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice ops action history failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceOpsActionHistoryStore = (path = "/api/voice/ops-actions/history", options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let timer;
+  let snapshot = {
+    error: null,
+    isLoading: false
+  };
+  const emit = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const refresh = async () => {
+    if (closed) {
+      return snapshot.report;
+    }
+    snapshot = { ...snapshot, error: null, isLoading: true };
+    emit();
+    try {
+      const report = await fetchVoiceOpsActionHistory(path, options);
+      snapshot = {
+        error: null,
+        isLoading: false,
+        report,
+        updatedAt: Date.now()
+      };
+      emit();
+      return report;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        error: error instanceof Error ? error.message : String(error),
+        isLoading: false
+      };
+      emit();
+      throw error;
+    }
+  };
+  const close = () => {
+    closed = true;
+    if (timer) {
+      clearInterval(timer);
+      timer = undefined;
+    }
+    listeners.clear();
+  };
+  if (options.intervalMs && options.intervalMs > 0) {
+    timer = setInterval(() => {
+      refresh().catch(() => {});
+    }, options.intervalMs);
+  }
+  return {
+    close,
+    getServerSnapshot: () => snapshot,
+    getSnapshot: () => snapshot,
+    refresh,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
 // src/client/deliveryRuntime.ts
 var getDefaultActionPath = (path, action, options) => {
   if (action === "tick") {
@@ -2599,10 +2673,40 @@ var defineVoiceOpsActionCenterElement = (tagName = "absolute-voice-ops-action-ce
     }
   });
 };
+// src/client/opsActionHistoryWidget.ts
+var escapeHtml3 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var renderVoiceOpsActionHistoryWidgetHTML = (snapshot, options = {}) => {
+  const report = snapshot.report;
+  const entries = (report?.entries ?? []).slice(0, options.limit ?? 5);
+  const rows = entries.map((entry) => `<li class="absolute-voice-ops-action-history__entry absolute-voice-ops-action-history__entry--${entry.ok ? "success" : "error"}"><span>${escapeHtml3(entry.actionId)}</span><strong>${escapeHtml3(entry.ok ? "Success" : "Failed")}</strong><small>${escapeHtml3(new Date(entry.at).toLocaleString())}${entry.status ? ` \xB7 HTTP ${String(entry.status)}` : ""}</small></li>`).join("");
+  return `<section class="absolute-voice-ops-action-history">
+  <header><span>Operator proof</span><strong>${escapeHtml3(options.title ?? "Action History")}</strong></header>
+  <p>${String(report?.total ?? 0)} action(s), ${String(report?.failed ?? 0)} failed.</p>
+  <ul>${rows || "<li>No operator actions recorded yet.</li>"}</ul>
+  ${snapshot.error ? `<p class="absolute-voice-ops-action-history__error">${escapeHtml3(snapshot.error)}</p>` : ""}
+</section>`;
+};
+var getVoiceOpsActionHistoryCSS = () => `.absolute-voice-ops-action-history{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;font-family:inherit}.absolute-voice-ops-action-history header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-ops-action-history header span{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-ops-action-history header strong{font-size:24px}.absolute-voice-ops-action-history p{color:#514733}.absolute-voice-ops-action-history ul{display:grid;gap:8px;list-style:none;margin:12px 0 0;padding:0}.absolute-voice-ops-action-history__entry{background:#fff;border:1px solid #eee4d2;border-radius:14px;display:grid;gap:3px;padding:10px 12px}.absolute-voice-ops-action-history__entry--error{border-color:#f2a7a7}.absolute-voice-ops-action-history__entry span{font-weight:800}.absolute-voice-ops-action-history__entry small{color:#655944}.absolute-voice-ops-action-history__error{color:#9f1239;font-weight:700}`;
+var mountVoiceOpsActionHistory = (element, path = "/api/voice/ops-actions/history", options = {}) => {
+  const store = createVoiceOpsActionHistoryStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceOpsActionHistoryWidgetHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
 // src/client/deliveryRuntimeWidget.ts
 var DEFAULT_TITLE3 = "Voice Delivery Runtime";
 var DEFAULT_DESCRIPTION3 = "Audit and trace delivery worker health from your AbsoluteJS voice app.";
-var escapeHtml3 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml4 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var createSurface = (id, summary) => {
   if (!summary) {
     return {
@@ -2651,26 +2755,26 @@ var createVoiceDeliveryRuntimeViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceDeliveryRuntimeHTML = (snapshot, options = {}) => {
   const model = createVoiceDeliveryRuntimeViewModel(snapshot, options);
-  const surfaces = model.surfaces.map((surface) => `<li class="absolute-voice-delivery-runtime__surface absolute-voice-delivery-runtime__surface--${escapeHtml3(surface.status)}">
-  <span>${escapeHtml3(surface.label)}</span>
-  <strong>${escapeHtml3(surface.detail)}</strong>
+  const surfaces = model.surfaces.map((surface) => `<li class="absolute-voice-delivery-runtime__surface absolute-voice-delivery-runtime__surface--${escapeHtml4(surface.status)}">
+  <span>${escapeHtml4(surface.label)}</span>
+  <strong>${escapeHtml4(surface.detail)}</strong>
   <small>${String(surface.failed)} failed &middot; ${String(surface.deadLettered)} dead-lettered</small>
 </li>`).join("");
   const actions = options.includeActions === false ? "" : `<div class="absolute-voice-delivery-runtime__actions">
   <button type="button" data-absolute-voice-delivery-runtime-action="tick">${model.actionStatus === "running" ? "Working..." : "Tick workers"}</button>
   <button type="button" data-absolute-voice-delivery-runtime-action="requeue-dead-letters"${model.surfaces.some((surface) => surface.deadLettered > 0) ? "" : " disabled"}>Requeue dead letters</button>
 </div>`;
-  const actionError = model.actionError ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml3(model.actionError)}</p>` : "";
-  return `<section class="absolute-voice-delivery-runtime absolute-voice-delivery-runtime--${escapeHtml3(model.status)}">
+  const actionError = model.actionError ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml4(model.actionError)}</p>` : "";
+  return `<section class="absolute-voice-delivery-runtime absolute-voice-delivery-runtime--${escapeHtml4(model.status)}">
   <header class="absolute-voice-delivery-runtime__header">
-    <span class="absolute-voice-delivery-runtime__eyebrow">${escapeHtml3(model.title)}</span>
-    <strong class="absolute-voice-delivery-runtime__label">${escapeHtml3(model.label)}</strong>
+    <span class="absolute-voice-delivery-runtime__eyebrow">${escapeHtml4(model.title)}</span>
+    <strong class="absolute-voice-delivery-runtime__label">${escapeHtml4(model.label)}</strong>
   </header>
-  <p class="absolute-voice-delivery-runtime__description">${escapeHtml3(model.description)}</p>
+  <p class="absolute-voice-delivery-runtime__description">${escapeHtml4(model.description)}</p>
   <ul class="absolute-voice-delivery-runtime__surfaces">${surfaces}</ul>
   ${actions}
   ${actionError}
-  ${model.error ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml3(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml4(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceDeliveryRuntimeCSS = () => `.absolute-voice-delivery-runtime{border:1px solid #c9d8cf;border-radius:20px;background:#f6fff9;color:#0d1b12;padding:18px;box-shadow:0 18px 40px rgba(19,55,35,.12);font-family:inherit}.absolute-voice-delivery-runtime--warn,.absolute-voice-delivery-runtime--error{border-color:#f2b56b;background:#fff9ed}.absolute-voice-delivery-runtime__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-delivery-runtime__eyebrow{color:#4e6b59;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-delivery-runtime__label{font-size:28px;line-height:1}.absolute-voice-delivery-runtime__description{color:#33483b;margin:12px 0 0}.absolute-voice-delivery-runtime__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-delivery-runtime__surface{background:#fff;border:1px solid #d9eadf;border-radius:14px;display:grid;gap:4px;padding:10px 12px}.absolute-voice-delivery-runtime__surface--warn{border-color:#f2b56b}.absolute-voice-delivery-runtime__surface--disabled{opacity:.72}.absolute-voice-delivery-runtime__surface span,.absolute-voice-delivery-runtime__surface small{color:#587063}.absolute-voice-delivery-runtime__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-delivery-runtime__actions button{background:#134e2d;border:0;border-radius:999px;color:#f6fff9;cursor:pointer;font:inherit;font-weight:800;padding:8px 12px}.absolute-voice-delivery-runtime__actions button:disabled{cursor:not-allowed;opacity:.48}.absolute-voice-delivery-runtime__error{color:#9f1239;font-weight:700}`;
@@ -2808,7 +2912,7 @@ var createVoiceRoutingStatusStore = (path = "/api/routing/latest", options = {})
 // src/client/routingStatusWidget.ts
 var DEFAULT_TITLE4 = "Voice Routing";
 var DEFAULT_DESCRIPTION4 = "Latest provider routing decision from the self-hosted trace store.";
-var escapeHtml4 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml5 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatValue = (value, fallback = "None") => typeof value === "string" && value.trim() ? value : typeof value === "number" && Number.isFinite(value) ? String(value) : fallback;
 var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
   const decision = snapshot.decision;
@@ -2845,17 +2949,17 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
 var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceRoutingStatusViewModel(snapshot, options);
   const rows = model.rows.length ? `<div class="absolute-voice-routing-status__grid">${model.rows.map((row) => `<div>
-  <span>${escapeHtml4(row.label)}</span>
-  <strong>${escapeHtml4(row.value)}</strong>
+  <span>${escapeHtml5(row.label)}</span>
+  <strong>${escapeHtml5(row.value)}</strong>
 </div>`).join("")}</div>` : '<p class="absolute-voice-routing-status__empty">Start a voice session to see the selected provider.</p>';
-  return `<section class="absolute-voice-routing-status absolute-voice-routing-status--${escapeHtml4(model.status)}">
+  return `<section class="absolute-voice-routing-status absolute-voice-routing-status--${escapeHtml5(model.status)}">
   <header class="absolute-voice-routing-status__header">
-    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml4(model.title)}</span>
-    <strong class="absolute-voice-routing-status__label">${escapeHtml4(model.label)}</strong>
+    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml5(model.title)}</span>
+    <strong class="absolute-voice-routing-status__label">${escapeHtml5(model.label)}</strong>
   </header>
-  <p class="absolute-voice-routing-status__description">${escapeHtml4(model.description)}</p>
+  <p class="absolute-voice-routing-status__description">${escapeHtml5(model.description)}</p>
   ${rows}
-  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml4(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml5(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}`;
@@ -3507,7 +3611,7 @@ var createVoiceProviderSimulationControlsStore = (options) => {
   };
 };
 // src/client/providerSimulationControlsWidget.ts
-var escapeHtml5 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml6 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatKind = (kind) => (kind ?? "stt").toUpperCase();
 var createVoiceProviderSimulationControlsViewModel = (snapshot, options) => {
   const configuredProviders = options.providers.filter((provider) => provider.configured !== false);
@@ -3527,18 +3631,18 @@ var createVoiceProviderSimulationControlsViewModel = (snapshot, options) => {
 };
 var renderVoiceProviderSimulationControlsHTML = (snapshot, options) => {
   const model = createVoiceProviderSimulationControlsViewModel(snapshot, options);
-  const failureButtons = model.failureProviders.map((provider) => `<button type="button" data-voice-provider-fail="${escapeHtml5(provider.provider)}"${!model.canSimulateFailure || snapshot.isRunning ? " disabled" : ""}>Simulate ${escapeHtml5(provider.provider)} ${escapeHtml5(formatKind(options.kind))} failure</button>`).join("");
-  const recoveryButtons = model.providers.map((provider) => `<button type="button" data-voice-provider-recover="${escapeHtml5(provider.provider)}"${snapshot.isRunning ? " disabled" : ""}>Mark ${escapeHtml5(provider.provider)} recovered</button>`).join("");
+  const failureButtons = model.failureProviders.map((provider) => `<button type="button" data-voice-provider-fail="${escapeHtml6(provider.provider)}"${!model.canSimulateFailure || snapshot.isRunning ? " disabled" : ""}>Simulate ${escapeHtml6(provider.provider)} ${escapeHtml6(formatKind(options.kind))} failure</button>`).join("");
+  const recoveryButtons = model.providers.map((provider) => `<button type="button" data-voice-provider-recover="${escapeHtml6(provider.provider)}"${snapshot.isRunning ? " disabled" : ""}>Mark ${escapeHtml6(provider.provider)} recovered</button>`).join("");
   return `<section class="absolute-voice-provider-simulation absolute-voice-provider-simulation--${snapshot.error ? "error" : snapshot.isRunning ? "running" : "ready"}">
   <header class="absolute-voice-provider-simulation__header">
-    <span class="absolute-voice-provider-simulation__eyebrow">${escapeHtml5(model.title)}</span>
-    <strong class="absolute-voice-provider-simulation__label">${escapeHtml5(model.label)}</strong>
+    <span class="absolute-voice-provider-simulation__eyebrow">${escapeHtml6(model.title)}</span>
+    <strong class="absolute-voice-provider-simulation__label">${escapeHtml6(model.label)}</strong>
   </header>
-  <p class="absolute-voice-provider-simulation__description">${escapeHtml5(model.description)}</p>
-  ${model.canSimulateFailure ? "" : `<p class="absolute-voice-provider-simulation__empty">${escapeHtml5(options.fallbackRequiredMessage ?? "Configure fallback providers before simulating failure.")}</p>`}
+  <p class="absolute-voice-provider-simulation__description">${escapeHtml6(model.description)}</p>
+  ${model.canSimulateFailure ? "" : `<p class="absolute-voice-provider-simulation__empty">${escapeHtml6(options.fallbackRequiredMessage ?? "Configure fallback providers before simulating failure.")}</p>`}
   <div class="absolute-voice-provider-simulation__actions">${failureButtons}${recoveryButtons}</div>
-  ${snapshot.error ? `<p class="absolute-voice-provider-simulation__error">${escapeHtml5(snapshot.error)}</p>` : ""}
-  ${model.resultText ? `<pre class="absolute-voice-provider-simulation__result">${escapeHtml5(model.resultText)}</pre>` : ""}
+  ${snapshot.error ? `<p class="absolute-voice-provider-simulation__error">${escapeHtml6(snapshot.error)}</p>` : ""}
+  ${model.resultText ? `<pre class="absolute-voice-provider-simulation__result">${escapeHtml6(model.resultText)}</pre>` : ""}
 </section>`;
 };
 var bindVoiceProviderSimulationControls = (element, store) => {
@@ -3605,7 +3709,7 @@ var defineVoiceProviderSimulationControlsElement = (tagName = "absolute-voice-pr
 // src/client/providerStatusWidget.ts
 var DEFAULT_TITLE5 = "Voice Providers";
 var DEFAULT_DESCRIPTION5 = "Live provider health, fallback counts, latency, and suppression state from your self-hosted trace store.";
-var escapeHtml6 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml7 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatProvider = (provider) => provider.split(/[-_\s]+/).filter(Boolean).map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ") || provider;
 var formatStatus = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
 var formatLatency = (value) => typeof value === "number" ? `${value}ms` : "No samples";
@@ -3661,25 +3765,25 @@ var createVoiceProviderStatusViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceProviderStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceProviderStatusViewModel(snapshot, options);
-  const providers = model.providers.length ? `<div class="absolute-voice-provider-status__providers">${model.providers.map((provider) => `<article class="absolute-voice-provider-status__provider absolute-voice-provider-status__provider--${escapeHtml6(provider.status)}">
+  const providers = model.providers.length ? `<div class="absolute-voice-provider-status__providers">${model.providers.map((provider) => `<article class="absolute-voice-provider-status__provider absolute-voice-provider-status__provider--${escapeHtml7(provider.status)}">
   <header>
-    <strong>${escapeHtml6(provider.label)}</strong>
-    <span>${escapeHtml6(formatStatus(provider.status))}</span>
+    <strong>${escapeHtml7(provider.label)}</strong>
+    <span>${escapeHtml7(formatStatus(provider.status))}</span>
   </header>
-  <p>${escapeHtml6(provider.detail)}</p>
+  <p>${escapeHtml7(provider.detail)}</p>
   <dl>${provider.rows.map((row) => `<div>
-    <dt>${escapeHtml6(row.label)}</dt>
-    <dd>${escapeHtml6(row.value)}</dd>
+    <dt>${escapeHtml7(row.label)}</dt>
+    <dd>${escapeHtml7(row.value)}</dd>
   </div>`).join("")}</dl>
 </article>`).join("")}</div>` : '<p class="absolute-voice-provider-status__empty">Run voice traffic to see provider health.</p>';
-  return `<section class="absolute-voice-provider-status absolute-voice-provider-status--${escapeHtml6(model.status)}">
+  return `<section class="absolute-voice-provider-status absolute-voice-provider-status--${escapeHtml7(model.status)}">
   <header class="absolute-voice-provider-status__header">
-    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml6(model.title)}</span>
-    <strong class="absolute-voice-provider-status__label">${escapeHtml6(model.label)}</strong>
+    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml7(model.title)}</span>
+    <strong class="absolute-voice-provider-status__label">${escapeHtml7(model.label)}</strong>
   </header>
-  <p class="absolute-voice-provider-status__description">${escapeHtml6(model.description)}</p>
+  <p class="absolute-voice-provider-status__description">${escapeHtml7(model.description)}</p>
   ${providers}
-  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml6(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml7(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceProviderStatusCSS = () => `.absolute-voice-provider-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-provider-status--error,.absolute-voice-provider-status--warning{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-provider-status__header,.absolute-voice-provider-status__provider header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-provider-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-provider-status__label{font-size:24px;line-height:1}.absolute-voice-provider-status__description,.absolute-voice-provider-status__provider p,.absolute-voice-provider-status__provider dt,.absolute-voice-provider-status__empty{color:#514733}.absolute-voice-provider-status__providers{display:grid;gap:12px;margin-top:14px}.absolute-voice-provider-status__provider{background:#fff;border:1px solid #eee4d2;border-radius:16px;padding:14px}.absolute-voice-provider-status__provider--degraded,.absolute-voice-provider-status__provider--rate-limited,.absolute-voice-provider-status__provider--suppressed{border-color:#f2a7a7}.absolute-voice-provider-status__provider--recoverable{border-color:#fbbf24}.absolute-voice-provider-status__provider p{margin:10px 0}.absolute-voice-provider-status__provider dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.absolute-voice-provider-status__provider div{background:#fffaf0;border:1px solid #eee4d2;border-radius:12px;padding:8px}.absolute-voice-provider-status__provider dt{font-size:12px}.absolute-voice-provider-status__provider dd{font-weight:800;margin:4px 0 0}.absolute-voice-provider-status__empty{margin:14px 0 0}.absolute-voice-provider-status__error{color:#9f1239;font-weight:700}`;
@@ -3722,7 +3826,7 @@ var defineVoiceProviderStatusElement = (tagName = "absolute-voice-provider-statu
 // src/client/providerCapabilitiesWidget.ts
 var DEFAULT_TITLE6 = "Provider Capabilities";
 var DEFAULT_DESCRIPTION6 = "Configured, selected, and healthy voice providers for this deployment.";
-var escapeHtml7 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml8 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatProvider2 = (provider) => provider.split(/[-_\s]+/).filter(Boolean).map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ") || provider;
 var formatKind2 = (kind) => kind.toUpperCase();
 var formatStatus2 = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
@@ -3777,25 +3881,25 @@ var createVoiceProviderCapabilitiesViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceProviderCapabilitiesHTML = (snapshot, options = {}) => {
   const model = createVoiceProviderCapabilitiesViewModel(snapshot, options);
-  const capabilities = model.capabilities.length ? `<div class="absolute-voice-provider-capabilities__providers">${model.capabilities.map((capability) => `<article class="absolute-voice-provider-capabilities__provider absolute-voice-provider-capabilities__provider--${escapeHtml7(capability.status)}">
+  const capabilities = model.capabilities.length ? `<div class="absolute-voice-provider-capabilities__providers">${model.capabilities.map((capability) => `<article class="absolute-voice-provider-capabilities__provider absolute-voice-provider-capabilities__provider--${escapeHtml8(capability.status)}">
   <header>
-    <strong>${escapeHtml7(capability.label)}</strong>
-    <span>${escapeHtml7(formatStatus2(capability.status))}</span>
+    <strong>${escapeHtml8(capability.label)}</strong>
+    <span>${escapeHtml8(formatStatus2(capability.status))}</span>
   </header>
-  <p>${escapeHtml7(capability.detail)}</p>
+  <p>${escapeHtml8(capability.detail)}</p>
   <dl>${capability.rows.map((row) => `<div>
-    <dt>${escapeHtml7(row.label)}</dt>
-    <dd>${escapeHtml7(row.value)}</dd>
+    <dt>${escapeHtml8(row.label)}</dt>
+    <dd>${escapeHtml8(row.value)}</dd>
   </div>`).join("")}</dl>
 </article>`).join("")}</div>` : '<p class="absolute-voice-provider-capabilities__empty">Configure provider capabilities to see deployment coverage.</p>';
-  return `<section class="absolute-voice-provider-capabilities absolute-voice-provider-capabilities--${escapeHtml7(model.status)}">
+  return `<section class="absolute-voice-provider-capabilities absolute-voice-provider-capabilities--${escapeHtml8(model.status)}">
   <header class="absolute-voice-provider-capabilities__header">
-    <span class="absolute-voice-provider-capabilities__eyebrow">${escapeHtml7(model.title)}</span>
-    <strong class="absolute-voice-provider-capabilities__label">${escapeHtml7(model.label)}</strong>
+    <span class="absolute-voice-provider-capabilities__eyebrow">${escapeHtml8(model.title)}</span>
+    <strong class="absolute-voice-provider-capabilities__label">${escapeHtml8(model.label)}</strong>
   </header>
-  <p class="absolute-voice-provider-capabilities__description">${escapeHtml7(model.description)}</p>
+  <p class="absolute-voice-provider-capabilities__description">${escapeHtml8(model.description)}</p>
   ${capabilities}
-  ${model.error ? `<p class="absolute-voice-provider-capabilities__error">${escapeHtml7(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-provider-capabilities__error">${escapeHtml8(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceProviderCapabilitiesCSS = () => `.absolute-voice-provider-capabilities{border:1px solid #bfd7ea;border-radius:20px;background:#f6fbff;color:#08131f;padding:18px;box-shadow:0 18px 40px rgba(14,51,78,.12);font-family:inherit}.absolute-voice-provider-capabilities--error,.absolute-voice-provider-capabilities--warning{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-provider-capabilities__header,.absolute-voice-provider-capabilities__provider header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-provider-capabilities__eyebrow{color:#255f85;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-provider-capabilities__label{font-size:24px;line-height:1}.absolute-voice-provider-capabilities__description,.absolute-voice-provider-capabilities__provider p,.absolute-voice-provider-capabilities__provider dt,.absolute-voice-provider-capabilities__empty{color:#405467}.absolute-voice-provider-capabilities__providers{display:grid;gap:12px;margin-top:14px}.absolute-voice-provider-capabilities__provider{background:#fff;border:1px solid #d7e7f3;border-radius:16px;padding:14px}.absolute-voice-provider-capabilities__provider--selected,.absolute-voice-provider-capabilities__provider--healthy{border-color:#86efac}.absolute-voice-provider-capabilities__provider--degraded,.absolute-voice-provider-capabilities__provider--rate-limited,.absolute-voice-provider-capabilities__provider--suppressed,.absolute-voice-provider-capabilities__provider--unconfigured{border-color:#f2a7a7}.absolute-voice-provider-capabilities__provider p{margin:10px 0}.absolute-voice-provider-capabilities__provider dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.absolute-voice-provider-capabilities__provider div{background:#f6fbff;border:1px solid #d7e7f3;border-radius:12px;padding:8px}.absolute-voice-provider-capabilities__provider dt{font-size:12px}.absolute-voice-provider-capabilities__provider dd{font-weight:800;margin:4px 0 0}.absolute-voice-provider-capabilities__empty{margin:14px 0 0}.absolute-voice-provider-capabilities__error{color:#9f1239;font-weight:700}`;
@@ -3838,7 +3942,7 @@ var defineVoiceProviderCapabilitiesElement = (tagName = "absolute-voice-provider
 // src/client/turnQualityWidget.ts
 var DEFAULT_TITLE7 = "Turn Quality";
 var DEFAULT_DESCRIPTION7 = "Per-turn STT confidence, fallback selection, corrections, and transcript coverage.";
-var escapeHtml8 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml9 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatConfidence = (value) => typeof value === "number" ? `${Math.round(value * 100)}%` : "n/a";
 var formatMaybe = (value) => value === undefined || value === "" ? "n/a" : String(value);
 var getTurnDetail = (turn) => {
@@ -3888,25 +3992,25 @@ var createVoiceTurnQualityViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceTurnQualityHTML = (snapshot, options = {}) => {
   const model = createVoiceTurnQualityViewModel(snapshot, options);
-  const turns = model.turns.length ? `<div class="absolute-voice-turn-quality__turns">${model.turns.map((turn) => `<article class="absolute-voice-turn-quality__turn absolute-voice-turn-quality__turn--${escapeHtml8(turn.status)}">
+  const turns = model.turns.length ? `<div class="absolute-voice-turn-quality__turns">${model.turns.map((turn) => `<article class="absolute-voice-turn-quality__turn absolute-voice-turn-quality__turn--${escapeHtml9(turn.status)}">
   <header>
-    <strong>${escapeHtml8(turn.label)}</strong>
-    <span>${escapeHtml8(turn.status)}</span>
+    <strong>${escapeHtml9(turn.label)}</strong>
+    <span>${escapeHtml9(turn.status)}</span>
   </header>
-  <p>${escapeHtml8(turn.detail)}</p>
+  <p>${escapeHtml9(turn.detail)}</p>
   <dl>${turn.rows.map((row) => `<div>
-    <dt>${escapeHtml8(row.label)}</dt>
-    <dd>${escapeHtml8(row.value)}</dd>
+    <dt>${escapeHtml9(row.label)}</dt>
+    <dd>${escapeHtml9(row.value)}</dd>
   </div>`).join("")}</dl>
 </article>`).join("")}</div>` : '<p class="absolute-voice-turn-quality__empty">Complete a voice turn to see STT quality diagnostics.</p>';
-  return `<section class="absolute-voice-turn-quality absolute-voice-turn-quality--${escapeHtml8(model.status)}">
+  return `<section class="absolute-voice-turn-quality absolute-voice-turn-quality--${escapeHtml9(model.status)}">
   <header class="absolute-voice-turn-quality__header">
-    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml8(model.title)}</span>
-    <strong class="absolute-voice-turn-quality__label">${escapeHtml8(model.label)}</strong>
+    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml9(model.title)}</span>
+    <strong class="absolute-voice-turn-quality__label">${escapeHtml9(model.label)}</strong>
   </header>
-  <p class="absolute-voice-turn-quality__description">${escapeHtml8(model.description)}</p>
+  <p class="absolute-voice-turn-quality__description">${escapeHtml9(model.description)}</p>
   ${turns}
-  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml8(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml9(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceTurnQualityCSS = () => `.absolute-voice-turn-quality{border:1px solid #e4d1a3;border-radius:20px;background:#fff9eb;color:#17120a;padding:18px;box-shadow:0 18px 40px rgba(73,48,14,.12);font-family:inherit}.absolute-voice-turn-quality--error,.absolute-voice-turn-quality--warning{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-turn-quality__header,.absolute-voice-turn-quality__turn header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-turn-quality__eyebrow{color:#8a5a0a;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-turn-quality__label{font-size:24px;line-height:1}.absolute-voice-turn-quality__description,.absolute-voice-turn-quality__turn p,.absolute-voice-turn-quality__turn dt,.absolute-voice-turn-quality__empty{color:#5a4930}.absolute-voice-turn-quality__turns{display:grid;gap:12px;margin-top:14px}.absolute-voice-turn-quality__turn{background:#fff;border:1px solid #f0dfba;border-radius:16px;padding:14px}.absolute-voice-turn-quality__turn--pass{border-color:#86efac}.absolute-voice-turn-quality__turn--warn,.absolute-voice-turn-quality__turn--unknown{border-color:#fbbf24}.absolute-voice-turn-quality__turn--fail{border-color:#f2a7a7}.absolute-voice-turn-quality__turn p{margin:10px 0}.absolute-voice-turn-quality__turn dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.absolute-voice-turn-quality__turn div{background:#fff9eb;border:1px solid #f0dfba;border-radius:12px;padding:8px}.absolute-voice-turn-quality__turn dt{font-size:12px}.absolute-voice-turn-quality__turn dd{font-weight:800;margin:4px 0 0}.absolute-voice-turn-quality__empty{margin:14px 0 0}.absolute-voice-turn-quality__error{color:#9f1239;font-weight:700}`;
@@ -3950,7 +4054,7 @@ var defineVoiceTurnQualityElement = (tagName = "absolute-voice-turn-quality") =>
 var DEFAULT_TITLE8 = "Turn Latency";
 var DEFAULT_DESCRIPTION8 = "Per-turn timing from first transcript to commit and assistant response start.";
 var DEFAULT_PROOF_LABEL = "Run latency proof";
-var escapeHtml9 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml10 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatMs = (value) => typeof value === "number" ? `${Math.round(value)}ms` : "n/a";
 var createVoiceTurnLatencyViewModel = (snapshot, options = {}) => {
   const turns = (snapshot.report?.turns ?? []).map((turn) => ({
@@ -3978,25 +4082,25 @@ var createVoiceTurnLatencyViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceTurnLatencyHTML = (snapshot, options = {}) => {
   const model = createVoiceTurnLatencyViewModel(snapshot, options);
-  const turns = model.turns.length ? `<div class="absolute-voice-turn-latency__turns">${model.turns.map((turn) => `<article class="absolute-voice-turn-latency__turn absolute-voice-turn-latency__turn--${escapeHtml9(turn.status)}">
+  const turns = model.turns.length ? `<div class="absolute-voice-turn-latency__turns">${model.turns.map((turn) => `<article class="absolute-voice-turn-latency__turn absolute-voice-turn-latency__turn--${escapeHtml10(turn.status)}">
   <header>
-    <strong>${escapeHtml9(turn.label)}</strong>
-    <span>${escapeHtml9(turn.status)}</span>
+    <strong>${escapeHtml10(turn.label)}</strong>
+    <span>${escapeHtml10(turn.status)}</span>
   </header>
   <dl>${turn.rows.map((row) => `<div>
-    <dt>${escapeHtml9(row.label)}</dt>
-    <dd>${escapeHtml9(row.value)}</dd>
+    <dt>${escapeHtml10(row.label)}</dt>
+    <dd>${escapeHtml10(row.value)}</dd>
   </div>`).join("")}</dl>
 </article>`).join("")}</div>` : '<p class="absolute-voice-turn-latency__empty">Complete a voice turn to see latency diagnostics.</p>';
-  return `<section class="absolute-voice-turn-latency absolute-voice-turn-latency--${escapeHtml9(model.status)}">
+  return `<section class="absolute-voice-turn-latency absolute-voice-turn-latency--${escapeHtml10(model.status)}">
   <header class="absolute-voice-turn-latency__header">
-    <span class="absolute-voice-turn-latency__eyebrow">${escapeHtml9(model.title)}</span>
-    <strong class="absolute-voice-turn-latency__label">${escapeHtml9(model.label)}</strong>
+    <span class="absolute-voice-turn-latency__eyebrow">${escapeHtml10(model.title)}</span>
+    <strong class="absolute-voice-turn-latency__label">${escapeHtml10(model.label)}</strong>
   </header>
-  <p class="absolute-voice-turn-latency__description">${escapeHtml9(model.description)}</p>
-  ${model.showProofAction ? `<button class="absolute-voice-turn-latency__proof" data-absolute-voice-turn-latency-proof type="button">${escapeHtml9(model.proofLabel ?? DEFAULT_PROOF_LABEL)}</button>` : ""}
+  <p class="absolute-voice-turn-latency__description">${escapeHtml10(model.description)}</p>
+  ${model.showProofAction ? `<button class="absolute-voice-turn-latency__proof" data-absolute-voice-turn-latency-proof type="button">${escapeHtml10(model.proofLabel ?? DEFAULT_PROOF_LABEL)}</button>` : ""}
   ${turns}
-  ${model.error ? `<p class="absolute-voice-turn-latency__error">${escapeHtml9(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-turn-latency__error">${escapeHtml10(model.error)}</p>` : ""}
 </section>`;
 };
 var mountVoiceTurnLatency = (element, path = "/api/turn-latency", options = {}) => {
@@ -4048,7 +4152,7 @@ var defineVoiceTurnLatencyElement = (tagName = "absolute-voice-turn-latency") =>
 // src/client/traceTimelineWidget.ts
 var DEFAULT_TITLE9 = "Voice Traces";
 var DEFAULT_DESCRIPTION9 = "Latest call timelines with provider latency, fallbacks, handoffs, and errors from your self-hosted trace store.";
-var escapeHtml10 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var escapeHtml11 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatMs2 = (value) => typeof value === "number" ? `${value}ms` : "n/a";
 var formatProviders = (session) => session.providers.length ? session.providers.map((provider) => provider.provider).join(", ") : "No providers";
 var createVoiceTraceTimelineViewModel = (snapshot, options = {}) => {
@@ -4074,22 +4178,22 @@ var createVoiceTraceTimelineViewModel = (snapshot, options = {}) => {
 };
 var renderVoiceTraceTimelineWidgetHTML = (snapshot, options = {}) => {
   const model = createVoiceTraceTimelineViewModel(snapshot, options);
-  const sessions = model.sessions.length ? `<div class="absolute-voice-trace-timeline__sessions">${model.sessions.map((session) => `<article class="absolute-voice-trace-timeline__session absolute-voice-trace-timeline__session--${escapeHtml10(session.status)}">
+  const sessions = model.sessions.length ? `<div class="absolute-voice-trace-timeline__sessions">${model.sessions.map((session) => `<article class="absolute-voice-trace-timeline__session absolute-voice-trace-timeline__session--${escapeHtml11(session.status)}">
   <header>
-    <strong>${escapeHtml10(session.sessionId)}</strong>
-    <span>${escapeHtml10(session.status)}</span>
+    <strong>${escapeHtml11(session.sessionId)}</strong>
+    <span>${escapeHtml11(session.status)}</span>
   </header>
-  <p>${escapeHtml10(session.label)} \xB7 ${escapeHtml10(session.durationLabel)} \xB7 ${escapeHtml10(session.providerLabel)}</p>
-  <a href="${escapeHtml10(session.detailHref)}">Open timeline</a>
+  <p>${escapeHtml11(session.label)} \xB7 ${escapeHtml11(session.durationLabel)} \xB7 ${escapeHtml11(session.providerLabel)}</p>
+  <a href="${escapeHtml11(session.detailHref)}">Open timeline</a>
 </article>`).join("")}</div>` : '<p class="absolute-voice-trace-timeline__empty">Run a voice session to see call timelines.</p>';
-  return `<section class="absolute-voice-trace-timeline absolute-voice-trace-timeline--${escapeHtml10(model.status)}">
+  return `<section class="absolute-voice-trace-timeline absolute-voice-trace-timeline--${escapeHtml11(model.status)}">
   <header class="absolute-voice-trace-timeline__header">
-    <span class="absolute-voice-trace-timeline__eyebrow">${escapeHtml10(model.title)}</span>
-    <strong class="absolute-voice-trace-timeline__label">${escapeHtml10(model.label)}</strong>
+    <span class="absolute-voice-trace-timeline__eyebrow">${escapeHtml11(model.title)}</span>
+    <strong class="absolute-voice-trace-timeline__label">${escapeHtml11(model.label)}</strong>
   </header>
-  <p class="absolute-voice-trace-timeline__description">${escapeHtml10(model.description)}</p>
+  <p class="absolute-voice-trace-timeline__description">${escapeHtml11(model.description)}</p>
   ${sessions}
-  ${model.error ? `<p class="absolute-voice-trace-timeline__error">${escapeHtml10(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-trace-timeline__error">${escapeHtml11(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceTraceTimelineCSS = () => `.absolute-voice-trace-timeline{border:1px solid #bad7d3;border-radius:20px;background:#f3fffb;color:#09201c;padding:18px;box-shadow:0 18px 40px rgba(9,32,28,.12);font-family:inherit}.absolute-voice-trace-timeline--error,.absolute-voice-trace-timeline--failed{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-trace-timeline--warning{border-color:#fbbf24;background:#fffaf0}.absolute-voice-trace-timeline__header,.absolute-voice-trace-timeline__session header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-trace-timeline__eyebrow{color:#17665b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-trace-timeline__label{font-size:24px;line-height:1}.absolute-voice-trace-timeline__description,.absolute-voice-trace-timeline__session p,.absolute-voice-trace-timeline__empty{color:#35544f}.absolute-voice-trace-timeline__sessions{display:grid;gap:12px;margin-top:14px}.absolute-voice-trace-timeline__session{background:#fff;border:1px solid #cfe7e2;border-radius:16px;padding:14px}.absolute-voice-trace-timeline__session--failed{border-color:#f2a7a7}.absolute-voice-trace-timeline__session--warning{border-color:#fbbf24}.absolute-voice-trace-timeline__session p{margin:10px 0}.absolute-voice-trace-timeline__session a{color:#0f766e;font-weight:800}.absolute-voice-trace-timeline__empty{margin:14px 0 0}.absolute-voice-trace-timeline__error{color:#9f1239;font-weight:700}`;
@@ -4223,6 +4327,7 @@ export {
   renderVoiceProviderSimulationControlsHTML,
   renderVoiceProviderCapabilitiesHTML,
   renderVoiceOpsStatusHTML,
+  renderVoiceOpsActionHistoryWidgetHTML,
   renderVoiceOpsActionCenterHTML,
   renderVoiceDeliveryRuntimeHTML,
   recordVoiceOpsActionResult,
@@ -4234,6 +4339,7 @@ export {
   mountVoiceProviderSimulationControls,
   mountVoiceProviderCapabilities,
   mountVoiceOpsStatus,
+  mountVoiceOpsActionHistory,
   mountVoiceOpsActionCenter,
   mountVoiceDeliveryRuntime,
   getVoiceTurnQualityCSS,
@@ -4243,6 +4349,7 @@ export {
   getVoiceProviderCapabilitiesCSS,
   getVoiceOpsStatusLabel,
   getVoiceOpsStatusCSS,
+  getVoiceOpsActionHistoryCSS,
   getVoiceOpsActionCenterCSS,
   getVoiceDeliveryRuntimeCSS,
   fetchVoiceWorkflowStatus,
@@ -4253,6 +4360,7 @@ export {
   fetchVoiceProviderStatus,
   fetchVoiceProviderCapabilities,
   fetchVoiceOpsStatus,
+  fetchVoiceOpsActionHistory,
   fetchVoiceDeliveryRuntime,
   fetchVoiceCampaignDialerProofStatus,
   defineVoiceTurnQualityElement,
@@ -4284,6 +4392,7 @@ export {
   createVoiceProviderCapabilitiesStore,
   createVoiceOpsStatusViewModel,
   createVoiceOpsStatusStore,
+  createVoiceOpsActionHistoryStore,
   createVoiceOpsActionCenterViewModel,
   createVoiceOpsActionCenterStore,
   createVoiceOpsActionCenterActions,

package/dist/client/opsActionHistory.d.ts

@@ -0,0 +1,19 @@
+import type { VoiceOpsActionHistoryReport } from '../opsActionAuditRoutes';
+export type VoiceOpsActionHistoryClientOptions = {
+    fetch?: typeof fetch;
+    intervalMs?: number;
+};
+export type VoiceOpsActionHistorySnapshot = {
+    error: string | null;
+    isLoading: boolean;
+    report?: VoiceOpsActionHistoryReport;
+    updatedAt?: number;
+};
+export declare const fetchVoiceOpsActionHistory: (path?: string, options?: Pick<VoiceOpsActionHistoryClientOptions, "fetch">) => Promise<VoiceOpsActionHistoryReport>;
+export declare const createVoiceOpsActionHistoryStore: (path?: string, options?: VoiceOpsActionHistoryClientOptions) => {
+    close: () => void;
+    getServerSnapshot: () => VoiceOpsActionHistorySnapshot;
+    getSnapshot: () => VoiceOpsActionHistorySnapshot;
+    refresh: () => Promise<VoiceOpsActionHistoryReport | undefined>;
+    subscribe: (listener: () => void) => () => void;
+};

package/dist/client/opsActionHistoryWidget.d.ts

@@ -0,0 +1,11 @@
+import { type VoiceOpsActionHistoryClientOptions, type VoiceOpsActionHistorySnapshot } from './opsActionHistory';
+export type VoiceOpsActionHistoryWidgetOptions = VoiceOpsActionHistoryClientOptions & {
+    limit?: number;
+    title?: string;
+};
+export declare const renderVoiceOpsActionHistoryWidgetHTML: (snapshot: VoiceOpsActionHistorySnapshot, options?: VoiceOpsActionHistoryWidgetOptions) => string;
+export declare const getVoiceOpsActionHistoryCSS: () => string;
+export declare const mountVoiceOpsActionHistory: (element: Element, path?: string, options?: VoiceOpsActionHistoryWidgetOptions) => {
+    close: () => void;
+    refresh: () => Promise<import("..").VoiceOpsActionHistoryReport | undefined>;
+};