@absolutejs/voice 0.0.22-beta.459 → 0.0.22-beta.460

package/dist/svelte/index.js

@@ -3235,6 +3235,176 @@ var createVoiceSessionSnapshot = (path, options = {}) => {
     getViewModel: () => createVoiceSessionSnapshotViewModel(store.getSnapshot(), options)
   };
 };
+// src/client/sessionObservability.ts
+var fetchVoiceSessionObservability = async (path, options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice session observability failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceSessionObservabilityStore = (path, options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let timer;
+  let snapshot = {
+    error: null,
+    isLoading: false,
+    report: null
+  };
+  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 fetchVoiceSessionObservability(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/sessionObservabilityWidget.ts
+var DEFAULT_TITLE6 = "Session Observability";
+var DEFAULT_DESCRIPTION6 = "One support/debug report for a voice call across traces, provider recovery, tools, handoffs, guardrails, turn waterfalls, and incident handoff.";
+var escapeHtml8 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatMs = (value) => typeof value === "number" ? `${value}ms` : "n/a";
+var createVoiceSessionObservabilityViewModel = (snapshot, options = {}) => {
+  const report = snapshot.report;
+  const turns = (report?.turns ?? []).slice(0, options.maxTurns ?? 3).map((turn) => ({
+    ...turn,
+    durationLabel: formatMs(turn.durationMs),
+    label: `${turn.transcripts} transcripts / ${turn.toolCalls} tools / ${turn.providerDecisions} provider decisions`
+  }));
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION6,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: snapshot.error ? "Unavailable" : report ? `${report.summary.turns} turns / ${report.summary.fallbacks} fallbacks / ${report.summary.errors} errors` : snapshot.isLoading ? "Checking" : "No session loaded",
+    links: report?.links ?? [],
+    sessionId: report?.sessionId,
+    status: snapshot.error ? "error" : report?.status === "failed" ? "failed" : report?.status === "warning" ? "warning" : report ? "ready" : snapshot.isLoading ? "loading" : "empty",
+    title: options.title ?? DEFAULT_TITLE6,
+    turns,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderLinks = (links) => links.length ? `<p class="absolute-voice-session-observability__actions">${links.map((link) => `<a href="${escapeHtml8(link.href)}">${escapeHtml8(link.label)}</a>`).join("")}</p>` : "";
+var renderVoiceSessionObservabilityHTML = (snapshot, options = {}) => {
+  const model = createVoiceSessionObservabilityViewModel(snapshot, options);
+  const turns = model.turns.length ? `<div class="absolute-voice-session-observability__turns">${model.turns.map((turn) => `<article class="absolute-voice-session-observability__turn"><header><strong>${escapeHtml8(turn.turnId)}</strong><span>${escapeHtml8(turn.durationLabel)}</span></header><p>${escapeHtml8(turn.label)}</p></article>`).join("")}</div>` : '<p class="absolute-voice-session-observability__empty">Open a voice session to see turn waterfalls.</p>';
+  return `<section class="absolute-voice-session-observability absolute-voice-session-observability--${escapeHtml8(model.status)}">
+  <header class="absolute-voice-session-observability__header">
+    <span class="absolute-voice-session-observability__eyebrow">${escapeHtml8(model.title)}</span>
+    <strong class="absolute-voice-session-observability__label">${escapeHtml8(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-session-observability__description">${escapeHtml8(model.description)}</p>
+  ${model.sessionId ? `<p class="absolute-voice-session-observability__session">${escapeHtml8(model.sessionId)}</p>` : ""}
+  ${renderLinks(model.links)}
+  ${turns}
+  ${model.error ? `<p class="absolute-voice-session-observability__error">${escapeHtml8(model.error)}</p>` : ""}
+</section>`;
+};
+var getVoiceSessionObservabilityCSS = () => `.absolute-voice-session-observability{border:1px solid #c8d9bf;border-radius:20px;background:#fbfff3;color:#18220d;padding:18px;box-shadow:0 18px 40px rgba(24,34,13,.12);font-family:inherit}.absolute-voice-session-observability--error,.absolute-voice-session-observability--failed{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-session-observability--warning{border-color:#fbbf24;background:#fffaf0}.absolute-voice-session-observability__header,.absolute-voice-session-observability__turn header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-session-observability__eyebrow{color:#4d7c0f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-session-observability__label{font-size:24px;line-height:1}.absolute-voice-session-observability__description,.absolute-voice-session-observability__turn p,.absolute-voice-session-observability__empty,.absolute-voice-session-observability__session{color:#4b5f3e}.absolute-voice-session-observability__actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.absolute-voice-session-observability__actions a{color:#3f6212;font-weight:800}.absolute-voice-session-observability__turns{display:grid;gap:12px;margin-top:14px}.absolute-voice-session-observability__turn{background:#fff;border:1px solid #dcebcf;border-radius:16px;padding:14px}.absolute-voice-session-observability__turn p{margin:10px 0 0}.absolute-voice-session-observability__empty{margin:14px 0 0}.absolute-voice-session-observability__error{color:#9f1239;font-weight:700}`;
+var mountVoiceSessionObservability = (element, path, options = {}) => {
+  const store = createVoiceSessionObservabilityStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceSessionObservabilityHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceSessionObservabilityElement = (tagName = "absolute-voice-session-observability") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceSessionObservabilityElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const maxTurns = Number(this.getAttribute("max-turns") ?? 3);
+      this.mounted = mountVoiceSessionObservability(this, this.getAttribute("path") ?? "/api/voice/session-observability/latest", {
+        description: this.getAttribute("description") ?? undefined,
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        maxTurns: Number.isFinite(maxTurns) ? maxTurns : 3,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/svelte/createVoiceSessionObservability.ts
+var createVoiceSessionObservability = (path = "/api/voice/session-observability/latest", options = {}) => {
+  const store = createVoiceSessionObservabilityStore(path, options);
+  return {
+    ...store,
+    getHTML: () => renderVoiceSessionObservabilityHTML(store.getSnapshot(), options),
+    getViewModel: () => createVoiceSessionObservabilityViewModel(store.getSnapshot(), options)
+  };
+};
 // src/client/profileComparison.ts
 var fetchVoiceProfileComparison = async (path = "/api/voice/real-call-profile-history", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -3485,7 +3655,7 @@ var createVoiceProviderSimulationControlsStore = (options) => {
 };
 
 // src/client/providerSimulationControlsWidget.ts
-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 formatKind = (kind) => (kind ?? "stt").toUpperCase();
 var createVoiceProviderSimulationControlsViewModel = (snapshot, options) => {
   const configuredProviders = options.providers.filter((provider) => provider.configured !== false);
@@ -3505,18 +3675,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="${escapeHtml8(provider.provider)}"${!model.canSimulateFailure || snapshot.isRunning ? " disabled" : ""}>Simulate ${escapeHtml8(provider.provider)} ${escapeHtml8(formatKind(options.kind))} failure</button>`).join("");
-  const recoveryButtons = model.providers.map((provider) => `<button type="button" data-voice-provider-recover="${escapeHtml8(provider.provider)}"${snapshot.isRunning ? " disabled" : ""}>Mark ${escapeHtml8(provider.provider)} recovered</button>`).join("");
+  const failureButtons = model.failureProviders.map((provider) => `<button type="button" data-voice-provider-fail="${escapeHtml9(provider.provider)}"${!model.canSimulateFailure || snapshot.isRunning ? " disabled" : ""}>Simulate ${escapeHtml9(provider.provider)} ${escapeHtml9(formatKind(options.kind))} failure</button>`).join("");
+  const recoveryButtons = model.providers.map((provider) => `<button type="button" data-voice-provider-recover="${escapeHtml9(provider.provider)}"${snapshot.isRunning ? " disabled" : ""}>Mark ${escapeHtml9(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">${escapeHtml8(model.title)}</span>
-    <strong class="absolute-voice-provider-simulation__label">${escapeHtml8(model.label)}</strong>
+    <span class="absolute-voice-provider-simulation__eyebrow">${escapeHtml9(model.title)}</span>
+    <strong class="absolute-voice-provider-simulation__label">${escapeHtml9(model.label)}</strong>
   </header>
-  <p class="absolute-voice-provider-simulation__description">${escapeHtml8(model.description)}</p>
-  ${model.canSimulateFailure ? "" : `<p class="absolute-voice-provider-simulation__empty">${escapeHtml8(options.fallbackRequiredMessage ?? "Configure fallback providers before simulating failure.")}</p>`}
+  <p class="absolute-voice-provider-simulation__description">${escapeHtml9(model.description)}</p>
+  ${model.canSimulateFailure ? "" : `<p class="absolute-voice-provider-simulation__empty">${escapeHtml9(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">${escapeHtml8(snapshot.error)}</p>` : ""}
-  ${model.resultText ? `<pre class="absolute-voice-provider-simulation__result">${escapeHtml8(model.resultText)}</pre>` : ""}
+  ${snapshot.error ? `<p class="absolute-voice-provider-simulation__error">${escapeHtml9(snapshot.error)}</p>` : ""}
+  ${model.resultText ? `<pre class="absolute-voice-provider-simulation__result">${escapeHtml9(model.resultText)}</pre>` : ""}
 </section>`;
 };
 var bindVoiceProviderSimulationControls = (element, store) => {
@@ -3671,9 +3841,9 @@ var createVoiceProviderCapabilitiesStore = (path = "/api/provider-capabilities",
 };
 
 // src/client/providerCapabilitiesWidget.ts
-var DEFAULT_TITLE6 = "Provider Capabilities";
-var DEFAULT_DESCRIPTION6 = "Configured, selected, and healthy voice providers for this deployment.";
-var escapeHtml9 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var DEFAULT_TITLE7 = "Provider Capabilities";
+var DEFAULT_DESCRIPTION7 = "Configured, selected, and healthy voice providers for this deployment.";
+var escapeHtml10 = (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 formatKind2 = (kind) => kind.toUpperCase();
 var formatStatus2 = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
@@ -3717,36 +3887,36 @@ var createVoiceProviderCapabilitiesViewModel = (snapshot, options = {}) => {
   const selectedCount = snapshot.report?.selected ?? capabilities.filter((capability) => capability.selected).length;
   return {
     capabilities,
-    description: options.description ?? DEFAULT_DESCRIPTION6,
+    description: options.description ?? DEFAULT_DESCRIPTION7,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : capabilities.length ? warningCount > 0 ? `${warningCount} needs attention` : `${selectedCount} selected` : snapshot.isLoading ? "Checking" : "No capabilities",
     status: snapshot.error ? "error" : capabilities.length ? warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE6,
+    title: options.title ?? DEFAULT_TITLE7,
     updatedAt: snapshot.updatedAt
   };
 };
 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--${escapeHtml9(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--${escapeHtml10(capability.status)}">
   <header>
-    <strong>${escapeHtml9(capability.label)}</strong>
-    <span>${escapeHtml9(formatStatus2(capability.status))}</span>
+    <strong>${escapeHtml10(capability.label)}</strong>
+    <span>${escapeHtml10(formatStatus2(capability.status))}</span>
   </header>
-  <p>${escapeHtml9(capability.detail)}</p>
+  <p>${escapeHtml10(capability.detail)}</p>
   <dl>${capability.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-provider-capabilities__empty">Configure provider capabilities to see deployment coverage.</p>';
-  return `<section class="absolute-voice-provider-capabilities absolute-voice-provider-capabilities--${escapeHtml9(model.status)}">
+  return `<section class="absolute-voice-provider-capabilities absolute-voice-provider-capabilities--${escapeHtml10(model.status)}">
   <header class="absolute-voice-provider-capabilities__header">
-    <span class="absolute-voice-provider-capabilities__eyebrow">${escapeHtml9(model.title)}</span>
-    <strong class="absolute-voice-provider-capabilities__label">${escapeHtml9(model.label)}</strong>
+    <span class="absolute-voice-provider-capabilities__eyebrow">${escapeHtml10(model.title)}</span>
+    <strong class="absolute-voice-provider-capabilities__label">${escapeHtml10(model.label)}</strong>
   </header>
-  <p class="absolute-voice-provider-capabilities__description">${escapeHtml9(model.description)}</p>
+  <p class="absolute-voice-provider-capabilities__description">${escapeHtml10(model.description)}</p>
   ${capabilities}
-  ${model.error ? `<p class="absolute-voice-provider-capabilities__error">${escapeHtml9(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-provider-capabilities__error">${escapeHtml10(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}`;
@@ -3872,9 +4042,9 @@ var createVoiceProviderContractsStore = (path = "/api/provider-contracts", optio
 };
 
 // src/client/providerContractsWidget.ts
-var DEFAULT_TITLE7 = "Provider Contracts";
-var DEFAULT_DESCRIPTION7 = "Production contract coverage for provider env, latency, fallback, streaming, and capabilities.";
-var escapeHtml10 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var DEFAULT_TITLE8 = "Provider Contracts";
+var DEFAULT_DESCRIPTION8 = "Production contract coverage for provider env, latency, fallback, streaming, and capabilities.";
+var escapeHtml11 = (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 formatStatus3 = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
 var contractDetail = (row) => {
@@ -3906,38 +4076,38 @@ var createVoiceProviderContractsViewModel = (snapshot, options = {}) => {
   }));
   const warningCount = snapshot.report ? snapshot.report.failed + snapshot.report.warned : rows.filter((row) => row.status !== "pass").length;
   return {
-    description: options.description ?? DEFAULT_DESCRIPTION7,
+    description: options.description ?? DEFAULT_DESCRIPTION8,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : rows.length ? warningCount > 0 ? `${warningCount} needs attention` : `${rows.length} passing` : snapshot.isLoading ? "Checking" : "No contracts",
     rows,
     status: snapshot.error ? "error" : rows.length ? warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE7,
+    title: options.title ?? DEFAULT_TITLE8,
     updatedAt: snapshot.updatedAt
   };
 };
 var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
   const model = createVoiceProviderContractsViewModel(snapshot, options);
-  const rows = model.rows.length ? `<div class="absolute-voice-provider-contracts__rows">${model.rows.map((row) => `<article class="absolute-voice-provider-contracts__row absolute-voice-provider-contracts__row--${escapeHtml10(row.status)}">
+  const rows = model.rows.length ? `<div class="absolute-voice-provider-contracts__rows">${model.rows.map((row) => `<article class="absolute-voice-provider-contracts__row absolute-voice-provider-contracts__row--${escapeHtml11(row.status)}">
   <header>
-    <strong>${escapeHtml10(row.label)}</strong>
-    <span>${escapeHtml10(formatStatus3(row.status))}</span>
+    <strong>${escapeHtml11(row.label)}</strong>
+    <span>${escapeHtml11(formatStatus3(row.status))}</span>
   </header>
-  <p>${escapeHtml10(row.detail)}</p>
-  ${row.remediations.length ? `<ul class="absolute-voice-provider-contracts__remediations">${row.remediations.map((remediation) => `<li>${remediation.href ? `<a href="${escapeHtml10(remediation.href)}">${escapeHtml10(remediation.label)}</a>` : `<strong>${escapeHtml10(remediation.label)}</strong>`}<span>${escapeHtml10(remediation.detail)}</span></li>`).join("")}</ul>` : ""}
+  <p>${escapeHtml11(row.detail)}</p>
+  ${row.remediations.length ? `<ul class="absolute-voice-provider-contracts__remediations">${row.remediations.map((remediation) => `<li>${remediation.href ? `<a href="${escapeHtml11(remediation.href)}">${escapeHtml11(remediation.label)}</a>` : `<strong>${escapeHtml11(remediation.label)}</strong>`}<span>${escapeHtml11(remediation.detail)}</span></li>`).join("")}</ul>` : ""}
   <dl>${row.rows.map((item) => `<div>
-    <dt>${escapeHtml10(item.label)}</dt>
-    <dd>${escapeHtml10(item.value)}</dd>
+    <dt>${escapeHtml11(item.label)}</dt>
+    <dd>${escapeHtml11(item.value)}</dd>
   </div>`).join("")}</dl>
 </article>`).join("")}</div>` : '<p class="absolute-voice-provider-contracts__empty">Configure provider contracts to see production coverage.</p>';
-  return `<section class="absolute-voice-provider-contracts absolute-voice-provider-contracts--${escapeHtml10(model.status)}">
+  return `<section class="absolute-voice-provider-contracts absolute-voice-provider-contracts--${escapeHtml11(model.status)}">
   <header class="absolute-voice-provider-contracts__header">
-    <span class="absolute-voice-provider-contracts__eyebrow">${escapeHtml10(model.title)}</span>
-    <strong class="absolute-voice-provider-contracts__label">${escapeHtml10(model.label)}</strong>
+    <span class="absolute-voice-provider-contracts__eyebrow">${escapeHtml11(model.title)}</span>
+    <strong class="absolute-voice-provider-contracts__label">${escapeHtml11(model.label)}</strong>
   </header>
-  <p class="absolute-voice-provider-contracts__description">${escapeHtml10(model.description)}</p>
+  <p class="absolute-voice-provider-contracts__description">${escapeHtml11(model.description)}</p>
   ${rows}
-  ${model.error ? `<p class="absolute-voice-provider-contracts__error">${escapeHtml10(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-provider-contracts__error">${escapeHtml11(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceProviderContractsCSS = () => `.absolute-voice-provider-contracts{border:1px solid #b8dcc7;border-radius:20px;background:#f7fff9;color:#09140d;padding:18px;box-shadow:0 18px 40px rgba(21,83,45,.12);font-family:inherit}.absolute-voice-provider-contracts--error,.absolute-voice-provider-contracts--warning{border-color:#f2a7a7;background:#fff7f4}.absolute-voice-provider-contracts__header,.absolute-voice-provider-contracts__row header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-provider-contracts__eyebrow{color:#166534;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-provider-contracts__label{font-size:24px;line-height:1}.absolute-voice-provider-contracts__description,.absolute-voice-provider-contracts__row p,.absolute-voice-provider-contracts__row dt,.absolute-voice-provider-contracts__empty{color:#405448}.absolute-voice-provider-contracts__rows{display:grid;gap:12px;margin-top:14px}.absolute-voice-provider-contracts__row{background:#fff;border:1px solid #d6eadb;border-radius:16px;padding:14px}.absolute-voice-provider-contracts__row--pass{border-color:#86efac}.absolute-voice-provider-contracts__row--warn,.absolute-voice-provider-contracts__row--fail{border-color:#f2a7a7}.absolute-voice-provider-contracts__row p{margin:10px 0}.absolute-voice-provider-contracts__remediations{display:grid;gap:8px;list-style:none;margin:0 0 10px;padding:0}.absolute-voice-provider-contracts__remediations li{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;display:grid;gap:3px;padding:8px}.absolute-voice-provider-contracts__remediations a,.absolute-voice-provider-contracts__remediations strong{color:#9a3412}.absolute-voice-provider-contracts__remediations span{color:#7c2d12}.absolute-voice-provider-contracts__row dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.absolute-voice-provider-contracts__row div{background:#f7fff9;border:1px solid #d6eadb;border-radius:12px;padding:8px}.absolute-voice-provider-contracts__row dt{font-size:12px}.absolute-voice-provider-contracts__row dd{font-weight:800;margin:4px 0 0}.absolute-voice-provider-contracts__error{color:#9f1239;font-weight:700}`;
@@ -5470,9 +5640,9 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
 };
 
 // src/client/providerStatusWidget.ts
-var DEFAULT_TITLE8 = "Voice Providers";
-var DEFAULT_DESCRIPTION8 = "Live provider health, fallback counts, latency, and suppression state from your self-hosted trace store.";
-var escapeHtml11 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var DEFAULT_TITLE9 = "Voice Providers";
+var DEFAULT_DESCRIPTION9 = "Live provider health, fallback counts, latency, and suppression state from your self-hosted trace store.";
+var escapeHtml12 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatProvider3 = (provider) => provider.split(/[-_\s]+/).filter(Boolean).map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ") || provider;
 var formatStatus4 = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
 var formatLatency = (value) => typeof value === "number" ? `${value}ms` : "No samples";
@@ -5516,37 +5686,37 @@ var createVoiceProviderStatusViewModel = (snapshot, options = {}) => {
   const warningCount = providers.filter((provider) => isWarningStatus2(provider.status)).length;
   const healthyCount = providers.filter((provider) => provider.status === "healthy").length;
   return {
-    description: options.description ?? DEFAULT_DESCRIPTION8,
+    description: options.description ?? DEFAULT_DESCRIPTION9,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : providers.length ? warningCount > 0 ? `${warningCount} needs attention` : `${healthyCount} healthy` : snapshot.isLoading ? "Checking" : "No provider traffic",
     providers,
     status: snapshot.error ? "error" : providers.length ? warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE8,
+    title: options.title ?? DEFAULT_TITLE9,
     updatedAt: snapshot.updatedAt
   };
 };
 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--${escapeHtml11(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--${escapeHtml12(provider.status)}">
   <header>
-    <strong>${escapeHtml11(provider.label)}</strong>
-    <span>${escapeHtml11(formatStatus4(provider.status))}</span>
+    <strong>${escapeHtml12(provider.label)}</strong>
+    <span>${escapeHtml12(formatStatus4(provider.status))}</span>
   </header>
-  <p>${escapeHtml11(provider.detail)}</p>
+  <p>${escapeHtml12(provider.detail)}</p>
   <dl>${provider.rows.map((row) => `<div>
-    <dt>${escapeHtml11(row.label)}</dt>
-    <dd>${escapeHtml11(row.value)}</dd>
+    <dt>${escapeHtml12(row.label)}</dt>
+    <dd>${escapeHtml12(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--${escapeHtml11(model.status)}">
+  return `<section class="absolute-voice-provider-status absolute-voice-provider-status--${escapeHtml12(model.status)}">
   <header class="absolute-voice-provider-status__header">
-    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml11(model.title)}</span>
-    <strong class="absolute-voice-provider-status__label">${escapeHtml11(model.label)}</strong>
+    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml12(model.title)}</span>
+    <strong class="absolute-voice-provider-status__label">${escapeHtml12(model.label)}</strong>
   </header>
-  <p class="absolute-voice-provider-status__description">${escapeHtml11(model.description)}</p>
+  <p class="absolute-voice-provider-status__description">${escapeHtml12(model.description)}</p>
   ${providers}
-  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml11(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml12(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}`;
@@ -5677,9 +5847,9 @@ var createVoiceRoutingStatusStore = (path = "/api/routing/latest", options = {})
 };
 
 // src/client/routingStatusWidget.ts
-var DEFAULT_TITLE9 = "Voice Routing";
-var DEFAULT_DESCRIPTION9 = "Latest provider routing decision from the self-hosted trace store.";
-var escapeHtml12 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var DEFAULT_TITLE10 = "Voice Routing";
+var DEFAULT_DESCRIPTION10 = "Latest provider routing decision from the self-hosted trace store.";
+var escapeHtml13 = (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 formatProviderRoutes = (routes) => routes && typeof routes === "object" ? Object.entries(routes).map(([role, provider]) => `${role}: ${formatValue(provider)}`).join(", ") || "None" : "None";
 var getProviderRoute = (routes, role) => routes && typeof routes === "object" ? formatValue(routes[role], "Not configured") : "Not configured";
@@ -5748,35 +5918,35 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
   return {
     activeStack,
     decision,
-    description: options.description ?? DEFAULT_DESCRIPTION9,
+    description: options.description ?? DEFAULT_DESCRIPTION10,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : decision ? `${formatValue(decision.kind).toUpperCase()} ${formatValue(decision.status, "unknown")}` : snapshot.isLoading ? "Checking" : "No routing yet",
     rows,
     status: snapshot.error ? "error" : decision ? "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE9,
+    title: options.title ?? DEFAULT_TITLE10,
     updatedAt: snapshot.updatedAt
   };
 };
 var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceRoutingStatusViewModel(snapshot, options);
   const activeStack = model.activeStack.length ? `<div class="absolute-voice-routing-status__stack" aria-label="Active voice stack">${model.activeStack.map((item) => `<div>
-  <span>${escapeHtml12(item.label)}</span>
-  <strong>${escapeHtml12(item.value)}</strong>
+  <span>${escapeHtml13(item.label)}</span>
+  <strong>${escapeHtml13(item.value)}</strong>
 </div>`).join("")}</div>` : "";
   const rows = model.rows.length ? `<div class="absolute-voice-routing-status__grid">${model.rows.map((row) => `<div>
-  <span>${escapeHtml12(row.label)}</span>
-  <strong>${escapeHtml12(row.value)}</strong>
+  <span>${escapeHtml13(row.label)}</span>
+  <strong>${escapeHtml13(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--${escapeHtml12(model.status)}">
+  return `<section class="absolute-voice-routing-status absolute-voice-routing-status--${escapeHtml13(model.status)}">
   <header class="absolute-voice-routing-status__header">
-    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml12(model.title)}</span>
-    <strong class="absolute-voice-routing-status__label">${escapeHtml12(model.label)}</strong>
+    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml13(model.title)}</span>
+    <strong class="absolute-voice-routing-status__label">${escapeHtml13(model.label)}</strong>
   </header>
-  <p class="absolute-voice-routing-status__description">${escapeHtml12(model.description)}</p>
+  <p class="absolute-voice-routing-status__description">${escapeHtml13(model.description)}</p>
   ${activeStack}
   ${rows}
-  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml12(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml13(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__stack{background:linear-gradient(135deg,#16130d,#49391f);border-radius:18px;color:#fff;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;padding:12px}.absolute-voice-routing-status__stack div{border-left:1px solid rgba(255,255,255,.18);padding-left:10px}.absolute-voice-routing-status__stack div:first-child{border-left:0;padding-left:0}.absolute-voice-routing-status__stack span{color:#e9d9b8;display:block;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.absolute-voice-routing-status__stack strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.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}@media (max-width:760px){.absolute-voice-routing-status__stack{grid-template-columns:repeat(2,minmax(0,1fr))}.absolute-voice-routing-status__stack div{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0;padding-top:8px}.absolute-voice-routing-status__stack div:first-child{border-top:0;padding-top:0}}`;
@@ -5907,16 +6077,16 @@ var createVoiceTraceTimelineStore = (path = "/api/voice-traces", options = {}) =
 };
 
 // src/client/traceTimelineWidget.ts
-var DEFAULT_TITLE10 = "Voice Traces";
-var DEFAULT_DESCRIPTION10 = "Latest call timelines with provider latency, fallbacks, handoffs, and errors from your self-hosted trace store.";
-var escapeHtml13 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
-var formatMs = (value) => typeof value === "number" ? `${value}ms` : "n/a";
+var DEFAULT_TITLE11 = "Voice Traces";
+var DEFAULT_DESCRIPTION11 = "Latest call timelines with provider latency, fallbacks, handoffs, and errors from your self-hosted trace store.";
+var escapeHtml14 = (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 = {}) => {
   const sessions = (snapshot.report?.sessions ?? []).slice(0, options.limit ?? 3).map((session) => ({
     ...session,
     detailHref: `${options.detailBasePath ?? "/traces"}/${encodeURIComponent(session.sessionId)}`,
-    durationLabel: formatMs(session.summary.callDurationMs),
+    durationLabel: formatMs2(session.summary.callDurationMs),
     incidentBundleHref: options.incidentBundleBasePath === false ? undefined : `${options.incidentBundleBasePath ?? "/voice-incidents"}/${encodeURIComponent(session.sessionId)}/markdown`,
     label: `${session.summary.eventCount} events / ${session.summary.turnCount} turns`,
     operationsRecordHref: options.operationsRecordBasePath === false ? undefined : `${options.operationsRecordBasePath ?? "/voice-operations"}/${encodeURIComponent(session.sessionId)}`,
@@ -5925,13 +6095,13 @@ var createVoiceTraceTimelineViewModel = (snapshot, options = {}) => {
   const failed = sessions.filter((session) => session.status === "failed").length;
   const warnings = sessions.filter((session) => session.status === "warning").length;
   return {
-    description: options.description ?? DEFAULT_DESCRIPTION10,
+    description: options.description ?? DEFAULT_DESCRIPTION11,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : failed > 0 ? `${failed} failed` : warnings > 0 ? `${warnings} warning` : sessions.length ? `${sessions.length} recent` : snapshot.isLoading ? "Checking" : "No traces yet",
     sessions,
     status: snapshot.error ? "error" : failed > 0 ? "failed" : warnings > 0 ? "warning" : sessions.length ? "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE10,
+    title: options.title ?? DEFAULT_TITLE11,
     updatedAt: snapshot.updatedAt
   };
 };
@@ -5939,27 +6109,27 @@ 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) => {
     const supportLinks = [
-      `<a href="${escapeHtml13(session.detailHref)}">Open timeline</a>`,
-      session.operationsRecordHref ? `<a href="${escapeHtml13(session.operationsRecordHref)}">Open operations record</a>` : undefined,
-      session.incidentBundleHref ? `<a href="${escapeHtml13(session.incidentBundleHref)}">Export incident bundle</a>` : undefined
+      `<a href="${escapeHtml14(session.detailHref)}">Open timeline</a>`,
+      session.operationsRecordHref ? `<a href="${escapeHtml14(session.operationsRecordHref)}">Open operations record</a>` : undefined,
+      session.incidentBundleHref ? `<a href="${escapeHtml14(session.incidentBundleHref)}">Export incident bundle</a>` : undefined
     ].filter(Boolean).join("");
-    return `<article class="absolute-voice-trace-timeline__session absolute-voice-trace-timeline__session--${escapeHtml13(session.status)}">
+    return `<article class="absolute-voice-trace-timeline__session absolute-voice-trace-timeline__session--${escapeHtml14(session.status)}">
   <header>
-    <strong>${escapeHtml13(session.sessionId)}</strong>
-    <span>${escapeHtml13(session.status)}</span>
+    <strong>${escapeHtml14(session.sessionId)}</strong>
+    <span>${escapeHtml14(session.status)}</span>
   </header>
-  <p>${escapeHtml13(session.label)} \xB7 ${escapeHtml13(session.durationLabel)} \xB7 ${escapeHtml13(session.providerLabel)}</p>
+  <p>${escapeHtml14(session.label)} \xB7 ${escapeHtml14(session.durationLabel)} \xB7 ${escapeHtml14(session.providerLabel)}</p>
   <p class="absolute-voice-trace-timeline__actions">${supportLinks}</p>
 </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--${escapeHtml13(model.status)}">
+  return `<section class="absolute-voice-trace-timeline absolute-voice-trace-timeline--${escapeHtml14(model.status)}">
   <header class="absolute-voice-trace-timeline__header">
-    <span class="absolute-voice-trace-timeline__eyebrow">${escapeHtml13(model.title)}</span>
-    <strong class="absolute-voice-trace-timeline__label">${escapeHtml13(model.label)}</strong>
+    <span class="absolute-voice-trace-timeline__eyebrow">${escapeHtml14(model.title)}</span>
+    <strong class="absolute-voice-trace-timeline__label">${escapeHtml14(model.label)}</strong>
   </header>
-  <p class="absolute-voice-trace-timeline__description">${escapeHtml13(model.description)}</p>
+  <p class="absolute-voice-trace-timeline__description">${escapeHtml14(model.description)}</p>
   ${sessions}
-  ${model.error ? `<p class="absolute-voice-trace-timeline__error">${escapeHtml13(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-trace-timeline__error">${escapeHtml14(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__actions{display:flex;flex-wrap:wrap;gap:10px}.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}`;
@@ -6089,9 +6259,9 @@ var createVoiceAgentSquadStatusStore = (path = "/api/voice-traces", options = {}
 };
 
 // src/client/agentSquadStatusWidget.ts
-var DEFAULT_TITLE11 = "Voice Agent Squad";
-var DEFAULT_DESCRIPTION11 = "Current specialist and recent handoffs from your self-hosted voice traces.";
-var escapeHtml14 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var DEFAULT_TITLE12 = "Voice Agent Squad";
+var DEFAULT_DESCRIPTION12 = "Current specialist and recent handoffs from your self-hosted voice traces.";
+var escapeHtml15 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var labelFor = (current) => {
   if (!current)
     return "Waiting for specialist activity";
@@ -6105,37 +6275,37 @@ var labelFor = (current) => {
 };
 var createVoiceAgentSquadStatusViewModel = (snapshot, options = {}) => ({
   current: snapshot.report.current,
-  description: options.description ?? DEFAULT_DESCRIPTION11,
+  description: options.description ?? DEFAULT_DESCRIPTION12,
   error: snapshot.error,
   isLoading: snapshot.isLoading,
   label: snapshot.error ? "Unavailable" : labelFor(snapshot.report.current),
   sessionCount: snapshot.report.sessionCount,
   sessions: snapshot.report.sessions,
-  title: options.title ?? DEFAULT_TITLE11,
+  title: options.title ?? DEFAULT_TITLE12,
   updatedAt: snapshot.updatedAt
 });
 var renderVoiceAgentSquadStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceAgentSquadStatusViewModel(snapshot, options);
   const current = model.current;
   const rows = model.sessions.length ? model.sessions.slice(0, 5).map((session) => `<li>
-  <span>${escapeHtml14(session.sessionId)}</span>
-  <strong>${escapeHtml14(session.targetAgentId ?? "none")}</strong>
-  <em>${escapeHtml14(session.status)}</em>
-  ${session.summary || session.reason ? `<p>${escapeHtml14(session.summary ?? session.reason ?? "")}</p>` : ""}
+  <span>${escapeHtml15(session.sessionId)}</span>
+  <strong>${escapeHtml15(session.targetAgentId ?? "none")}</strong>
+  <em>${escapeHtml15(session.status)}</em>
+  ${session.summary || session.reason ? `<p>${escapeHtml15(session.summary ?? session.reason ?? "")}</p>` : ""}
 </li>`).join("") : "<li><span>No squad traces yet.</span><strong>Waiting</strong></li>";
   return `<section class="absolute-voice-agent-squad-status">
   <header>
-    <span>${escapeHtml14(model.title)}</span>
-    <strong>${escapeHtml14(model.label)}</strong>
+    <span>${escapeHtml15(model.title)}</span>
+    <strong>${escapeHtml15(model.label)}</strong>
   </header>
-  <p>${escapeHtml14(model.description)}</p>
+  <p>${escapeHtml15(model.description)}</p>
   <div>
-    <span>Session</span><strong>${escapeHtml14(current?.sessionId ?? "n/a")}</strong>
-    <span>From</span><strong>${escapeHtml14(current?.fromAgentId ?? "n/a")}</strong>
-    <span>Status</span><strong>${escapeHtml14(current?.status ?? "idle")}</strong>
+    <span>Session</span><strong>${escapeHtml15(current?.sessionId ?? "n/a")}</strong>
+    <span>From</span><strong>${escapeHtml15(current?.fromAgentId ?? "n/a")}</strong>
+    <span>Status</span><strong>${escapeHtml15(current?.status ?? "idle")}</strong>
   </div>
   <ul>${rows}</ul>
-  ${model.error ? `<p class="absolute-voice-agent-squad-status__error">${escapeHtml14(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-agent-squad-status__error">${escapeHtml15(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceAgentSquadStatusCSS = () => `.absolute-voice-agent-squad-status{border:1px solid #38bdf866;border-radius:20px;background:#0f172a;color:#f8fafc;padding:18px;font-family:inherit}.absolute-voice-agent-squad-status header{display:grid;gap:4px}.absolute-voice-agent-squad-status header span{color:#7dd3fc;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-agent-squad-status header strong{font-size:20px}.absolute-voice-agent-squad-status p{color:#cbd5e1}.absolute-voice-agent-squad-status div{display:grid;gap:6px;grid-template-columns:max-content 1fr;margin:14px 0}.absolute-voice-agent-squad-status div span{color:#94a3b8}.absolute-voice-agent-squad-status ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.absolute-voice-agent-squad-status li{background:#020617;border:1px solid #1e293b;border-radius:14px;padding:10px}.absolute-voice-agent-squad-status li span{color:#94a3b8;display:block;font-size:12px}.absolute-voice-agent-squad-status li strong{display:block}.absolute-voice-agent-squad-status li em{color:#7dd3fc;font-style:normal}.absolute-voice-agent-squad-status__error{color:#fecaca;font-weight:800}`;
@@ -6295,56 +6465,56 @@ var createVoiceTurnLatencyStore = (path = "/api/turn-latency", options = {}) =>
 };
 
 // src/client/turnLatencyWidget.ts
-var DEFAULT_TITLE12 = "Turn Latency";
-var DEFAULT_DESCRIPTION12 = "Per-turn timing from first transcript to commit and assistant response start.";
+var DEFAULT_TITLE13 = "Turn Latency";
+var DEFAULT_DESCRIPTION13 = "Per-turn timing from first transcript to commit and assistant response start.";
 var DEFAULT_PROOF_LABEL = "Run latency proof";
-var escapeHtml15 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
-var formatMs2 = (value) => typeof value === "number" ? `${Math.round(value)}ms` : "n/a";
+var escapeHtml16 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatMs3 = (value) => typeof value === "number" ? `${Math.round(value)}ms` : "n/a";
 var createVoiceTurnLatencyViewModel = (snapshot, options = {}) => {
   const turns = (snapshot.report?.turns ?? []).map((turn) => ({
     ...turn,
     label: turn.text || "Empty turn",
     rows: turn.stages.map((stage) => ({
       label: stage.label,
-      value: formatMs2(stage.valueMs)
+      value: formatMs3(stage.valueMs)
     }))
   }));
   const warningCount = snapshot.report?.warnings ?? turns.filter((turn) => turn.status === "warn").length;
   const failedCount = snapshot.report?.failed ?? turns.filter((turn) => turn.status === "fail").length;
   return {
-    description: options.description ?? DEFAULT_DESCRIPTION12,
+    description: options.description ?? DEFAULT_DESCRIPTION13,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
-    label: snapshot.error ? "Unavailable" : turns.length ? failedCount > 0 ? `${failedCount} slow` : warningCount > 0 ? `${warningCount} warnings` : `avg ${formatMs2(snapshot.report?.averageTotalMs)}` : snapshot.isLoading ? "Checking" : "No turns",
+    label: snapshot.error ? "Unavailable" : turns.length ? failedCount > 0 ? `${failedCount} slow` : warningCount > 0 ? `${warningCount} warnings` : `avg ${formatMs3(snapshot.report?.averageTotalMs)}` : snapshot.isLoading ? "Checking" : "No turns",
     proofLabel: options.proofPath ? options.proofLabel ?? DEFAULT_PROOF_LABEL : undefined,
     showProofAction: Boolean(options.proofPath),
     status: snapshot.error ? "error" : turns.length ? failedCount > 0 || warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE12,
+    title: options.title ?? DEFAULT_TITLE13,
     turns,
     updatedAt: snapshot.updatedAt
   };
 };
 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--${escapeHtml15(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--${escapeHtml16(turn.status)}">
   <header>
-    <strong>${escapeHtml15(turn.label)}</strong>
-    <span>${escapeHtml15(turn.status)}</span>
+    <strong>${escapeHtml16(turn.label)}</strong>
+    <span>${escapeHtml16(turn.status)}</span>
   </header>
   <dl>${turn.rows.map((row) => `<div>
-    <dt>${escapeHtml15(row.label)}</dt>
-    <dd>${escapeHtml15(row.value)}</dd>
+    <dt>${escapeHtml16(row.label)}</dt>
+    <dd>${escapeHtml16(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--${escapeHtml15(model.status)}">
+  return `<section class="absolute-voice-turn-latency absolute-voice-turn-latency--${escapeHtml16(model.status)}">
   <header class="absolute-voice-turn-latency__header">
-    <span class="absolute-voice-turn-latency__eyebrow">${escapeHtml15(model.title)}</span>
-    <strong class="absolute-voice-turn-latency__label">${escapeHtml15(model.label)}</strong>
+    <span class="absolute-voice-turn-latency__eyebrow">${escapeHtml16(model.title)}</span>
+    <strong class="absolute-voice-turn-latency__label">${escapeHtml16(model.label)}</strong>
   </header>
-  <p class="absolute-voice-turn-latency__description">${escapeHtml15(model.description)}</p>
-  ${model.showProofAction ? `<button class="absolute-voice-turn-latency__proof" data-absolute-voice-turn-latency-proof type="button">${escapeHtml15(model.proofLabel ?? DEFAULT_PROOF_LABEL)}</button>` : ""}
+  <p class="absolute-voice-turn-latency__description">${escapeHtml16(model.description)}</p>
+  ${model.showProofAction ? `<button class="absolute-voice-turn-latency__proof" data-absolute-voice-turn-latency-proof type="button">${escapeHtml16(model.proofLabel ?? DEFAULT_PROOF_LABEL)}</button>` : ""}
   ${turns}
-  ${model.error ? `<p class="absolute-voice-turn-latency__error">${escapeHtml15(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-turn-latency__error">${escapeHtml16(model.error)}</p>` : ""}
 </section>`;
 };
 var mountVoiceTurnLatency = (element, path = "/api/turn-latency", options = {}) => {
@@ -6483,9 +6653,9 @@ var createVoiceTurnQualityStore = (path = "/api/turn-quality", options = {}) =>
 };
 
 // src/client/turnQualityWidget.ts
-var DEFAULT_TITLE13 = "Turn Quality";
-var DEFAULT_DESCRIPTION13 = "Per-turn STT confidence, fallback selection, corrections, and transcript coverage.";
-var escapeHtml16 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var DEFAULT_TITLE14 = "Turn Quality";
+var DEFAULT_DESCRIPTION14 = "Per-turn STT confidence, fallback selection, corrections, and transcript coverage.";
+var escapeHtml17 = (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) => {
@@ -6529,37 +6699,37 @@ var createVoiceTurnQualityViewModel = (snapshot, options = {}) => {
   const warningCount = snapshot.report?.warnings ?? turns.filter((turn) => turn.status === "warn").length;
   const failedCount = snapshot.report?.failed ?? turns.filter((turn) => turn.status === "fail").length;
   return {
-    description: options.description ?? DEFAULT_DESCRIPTION13,
+    description: options.description ?? DEFAULT_DESCRIPTION14,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : turns.length ? failedCount > 0 ? `${failedCount} failed` : warningCount > 0 ? `${warningCount} warnings` : `${turns.length} healthy` : snapshot.isLoading ? "Checking" : "No turns",
     status: snapshot.error ? "error" : turns.length ? failedCount > 0 || warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE13,
+    title: options.title ?? DEFAULT_TITLE14,
     turns,
     updatedAt: snapshot.updatedAt
   };
 };
 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--${escapeHtml16(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--${escapeHtml17(turn.status)}">
   <header>
-    <strong>${escapeHtml16(turn.label)}</strong>
-    <span>${escapeHtml16(turn.status)}</span>
+    <strong>${escapeHtml17(turn.label)}</strong>
+    <span>${escapeHtml17(turn.status)}</span>
   </header>
-  <p>${escapeHtml16(turn.detail)}</p>
+  <p>${escapeHtml17(turn.detail)}</p>
   <dl>${turn.rows.map((row) => `<div>
-    <dt>${escapeHtml16(row.label)}</dt>
-    <dd>${escapeHtml16(row.value)}</dd>
+    <dt>${escapeHtml17(row.label)}</dt>
+    <dd>${escapeHtml17(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--${escapeHtml16(model.status)}">
+  return `<section class="absolute-voice-turn-quality absolute-voice-turn-quality--${escapeHtml17(model.status)}">
   <header class="absolute-voice-turn-quality__header">
-    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml16(model.title)}</span>
-    <strong class="absolute-voice-turn-quality__label">${escapeHtml16(model.label)}</strong>
+    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml17(model.title)}</span>
+    <strong class="absolute-voice-turn-quality__label">${escapeHtml17(model.label)}</strong>
   </header>
-  <p class="absolute-voice-turn-quality__description">${escapeHtml16(model.description)}</p>
+  <p class="absolute-voice-turn-quality__description">${escapeHtml17(model.description)}</p>
   ${turns}
-  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml16(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml17(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}`;
@@ -7343,6 +7513,7 @@ export {
   createVoiceTraceTimeline,
   createVoiceStream2 as createVoiceStream,
   createVoiceSessionSnapshot,
+  createVoiceSessionObservability,
   createVoiceRoutingStatus,
   createVoiceReconnectProfileEvidence,
   createVoiceReadinessFailures,