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

package/dist/vue/index.js

@@ -664,9 +664,310 @@ var VoiceProviderSimulationControls = defineComponent2({
     ]);
   }
 });
-// src/vue/VoiceProviderStatus.ts
+// src/vue/VoiceProviderCapabilities.ts
 import { computed as computed2, defineComponent as defineComponent3, h as h3 } from "vue";
 
+// 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/providerCapabilitiesWidget.ts
+var DEFAULT_TITLE2 = "Provider Capabilities";
+var DEFAULT_DESCRIPTION2 = "Configured, selected, and healthy voice providers for this deployment.";
+var escapeHtml3 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatProvider = (provider) => provider.split(/[-_\s]+/).filter(Boolean).map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ") || provider;
+var formatKind2 = (kind) => kind.toUpperCase();
+var formatStatus = (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 isWarningStatus = (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: `${formatProvider(capability.provider)} ${formatKind2(capability.kind)}`,
+    rows: [
+      { label: "Status", value: formatStatus(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) => isWarningStatus(capability.status)).length;
+  const selectedCount = snapshot.report?.selected ?? capabilities.filter((capability) => capability.selected).length;
+  return {
+    capabilities,
+    description: options.description ?? DEFAULT_DESCRIPTION2,
+    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_TITLE2,
+    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--${escapeHtml3(capability.status)}">
+  <header>
+    <strong>${escapeHtml3(capability.label)}</strong>
+    <span>${escapeHtml3(formatStatus(capability.status))}</span>
+  </header>
+  <p>${escapeHtml3(capability.detail)}</p>
+  <dl>${capability.rows.map((row) => `<div>
+    <dt>${escapeHtml3(row.label)}</dt>
+    <dd>${escapeHtml3(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--${escapeHtml3(model.status)}">
+  <header class="absolute-voice-provider-capabilities__header">
+    <span class="absolute-voice-provider-capabilities__eyebrow">${escapeHtml3(model.title)}</span>
+    <strong class="absolute-voice-provider-capabilities__label">${escapeHtml3(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-provider-capabilities__description">${escapeHtml3(model.description)}</p>
+  ${capabilities}
+  ${model.error ? `<p class="absolute-voice-provider-capabilities__error">${escapeHtml3(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/vue/useVoiceProviderCapabilities.ts
+import { onUnmounted as onUnmounted3, shallowRef as shallowRef2 } from "vue";
+var useVoiceProviderCapabilities = (path = "/api/provider-capabilities", options = {}) => {
+  const store = createVoiceProviderCapabilitiesStore(path, options);
+  const error = shallowRef2(null);
+  const isLoading = shallowRef2(false);
+  const report = shallowRef2();
+  const updatedAt = shallowRef2(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    error.value = snapshot.error;
+    isLoading.value = snapshot.isLoading;
+    report.value = snapshot.report;
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  store.refresh().catch(() => {});
+  onUnmounted3(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isLoading,
+    refresh: store.refresh,
+    report,
+    updatedAt
+  };
+};
+
+// src/vue/VoiceProviderCapabilities.ts
+var VoiceProviderCapabilities = defineComponent3({
+  name: "VoiceProviderCapabilities",
+  props: {
+    class: {
+      default: "",
+      type: String
+    },
+    description: {
+      default: undefined,
+      type: String
+    },
+    intervalMs: {
+      default: 5000,
+      type: Number
+    },
+    path: {
+      default: "/api/provider-capabilities",
+      type: String
+    },
+    title: {
+      default: undefined,
+      type: String
+    }
+  },
+  setup(props) {
+    const options = {
+      description: props.description,
+      intervalMs: props.intervalMs,
+      title: props.title
+    };
+    const capabilities = useVoiceProviderCapabilities(props.path, options);
+    const model = computed2(() => createVoiceProviderCapabilitiesViewModel({
+      error: capabilities.error.value,
+      isLoading: capabilities.isLoading.value,
+      report: capabilities.report.value,
+      updatedAt: capabilities.updatedAt.value
+    }, options));
+    return () => h3("section", {
+      class: [
+        "absolute-voice-provider-capabilities",
+        `absolute-voice-provider-capabilities--${model.value.status}`,
+        props.class
+      ]
+    }, [
+      h3("header", { class: "absolute-voice-provider-capabilities__header" }, [
+        h3("span", { class: "absolute-voice-provider-capabilities__eyebrow" }, model.value.title),
+        h3("strong", { class: "absolute-voice-provider-capabilities__label" }, model.value.label)
+      ]),
+      h3("p", { class: "absolute-voice-provider-capabilities__description" }, model.value.description),
+      model.value.capabilities.length ? h3("div", { class: "absolute-voice-provider-capabilities__providers" }, model.value.capabilities.map((capability) => h3("article", {
+        class: [
+          "absolute-voice-provider-capabilities__provider",
+          `absolute-voice-provider-capabilities__provider--${capability.status}`
+        ],
+        key: `${capability.kind}:${capability.provider}`
+      }, [
+        h3("header", [
+          h3("strong", capability.label),
+          h3("span", capability.status)
+        ]),
+        h3("p", capability.detail),
+        h3("dl", capability.rows.map((row) => h3("div", { key: row.label }, [
+          h3("dt", row.label),
+          h3("dd", row.value)
+        ])))
+      ]))) : h3("p", { class: "absolute-voice-provider-capabilities__empty" }, "Configure provider capabilities to see deployment coverage."),
+      model.value.error ? h3("p", { class: "absolute-voice-provider-capabilities__error" }, model.value.error) : null
+    ]);
+  }
+});
+// src/vue/VoiceProviderStatus.ts
+import { computed as computed3, defineComponent as defineComponent4, h as h4 } from "vue";
+
 // src/client/providerStatus.ts
 var fetchVoiceProviderStatus = async (path = "/api/provider-status", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -748,11 +1049,11 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
 };
 
 // src/client/providerStatusWidget.ts
-var DEFAULT_TITLE2 = "Voice Providers";
-var DEFAULT_DESCRIPTION2 = "Live provider health, fallback counts, latency, and suppression state from your self-hosted trace store.";
-var escapeHtml3 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
-var formatProvider = (provider) => provider.split(/[-_\s]+/).filter(Boolean).map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ") || provider;
-var formatStatus = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
+var DEFAULT_TITLE3 = "Voice Providers";
+var DEFAULT_DESCRIPTION3 = "Live provider health, fallback counts, latency, and suppression state from your self-hosted trace store.";
+var escapeHtml4 = (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 formatStatus2 = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
 var formatLatency = (value) => typeof value === "number" ? `${value}ms` : "No samples";
 var formatSuppression = (value) => typeof value === "number" ? `${Math.ceil(value / 1000)}s` : "None";
 var getProviderDetail = (provider) => {
@@ -773,12 +1074,12 @@ var getProviderDetail = (provider) => {
   }
   return "No provider traffic observed yet.";
 };
-var isWarningStatus = (status) => status === "degraded" || status === "rate-limited" || status === "recoverable" || status === "suppressed";
+var isWarningStatus2 = (status) => status === "degraded" || status === "rate-limited" || status === "recoverable" || status === "suppressed";
 var createVoiceProviderStatusViewModel = (snapshot, options = {}) => {
   const providers = snapshot.providers.map((provider) => ({
     ...provider,
     detail: getProviderDetail(provider),
-    label: `${formatProvider(provider.provider)}${provider.recommended ? " recommended" : ""}`,
+    label: `${formatProvider2(provider.provider)}${provider.recommended ? " recommended" : ""}`,
     rows: [
       { label: "Runs", value: String(provider.runCount) },
       { label: "Avg latency", value: formatLatency(provider.averageElapsedMs) },
@@ -791,40 +1092,40 @@ var createVoiceProviderStatusViewModel = (snapshot, options = {}) => {
       }
     ]
   }));
-  const warningCount = providers.filter((provider) => isWarningStatus(provider.status)).length;
+  const warningCount = providers.filter((provider) => isWarningStatus2(provider.status)).length;
   const healthyCount = providers.filter((provider) => provider.status === "healthy").length;
   return {
-    description: options.description ?? DEFAULT_DESCRIPTION2,
+    description: options.description ?? DEFAULT_DESCRIPTION3,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : providers.length ? warningCount > 0 ? `${warningCount} needs attention` : `${healthyCount} healthy` : snapshot.isLoading ? "Checking" : "No provider traffic",
     providers,
     status: snapshot.error ? "error" : providers.length ? warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE2,
+    title: options.title ?? DEFAULT_TITLE3,
     updatedAt: snapshot.updatedAt
   };
 };
 var renderVoiceProviderStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceProviderStatusViewModel(snapshot, options);
-  const providers = model.providers.length ? `<div class="absolute-voice-provider-status__providers">${model.providers.map((provider) => `<article class="absolute-voice-provider-status__provider absolute-voice-provider-status__provider--${escapeHtml3(provider.status)}">
+  const providers = model.providers.length ? `<div class="absolute-voice-provider-status__providers">${model.providers.map((provider) => `<article class="absolute-voice-provider-status__provider absolute-voice-provider-status__provider--${escapeHtml4(provider.status)}">
   <header>
-    <strong>${escapeHtml3(provider.label)}</strong>
-    <span>${escapeHtml3(formatStatus(provider.status))}</span>
+    <strong>${escapeHtml4(provider.label)}</strong>
+    <span>${escapeHtml4(formatStatus2(provider.status))}</span>
   </header>
-  <p>${escapeHtml3(provider.detail)}</p>
+  <p>${escapeHtml4(provider.detail)}</p>
   <dl>${provider.rows.map((row) => `<div>
-    <dt>${escapeHtml3(row.label)}</dt>
-    <dd>${escapeHtml3(row.value)}</dd>
+    <dt>${escapeHtml4(row.label)}</dt>
+    <dd>${escapeHtml4(row.value)}</dd>
   </div>`).join("")}</dl>
 </article>`).join("")}</div>` : '<p class="absolute-voice-provider-status__empty">Run voice traffic to see provider health.</p>';
-  return `<section class="absolute-voice-provider-status absolute-voice-provider-status--${escapeHtml3(model.status)}">
+  return `<section class="absolute-voice-provider-status absolute-voice-provider-status--${escapeHtml4(model.status)}">
   <header class="absolute-voice-provider-status__header">
-    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml3(model.title)}</span>
-    <strong class="absolute-voice-provider-status__label">${escapeHtml3(model.label)}</strong>
+    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml4(model.title)}</span>
+    <strong class="absolute-voice-provider-status__label">${escapeHtml4(model.label)}</strong>
   </header>
-  <p class="absolute-voice-provider-status__description">${escapeHtml3(model.description)}</p>
+  <p class="absolute-voice-provider-status__description">${escapeHtml4(model.description)}</p>
   ${providers}
-  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml3(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml4(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceProviderStatusCSS = () => `.absolute-voice-provider-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-provider-status--error,.absolute-voice-provider-status--warning{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-provider-status__header,.absolute-voice-provider-status__provider header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-provider-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-provider-status__label{font-size:24px;line-height:1}.absolute-voice-provider-status__description,.absolute-voice-provider-status__provider p,.absolute-voice-provider-status__provider dt,.absolute-voice-provider-status__empty{color:#514733}.absolute-voice-provider-status__providers{display:grid;gap:12px;margin-top:14px}.absolute-voice-provider-status__provider{background:#fff;border:1px solid #eee4d2;border-radius:16px;padding:14px}.absolute-voice-provider-status__provider--degraded,.absolute-voice-provider-status__provider--rate-limited,.absolute-voice-provider-status__provider--suppressed{border-color:#f2a7a7}.absolute-voice-provider-status__provider--recoverable{border-color:#fbbf24}.absolute-voice-provider-status__provider p{margin:10px 0}.absolute-voice-provider-status__provider dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.absolute-voice-provider-status__provider div{background:#fffaf0;border:1px solid #eee4d2;border-radius:12px;padding:8px}.absolute-voice-provider-status__provider dt{font-size:12px}.absolute-voice-provider-status__provider dd{font-weight:800;margin:4px 0 0}.absolute-voice-provider-status__empty{margin:14px 0 0}.absolute-voice-provider-status__error{color:#9f1239;font-weight:700}`;
@@ -866,12 +1167,12 @@ var defineVoiceProviderStatusElement = (tagName = "absolute-voice-provider-statu
 };
 
 // src/vue/useVoiceProviderStatus.ts
-import { onUnmounted as onUnmounted3, ref as ref3, shallowRef as shallowRef2 } from "vue";
+import { onUnmounted as onUnmounted4, ref as ref3, shallowRef as shallowRef3 } from "vue";
 var useVoiceProviderStatus = (path = "/api/provider-status", options = {}) => {
   const store = createVoiceProviderStatusStore(path, options);
   const error = ref3(null);
   const isLoading = ref3(false);
-  const providers = shallowRef2([]);
+  const providers = shallowRef3([]);
   const updatedAt = ref3(undefined);
   const sync = () => {
     const snapshot = store.getSnapshot();
@@ -883,7 +1184,7 @@ var useVoiceProviderStatus = (path = "/api/provider-status", options = {}) => {
   const unsubscribe = store.subscribe(sync);
   sync();
   store.refresh().catch(() => {});
-  onUnmounted3(() => {
+  onUnmounted4(() => {
     unsubscribe();
     store.close();
   });
@@ -897,7 +1198,7 @@ var useVoiceProviderStatus = (path = "/api/provider-status", options = {}) => {
 };
 
 // src/vue/VoiceProviderStatus.ts
-var VoiceProviderStatus = defineComponent3({
+var VoiceProviderStatus = defineComponent4({
   name: "VoiceProviderStatus",
   props: {
     class: {
@@ -928,47 +1229,47 @@ var VoiceProviderStatus = defineComponent3({
       title: props.title
     };
     const status = useVoiceProviderStatus(props.path, options);
-    const model = computed2(() => createVoiceProviderStatusViewModel({
+    const model = computed3(() => createVoiceProviderStatusViewModel({
       error: status.error.value,
       isLoading: status.isLoading.value,
       providers: status.providers.value,
       updatedAt: status.updatedAt.value
     }, options));
-    return () => h3("section", {
+    return () => h4("section", {
       class: [
         "absolute-voice-provider-status",
         `absolute-voice-provider-status--${model.value.status}`,
         props.class
       ]
     }, [
-      h3("header", { class: "absolute-voice-provider-status__header" }, [
-        h3("span", { class: "absolute-voice-provider-status__eyebrow" }, model.value.title),
-        h3("strong", { class: "absolute-voice-provider-status__label" }, model.value.label)
+      h4("header", { class: "absolute-voice-provider-status__header" }, [
+        h4("span", { class: "absolute-voice-provider-status__eyebrow" }, model.value.title),
+        h4("strong", { class: "absolute-voice-provider-status__label" }, model.value.label)
       ]),
-      h3("p", { class: "absolute-voice-provider-status__description" }, model.value.description),
-      model.value.providers.length ? h3("div", { class: "absolute-voice-provider-status__providers" }, model.value.providers.map((provider) => h3("article", {
+      h4("p", { class: "absolute-voice-provider-status__description" }, model.value.description),
+      model.value.providers.length ? h4("div", { class: "absolute-voice-provider-status__providers" }, model.value.providers.map((provider) => h4("article", {
         class: [
           "absolute-voice-provider-status__provider",
           `absolute-voice-provider-status__provider--${provider.status}`
         ],
         key: provider.provider
       }, [
-        h3("header", [
-          h3("strong", provider.label),
-          h3("span", provider.status)
+        h4("header", [
+          h4("strong", provider.label),
+          h4("span", provider.status)
         ]),
-        h3("p", provider.detail),
-        h3("dl", provider.rows.map((row) => h3("div", { key: row.label }, [
-          h3("dt", row.label),
-          h3("dd", row.value)
+        h4("p", provider.detail),
+        h4("dl", provider.rows.map((row) => h4("div", { key: row.label }, [
+          h4("dt", row.label),
+          h4("dd", row.value)
         ])))
-      ]))) : h3("p", { class: "absolute-voice-provider-status__empty" }, "Run voice traffic to see provider health."),
-      model.value.error ? h3("p", { class: "absolute-voice-provider-status__error" }, model.value.error) : null
+      ]))) : h4("p", { class: "absolute-voice-provider-status__empty" }, "Run voice traffic to see provider health."),
+      model.value.error ? h4("p", { class: "absolute-voice-provider-status__error" }, model.value.error) : null
     ]);
   }
 });
 // src/vue/VoiceRoutingStatus.ts
-import { computed as computed3, defineComponent as defineComponent4, h as h4 } from "vue";
+import { computed as computed4, defineComponent as defineComponent5, h as h5 } from "vue";
 
 // src/client/routingStatus.ts
 var fetchVoiceRoutingStatus = async (path = "/api/routing/latest", options = {}) => {
@@ -1051,9 +1352,9 @@ var createVoiceRoutingStatusStore = (path = "/api/routing/latest", options = {})
 };
 
 // src/client/routingStatusWidget.ts
-var DEFAULT_TITLE3 = "Voice Routing";
-var DEFAULT_DESCRIPTION3 = "Latest provider routing decision from the self-hosted trace store.";
-var escapeHtml4 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var DEFAULT_TITLE4 = "Voice Routing";
+var DEFAULT_DESCRIPTION4 = "Latest provider routing decision from the self-hosted trace store.";
+var escapeHtml5 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var formatValue = (value, fallback = "None") => typeof value === "string" && value.trim() ? value : typeof value === "number" && Number.isFinite(value) ? String(value) : fallback;
 var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
   const decision = snapshot.decision;
@@ -1077,30 +1378,30 @@ var createVoiceRoutingStatusViewModel = (snapshot, options = {}) => {
   ] : [];
   return {
     decision,
-    description: options.description ?? DEFAULT_DESCRIPTION3,
+    description: options.description ?? DEFAULT_DESCRIPTION4,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : decision ? `${formatValue(decision.kind).toUpperCase()} ${formatValue(decision.status, "unknown")}` : snapshot.isLoading ? "Checking" : "No routing yet",
     rows,
     status: snapshot.error ? "error" : decision ? "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE3,
+    title: options.title ?? DEFAULT_TITLE4,
     updatedAt: snapshot.updatedAt
   };
 };
 var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
   const model = createVoiceRoutingStatusViewModel(snapshot, options);
   const rows = model.rows.length ? `<div class="absolute-voice-routing-status__grid">${model.rows.map((row) => `<div>
-  <span>${escapeHtml4(row.label)}</span>
-  <strong>${escapeHtml4(row.value)}</strong>
+  <span>${escapeHtml5(row.label)}</span>
+  <strong>${escapeHtml5(row.value)}</strong>
 </div>`).join("")}</div>` : '<p class="absolute-voice-routing-status__empty">Start a voice session to see the selected provider.</p>';
-  return `<section class="absolute-voice-routing-status absolute-voice-routing-status--${escapeHtml4(model.status)}">
+  return `<section class="absolute-voice-routing-status absolute-voice-routing-status--${escapeHtml5(model.status)}">
   <header class="absolute-voice-routing-status__header">
-    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml4(model.title)}</span>
-    <strong class="absolute-voice-routing-status__label">${escapeHtml4(model.label)}</strong>
+    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml5(model.title)}</span>
+    <strong class="absolute-voice-routing-status__label">${escapeHtml5(model.label)}</strong>
   </header>
-  <p class="absolute-voice-routing-status__description">${escapeHtml4(model.description)}</p>
+  <p class="absolute-voice-routing-status__description">${escapeHtml5(model.description)}</p>
   ${rows}
-  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml4(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml5(model.error)}</p>` : ""}
 </section>`;
 };
 var getVoiceRoutingStatusCSS = () => `.absolute-voice-routing-status{border:1px solid #d8d2c4;border-radius:20px;background:#fffaf0;color:#16130d;padding:18px;box-shadow:0 18px 40px rgba(47,37,18,.12);font-family:inherit}.absolute-voice-routing-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-routing-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-routing-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-routing-status__label{font-size:24px;line-height:1}.absolute-voice-routing-status__description{color:#514733;margin:12px 0 0}.absolute-voice-routing-status__grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.absolute-voice-routing-status__grid div{background:#fff;border:1px solid #eee4d2;border-radius:14px;padding:10px 12px}.absolute-voice-routing-status__grid span{color:#655944;display:block;font-size:12px;margin-bottom:4px}.absolute-voice-routing-status__grid strong{overflow-wrap:anywhere}.absolute-voice-routing-status__empty{color:#655944;margin:14px 0 0}.absolute-voice-routing-status__error{color:#9f1239;font-weight:700}`;
@@ -1142,10 +1443,10 @@ var defineVoiceRoutingStatusElement = (tagName = "absolute-voice-routing-status"
 };
 
 // src/vue/useVoiceRoutingStatus.ts
-import { onUnmounted as onUnmounted4, ref as ref4, shallowRef as shallowRef3 } from "vue";
+import { onUnmounted as onUnmounted5, ref as ref4, shallowRef as shallowRef4 } from "vue";
 var useVoiceRoutingStatus = (path = "/api/routing/latest", options = {}) => {
   const store = createVoiceRoutingStatusStore(path, options);
-  const decision = shallowRef3(null);
+  const decision = shallowRef4(null);
   const error = ref4(null);
   const isLoading = ref4(false);
   const updatedAt = ref4(undefined);
@@ -1159,7 +1460,7 @@ var useVoiceRoutingStatus = (path = "/api/routing/latest", options = {}) => {
   const unsubscribe = store.subscribe(sync);
   sync();
   store.refresh().catch(() => {});
-  onUnmounted4(() => {
+  onUnmounted5(() => {
     unsubscribe();
     store.close();
   });
@@ -1173,7 +1474,7 @@ var useVoiceRoutingStatus = (path = "/api/routing/latest", options = {}) => {
 };
 
 // src/vue/VoiceRoutingStatus.ts
-var VoiceRoutingStatus = defineComponent4({
+var VoiceRoutingStatus = defineComponent5({
   name: "VoiceRoutingStatus",
   props: {
     class: {
@@ -1204,34 +1505,309 @@ var VoiceRoutingStatus = defineComponent4({
       title: props.title
     };
     const status = useVoiceRoutingStatus(props.path, options);
-    const model = computed3(() => createVoiceRoutingStatusViewModel({
+    const model = computed4(() => createVoiceRoutingStatusViewModel({
       decision: status.decision.value,
       error: status.error.value,
       isLoading: status.isLoading.value,
       updatedAt: status.updatedAt.value
     }, options));
-    return () => h4("section", {
+    return () => h5("section", {
       class: [
         "absolute-voice-routing-status",
         `absolute-voice-routing-status--${model.value.status}`,
         props.class
       ]
     }, [
-      h4("header", { class: "absolute-voice-routing-status__header" }, [
-        h4("span", { class: "absolute-voice-routing-status__eyebrow" }, model.value.title),
-        h4("strong", { class: "absolute-voice-routing-status__label" }, model.value.label)
+      h5("header", { class: "absolute-voice-routing-status__header" }, [
+        h5("span", { class: "absolute-voice-routing-status__eyebrow" }, model.value.title),
+        h5("strong", { class: "absolute-voice-routing-status__label" }, model.value.label)
       ]),
-      h4("p", { class: "absolute-voice-routing-status__description" }, model.value.description),
-      model.value.rows.length ? h4("div", { class: "absolute-voice-routing-status__grid" }, model.value.rows.map((row) => h4("div", { key: row.label }, [
-        h4("span", row.label),
-        h4("strong", row.value)
-      ]))) : h4("p", { class: "absolute-voice-routing-status__empty" }, "Start a voice session to see the selected provider."),
-      model.value.error ? h4("p", { class: "absolute-voice-routing-status__error" }, model.value.error) : null
+      h5("p", { class: "absolute-voice-routing-status__description" }, model.value.description),
+      model.value.rows.length ? h5("div", { class: "absolute-voice-routing-status__grid" }, model.value.rows.map((row) => h5("div", { key: row.label }, [
+        h5("span", row.label),
+        h5("strong", row.value)
+      ]))) : h5("p", { class: "absolute-voice-routing-status__empty" }, "Start a voice session to see the selected provider."),
+      model.value.error ? h5("p", { class: "absolute-voice-routing-status__error" }, model.value.error) : null
+    ]);
+  }
+});
+// src/vue/VoiceTurnQuality.ts
+import { computed as computed5, defineComponent as defineComponent6, h as h6 } from "vue";
+
+// src/client/turnQuality.ts
+var fetchVoiceTurnQuality = async (path = "/api/turn-quality", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice turn quality failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceTurnQualityStore = (path = "/api/turn-quality", 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 fetchVoiceTurnQuality(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/turnQualityWidget.ts
+var DEFAULT_TITLE5 = "Turn Quality";
+var DEFAULT_DESCRIPTION5 = "Per-turn STT confidence, fallback selection, corrections, and transcript coverage.";
+var escapeHtml6 = (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) => {
+  if (turn.status === "fail") {
+    return "Empty or unusable committed turn; inspect transcripts and adapter events.";
+  }
+  if (turn.fallbackUsed) {
+    return `Fallback STT selected${turn.fallbackSelectionReason ? ` by ${turn.fallbackSelectionReason}` : ""}.`;
+  }
+  if (turn.correctionChanged) {
+    return `Correction changed the turn${turn.correctionProvider ? ` via ${turn.correctionProvider}` : ""}.`;
+  }
+  if (turn.status === "warn") {
+    return "Turn completed with quality warnings.";
+  }
+  if (turn.status === "unknown") {
+    return "No quality diagnostics were recorded for this turn.";
+  }
+  return "Turn quality looks healthy.";
+};
+var createVoiceTurnQualityViewModel = (snapshot, options = {}) => {
+  const turns = (snapshot.report?.turns ?? []).map((turn) => ({
+    ...turn,
+    detail: getTurnDetail(turn),
+    label: turn.text || "Empty turn",
+    rows: [
+      { label: "Source", value: turn.source ?? "unknown" },
+      { label: "Confidence", value: formatConfidence(turn.averageConfidence) },
+      { label: "Fallback", value: turn.fallbackUsed ? "Yes" : "No" },
+      { label: "Correction", value: turn.correctionChanged ? "Changed" : "None" },
+      { label: "Transcripts", value: `${turn.selectedTranscriptCount} selected` },
+      { label: "Cost", value: formatMaybe(turn.costUnits) }
+    ]
+  }));
+  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_DESCRIPTION5,
+    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_TITLE5,
+    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--${escapeHtml6(turn.status)}">
+  <header>
+    <strong>${escapeHtml6(turn.label)}</strong>
+    <span>${escapeHtml6(turn.status)}</span>
+  </header>
+  <p>${escapeHtml6(turn.detail)}</p>
+  <dl>${turn.rows.map((row) => `<div>
+    <dt>${escapeHtml6(row.label)}</dt>
+    <dd>${escapeHtml6(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--${escapeHtml6(model.status)}">
+  <header class="absolute-voice-turn-quality__header">
+    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml6(model.title)}</span>
+    <strong class="absolute-voice-turn-quality__label">${escapeHtml6(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-turn-quality__description">${escapeHtml6(model.description)}</p>
+  ${turns}
+  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml6(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}`;
+var mountVoiceTurnQuality = (element, path = "/api/turn-quality", options = {}) => {
+  const store = createVoiceTurnQualityStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceTurnQualityHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceTurnQualityElement = (tagName = "absolute-voice-turn-quality") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceTurnQualityElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceTurnQuality(this, this.getAttribute("path") ?? "/api/turn-quality", {
+        description: this.getAttribute("description") ?? undefined,
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/vue/useVoiceTurnQuality.ts
+import { onUnmounted as onUnmounted6, shallowRef as shallowRef5 } from "vue";
+var useVoiceTurnQuality = (path = "/api/turn-quality", options = {}) => {
+  const store = createVoiceTurnQualityStore(path, options);
+  const error = shallowRef5(null);
+  const isLoading = shallowRef5(false);
+  const report = shallowRef5();
+  const updatedAt = shallowRef5(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    error.value = snapshot.error;
+    isLoading.value = snapshot.isLoading;
+    report.value = snapshot.report;
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  store.refresh().catch(() => {});
+  onUnmounted6(() => {
+    unsubscribe();
+    store.close();
+  });
+  return { error, isLoading, refresh: store.refresh, report, updatedAt };
+};
+
+// src/vue/VoiceTurnQuality.ts
+var VoiceTurnQuality = defineComponent6({
+  name: "VoiceTurnQuality",
+  props: {
+    class: { default: "", type: String },
+    description: { default: undefined, type: String },
+    intervalMs: { default: 5000, type: Number },
+    path: { default: "/api/turn-quality", type: String },
+    title: { default: undefined, type: String }
+  },
+  setup(props) {
+    const options = {
+      description: props.description,
+      intervalMs: props.intervalMs,
+      title: props.title
+    };
+    const quality = useVoiceTurnQuality(props.path, options);
+    const model = computed5(() => createVoiceTurnQualityViewModel({
+      error: quality.error.value,
+      isLoading: quality.isLoading.value,
+      report: quality.report.value,
+      updatedAt: quality.updatedAt.value
+    }, options));
+    return () => h6("section", {
+      class: [
+        "absolute-voice-turn-quality",
+        `absolute-voice-turn-quality--${model.value.status}`,
+        props.class
+      ]
+    }, [
+      h6("header", { class: "absolute-voice-turn-quality__header" }, [
+        h6("span", { class: "absolute-voice-turn-quality__eyebrow" }, model.value.title),
+        h6("strong", { class: "absolute-voice-turn-quality__label" }, model.value.label)
+      ]),
+      h6("p", { class: "absolute-voice-turn-quality__description" }, model.value.description),
+      model.value.turns.length ? h6("div", { class: "absolute-voice-turn-quality__turns" }, model.value.turns.map((turn) => h6("article", {
+        class: [
+          "absolute-voice-turn-quality__turn",
+          `absolute-voice-turn-quality__turn--${turn.status}`
+        ],
+        key: `${turn.sessionId}:${turn.turnId}`
+      }, [
+        h6("header", [
+          h6("strong", turn.label),
+          h6("span", turn.status)
+        ]),
+        h6("p", turn.detail),
+        h6("dl", turn.rows.map((row) => h6("div", { key: row.label }, [
+          h6("dt", row.label),
+          h6("dd", row.value)
+        ])))
+      ]))) : h6("p", { class: "absolute-voice-turn-quality__empty" }, "Complete a voice turn to see STT quality diagnostics."),
+      model.value.error ? h6("p", { class: "absolute-voice-turn-quality__error" }, model.value.error) : null
     ]);
   }
 });
 // src/vue/useVoiceStream.ts
-import { onUnmounted as onUnmounted5, ref as ref5, shallowRef as shallowRef4 } from "vue";
+import { onUnmounted as onUnmounted7, ref as ref5, shallowRef as shallowRef6 } from "vue";
 
 // src/client/actions.ts
 var normalizeErrorMessage = (value) => {
@@ -1749,15 +2325,15 @@ var createVoiceStream = (path, options = {}) => {
 // src/vue/useVoiceStream.ts
 var useVoiceStream = (path, options = {}) => {
   const stream = createVoiceStream(path, options);
-  const assistantAudio = shallowRef4([]);
-  const assistantTexts = shallowRef4([]);
-  const call = shallowRef4(null);
+  const assistantAudio = shallowRef6([]);
+  const assistantTexts = shallowRef6([]);
+  const call = shallowRef6(null);
   const error = ref5(null);
   const isConnected = ref5(false);
   const partial = ref5("");
   const sessionId = ref5(stream.sessionId);
   const status = ref5(stream.status);
-  const turns = shallowRef4([]);
+  const turns = shallowRef6([]);
   const sync = () => {
     assistantAudio.value = [...stream.assistantAudio];
     assistantTexts.value = [...stream.assistantTexts];
@@ -1775,7 +2351,7 @@ var useVoiceStream = (path, options = {}) => {
     unsubscribe();
     stream.close();
   };
-  onUnmounted5(destroy);
+  onUnmounted7(destroy);
   return {
     assistantAudio,
     assistantTexts,
@@ -1793,7 +2369,7 @@ var useVoiceStream = (path, options = {}) => {
   };
 };
 // src/vue/useVoiceController.ts
-import { onUnmounted as onUnmounted6, ref as ref6, shallowRef as shallowRef5 } from "vue";
+import { onUnmounted as onUnmounted8, ref as ref6, shallowRef as shallowRef7 } from "vue";
 
 // src/client/htmx.ts
 var DEFAULT_EVENT_NAME = "voice-refresh";
@@ -2428,8 +3004,8 @@ var createVoiceController = (path, options = {}) => {
 // src/vue/useVoiceController.ts
 var useVoiceController = (path, options = {}) => {
   const controller = createVoiceController(path, options);
-  const assistantAudio = shallowRef5([]);
-  const assistantTexts = shallowRef5([]);
+  const assistantAudio = shallowRef7([]);
+  const assistantTexts = shallowRef7([]);
   const error = ref6(null);
   const isConnected = ref6(false);
   const isRecording = ref6(false);
@@ -2437,7 +3013,7 @@ var useVoiceController = (path, options = {}) => {
   const recordingError = ref6(null);
   const sessionId = ref6(controller.sessionId);
   const status = ref6(controller.status);
-  const turns = shallowRef5([]);
+  const turns = shallowRef7([]);
   const sync = () => {
     assistantAudio.value = [...controller.assistantAudio];
     assistantTexts.value = [...controller.assistantTexts];
@@ -2456,7 +3032,7 @@ var useVoiceController = (path, options = {}) => {
     unsubscribe();
     controller.close();
   };
-  onUnmounted6(destroy);
+  onUnmounted8(destroy);
   return {
     assistantAudio,
     assistantTexts,
@@ -2478,7 +3054,7 @@ var useVoiceController = (path, options = {}) => {
   };
 };
 // src/vue/useVoiceWorkflowStatus.ts
-import { onUnmounted as onUnmounted7, ref as ref7, shallowRef as shallowRef6 } from "vue";
+import { onUnmounted as onUnmounted9, ref as ref7, shallowRef as shallowRef8 } from "vue";
 
 // src/client/workflowStatus.ts
 var fetchVoiceWorkflowStatus = async (path = "/evals/scenarios/json", options = {}) => {
@@ -2564,7 +3140,7 @@ var useVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => {
   const store = createVoiceWorkflowStatusStore(path, options);
   const error = ref7(null);
   const isLoading = ref7(false);
-  const report = shallowRef6(undefined);
+  const report = shallowRef8(undefined);
   const updatedAt = ref7(undefined);
   const sync = () => {
     const snapshot = store.getSnapshot();
@@ -2578,7 +3154,7 @@ var useVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => {
   if (typeof window !== "undefined") {
     store.refresh().catch(() => {});
   }
-  onUnmounted7(() => {
+  onUnmounted9(() => {
     unsubscribe();
     store.close();
   });
@@ -2592,14 +3168,18 @@ var useVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => {
 };
 export {
   useVoiceWorkflowStatus,
+  useVoiceTurnQuality,
   useVoiceStream,
   useVoiceRoutingStatus,
   useVoiceProviderStatus,
   useVoiceProviderSimulationControls,
+  useVoiceProviderCapabilities,
   useVoiceController,
   useVoiceAppKitStatus,
+  VoiceTurnQuality,
   VoiceRoutingStatus,
   VoiceProviderStatus,
   VoiceProviderSimulationControls,
+  VoiceProviderCapabilities,
   VoiceOpsStatus
 };