@absolutejs/voice 0.0.22-beta.65 → 0.0.22-beta.66

package/dist/angular/index.d.ts

@@ -1,6 +1,7 @@
 export { VoiceAppKitStatusService } from './voice-app-kit-status.service';
 export { VoiceStreamService } from './voice-stream.service';
 export { VoiceControllerService } from './voice-controller.service';
+export { VoiceProviderCapabilitiesService } from './voice-provider-capabilities.service';
 export { VoiceProviderStatusService } from './voice-provider-status.service';
 export { VoiceRoutingStatusService } from './voice-routing-status.service';
 export { VoiceWorkflowStatusService } from './voice-workflow-status.service';

package/dist/angular/index.js

@@ -1458,9 +1458,131 @@ VoiceControllerService = __decorateElement(_init, 0, "VoiceControllerService", _
 __runInitializers(_init, 1, VoiceControllerService);
 __decoratorMetadata(_init, VoiceControllerService);
 let _VoiceControllerService = VoiceControllerService;
-// src/angular/voice-provider-status.service.ts
+// src/angular/voice-provider-capabilities.service.ts
 import { computed as computed4, Injectable as Injectable4, signal as signal4 } from "@angular/core";
 
+// src/client/providerCapabilities.ts
+var fetchVoiceProviderCapabilities = async (path = "/api/provider-capabilities", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice provider capabilities failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceProviderCapabilitiesStore = (path = "/api/provider-capabilities", 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 fetchVoiceProviderCapabilities(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/angular/voice-provider-capabilities.service.ts
+var _dec = [
+  Injectable4({ providedIn: "root" })
+];
+var _init = __decoratorStart(undefined);
+
+class VoiceProviderCapabilitiesService {
+  connect(path = "/api/provider-capabilities", options = {}) {
+    const store = createVoiceProviderCapabilitiesStore(path, options);
+    const errorSignal = signal4(null);
+    const isLoadingSignal = signal4(false);
+    const reportSignal = signal4(undefined);
+    const updatedAtSignal = signal4(undefined);
+    const sync = () => {
+      const snapshot = store.getSnapshot();
+      errorSignal.set(snapshot.error);
+      isLoadingSignal.set(snapshot.isLoading);
+      reportSignal.set(snapshot.report);
+      updatedAtSignal.set(snapshot.updatedAt);
+    };
+    const unsubscribe = store.subscribe(sync);
+    sync();
+    store.refresh().catch(() => {});
+    return {
+      close: () => {
+        unsubscribe();
+        store.close();
+      },
+      error: computed4(() => errorSignal()),
+      isLoading: computed4(() => isLoadingSignal()),
+      refresh: store.refresh,
+      report: computed4(() => reportSignal()),
+      updatedAt: computed4(() => updatedAtSignal())
+    };
+  }
+}
+VoiceProviderCapabilitiesService = __decorateElement(_init, 0, "VoiceProviderCapabilitiesService", _dec, VoiceProviderCapabilitiesService);
+__runInitializers(_init, 1, VoiceProviderCapabilitiesService);
+__decoratorMetadata(_init, VoiceProviderCapabilitiesService);
+let _VoiceProviderCapabilitiesService = VoiceProviderCapabilitiesService;
+// src/angular/voice-provider-status.service.ts
+import { computed as computed5, Injectable as Injectable5, signal as signal5 } from "@angular/core";
+
 // src/client/providerStatus.ts
 var fetchVoiceProviderStatus = async (path = "/api/provider-status", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -1543,17 +1665,17 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
 
 // src/angular/voice-provider-status.service.ts
 var _dec = [
-  Injectable4({ providedIn: "root" })
+  Injectable5({ providedIn: "root" })
 ];
 var _init = __decoratorStart(undefined);
 
 class VoiceProviderStatusService {
   connect(path = "/api/provider-status", options = {}) {
     const store = createVoiceProviderStatusStore(path, options);
-    const errorSignal = signal4(null);
-    const isLoadingSignal = signal4(false);
-    const providersSignal = signal4([]);
-    const updatedAtSignal = signal4(undefined);
+    const errorSignal = signal5(null);
+    const isLoadingSignal = signal5(false);
+    const providersSignal = signal5([]);
+    const updatedAtSignal = signal5(undefined);
     const sync = () => {
       const snapshot = store.getSnapshot();
       errorSignal.set(snapshot.error);
@@ -1569,11 +1691,11 @@ class VoiceProviderStatusService {
         unsubscribe();
         store.close();
       },
-      error: computed4(() => errorSignal()),
-      isLoading: computed4(() => isLoadingSignal()),
-      providers: computed4(() => providersSignal()),
+      error: computed5(() => errorSignal()),
+      isLoading: computed5(() => isLoadingSignal()),
+      providers: computed5(() => providersSignal()),
       refresh: store.refresh,
-      updatedAt: computed4(() => updatedAtSignal())
+      updatedAt: computed5(() => updatedAtSignal())
     };
   }
 }
@@ -1582,7 +1704,7 @@ __runInitializers(_init, 1, VoiceProviderStatusService);
 __decoratorMetadata(_init, VoiceProviderStatusService);
 let _VoiceProviderStatusService = VoiceProviderStatusService;
 // src/angular/voice-routing-status.service.ts
-import { Injectable as Injectable5, signal as signal5 } from "@angular/core";
+import { Injectable as Injectable6, signal as signal6 } from "@angular/core";
 
 // src/client/routingStatus.ts
 var fetchVoiceRoutingStatus = async (path = "/api/routing/latest", options = {}) => {
@@ -1666,17 +1788,17 @@ var createVoiceRoutingStatusStore = (path = "/api/routing/latest", options = {})
 
 // src/angular/voice-routing-status.service.ts
 var _dec = [
-  Injectable5({ providedIn: "root" })
+  Injectable6({ providedIn: "root" })
 ];
 var _init = __decoratorStart(undefined);
 
 class VoiceRoutingStatusService {
   connect(path = "/api/routing/latest", options = {}) {
     const store = createVoiceRoutingStatusStore(path, options);
-    const decisionSignal = signal5(null);
-    const errorSignal = signal5(null);
-    const isLoadingSignal = signal5(false);
-    const updatedAtSignal = signal5(undefined);
+    const decisionSignal = signal6(null);
+    const errorSignal = signal6(null);
+    const isLoadingSignal = signal6(false);
+    const updatedAtSignal = signal6(undefined);
     const sync = () => {
       const snapshot = store.getSnapshot();
       decisionSignal.set(snapshot.decision);
@@ -1705,7 +1827,7 @@ __runInitializers(_init, 1, VoiceRoutingStatusService);
 __decoratorMetadata(_init, VoiceRoutingStatusService);
 let _VoiceRoutingStatusService = VoiceRoutingStatusService;
 // src/angular/voice-workflow-status.service.ts
-import { computed as computed5, Injectable as Injectable6, signal as signal6 } from "@angular/core";
+import { computed as computed6, Injectable as Injectable7, signal as signal7 } from "@angular/core";
 
 // src/client/workflowStatus.ts
 var fetchVoiceWorkflowStatus = async (path = "/evals/scenarios/json", options = {}) => {
@@ -1788,17 +1910,17 @@ var createVoiceWorkflowStatusStore = (path = "/evals/scenarios/json", options =
 
 // src/angular/voice-workflow-status.service.ts
 var _dec = [
-  Injectable6({ providedIn: "root" })
+  Injectable7({ providedIn: "root" })
 ];
 var _init = __decoratorStart(undefined);
 
 class VoiceWorkflowStatusService {
   connect(path = "/evals/scenarios/json", options = {}) {
     const store = createVoiceWorkflowStatusStore(path, options);
-    const errorSignal = signal6(null);
-    const isLoadingSignal = signal6(false);
-    const reportSignal = signal6(undefined);
-    const updatedAtSignal = signal6(undefined);
+    const errorSignal = signal7(null);
+    const isLoadingSignal = signal7(false);
+    const reportSignal = signal7(undefined);
+    const updatedAtSignal = signal7(undefined);
     const sync = () => {
       const snapshot = store.getSnapshot();
       errorSignal.set(snapshot.error);
@@ -1816,11 +1938,11 @@ class VoiceWorkflowStatusService {
         unsubscribe();
         store.close();
       },
-      error: computed5(() => errorSignal()),
-      isLoading: computed5(() => isLoadingSignal()),
+      error: computed6(() => errorSignal()),
+      isLoading: computed6(() => isLoadingSignal()),
       refresh: store.refresh,
-      report: computed5(() => reportSignal()),
-      updatedAt: computed5(() => updatedAtSignal())
+      report: computed6(() => reportSignal()),
+      updatedAt: computed6(() => updatedAtSignal())
     };
   }
 }
@@ -1833,6 +1955,7 @@ export {
   VoiceStreamService,
   VoiceRoutingStatusService,
   VoiceProviderStatusService,
+  VoiceProviderCapabilitiesService,
   VoiceControllerService,
   VoiceAppKitStatusService
 };

package/dist/angular/voice-provider-capabilities.service.d.ts

@@ -0,0 +1,12 @@
+import { type VoiceProviderCapabilitiesClientOptions } from '../client/providerCapabilities';
+import type { VoiceProviderCapabilityReport } from '../providerCapabilities';
+export declare class VoiceProviderCapabilitiesService {
+    connect<TProvider extends string = string>(path?: string, options?: VoiceProviderCapabilitiesClientOptions): {
+        close: () => void;
+        error: import("@angular/core").Signal<string | null>;
+        isLoading: import("@angular/core").Signal<boolean>;
+        refresh: () => Promise<VoiceProviderCapabilityReport<TProvider> | undefined>;
+        report: import("@angular/core").Signal<VoiceProviderCapabilityReport<TProvider> | undefined>;
+        updatedAt: import("@angular/core").Signal<number | undefined>;
+    };
+}

package/dist/client/index.d.ts

@@ -10,16 +10,20 @@ export { createVoiceOpsStatusViewModel, defineVoiceOpsStatusElement, getVoiceOps
 export { createVoiceRoutingStatusStore, fetchVoiceRoutingStatus } from './routingStatus';
 export { createVoiceRoutingStatusViewModel, defineVoiceRoutingStatusElement, getVoiceRoutingStatusCSS, mountVoiceRoutingStatus, renderVoiceRoutingStatusHTML } from './routingStatusWidget';
 export { createVoiceProviderStatusStore, fetchVoiceProviderStatus } from './providerStatus';
+export { createVoiceProviderCapabilitiesStore, fetchVoiceProviderCapabilities } from './providerCapabilities';
 export { createVoiceProviderSimulationControlsStore } from './providerSimulationControls';
 export { bindVoiceProviderSimulationControls, createVoiceProviderSimulationControlsViewModel, defineVoiceProviderSimulationControlsElement, mountVoiceProviderSimulationControls, renderVoiceProviderSimulationControlsHTML } from './providerSimulationControlsWidget';
 export { createVoiceProviderStatusViewModel, defineVoiceProviderStatusElement, getVoiceProviderStatusCSS, mountVoiceProviderStatus, renderVoiceProviderStatusHTML } from './providerStatusWidget';
+export { createVoiceProviderCapabilitiesViewModel, defineVoiceProviderCapabilitiesElement, getVoiceProviderCapabilitiesCSS, mountVoiceProviderCapabilities, renderVoiceProviderCapabilitiesHTML } from './providerCapabilitiesWidget';
 export { createVoiceWorkflowStatusStore, fetchVoiceWorkflowStatus } from './workflowStatus';
 export type { VoiceAppKitStatusClientOptions, VoiceAppKitStatusSnapshot } from './appKitStatus';
 export type { VoiceOpsStatusSurfaceView, VoiceOpsStatusViewModel, VoiceOpsStatusWidgetOptions } from './opsStatusWidget';
 export type { VoiceRoutingStatusClientOptions, VoiceRoutingStatusSnapshot } from './routingStatus';
 export type { VoiceRoutingStatusViewModel, VoiceRoutingStatusWidgetOptions } from './routingStatusWidget';
 export type { VoiceProviderStatusClientOptions, VoiceProviderStatusSnapshot } from './providerStatus';
+export type { VoiceProviderCapabilitiesClientOptions, VoiceProviderCapabilitiesSnapshot } from './providerCapabilities';
 export type { VoiceProviderSimulationControlsOptions, VoiceProviderSimulationControlsSnapshot, VoiceProviderSimulationProvider } from './providerSimulationControls';
 export type { VoiceProviderSimulationControlsViewModel } from './providerSimulationControlsWidget';
 export type { VoiceProviderStatusCardView, VoiceProviderStatusViewModel, VoiceProviderStatusWidgetOptions } from './providerStatusWidget';
+export type { VoiceProviderCapabilitiesViewModel, VoiceProviderCapabilitiesWidgetOptions, VoiceProviderCapabilityCardView } from './providerCapabilitiesWidget';
 export type { VoiceWorkflowStatusClientOptions, VoiceWorkflowStatusSnapshot } from './workflowStatus';

package/dist/client/index.js

@@ -2073,6 +2073,84 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
     }
   };
 };
+// src/client/providerCapabilities.ts
+var fetchVoiceProviderCapabilities = async (path = "/api/provider-capabilities", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice provider capabilities failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceProviderCapabilitiesStore = (path = "/api/provider-capabilities", 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 fetchVoiceProviderCapabilities(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/providerSimulationControls.ts
 var postSimulation = async (pathPrefix, mode, provider, fetchImpl) => {
   const response = await fetchImpl(`${pathPrefix}/${mode}?provider=${encodeURIComponent(provider)}`, { method: "POST" });
@@ -2364,6 +2442,122 @@ var defineVoiceProviderStatusElement = (tagName = "absolute-voice-provider-statu
     }
   });
 };
+// src/client/providerCapabilitiesWidget.ts
+var DEFAULT_TITLE4 = "Provider Capabilities";
+var DEFAULT_DESCRIPTION4 = "Configured, selected, and healthy voice providers for this deployment.";
+var escapeHtml5 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatProvider2 = (provider) => provider.split(/[-_\s]+/).filter(Boolean).map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ") || provider;
+var formatKind2 = (kind) => kind.toUpperCase();
+var formatStatus2 = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
+var getCapabilityDetail = (capability) => {
+  if (!capability.configured) {
+    return "Not configured in this deployment.";
+  }
+  if (capability.selected) {
+    return `Selected ${capability.kind.toUpperCase()} provider for new sessions.`;
+  }
+  if (capability.health?.status === "healthy") {
+    return "Configured and healthy fallback candidate.";
+  }
+  if (capability.health?.status === "idle") {
+    return "Configured; no traffic observed yet.";
+  }
+  if (capability.health?.lastError) {
+    return capability.health.lastError;
+  }
+  return "Configured and available.";
+};
+var isWarningStatus2 = (status) => status === "degraded" || status === "rate-limited" || status === "suppressed" || status === "unconfigured";
+var createVoiceProviderCapabilitiesViewModel = (snapshot, options = {}) => {
+  const capabilities = (snapshot.report?.capabilities ?? []).map((capability) => ({
+    ...capability,
+    detail: getCapabilityDetail(capability),
+    label: `${formatProvider2(capability.provider)} ${formatKind2(capability.kind)}`,
+    rows: [
+      { label: "Status", value: formatStatus2(capability.status) },
+      { label: "Selected", value: capability.selected ? "Yes" : "No" },
+      { label: "Model", value: capability.model ?? "Default" },
+      {
+        label: "Features",
+        value: capability.features?.join(", ") || "Not specified"
+      },
+      { label: "Runs", value: String(capability.health?.runCount ?? 0) },
+      { label: "Errors", value: String(capability.health?.errorCount ?? 0) }
+    ]
+  }));
+  const warningCount = capabilities.filter((capability) => isWarningStatus2(capability.status)).length;
+  const selectedCount = snapshot.report?.selected ?? capabilities.filter((capability) => capability.selected).length;
+  return {
+    capabilities,
+    description: options.description ?? DEFAULT_DESCRIPTION4,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: snapshot.error ? "Unavailable" : capabilities.length ? warningCount > 0 ? `${warningCount} needs attention` : `${selectedCount} selected` : snapshot.isLoading ? "Checking" : "No capabilities",
+    status: snapshot.error ? "error" : capabilities.length ? warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
+    title: options.title ?? DEFAULT_TITLE4,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceProviderCapabilitiesHTML = (snapshot, options = {}) => {
+  const model = createVoiceProviderCapabilitiesViewModel(snapshot, options);
+  const capabilities = model.capabilities.length ? `<div class="absolute-voice-provider-capabilities__providers">${model.capabilities.map((capability) => `<article class="absolute-voice-provider-capabilities__provider absolute-voice-provider-capabilities__provider--${escapeHtml5(capability.status)}">
+  <header>
+    <strong>${escapeHtml5(capability.label)}</strong>
+    <span>${escapeHtml5(formatStatus2(capability.status))}</span>
+  </header>
+  <p>${escapeHtml5(capability.detail)}</p>
+  <dl>${capability.rows.map((row) => `<div>
+    <dt>${escapeHtml5(row.label)}</dt>
+    <dd>${escapeHtml5(row.value)}</dd>
+  </div>`).join("")}</dl>
+</article>`).join("")}</div>` : '<p class="absolute-voice-provider-capabilities__empty">Configure provider capabilities to see deployment coverage.</p>';
+  return `<section class="absolute-voice-provider-capabilities absolute-voice-provider-capabilities--${escapeHtml5(model.status)}">
+  <header class="absolute-voice-provider-capabilities__header">
+    <span class="absolute-voice-provider-capabilities__eyebrow">${escapeHtml5(model.title)}</span>
+    <strong class="absolute-voice-provider-capabilities__label">${escapeHtml5(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-provider-capabilities__description">${escapeHtml5(model.description)}</p>
+  ${capabilities}
+  ${model.error ? `<p class="absolute-voice-provider-capabilities__error">${escapeHtml5(model.error)}</p>` : ""}
+</section>`;
+};
+var getVoiceProviderCapabilitiesCSS = () => `.absolute-voice-provider-capabilities{border:1px solid #bfd7ea;border-radius:20px;background:#f6fbff;color:#08131f;padding:18px;box-shadow:0 18px 40px rgba(14,51,78,.12);font-family:inherit}.absolute-voice-provider-capabilities--error,.absolute-voice-provider-capabilities--warning{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-provider-capabilities__header,.absolute-voice-provider-capabilities__provider header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-provider-capabilities__eyebrow{color:#255f85;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-provider-capabilities__label{font-size:24px;line-height:1}.absolute-voice-provider-capabilities__description,.absolute-voice-provider-capabilities__provider p,.absolute-voice-provider-capabilities__provider dt,.absolute-voice-provider-capabilities__empty{color:#405467}.absolute-voice-provider-capabilities__providers{display:grid;gap:12px;margin-top:14px}.absolute-voice-provider-capabilities__provider{background:#fff;border:1px solid #d7e7f3;border-radius:16px;padding:14px}.absolute-voice-provider-capabilities__provider--selected,.absolute-voice-provider-capabilities__provider--healthy{border-color:#86efac}.absolute-voice-provider-capabilities__provider--degraded,.absolute-voice-provider-capabilities__provider--rate-limited,.absolute-voice-provider-capabilities__provider--suppressed,.absolute-voice-provider-capabilities__provider--unconfigured{border-color:#f2a7a7}.absolute-voice-provider-capabilities__provider p{margin:10px 0}.absolute-voice-provider-capabilities__provider dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.absolute-voice-provider-capabilities__provider div{background:#f6fbff;border:1px solid #d7e7f3;border-radius:12px;padding:8px}.absolute-voice-provider-capabilities__provider dt{font-size:12px}.absolute-voice-provider-capabilities__provider dd{font-weight:800;margin:4px 0 0}.absolute-voice-provider-capabilities__empty{margin:14px 0 0}.absolute-voice-provider-capabilities__error{color:#9f1239;font-weight:700}`;
+var mountVoiceProviderCapabilities = (element, path = "/api/provider-capabilities", options = {}) => {
+  const store = createVoiceProviderCapabilitiesStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceProviderCapabilitiesHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceProviderCapabilitiesElement = (tagName = "absolute-voice-provider-capabilities") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceProviderCapabilitiesElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceProviderCapabilities(this, this.getAttribute("path") ?? "/api/provider-capabilities", {
+        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/workflowStatus.ts
 var fetchVoiceWorkflowStatus = async (path = "/evals/scenarios/json", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -2446,22 +2640,27 @@ export {
   renderVoiceRoutingStatusHTML,
   renderVoiceProviderStatusHTML,
   renderVoiceProviderSimulationControlsHTML,
+  renderVoiceProviderCapabilitiesHTML,
   renderVoiceOpsStatusHTML,
   mountVoiceRoutingStatus,
   mountVoiceProviderStatus,
   mountVoiceProviderSimulationControls,
+  mountVoiceProviderCapabilities,
   mountVoiceOpsStatus,
   getVoiceRoutingStatusCSS,
   getVoiceProviderStatusCSS,
+  getVoiceProviderCapabilitiesCSS,
   getVoiceOpsStatusLabel,
   getVoiceOpsStatusCSS,
   fetchVoiceWorkflowStatus,
   fetchVoiceRoutingStatus,
   fetchVoiceProviderStatus,
+  fetchVoiceProviderCapabilities,
   fetchVoiceAppKitStatus,
   defineVoiceRoutingStatusElement,
   defineVoiceProviderStatusElement,
   defineVoiceProviderSimulationControlsElement,
+  defineVoiceProviderCapabilitiesElement,
   defineVoiceOpsStatusElement,
   decodeVoiceAudioChunk,
   createVoiceWorkflowStatusStore,
@@ -2472,6 +2671,8 @@ export {
   createVoiceProviderStatusStore,
   createVoiceProviderSimulationControlsViewModel,
   createVoiceProviderSimulationControlsStore,
+  createVoiceProviderCapabilitiesViewModel,
+  createVoiceProviderCapabilitiesStore,
   createVoiceOpsStatusViewModel,
   createVoiceDuplexController,
   createVoiceController,

package/dist/client/providerCapabilities.d.ts

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

package/dist/client/providerCapabilitiesWidget.d.ts

@@ -0,0 +1,32 @@
+import type { VoiceProviderCapabilitySummary } from '../providerCapabilities';
+import { type VoiceProviderCapabilitiesClientOptions, type VoiceProviderCapabilitiesSnapshot } from './providerCapabilities';
+export type VoiceProviderCapabilityCardView<TProvider extends string = string> = VoiceProviderCapabilitySummary<TProvider> & {
+    detail: string;
+    label: string;
+    rows: Array<{
+        label: string;
+        value: string;
+    }>;
+};
+export type VoiceProviderCapabilitiesViewModel<TProvider extends string = string> = {
+    capabilities: VoiceProviderCapabilityCardView<TProvider>[];
+    description: string;
+    error: string | null;
+    isLoading: boolean;
+    label: string;
+    status: 'empty' | 'error' | 'loading' | 'ready' | 'warning';
+    title: string;
+    updatedAt?: number;
+};
+export type VoiceProviderCapabilitiesWidgetOptions = VoiceProviderCapabilitiesClientOptions & {
+    description?: string;
+    title?: string;
+};
+export declare const createVoiceProviderCapabilitiesViewModel: <TProvider extends string = string>(snapshot: VoiceProviderCapabilitiesSnapshot<TProvider>, options?: VoiceProviderCapabilitiesWidgetOptions) => VoiceProviderCapabilitiesViewModel<TProvider>;
+export declare const renderVoiceProviderCapabilitiesHTML: <TProvider extends string = string>(snapshot: VoiceProviderCapabilitiesSnapshot<TProvider>, options?: VoiceProviderCapabilitiesWidgetOptions) => string;
+export declare const getVoiceProviderCapabilitiesCSS: () => string;
+export declare const mountVoiceProviderCapabilities: <TProvider extends string = string>(element: Element, path?: string, options?: VoiceProviderCapabilitiesWidgetOptions) => {
+    close: () => void;
+    refresh: () => Promise<import("..").VoiceProviderCapabilityReport<TProvider> | undefined>;
+};
+export declare const defineVoiceProviderCapabilitiesElement: (tagName?: string) => void;

package/dist/react/VoiceProviderCapabilities.d.ts

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

package/dist/react/index.d.ts

@@ -1,11 +1,13 @@
 export { VoiceOpsStatus } from './VoiceOpsStatus';
 export { VoiceProviderSimulationControls } from './VoiceProviderSimulationControls';
+export { VoiceProviderCapabilities } from './VoiceProviderCapabilities';
 export { VoiceProviderStatus } from './VoiceProviderStatus';
 export { VoiceRoutingStatus } from './VoiceRoutingStatus';
 export { useVoiceAppKitStatus } from './useVoiceAppKitStatus';
 export { useVoiceStream } from './useVoiceStream';
 export { useVoiceController } from './useVoiceController';
 export { useVoiceProviderStatus } from './useVoiceProviderStatus';
+export { useVoiceProviderCapabilities } from './useVoiceProviderCapabilities';
 export { useVoiceProviderSimulationControls } from './useVoiceProviderSimulationControls';
 export { useVoiceRoutingStatus } from './useVoiceRoutingStatus';
 export { useVoiceWorkflowStatus } from './useVoiceWorkflowStatus';