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

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,116 @@ 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()}`,
+    remediations: row.checks.filter((check) => check.status !== "pass" && check.remediation).map((check) => ({
+      detail: check.remediation?.detail ?? "",
+      href: check.remediation?.href,
+      label: check.remediation?.label ?? check.label
+    })),
+    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>
+  ${row.remediations.length ? `<ul class="absolute-voice-provider-contracts__remediations">${row.remediations.map((remediation) => `<li>${remediation.href ? `<a href="${escapeHtml9(remediation.href)}">${escapeHtml9(remediation.label)}</a>` : `<strong>${escapeHtml9(remediation.label)}</strong>`}<span>${escapeHtml9(remediation.detail)}</span></li>`).join("")}</ul>` : ""}
+  <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__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}`;
+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 +4160,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 +4231,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 +4248,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 +4330,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 +4346,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 +4505,7 @@ export {
   renderVoiceRoutingStatusHTML,
   renderVoiceProviderStatusHTML,
   renderVoiceProviderSimulationControlsHTML,
+  renderVoiceProviderContractsHTML,
   renderVoiceProviderCapabilitiesHTML,
   renderVoiceOpsStatusHTML,
   renderVoiceOpsActionHistoryWidgetHTML,
@@ -4337,6 +4518,7 @@ export {
   mountVoiceRoutingStatus,
   mountVoiceProviderStatus,
   mountVoiceProviderSimulationControls,
+  mountVoiceProviderContracts,
   mountVoiceProviderCapabilities,
   mountVoiceOpsStatus,
   mountVoiceOpsActionHistory,
@@ -4346,6 +4528,7 @@ export {
   getVoiceTraceTimelineCSS,
   getVoiceRoutingStatusCSS,
   getVoiceProviderStatusCSS,
+  getVoiceProviderContractsCSS,
   getVoiceProviderCapabilitiesCSS,
   getVoiceOpsStatusLabel,
   getVoiceOpsStatusCSS,
@@ -4358,6 +4541,7 @@ export {
   fetchVoiceTraceTimeline,
   fetchVoiceRoutingStatus,
   fetchVoiceProviderStatus,
+  fetchVoiceProviderContracts,
   fetchVoiceProviderCapabilities,
   fetchVoiceOpsStatus,
   fetchVoiceOpsActionHistory,
@@ -4369,6 +4553,7 @@ export {
   defineVoiceRoutingStatusElement,
   defineVoiceProviderStatusElement,
   defineVoiceProviderSimulationControlsElement,
+  defineVoiceProviderContractsElement,
   defineVoiceProviderCapabilitiesElement,
   defineVoiceOpsStatusElement,
   defineVoiceOpsActionCenterElement,
@@ -4388,6 +4573,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,37 @@
+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;
+    remediations: Array<{
+        detail: string;
+        href?: 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/index.js

@@ -21437,36 +21437,72 @@ var buildVoiceProviderContractMatrix = (input) => {
         detail: configured ? "Provider is configured for this deployment." : "Provider is declared but not configured.",
         key: "configured",
         label: "Configured",
+        remediation: configured ? undefined : {
+          code: "provider.configure",
+          detail: "Enable this provider or remove it from the contract matrix for this deployment.",
+          href: contract.remediationHref,
+          label: "Configure provider"
+        },
         status: configured ? "pass" : "fail"
       },
       {
         detail: missingEnv.length === 0 ? "Required environment is present." : `Missing env: ${missingEnv.join(", ")}.`,
         key: "env",
         label: "Required env",
+        remediation: missingEnv.length === 0 ? undefined : {
+          code: "provider.env",
+          detail: `Set ${missingEnv.join(", ")} before deploying this provider.`,
+          href: contract.remediationHref,
+          label: "Add missing env"
+        },
         status: missingEnv.length === 0 ? "pass" : "fail"
       },
       {
         detail: contract.latencyBudgetMs !== undefined ? `Latency budget is ${contract.latencyBudgetMs}ms.` : "No latency budget declared.",
         key: "latencyBudget",
         label: "Latency budget",
+        remediation: contract.latencyBudgetMs !== undefined ? undefined : {
+          code: "provider.latency_budget",
+          detail: "Declare latencyBudgetMs so readiness can distinguish expected latency from regressions.",
+          href: contract.remediationHref,
+          label: "Declare latency budget"
+        },
         status: contract.latencyBudgetMs !== undefined ? "pass" : "warn"
       },
       {
         detail: (contract.fallbackProviders ?? []).length > 0 ? `Fallback providers: ${contract.fallbackProviders?.join(", ")}.` : "No fallback provider declared.",
         key: "fallback",
         label: "Fallback",
+        remediation: (contract.fallbackProviders ?? []).length > 0 ? undefined : {
+          code: "provider.fallback",
+          detail: "Declare at least one fallback provider for this lane or mark this provider as intentionally single-provider.",
+          href: contract.remediationHref,
+          label: "Add fallback provider"
+        },
         status: (contract.fallbackProviders ?? []).length > 0 ? "pass" : "warn"
       },
       {
         detail: contract.streaming ? "Streaming is supported." : "Streaming support is not declared.",
         key: "streaming",
         label: "Streaming",
+        remediation: contract.streaming ? undefined : {
+          code: "provider.streaming",
+          detail: "Use a streaming-capable adapter for realtime voice, or route this provider only to non-realtime workflows.",
+          href: contract.remediationHref,
+          label: "Add streaming support"
+        },
         status: contract.streaming ? "pass" : "warn"
       },
       {
         detail: missingCapabilities.length === 0 ? "Required capabilities are declared." : `Missing capabilities: ${missingCapabilities.join(", ")}.`,
         key: "capabilities",
         label: "Capabilities",
+        remediation: missingCapabilities.length === 0 ? undefined : {
+          code: "provider.capabilities",
+          detail: `Declare or implement capabilities: ${missingCapabilities.join(", ")}.`,
+          href: contract.remediationHref,
+          label: "Add capability coverage"
+        },
         status: missingCapabilities.length === 0 ? "pass" : "warn"
       }
     ];
@@ -21495,7 +21531,7 @@ var resolveProviderContractMatrixInput = async (matrix) => typeof matrix === "fu
 var renderVoiceProviderContractMatrixHTML = (report, options = {}) => {
   const title = options.title ?? "Voice Provider Contract Matrix";
   const rows = report.rows.map((row) => {
-    const checks = row.checks.map((check) => `<li class="${escapeHtml36(check.status)}"><strong>${escapeHtml36(check.label)}</strong><span>${escapeHtml36(check.detail ?? check.status)}</span></li>`).join("");
+    const checks = row.checks.map((check) => `<li class="${escapeHtml36(check.status)}"><strong>${escapeHtml36(check.label)}</strong><span>${escapeHtml36(check.detail ?? check.status)}</span>${check.remediation ? `<em>${check.remediation.href ? `<a href="${escapeHtml36(check.remediation.href)}">${escapeHtml36(check.remediation.label)}</a>` : escapeHtml36(check.remediation.label)}: ${escapeHtml36(check.remediation.detail)}</em>` : ""}</li>`).join("");
     return `<article class="row ${escapeHtml36(row.status)}">
   <div>
     <p class="eyebrow">${escapeHtml36(row.kind)}${row.selected ? " \xB7 selected" : ""}</p>
@@ -21505,7 +21541,7 @@ var renderVoiceProviderContractMatrixHTML = (report, options = {}) => {
   <ul>${checks}</ul>
 </article>`;
   }).join("");
-  return `<!doctype html><html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>${escapeHtml36(title)}</title><style>body{background:#0f1412;color:#f7f3e8;font-family:ui-sans-serif,system-ui,sans-serif;margin:0}main{margin:auto;max-width:1180px;padding:32px}.hero,.row{background:#17201b;border:1px solid #2d3b32;border-radius:24px;margin-bottom:16px;padding:22px}.hero{background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(125,211,252,.12))}.eyebrow{color:#86efac;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.06em;line-height:.9;margin:.2rem 0 1rem}h2{margin:.2rem 0}.summary{display:flex;flex-wrap:wrap;gap:10px}.pill,.status{border:1px solid #3f4f45;border-radius:999px;display:inline-flex;padding:8px 12px}.status.pass,.row.pass,.pass{border-color:rgba(34,197,94,.65)}.status.warn,.row.warn,.warn{border-color:rgba(245,158,11,.7)}.status.fail,.row.fail,.fail{border-color:rgba(239,68,68,.75)}.row{display:grid;gap:20px;grid-template-columns:minmax(180px,.45fr) 1fr}.row ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.row li{background:#111814;border:1px solid #2d3b32;border-radius:16px;display:grid;gap:4px;padding:12px}.row li span{color:#b8c2ba}@media(max-width:760px){main{padding:18px}.row{grid-template-columns:1fr}}</style></head><body><main><section class="hero"><p class="eyebrow">Provider contracts</p><h1>${escapeHtml36(title)}</h1><p>Self-hosted provider proof for configured state, required env, latency budgets, fallback, streaming, and declared capabilities.</p><div class="summary"><span class="pill">${String(report.passed)} passing</span><span class="pill">${String(report.warned)} warning</span><span class="pill">${String(report.failed)} failing</span><span class="pill">${String(report.total)} total</span></div></section>${rows || '<article class="row"><p>No provider contracts configured.</p></article>'}</main></body></html>`;
+  return `<!doctype html><html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>${escapeHtml36(title)}</title><style>body{background:#0f1412;color:#f7f3e8;font-family:ui-sans-serif,system-ui,sans-serif;margin:0}main{margin:auto;max-width:1180px;padding:32px}.hero,.row{background:#17201b;border:1px solid #2d3b32;border-radius:24px;margin-bottom:16px;padding:22px}.hero{background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(125,211,252,.12))}.eyebrow{color:#86efac;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.06em;line-height:.9;margin:.2rem 0 1rem}h2{margin:.2rem 0}.summary{display:flex;flex-wrap:wrap;gap:10px}.pill,.status{border:1px solid #3f4f45;border-radius:999px;display:inline-flex;padding:8px 12px}.status.pass,.row.pass,.pass{border-color:rgba(34,197,94,.65)}.status.warn,.row.warn,.warn{border-color:rgba(245,158,11,.7)}.status.fail,.row.fail,.fail{border-color:rgba(239,68,68,.75)}.row{display:grid;gap:20px;grid-template-columns:minmax(180px,.45fr) 1fr}.row ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.row li{background:#111814;border:1px solid #2d3b32;border-radius:16px;display:grid;gap:4px;padding:12px}.row li span{color:#b8c2ba}.row li em{color:#f9d77e;font-style:normal}.row li a{color:#86efac}@media(max-width:760px){main{padding:18px}.row{grid-template-columns:1fr}}</style></head><body><main><section class="hero"><p class="eyebrow">Provider contracts</p><h1>${escapeHtml36(title)}</h1><p>Self-hosted provider proof for configured state, required env, latency budgets, fallback, streaming, and declared capabilities.</p><div class="summary"><span class="pill">${String(report.passed)} passing</span><span class="pill">${String(report.warned)} warning</span><span class="pill">${String(report.failed)} failing</span><span class="pill">${String(report.total)} total</span></div></section>${rows || '<article class="row"><p>No provider contracts configured.</p></article>'}</main></body></html>`;
 };
 var createVoiceProviderContractMatrixJSONHandler = (matrix) => async () => buildVoiceProviderContractMatrix(await resolveProviderContractMatrixInput(matrix));
 var createVoiceProviderContractMatrixHTMLHandler = (options) => async () => {

package/dist/providerStackRecommendations.d.ts

@@ -37,10 +37,17 @@ export type VoiceProviderStackCapabilityGapInput<TProvider extends string = stri
     required?: Partial<Record<VoiceProviderStackKind, readonly string[]>>;
 };
 export type VoiceProviderContractCheckStatus = 'fail' | 'pass' | 'warn';
+export type VoiceProviderContractRemediation = {
+    code: string;
+    detail: string;
+    href?: string;
+    label: string;
+};
 export type VoiceProviderContractCheck = {
     detail?: string;
     key: string;
     label: string;
+    remediation?: VoiceProviderContractRemediation;
     status: VoiceProviderContractCheckStatus;
 };
 export type VoiceProviderContractDefinition<TProvider extends string = string> = {
@@ -53,6 +60,7 @@ export type VoiceProviderContractDefinition<TProvider extends string = string> =
     provider: TProvider;
     requiredCapabilities?: readonly string[];
     requiredEnv?: readonly string[];
+    remediationHref?: string;
     selected?: boolean;
     streaming?: boolean;
 };

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;