@absolutejs/voice 0.0.22-beta.167 → 0.0.22-beta.168

package/dist/client/index.js

@@ -3156,6 +3156,80 @@ var createVoiceProviderCapabilitiesStore = (path = "/api/provider-capabilities",
     }
   };
 };
+// src/client/providerContracts.ts
+var fetchVoiceProviderContracts = async (path = "/api/provider-contracts", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice provider contracts failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceProviderContractsStore = (path = "/api/provider-contracts", 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 fetchVoiceProviderContracts(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/turnQuality.ts
 var fetchVoiceTurnQuality = async (path = "/api/turn-quality", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -3939,10 +4013,110 @@ 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.";
+// src/client/providerContractsWidget.ts
+var DEFAULT_TITLE7 = "Provider Contracts";
+var DEFAULT_DESCRIPTION7 = "Production contract coverage for provider env, latency, fallback, streaming, and capabilities.";
 var escapeHtml9 = (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 formatStatus3 = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
+var contractDetail = (row) => {
+  const failing = row.checks.filter((check) => check.status !== "pass");
+  if (failing.length === 0) {
+    return "Provider contract is production-ready.";
+  }
+  return failing.map((check) => `${check.label}: ${check.detail ?? check.status}`).join(" ");
+};
+var createVoiceProviderContractsViewModel = (snapshot, options = {}) => {
+  const rows = (snapshot.report?.rows ?? []).map((row) => ({
+    ...row,
+    detail: contractDetail(row),
+    label: `${formatProvider3(row.provider)} ${row.kind.toUpperCase()}`,
+    rows: [
+      { label: "Status", value: formatStatus3(row.status) },
+      { label: "Selected", value: row.selected ? "Yes" : "No" },
+      { label: "Configured", value: row.configured ? "Yes" : "No" },
+      {
+        label: "Checks",
+        value: row.checks.map((check) => `${check.label}: ${formatStatus3(check.status)}`).join(", ")
+      }
+    ]
+  }));
+  const warningCount = snapshot.report ? snapshot.report.failed + snapshot.report.warned : rows.filter((row) => row.status !== "pass").length;
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION7,
+    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,
+    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--${escapeHtml9(row.status)}">
+  <header>
+    <strong>${escapeHtml9(row.label)}</strong>
+    <span>${escapeHtml9(formatStatus3(row.status))}</span>
+  </header>
+  <p>${escapeHtml9(row.detail)}</p>
+  <dl>${row.rows.map((item) => `<div>
+    <dt>${escapeHtml9(item.label)}</dt>
+    <dd>${escapeHtml9(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--${escapeHtml9(model.status)}">
+  <header class="absolute-voice-provider-contracts__header">
+    <span class="absolute-voice-provider-contracts__eyebrow">${escapeHtml9(model.title)}</span>
+    <strong class="absolute-voice-provider-contracts__label">${escapeHtml9(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-provider-contracts__description">${escapeHtml9(model.description)}</p>
+  ${rows}
+  ${model.error ? `<p class="absolute-voice-provider-contracts__error">${escapeHtml9(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__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}`;
+var mountVoiceProviderContracts = (element, path = "/api/provider-contracts", options = {}) => {
+  const store = createVoiceProviderContractsStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceProviderContractsHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceProviderContractsElement = (tagName = "absolute-voice-provider-contracts") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceProviderContractsElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceProviderContracts(this, this.getAttribute("path") ?? "/api/provider-contracts", {
+        description: this.getAttribute("description") ?? undefined,
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+// src/client/turnQualityWidget.ts
+var DEFAULT_TITLE8 = "Turn Quality";
+var DEFAULT_DESCRIPTION8 = "Per-turn STT confidence, fallback selection, corrections, and transcript coverage.";
+var escapeHtml10 = (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) => {
@@ -3980,37 +4154,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_DESCRIPTION7,
+    description: options.description ?? DEFAULT_DESCRIPTION8,
     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_TITLE7,
+    title: options.title ?? DEFAULT_TITLE8,
     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--${escapeHtml9(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--${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>
-  <p>${escapeHtml9(turn.detail)}</p>
+  <p>${escapeHtml10(turn.detail)}</p>
   <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-quality__empty">Complete a voice turn to see STT quality diagnostics.</p>';
-  return `<section class="absolute-voice-turn-quality absolute-voice-turn-quality--${escapeHtml9(model.status)}">
+  return `<section class="absolute-voice-turn-quality absolute-voice-turn-quality--${escapeHtml10(model.status)}">
   <header class="absolute-voice-turn-quality__header">
-    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml9(model.title)}</span>
-    <strong class="absolute-voice-turn-quality__label">${escapeHtml9(model.label)}</strong>
+    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml10(model.title)}</span>
+    <strong class="absolute-voice-turn-quality__label">${escapeHtml10(model.label)}</strong>
   </header>
-  <p class="absolute-voice-turn-quality__description">${escapeHtml9(model.description)}</p>
+  <p class="absolute-voice-turn-quality__description">${escapeHtml10(model.description)}</p>
   ${turns}
-  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml9(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml10(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}`;
@@ -4051,10 +4225,10 @@ var defineVoiceTurnQualityElement = (tagName = "absolute-voice-turn-quality") =>
   });
 };
 // src/client/turnLatencyWidget.ts
-var DEFAULT_TITLE8 = "Turn Latency";
-var DEFAULT_DESCRIPTION8 = "Per-turn timing from first transcript to commit and assistant response start.";
+var DEFAULT_TITLE9 = "Turn Latency";
+var DEFAULT_DESCRIPTION9 = "Per-turn timing from first transcript to commit and assistant response start.";
 var DEFAULT_PROOF_LABEL = "Run latency proof";
-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 formatMs = (value) => typeof value === "number" ? `${Math.round(value)}ms` : "n/a";
 var createVoiceTurnLatencyViewModel = (snapshot, options = {}) => {
   const turns = (snapshot.report?.turns ?? []).map((turn) => ({
@@ -4068,39 +4242,39 @@ var createVoiceTurnLatencyViewModel = (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_DESCRIPTION8,
+    description: options.description ?? DEFAULT_DESCRIPTION9,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : turns.length ? failedCount > 0 ? `${failedCount} slow` : warningCount > 0 ? `${warningCount} warnings` : `avg ${formatMs(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_TITLE8,
+    title: options.title ?? DEFAULT_TITLE9,
     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--${escapeHtml10(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--${escapeHtml11(turn.status)}">
   <header>
-    <strong>${escapeHtml10(turn.label)}</strong>
-    <span>${escapeHtml10(turn.status)}</span>
+    <strong>${escapeHtml11(turn.label)}</strong>
+    <span>${escapeHtml11(turn.status)}</span>
   </header>
   <dl>${turn.rows.map((row) => `<div>
-    <dt>${escapeHtml10(row.label)}</dt>
-    <dd>${escapeHtml10(row.value)}</dd>
+    <dt>${escapeHtml11(row.label)}</dt>
+    <dd>${escapeHtml11(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--${escapeHtml10(model.status)}">
+  return `<section class="absolute-voice-turn-latency absolute-voice-turn-latency--${escapeHtml11(model.status)}">
   <header class="absolute-voice-turn-latency__header">
-    <span class="absolute-voice-turn-latency__eyebrow">${escapeHtml10(model.title)}</span>
-    <strong class="absolute-voice-turn-latency__label">${escapeHtml10(model.label)}</strong>
+    <span class="absolute-voice-turn-latency__eyebrow">${escapeHtml11(model.title)}</span>
+    <strong class="absolute-voice-turn-latency__label">${escapeHtml11(model.label)}</strong>
   </header>
-  <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>` : ""}
+  <p class="absolute-voice-turn-latency__description">${escapeHtml11(model.description)}</p>
+  ${model.showProofAction ? `<button class="absolute-voice-turn-latency__proof" data-absolute-voice-turn-latency-proof type="button">${escapeHtml11(model.proofLabel ?? DEFAULT_PROOF_LABEL)}</button>` : ""}
   ${turns}
-  ${model.error ? `<p class="absolute-voice-turn-latency__error">${escapeHtml10(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-turn-latency__error">${escapeHtml11(model.error)}</p>` : ""}
 </section>`;
 };
 var mountVoiceTurnLatency = (element, path = "/api/turn-latency", options = {}) => {
@@ -4150,9 +4324,9 @@ 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 escapeHtml11 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+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 escapeHtml12 = (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 = {}) => {
@@ -4166,34 +4340,34 @@ 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_DESCRIPTION9,
+    description: options.description ?? DEFAULT_DESCRIPTION10,
     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_TITLE9,
+    title: options.title ?? DEFAULT_TITLE10,
     updatedAt: snapshot.updatedAt
   };
 };
 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--${escapeHtml11(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--${escapeHtml12(session.status)}">
   <header>
-    <strong>${escapeHtml11(session.sessionId)}</strong>
-    <span>${escapeHtml11(session.status)}</span>
+    <strong>${escapeHtml12(session.sessionId)}</strong>
+    <span>${escapeHtml12(session.status)}</span>
   </header>
-  <p>${escapeHtml11(session.label)} \xB7 ${escapeHtml11(session.durationLabel)} \xB7 ${escapeHtml11(session.providerLabel)}</p>
-  <a href="${escapeHtml11(session.detailHref)}">Open timeline</a>
+  <p>${escapeHtml12(session.label)} \xB7 ${escapeHtml12(session.durationLabel)} \xB7 ${escapeHtml12(session.providerLabel)}</p>
+  <a href="${escapeHtml12(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--${escapeHtml11(model.status)}">
+  return `<section class="absolute-voice-trace-timeline absolute-voice-trace-timeline--${escapeHtml12(model.status)}">
   <header class="absolute-voice-trace-timeline__header">
-    <span class="absolute-voice-trace-timeline__eyebrow">${escapeHtml11(model.title)}</span>
-    <strong class="absolute-voice-trace-timeline__label">${escapeHtml11(model.label)}</strong>
+    <span class="absolute-voice-trace-timeline__eyebrow">${escapeHtml12(model.title)}</span>
+    <strong class="absolute-voice-trace-timeline__label">${escapeHtml12(model.label)}</strong>
   </header>
-  <p class="absolute-voice-trace-timeline__description">${escapeHtml11(model.description)}</p>
+  <p class="absolute-voice-trace-timeline__description">${escapeHtml12(model.description)}</p>
   ${sessions}
-  ${model.error ? `<p class="absolute-voice-trace-timeline__error">${escapeHtml11(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-trace-timeline__error">${escapeHtml12(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}`;
@@ -4325,6 +4499,7 @@ export {
   renderVoiceRoutingStatusHTML,
   renderVoiceProviderStatusHTML,
   renderVoiceProviderSimulationControlsHTML,
+  renderVoiceProviderContractsHTML,
   renderVoiceProviderCapabilitiesHTML,
   renderVoiceOpsStatusHTML,
   renderVoiceOpsActionHistoryWidgetHTML,
@@ -4337,6 +4512,7 @@ export {
   mountVoiceRoutingStatus,
   mountVoiceProviderStatus,
   mountVoiceProviderSimulationControls,
+  mountVoiceProviderContracts,
   mountVoiceProviderCapabilities,
   mountVoiceOpsStatus,
   mountVoiceOpsActionHistory,
@@ -4346,6 +4522,7 @@ export {
   getVoiceTraceTimelineCSS,
   getVoiceRoutingStatusCSS,
   getVoiceProviderStatusCSS,
+  getVoiceProviderContractsCSS,
   getVoiceProviderCapabilitiesCSS,
   getVoiceOpsStatusLabel,
   getVoiceOpsStatusCSS,
@@ -4358,6 +4535,7 @@ export {
   fetchVoiceTraceTimeline,
   fetchVoiceRoutingStatus,
   fetchVoiceProviderStatus,
+  fetchVoiceProviderContracts,
   fetchVoiceProviderCapabilities,
   fetchVoiceOpsStatus,
   fetchVoiceOpsActionHistory,
@@ -4369,6 +4547,7 @@ export {
   defineVoiceRoutingStatusElement,
   defineVoiceProviderStatusElement,
   defineVoiceProviderSimulationControlsElement,
+  defineVoiceProviderContractsElement,
   defineVoiceProviderCapabilitiesElement,
   defineVoiceOpsStatusElement,
   defineVoiceOpsActionCenterElement,
@@ -4388,6 +4567,8 @@ export {
   createVoiceProviderStatusStore,
   createVoiceProviderSimulationControlsViewModel,
   createVoiceProviderSimulationControlsStore,
+  createVoiceProviderContractsViewModel,
+  createVoiceProviderContractsStore,
   createVoiceProviderCapabilitiesViewModel,
   createVoiceProviderCapabilitiesStore,
   createVoiceOpsStatusViewModel,

package/dist/client/providerContracts.d.ts

@@ -0,0 +1,19 @@
+import type { VoiceProviderContractMatrixReport } from '../providerStackRecommendations';
+export type VoiceProviderContractsClientOptions = {
+    fetch?: typeof fetch;
+    intervalMs?: number;
+};
+export type VoiceProviderContractsSnapshot<TProvider extends string = string> = {
+    error: string | null;
+    isLoading: boolean;
+    report?: VoiceProviderContractMatrixReport<TProvider>;
+    updatedAt?: number;
+};
+export declare const fetchVoiceProviderContracts: <TProvider extends string = string>(path?: string, options?: Pick<VoiceProviderContractsClientOptions, "fetch">) => Promise<VoiceProviderContractMatrixReport<TProvider>>;
+export declare const createVoiceProviderContractsStore: <TProvider extends string = string>(path?: string, options?: VoiceProviderContractsClientOptions) => {
+    close: () => void;
+    getServerSnapshot: () => VoiceProviderContractsSnapshot<TProvider>;
+    getSnapshot: () => VoiceProviderContractsSnapshot<TProvider>;
+    refresh: () => Promise<VoiceProviderContractMatrixReport<TProvider> | undefined>;
+    subscribe: (listener: () => void) => () => void;
+};

package/dist/client/providerContractsWidget.d.ts

@@ -0,0 +1,32 @@
+import type { VoiceProviderContractMatrixRow } from '../providerStackRecommendations';
+import { type VoiceProviderContractsClientOptions, type VoiceProviderContractsSnapshot } from './providerContracts';
+export type VoiceProviderContractRowView<TProvider extends string = string> = VoiceProviderContractMatrixRow<TProvider> & {
+    detail: string;
+    label: string;
+    rows: Array<{
+        label: string;
+        value: string;
+    }>;
+};
+export type VoiceProviderContractsViewModel<TProvider extends string = string> = {
+    description: string;
+    error: string | null;
+    isLoading: boolean;
+    label: string;
+    rows: VoiceProviderContractRowView<TProvider>[];
+    status: 'empty' | 'error' | 'loading' | 'ready' | 'warning';
+    title: string;
+    updatedAt?: number;
+};
+export type VoiceProviderContractsWidgetOptions = VoiceProviderContractsClientOptions & {
+    description?: string;
+    title?: string;
+};
+export declare const createVoiceProviderContractsViewModel: <TProvider extends string = string>(snapshot: VoiceProviderContractsSnapshot<TProvider>, options?: VoiceProviderContractsWidgetOptions) => VoiceProviderContractsViewModel<TProvider>;
+export declare const renderVoiceProviderContractsHTML: <TProvider extends string = string>(snapshot: VoiceProviderContractsSnapshot<TProvider>, options?: VoiceProviderContractsWidgetOptions) => string;
+export declare const getVoiceProviderContractsCSS: () => string;
+export declare const mountVoiceProviderContracts: <TProvider extends string = string>(element: Element, path?: string, options?: VoiceProviderContractsWidgetOptions) => {
+    close: () => void;
+    refresh: () => Promise<import("..").VoiceProviderContractMatrixReport<TProvider> | undefined>;
+};
+export declare const defineVoiceProviderContractsElement: (tagName?: string) => void;

package/dist/react/VoiceProviderContracts.d.ts

@@ -0,0 +1,6 @@
+import { type VoiceProviderContractsWidgetOptions } from '../client/providerContractsWidget';
+export type VoiceProviderContractsProps = VoiceProviderContractsWidgetOptions & {
+    className?: string;
+    path?: string;
+};
+export declare const VoiceProviderContracts: ({ className, path, ...options }: VoiceProviderContractsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/index.d.ts

@@ -3,6 +3,7 @@ export { VoiceOpsActionCenter } from './VoiceOpsActionCenter';
 export { VoiceDeliveryRuntime } from './VoiceDeliveryRuntime';
 export { VoiceProviderSimulationControls } from './VoiceProviderSimulationControls';
 export { VoiceProviderCapabilities } from './VoiceProviderCapabilities';
+export { VoiceProviderContracts } from './VoiceProviderContracts';
 export { VoiceProviderStatus } from './VoiceProviderStatus';
 export { VoiceRoutingStatus } from './VoiceRoutingStatus';
 export { VoiceTraceTimeline } from './VoiceTraceTimeline';
@@ -16,6 +17,7 @@ export { useVoiceStream } from './useVoiceStream';
 export { useVoiceController } from './useVoiceController';
 export { useVoiceProviderStatus } from './useVoiceProviderStatus';
 export { useVoiceProviderCapabilities } from './useVoiceProviderCapabilities';
+export { useVoiceProviderContracts } from './useVoiceProviderContracts';
 export { useVoiceProviderSimulationControls } from './useVoiceProviderSimulationControls';
 export { useVoiceRoutingStatus } from './useVoiceRoutingStatus';
 export { useVoiceTraceTimeline } from './useVoiceTraceTimeline';