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

package/dist/client/index.js

@@ -4031,6 +4031,11 @@ var createVoiceProviderContractsViewModel = (snapshot, options = {}) => {
     ...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" },
@@ -4061,6 +4066,7 @@ var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
     <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>
@@ -4076,7 +4082,7 @@ var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
   ${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 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 = () => {

package/dist/client/providerContractsWidget.d.ts

@@ -3,6 +3,11 @@ import { type VoiceProviderContractsClientOptions, type VoiceProviderContractsSn
 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;

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/index.js

@@ -1787,6 +1787,11 @@ var createVoiceProviderContractsViewModel = (snapshot, options = {}) => {
     ...row,
     detail: contractDetail(row),
     label: `${formatProvider2(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: formatStatus2(row.status) },
       { label: "Selected", value: row.selected ? "Yes" : "No" },
@@ -1817,6 +1822,7 @@ var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
     <span>${escapeHtml6(formatStatus2(row.status))}</span>
   </header>
   <p>${escapeHtml6(row.detail)}</p>
+  ${row.remediations.length ? `<ul class="absolute-voice-provider-contracts__remediations">${row.remediations.map((remediation) => `<li>${remediation.href ? `<a href="${escapeHtml6(remediation.href)}">${escapeHtml6(remediation.label)}</a>` : `<strong>${escapeHtml6(remediation.label)}</strong>`}<span>${escapeHtml6(remediation.detail)}</span></li>`).join("")}</ul>` : ""}
   <dl>${row.rows.map((item) => `<div>
     <dt>${escapeHtml6(item.label)}</dt>
     <dd>${escapeHtml6(item.value)}</dd>
@@ -1832,7 +1838,7 @@ var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
   ${model.error ? `<p class="absolute-voice-provider-contracts__error">${escapeHtml6(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 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 = () => {
@@ -1924,6 +1930,22 @@ var VoiceProviderContracts = ({
             /* @__PURE__ */ jsxDEV6("p", {
               children: row.detail
             }, undefined, false, undefined, this),
+            row.remediations.length ? /* @__PURE__ */ jsxDEV6("ul", {
+              className: "absolute-voice-provider-contracts__remediations",
+              children: row.remediations.map((remediation) => /* @__PURE__ */ jsxDEV6("li", {
+                children: [
+                  remediation.href ? /* @__PURE__ */ jsxDEV6("a", {
+                    href: remediation.href,
+                    children: remediation.label
+                  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6("strong", {
+                    children: remediation.label
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV6("span", {
+                    children: remediation.detail
+                  }, undefined, false, undefined, this)
+                ]
+              }, `${row.kind}:${row.provider}:${remediation.label}`, true, undefined, this))
+            }, undefined, false, undefined, this) : null,
             /* @__PURE__ */ jsxDEV6("dl", {
               children: row.rows.map((item) => /* @__PURE__ */ jsxDEV6("div", {
                 children: [

package/dist/svelte/index.js

@@ -1460,6 +1460,11 @@ var createVoiceProviderContractsViewModel = (snapshot, options = {}) => {
     ...row,
     detail: contractDetail(row),
     label: `${formatProvider2(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: formatStatus2(row.status) },
       { label: "Selected", value: row.selected ? "Yes" : "No" },
@@ -1490,6 +1495,7 @@ var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
     <span>${escapeHtml6(formatStatus2(row.status))}</span>
   </header>
   <p>${escapeHtml6(row.detail)}</p>
+  ${row.remediations.length ? `<ul class="absolute-voice-provider-contracts__remediations">${row.remediations.map((remediation) => `<li>${remediation.href ? `<a href="${escapeHtml6(remediation.href)}">${escapeHtml6(remediation.label)}</a>` : `<strong>${escapeHtml6(remediation.label)}</strong>`}<span>${escapeHtml6(remediation.detail)}</span></li>`).join("")}</ul>` : ""}
   <dl>${row.rows.map((item) => `<div>
     <dt>${escapeHtml6(item.label)}</dt>
     <dd>${escapeHtml6(item.value)}</dd>
@@ -1505,7 +1511,7 @@ var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
   ${model.error ? `<p class="absolute-voice-provider-contracts__error">${escapeHtml6(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 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 = () => {

package/dist/vue/index.js

@@ -1848,6 +1848,11 @@ var createVoiceProviderContractsViewModel = (snapshot, options = {}) => {
     ...row,
     detail: contractDetail(row),
     label: `${formatProvider2(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: formatStatus2(row.status) },
       { label: "Selected", value: row.selected ? "Yes" : "No" },
@@ -1878,6 +1883,7 @@ var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
     <span>${escapeHtml6(formatStatus2(row.status))}</span>
   </header>
   <p>${escapeHtml6(row.detail)}</p>
+  ${row.remediations.length ? `<ul class="absolute-voice-provider-contracts__remediations">${row.remediations.map((remediation) => `<li>${remediation.href ? `<a href="${escapeHtml6(remediation.href)}">${escapeHtml6(remediation.label)}</a>` : `<strong>${escapeHtml6(remediation.label)}</strong>`}<span>${escapeHtml6(remediation.detail)}</span></li>`).join("")}</ul>` : ""}
   <dl>${row.rows.map((item) => `<div>
     <dt>${escapeHtml6(item.label)}</dt>
     <dd>${escapeHtml6(item.value)}</dd>
@@ -1893,7 +1899,7 @@ var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
   ${model.error ? `<p class="absolute-voice-provider-contracts__error">${escapeHtml6(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 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 = () => {
@@ -1983,6 +1989,14 @@ var VoiceProviderContracts = defineComponent6({
             h6("span", row.status)
           ]),
           h6("p", row.detail),
+          row.remediations.length ? h6("ul", {
+            class: "absolute-voice-provider-contracts__remediations"
+          }, row.remediations.map((remediation) => h6("li", {
+            key: `${row.kind}:${row.provider}:${remediation.label}`
+          }, [
+            remediation.href ? h6("a", { href: remediation.href }, remediation.label) : h6("strong", remediation.label),
+            h6("span", remediation.detail)
+          ]))) : null,
           h6("dl", row.rows.map((item) => h6("div", { key: item.label }, [
             h6("dt", item.label),
             h6("dd", item.value)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@absolutejs/voice",
-	"version": "0.0.22-beta.168",
+	"version": "0.0.22-beta.169",
 	"description": "Voice primitives and Elysia plugin for AbsoluteJS",
 	"repository": {
 		"type": "git",