@absolutejs/voice 0.0.22-beta.20 → 0.0.22-beta.201

package/dist/vue/index.js

@@ -69,8 +69,3367 @@ var __decorateElement = (array, flags, name, decorators, target, extra) => {
   return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
 };
 
+// src/vue/VoiceOpsStatus.ts
+import { defineComponent, h } from "vue";
+
+// src/client/opsStatus.ts
+var fetchVoiceOpsStatus = async (path = "/api/voice/ops-status", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice ops status failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceOpsStatusStore = (path = "/api/voice/ops-status", 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 fetchVoiceOpsStatus(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 (typeof window !== "undefined" && 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/opsStatusWidget.ts
+var DEFAULT_TITLE = "Voice Ops Status";
+var DEFAULT_DESCRIPTION = "Certified workflow, provider, and handoff readiness from your AbsoluteJS voice app.";
+var SURFACE_LABELS = {
+  handoffs: "Handoffs",
+  providers: "Providers",
+  quality: "Quality",
+  sessions: "Sessions",
+  workflows: "Workflows"
+};
+var escapeHtml = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var readNumber = (value, key) => value && typeof value === "object" && (key in value) ? Number(value[key] ?? 0) : 0;
+var surfaceDetail = (surface) => {
+  const total = readNumber(surface, "total");
+  const failed = readNumber(surface, "failed");
+  const degraded = readNumber(surface, "degraded");
+  const source = surface && typeof surface === "object" && "source" in surface && typeof surface.source === "string" ? ` from ${surface.source}` : "";
+  if (degraded > 0) {
+    return `${degraded} degraded of ${total}`;
+  }
+  if (failed > 0) {
+    return `${failed} failing of ${total}${source}`;
+  }
+  return total > 0 ? `${total} passing${source}` : `No failures${source}`;
+};
+var getVoiceOpsStatusLabel = (report, error) => {
+  if (error) {
+    return "Unavailable";
+  }
+  if (!report) {
+    return "Checking";
+  }
+  return report.status === "pass" ? "Passing" : "Needs attention";
+};
+var createVoiceOpsStatusViewModel = (snapshot, options = {}) => {
+  const report = snapshot.report;
+  const surfaces = Object.entries(report?.surfaces ?? {}).map(([id, surface]) => {
+    const failed = readNumber(surface, "failed") || readNumber(surface, "degraded");
+    const total = readNumber(surface, "total");
+    const status = surface && typeof surface === "object" && "status" in surface ? surface.status ?? "pass" : "pass";
+    return {
+      detail: surfaceDetail(surface),
+      failed,
+      id,
+      label: SURFACE_LABELS[id] ?? id,
+      status,
+      total
+    };
+  });
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: getVoiceOpsStatusLabel(report, snapshot.error),
+    links: options.includeLinks === false ? [] : report?.links ?? [],
+    passed: report?.passed ?? 0,
+    status: snapshot.error ? "error" : report ? report.status : snapshot.isLoading ? "loading" : "loading",
+    surfaces,
+    title: options.title ?? DEFAULT_TITLE,
+    total: report?.total ?? 0,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceOpsStatusHTML = (snapshot, options = {}) => {
+  const model = createVoiceOpsStatusViewModel(snapshot, options);
+  const surfaces = model.surfaces.length ? model.surfaces.map((surface) => `<li class="absolute-voice-ops-status__surface absolute-voice-ops-status__surface--${escapeHtml(surface.status)}">
+  <span>${escapeHtml(surface.label)}</span>
+  <strong>${escapeHtml(surface.detail)}</strong>
+</li>`).join("") : '<li class="absolute-voice-ops-status__surface"><span>Status</span><strong>Waiting for first check</strong></li>';
+  const links = model.links.length ? `<nav class="absolute-voice-ops-status__links">${model.links.slice(0, 4).map((link) => `<a href="${escapeHtml(link.href)}">${escapeHtml(link.label)}</a>`).join("")}</nav>` : "";
+  return `<section class="absolute-voice-ops-status absolute-voice-ops-status--${escapeHtml(model.status)}">
+  <header class="absolute-voice-ops-status__header">
+    <span class="absolute-voice-ops-status__eyebrow">${escapeHtml(model.title)}</span>
+    <strong class="absolute-voice-ops-status__label">${escapeHtml(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-ops-status__description">${escapeHtml(model.description)}</p>
+  <div class="absolute-voice-ops-status__summary">
+    <span>${model.passed} passing</span>
+    <span>${Math.max(model.total - model.passed, 0)} failing</span>
+    <span>${model.total} checks</span>
+  </div>
+  <ul class="absolute-voice-ops-status__surfaces">${surfaces}</ul>
+  ${model.error ? `<p class="absolute-voice-ops-status__error">${escapeHtml(model.error)}</p>` : ""}
+  ${links}
+</section>`;
+};
+var getVoiceOpsStatusCSS = () => `.absolute-voice-ops-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-ops-status--fail,.absolute-voice-ops-status--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-ops-status__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-ops-status__eyebrow{color:#73664f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-ops-status__label{font-size:28px;line-height:1}.absolute-voice-ops-status__description{color:#514733;margin:12px 0 0}.absolute-voice-ops-status__summary,.absolute-voice-ops-status__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-ops-status__summary span,.absolute-voice-ops-status__links a{border:1px solid #e6ddca;border-radius:999px;color:inherit;padding:6px 10px;text-decoration:none}.absolute-voice-ops-status__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-ops-status__surface{align-items:center;background:#fff;border:1px solid #eee4d2;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.absolute-voice-ops-status__surface--fail{border-color:#f2a7a7}.absolute-voice-ops-status__surface span{color:#655944}.absolute-voice-ops-status__error{color:#9f1239;font-weight:700}`;
+var mountVoiceOpsStatus = (element, path = "/api/voice/ops-status", options = {}) => {
+  const store = createVoiceOpsStatusStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceOpsStatusHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceOpsStatusElement = (tagName = "absolute-voice-ops-status") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceOpsStatusElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceOpsStatus(this, this.getAttribute("path") ?? "/api/voice/ops-status", {
+        description: this.getAttribute("description") ?? undefined,
+        includeLinks: this.getAttribute("include-links") !== "false",
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/vue/useVoiceOpsStatus.ts
+import { onUnmounted, ref, shallowRef } from "vue";
+function useVoiceOpsStatus(path = "/api/voice/ops-status", options = {}) {
+  const store = createVoiceOpsStatusStore(path, options);
+  const error = ref(null);
+  const isLoading = ref(false);
+  const report = shallowRef(undefined);
+  const updatedAt = ref(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();
+  if (typeof window !== "undefined") {
+    store.refresh().catch(() => {});
+  }
+  onUnmounted(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isLoading,
+    refresh: store.refresh,
+    report,
+    updatedAt
+  };
+}
+
+// src/vue/VoiceOpsStatus.ts
+var VoiceOpsStatus = defineComponent({
+  name: "VoiceOpsStatus",
+  props: {
+    description: String,
+    includeLinks: {
+      default: true,
+      type: Boolean
+    },
+    intervalMs: Number,
+    path: {
+      default: "/api/voice/ops-status",
+      type: String
+    },
+    title: String
+  },
+  setup(props) {
+    const options = {
+      description: props.description,
+      includeLinks: props.includeLinks,
+      intervalMs: props.intervalMs,
+      title: props.title
+    };
+    const status = useVoiceOpsStatus(props.path, options);
+    return () => {
+      const model = createVoiceOpsStatusViewModel({
+        error: status.error.value,
+        isLoading: status.isLoading.value,
+        report: status.report.value,
+        updatedAt: status.updatedAt.value
+      }, options);
+      return h("section", {
+        class: [
+          "absolute-voice-ops-status",
+          `absolute-voice-ops-status--${model.status}`
+        ]
+      }, [
+        h("header", { class: "absolute-voice-ops-status__header" }, [
+          h("span", { class: "absolute-voice-ops-status__eyebrow" }, model.title),
+          h("strong", { class: "absolute-voice-ops-status__label" }, model.label)
+        ]),
+        h("p", { class: "absolute-voice-ops-status__description" }, model.description),
+        h("div", { class: "absolute-voice-ops-status__summary" }, [
+          h("span", `${model.passed} passing`),
+          h("span", `${Math.max(model.total - model.passed, 0)} failing`),
+          h("span", `${model.total} checks`)
+        ]),
+        h("ul", { class: "absolute-voice-ops-status__surfaces" }, model.surfaces.length > 0 ? model.surfaces.map((surface) => h("li", {
+          class: [
+            "absolute-voice-ops-status__surface",
+            `absolute-voice-ops-status__surface--${surface.status}`
+          ],
+          key: surface.id
+        }, [h("span", surface.label), h("strong", surface.detail)])) : [
+          h("li", { class: "absolute-voice-ops-status__surface" }, [
+            h("span", "Status"),
+            h("strong", "Waiting for first check")
+          ])
+        ]),
+        model.error ? h("p", { class: "absolute-voice-ops-status__error" }, model.error) : null,
+        model.links.length > 0 ? h("nav", { class: "absolute-voice-ops-status__links" }, model.links.slice(0, 4).map((link) => h("a", { href: link.href, key: link.href }, link.label))) : null
+      ]);
+    };
+  }
+});
+// src/vue/VoiceOpsActionCenter.ts
+import { defineComponent as defineComponent2, h as h2 } from "vue";
+
+// src/client/opsActionCenter.ts
+var recordVoiceOpsActionResult = async (result, options = {}) => {
+  if (options.auditPath === false) {
+    return;
+  }
+  const path = options.auditPath ?? "/api/voice/ops-actions/audit";
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path, {
+    body: JSON.stringify(result),
+    headers: {
+      "Content-Type": "application/json"
+    },
+    method: "POST"
+  });
+  if (!response.ok) {
+    throw new Error(`Voice ops action audit failed: HTTP ${response.status}`);
+  }
+};
+var createVoiceOpsActionCenterActions = (options = {}) => {
+  const deliveryRuntimePath = options.deliveryRuntimePath ?? "/api/voice-delivery-runtime";
+  const actions = [];
+  if (options.includeProductionReadiness !== false) {
+    actions.push({
+      description: "Refresh the production readiness report.",
+      id: "production-readiness",
+      label: "Refresh readiness",
+      method: "GET",
+      path: options.productionReadinessPath ?? "/api/production-readiness"
+    });
+  }
+  if (options.includeDeliveryRuntime !== false) {
+    actions.push({
+      description: "Drain pending and failed audit/trace deliveries.",
+      id: "delivery-runtime.tick",
+      label: "Tick delivery workers",
+      method: "POST",
+      path: `${deliveryRuntimePath.replace(/\/$/, "")}/tick`
+    }, {
+      description: "Move reviewed dead letters back to live delivery queues.",
+      id: "delivery-runtime.requeue-dead-letters",
+      label: "Requeue dead letters",
+      method: "POST",
+      path: `${deliveryRuntimePath.replace(/\/$/, "")}/requeue-dead-letters`
+    });
+  }
+  if (options.includeTurnLatencyProof !== false) {
+    actions.push({
+      description: "Run the synthetic turn latency proof.",
+      id: "turn-latency.proof",
+      label: "Run latency proof",
+      method: "POST",
+      path: options.turnLatencyProofPath ?? "/api/turn-latency/proof"
+    });
+  }
+  if (options.includeProviderSimulation !== false) {
+    const pathPrefix = options.providerSimulationPathPrefix ?? "/api/stt-simulate";
+    for (const provider of options.providers ?? []) {
+      actions.push({
+        description: `Simulate ${provider} provider failure.`,
+        id: `provider.${provider}.failure`,
+        label: `Simulate ${provider} failure`,
+        method: "POST",
+        path: `${pathPrefix}/failure?provider=${encodeURIComponent(provider)}`
+      }, {
+        description: `Mark ${provider} provider recovered.`,
+        id: `provider.${provider}.recovery`,
+        label: `Recover ${provider}`,
+        method: "POST",
+        path: `${pathPrefix}/recovery?provider=${encodeURIComponent(provider)}`
+      });
+    }
+  }
+  return actions;
+};
+var runVoiceOpsAction = async (action, options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(action.path, {
+    method: action.method ?? "POST"
+  });
+  const body = await response.json().catch(() => null);
+  if (!response.ok) {
+    const message = body && typeof body === "object" && "error" in body ? String(body.error) : `Voice ops action "${action.id}" failed: HTTP ${response.status}`;
+    throw new Error(message);
+  }
+  return {
+    actionId: action.id,
+    body,
+    ok: response.ok,
+    ranAt: Date.now(),
+    status: response.status
+  };
+};
+var createVoiceOpsActionCenterStore = (options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let timer;
+  let snapshot = {
+    actions: options.actions ?? createVoiceOpsActionCenterActions(),
+    error: null,
+    isRunning: false
+  };
+  const emit = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const setActions = (actions) => {
+    snapshot = { ...snapshot, actions, updatedAt: Date.now() };
+    emit();
+  };
+  const run = async (actionId) => {
+    if (closed) {
+      return snapshot.lastResult;
+    }
+    const action = snapshot.actions.find((item) => item.id === actionId);
+    if (!action) {
+      throw new Error(`Voice ops action "${actionId}" is not configured.`);
+    }
+    if (action.disabled) {
+      throw new Error(`Voice ops action "${actionId}" is disabled.`);
+    }
+    snapshot = {
+      ...snapshot,
+      error: null,
+      isRunning: true,
+      runningActionId: action.id
+    };
+    emit();
+    try {
+      const result = await runVoiceOpsAction(action, options);
+      await options.onActionResult?.(result);
+      await recordVoiceOpsActionResult(result, options);
+      snapshot = {
+        ...snapshot,
+        error: null,
+        isRunning: false,
+        lastResult: result,
+        runningActionId: undefined,
+        updatedAt: Date.now()
+      };
+      emit();
+      return result;
+    } catch (error) {
+      const result = {
+        actionId: action.id,
+        body: null,
+        error: error instanceof Error ? error.message : String(error),
+        ok: false,
+        ranAt: Date.now(),
+        status: 0
+      };
+      await options.onActionResult?.(result);
+      await recordVoiceOpsActionResult(result, options).catch(() => {});
+      snapshot = {
+        ...snapshot,
+        error: error instanceof Error ? error.message : String(error),
+        isRunning: false,
+        runningActionId: undefined
+      };
+      emit();
+      throw error;
+    }
+  };
+  const close = () => {
+    closed = true;
+    if (timer) {
+      clearInterval(timer);
+      timer = undefined;
+    }
+    listeners.clear();
+  };
+  if (options.intervalMs && options.intervalMs > 0) {
+    timer = setInterval(() => {
+      emit();
+    }, options.intervalMs);
+  }
+  return {
+    close,
+    getServerSnapshot: () => snapshot,
+    getSnapshot: () => snapshot,
+    run,
+    setActions,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+
+// src/client/opsActionCenterWidget.ts
+var DEFAULT_TITLE2 = "Voice Ops Action Center";
+var DEFAULT_DESCRIPTION2 = "Run production voice proofs and operator actions from one primitive panel.";
+var escapeHtml2 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var createVoiceOpsActionCenterViewModel = (snapshot, options = {}) => {
+  const status = snapshot.error ? "error" : snapshot.isRunning ? "running" : snapshot.lastResult ? "completed" : "ready";
+  return {
+    actions: snapshot.actions.map((action) => ({
+      description: action.description ?? "",
+      disabled: Boolean(action.disabled || snapshot.isRunning),
+      id: action.id,
+      isRunning: snapshot.runningActionId === action.id,
+      label: action.label
+    })),
+    description: options.description ?? DEFAULT_DESCRIPTION2,
+    error: snapshot.error,
+    isRunning: snapshot.isRunning,
+    label: status === "error" ? "Needs attention" : status === "running" ? "Running" : status === "completed" ? "Action completed" : "Ready",
+    lastResultLabel: snapshot.lastResult ? `${snapshot.lastResult.actionId} returned HTTP ${snapshot.lastResult.status}` : "No action has run yet.",
+    status,
+    title: options.title ?? DEFAULT_TITLE2
+  };
+};
+var renderVoiceOpsActionCenterHTML = (snapshot, options = {}) => {
+  const model = createVoiceOpsActionCenterViewModel(snapshot, options);
+  const actions = model.actions.map((action) => `<button type="button" data-absolute-voice-ops-action="${escapeHtml2(action.id)}"${action.disabled ? " disabled" : ""}>
+  ${escapeHtml2(action.isRunning ? "Working..." : action.label)}
+</button>`).join("");
+  return `<section class="absolute-voice-ops-action-center absolute-voice-ops-action-center--${escapeHtml2(model.status)}">
+  <header class="absolute-voice-ops-action-center__header">
+    <span class="absolute-voice-ops-action-center__eyebrow">${escapeHtml2(model.title)}</span>
+    <strong class="absolute-voice-ops-action-center__label">${escapeHtml2(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-ops-action-center__description">${escapeHtml2(model.description)}</p>
+  <div class="absolute-voice-ops-action-center__actions">${actions}</div>
+  <p class="absolute-voice-ops-action-center__result">${escapeHtml2(model.lastResultLabel)}</p>
+  ${model.error ? `<p class="absolute-voice-ops-action-center__error">${escapeHtml2(model.error)}</p>` : ""}
+</section>`;
+};
+var getVoiceOpsActionCenterCSS = () => `.absolute-voice-ops-action-center{border:1px solid #d5cbb8;border-radius:20px;background:#fffaf1;color:#17130b;padding:18px;box-shadow:0 18px 40px rgba(58,42,16,.12);font-family:inherit}.absolute-voice-ops-action-center--error{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-ops-action-center__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-ops-action-center__eyebrow{color:#725d37;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-ops-action-center__label{font-size:28px;line-height:1}.absolute-voice-ops-action-center__description,.absolute-voice-ops-action-center__result{color:#5b4b2f;margin:12px 0 0}.absolute-voice-ops-action-center__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-ops-action-center__actions button{background:#7c4a03;border:0;border-radius:999px;color:#fff8e8;cursor:pointer;font:inherit;font-weight:800;padding:8px 12px}.absolute-voice-ops-action-center__actions button:disabled{cursor:not-allowed;opacity:.5}.absolute-voice-ops-action-center__error{color:#9f1239;font-weight:700}`;
+var mountVoiceOpsActionCenter = (element, options = {}) => {
+  const store = createVoiceOpsActionCenterStore(options);
+  const render = () => {
+    element.innerHTML = renderVoiceOpsActionCenterHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  const handleClick = (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) {
+      return;
+    }
+    const action = target.closest("[data-absolute-voice-ops-action]");
+    const actionId = action?.getAttribute("data-absolute-voice-ops-action");
+    if (actionId) {
+      store.run(actionId).catch(() => {});
+    }
+  };
+  element.addEventListener?.("click", handleClick);
+  render();
+  return {
+    close: () => {
+      element.removeEventListener?.("click", handleClick);
+      unsubscribe();
+      store.close();
+    },
+    run: store.run
+  };
+};
+var defineVoiceOpsActionCenterElement = (tagName = "absolute-voice-ops-action-center", options = {}) => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceOpsActionCenterElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      this.mounted = mountVoiceOpsActionCenter(this, {
+        ...options,
+        description: this.getAttribute("description") ?? options.description,
+        title: this.getAttribute("title") ?? options.title
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/vue/useVoiceOpsActionCenter.ts
+import { onUnmounted as onUnmounted2, ref as ref2, shallowRef as shallowRef2 } from "vue";
+function useVoiceOpsActionCenter(options = {}) {
+  const store = createVoiceOpsActionCenterStore(options);
+  const actions = shallowRef2([]);
+  const error = ref2(null);
+  const isRunning = ref2(false);
+  const lastResult = shallowRef2(undefined);
+  const runningActionId = ref2(undefined);
+  const updatedAt = ref2(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    actions.value = snapshot.actions;
+    error.value = snapshot.error;
+    isRunning.value = snapshot.isRunning;
+    lastResult.value = snapshot.lastResult;
+    runningActionId.value = snapshot.runningActionId;
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  onUnmounted2(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    actions,
+    error,
+    isRunning,
+    lastResult,
+    run: store.run,
+    runningActionId,
+    setActions: store.setActions,
+    updatedAt
+  };
+}
+
+// src/vue/VoiceOpsActionCenter.ts
+var VoiceOpsActionCenter = defineComponent2({
+  name: "VoiceOpsActionCenter",
+  props: {
+    actions: Array,
+    description: String,
+    title: String
+  },
+  setup(props) {
+    const options = {
+      actions: props.actions,
+      description: props.description,
+      title: props.title
+    };
+    const center = useVoiceOpsActionCenter(options);
+    return () => {
+      const model = createVoiceOpsActionCenterViewModel({
+        actions: center.actions.value,
+        error: center.error.value,
+        isRunning: center.isRunning.value,
+        lastResult: center.lastResult.value,
+        runningActionId: center.runningActionId.value,
+        updatedAt: center.updatedAt.value
+      }, options);
+      return h2("section", {
+        class: [
+          "absolute-voice-ops-action-center",
+          `absolute-voice-ops-action-center--${model.status}`
+        ]
+      }, [
+        h2("header", { class: "absolute-voice-ops-action-center__header" }, [
+          h2("span", { class: "absolute-voice-ops-action-center__eyebrow" }, model.title),
+          h2("strong", { class: "absolute-voice-ops-action-center__label" }, model.label)
+        ]),
+        h2("p", { class: "absolute-voice-ops-action-center__description" }, model.description),
+        h2("div", { class: "absolute-voice-ops-action-center__actions" }, model.actions.map((action) => h2("button", {
+          disabled: action.disabled,
+          key: action.id,
+          onClick: () => {
+            center.run(action.id).catch(() => {});
+          },
+          type: "button"
+        }, action.isRunning ? "Working..." : action.label))),
+        h2("p", { class: "absolute-voice-ops-action-center__result" }, model.lastResultLabel),
+        model.error ? h2("p", { class: "absolute-voice-ops-action-center__error" }, model.error) : null
+      ]);
+    };
+  }
+});
+// src/vue/VoiceDeliveryRuntime.ts
+import { defineComponent as defineComponent3, h as h3 } from "vue";
+
+// src/client/deliveryRuntime.ts
+var getDefaultActionPath = (path, action, options) => {
+  if (action === "tick") {
+    return options.tickPath ?? `${path.replace(/\/$/, "")}/tick`;
+  }
+  return options.requeueDeadLettersPath ?? `${path.replace(/\/$/, "")}/requeue-dead-letters`;
+};
+var fetchVoiceDeliveryRuntime = async (path = "/api/voice-delivery-runtime", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice delivery runtime failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var runVoiceDeliveryRuntimeAction = async (action, path = "/api/voice-delivery-runtime", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(getDefaultActionPath(path, action, options), {
+    method: "POST"
+  });
+  if (!response.ok) {
+    throw new Error(`Voice delivery runtime ${action} failed: HTTP ${response.status}`);
+  }
+  const body = await response.json();
+  return {
+    action,
+    result: body.result,
+    summary: body.summary,
+    updatedAt: Date.now()
+  };
+};
+var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let timer;
+  let snapshot = {
+    actionError: null,
+    actionStatus: "idle",
+    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 fetchVoiceDeliveryRuntime(path, options);
+      snapshot = {
+        ...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 runAction = async (action) => {
+    if (closed) {
+      return snapshot.lastAction;
+    }
+    snapshot = {
+      ...snapshot,
+      actionError: null,
+      actionStatus: "running"
+    };
+    emit();
+    try {
+      const result = await runVoiceDeliveryRuntimeAction(action, path, options);
+      snapshot = {
+        ...snapshot,
+        actionError: null,
+        actionStatus: "completed",
+        lastAction: result
+      };
+      emit();
+      await refresh();
+      return result;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        actionError: error instanceof Error ? error.message : String(error),
+        actionStatus: "failed"
+      };
+      emit();
+      throw error;
+    }
+  };
+  const close = () => {
+    closed = true;
+    if (timer) {
+      clearInterval(timer);
+      timer = undefined;
+    }
+    listeners.clear();
+  };
+  if (typeof window !== "undefined" && options.intervalMs && options.intervalMs > 0) {
+    timer = setInterval(() => {
+      refresh().catch(() => {});
+    }, options.intervalMs);
+  }
+  return {
+    close,
+    getServerSnapshot: () => snapshot,
+    getSnapshot: () => snapshot,
+    requeueDeadLetters: () => runAction("requeue-dead-letters"),
+    refresh,
+    tick: () => runAction("tick"),
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+
+// src/client/deliveryRuntimeWidget.ts
+var DEFAULT_TITLE3 = "Voice Delivery Runtime";
+var DEFAULT_DESCRIPTION3 = "Audit and trace delivery worker health from your AbsoluteJS voice app.";
+var escapeHtml3 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var createSurface = (id, summary) => {
+  if (!summary) {
+    return {
+      deadLettered: 0,
+      detail: "Worker disabled",
+      failed: 0,
+      id,
+      label: id === "audit" ? "Audit delivery" : "Trace delivery",
+      pending: 0,
+      status: "disabled",
+      total: 0
+    };
+  }
+  const blocked = summary.failed + summary.deadLettered;
+  return {
+    deadLettered: summary.deadLettered,
+    detail: `${summary.delivered}/${summary.total} delivered, ${summary.pending} pending`,
+    failed: summary.failed,
+    id,
+    label: id === "audit" ? "Audit delivery" : "Trace delivery",
+    pending: summary.pending,
+    status: blocked > 0 ? "warn" : "pass",
+    total: summary.total
+  };
+};
+var createVoiceDeliveryRuntimeViewModel = (snapshot, options = {}) => {
+  const report = snapshot.report;
+  const surfaces = [
+    createSurface("audit", report?.summary.audit),
+    createSurface("trace", report?.summary.trace)
+  ];
+  const hasWarnings = surfaces.some((surface) => surface.status === "warn");
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION3,
+    error: snapshot.error,
+    actionError: snapshot.actionError,
+    actionStatus: snapshot.actionStatus,
+    isLoading: snapshot.isLoading,
+    isRunning: Boolean(report?.isRunning),
+    label: snapshot.error ? "Unavailable" : report ? report.isRunning ? "Running" : "Stopped" : "Checking",
+    status: snapshot.error ? "error" : report ? hasWarnings ? "warn" : "pass" : "loading",
+    surfaces,
+    title: options.title ?? DEFAULT_TITLE3,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceDeliveryRuntimeHTML = (snapshot, options = {}) => {
+  const model = createVoiceDeliveryRuntimeViewModel(snapshot, options);
+  const surfaces = model.surfaces.map((surface) => `<li class="absolute-voice-delivery-runtime__surface absolute-voice-delivery-runtime__surface--${escapeHtml3(surface.status)}">
+  <span>${escapeHtml3(surface.label)}</span>
+  <strong>${escapeHtml3(surface.detail)}</strong>
+  <small>${String(surface.failed)} failed &middot; ${String(surface.deadLettered)} dead-lettered</small>
+</li>`).join("");
+  const actions = options.includeActions === false ? "" : `<div class="absolute-voice-delivery-runtime__actions">
+  <button type="button" data-absolute-voice-delivery-runtime-action="tick">${model.actionStatus === "running" ? "Working..." : "Tick workers"}</button>
+  <button type="button" data-absolute-voice-delivery-runtime-action="requeue-dead-letters"${model.surfaces.some((surface) => surface.deadLettered > 0) ? "" : " disabled"}>Requeue dead letters</button>
+</div>`;
+  const actionError = model.actionError ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml3(model.actionError)}</p>` : "";
+  return `<section class="absolute-voice-delivery-runtime absolute-voice-delivery-runtime--${escapeHtml3(model.status)}">
+  <header class="absolute-voice-delivery-runtime__header">
+    <span class="absolute-voice-delivery-runtime__eyebrow">${escapeHtml3(model.title)}</span>
+    <strong class="absolute-voice-delivery-runtime__label">${escapeHtml3(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-delivery-runtime__description">${escapeHtml3(model.description)}</p>
+  <ul class="absolute-voice-delivery-runtime__surfaces">${surfaces}</ul>
+  ${actions}
+  ${actionError}
+  ${model.error ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml3(model.error)}</p>` : ""}
+</section>`;
+};
+var getVoiceDeliveryRuntimeCSS = () => `.absolute-voice-delivery-runtime{border:1px solid #c9d8cf;border-radius:20px;background:#f6fff9;color:#0d1b12;padding:18px;box-shadow:0 18px 40px rgba(19,55,35,.12);font-family:inherit}.absolute-voice-delivery-runtime--warn,.absolute-voice-delivery-runtime--error{border-color:#f2b56b;background:#fff9ed}.absolute-voice-delivery-runtime__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-delivery-runtime__eyebrow{color:#4e6b59;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-delivery-runtime__label{font-size:28px;line-height:1}.absolute-voice-delivery-runtime__description{color:#33483b;margin:12px 0 0}.absolute-voice-delivery-runtime__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-delivery-runtime__surface{background:#fff;border:1px solid #d9eadf;border-radius:14px;display:grid;gap:4px;padding:10px 12px}.absolute-voice-delivery-runtime__surface--warn{border-color:#f2b56b}.absolute-voice-delivery-runtime__surface--disabled{opacity:.72}.absolute-voice-delivery-runtime__surface span,.absolute-voice-delivery-runtime__surface small{color:#587063}.absolute-voice-delivery-runtime__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-delivery-runtime__actions button{background:#134e2d;border:0;border-radius:999px;color:#f6fff9;cursor:pointer;font:inherit;font-weight:800;padding:8px 12px}.absolute-voice-delivery-runtime__actions button:disabled{cursor:not-allowed;opacity:.48}.absolute-voice-delivery-runtime__error{color:#9f1239;font-weight:700}`;
+var mountVoiceDeliveryRuntime = (element, path = "/api/voice-delivery-runtime", options = {}) => {
+  const store = createVoiceDeliveryRuntimeStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceDeliveryRuntimeHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  const handleClick = (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) {
+      return;
+    }
+    const action = target.closest("[data-absolute-voice-delivery-runtime-action]");
+    const actionName = action?.getAttribute("data-absolute-voice-delivery-runtime-action");
+    if (actionName === "tick") {
+      store.tick().catch(() => {});
+    }
+    if (actionName === "requeue-dead-letters") {
+      store.requeueDeadLetters().catch(() => {});
+    }
+  };
+  element.addEventListener?.("click", handleClick);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      element.removeEventListener?.("click", handleClick);
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceDeliveryRuntimeElement = (tagName = "absolute-voice-delivery-runtime") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceDeliveryRuntimeElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceDeliveryRuntime(this, this.getAttribute("path") ?? "/api/voice-delivery-runtime", {
+        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/useVoiceDeliveryRuntime.ts
+import { onUnmounted as onUnmounted3, ref as ref3, shallowRef as shallowRef3 } from "vue";
+function useVoiceDeliveryRuntime(path = "/api/voice-delivery-runtime", options = {}) {
+  const store = createVoiceDeliveryRuntimeStore(path, options);
+  const actionError = ref3(null);
+  const actionStatus = ref3("idle");
+  const error = ref3(null);
+  const isLoading = ref3(false);
+  const report = shallowRef3(undefined);
+  const updatedAt = ref3(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    actionError.value = snapshot.actionError;
+    actionStatus.value = snapshot.actionStatus;
+    error.value = snapshot.error;
+    isLoading.value = snapshot.isLoading;
+    report.value = snapshot.report;
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  if (typeof window !== "undefined") {
+    store.refresh().catch(() => {});
+  }
+  onUnmounted3(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    actionError,
+    actionStatus,
+    error,
+    isLoading,
+    requeueDeadLetters: store.requeueDeadLetters,
+    refresh: store.refresh,
+    report,
+    tick: store.tick,
+    updatedAt
+  };
+}
+
+// src/vue/VoiceDeliveryRuntime.ts
+var VoiceDeliveryRuntime = defineComponent3({
+  name: "VoiceDeliveryRuntime",
+  props: {
+    description: String,
+    includeActions: {
+      default: true,
+      type: Boolean
+    },
+    intervalMs: Number,
+    path: {
+      default: "/api/voice-delivery-runtime",
+      type: String
+    },
+    title: String
+  },
+  setup(props) {
+    const options = {
+      description: props.description,
+      intervalMs: props.intervalMs,
+      title: props.title
+    };
+    const runtime = useVoiceDeliveryRuntime(props.path, options);
+    return () => {
+      const model = createVoiceDeliveryRuntimeViewModel({
+        error: runtime.error.value,
+        actionError: runtime.actionError.value,
+        actionStatus: runtime.actionStatus.value,
+        isLoading: runtime.isLoading.value,
+        report: runtime.report.value,
+        updatedAt: runtime.updatedAt.value
+      }, options);
+      const hasDeadLetters = model.surfaces.some((surface) => surface.deadLettered > 0);
+      return h3("section", {
+        class: [
+          "absolute-voice-delivery-runtime",
+          `absolute-voice-delivery-runtime--${model.status}`
+        ]
+      }, [
+        h3("header", { class: "absolute-voice-delivery-runtime__header" }, [
+          h3("span", { class: "absolute-voice-delivery-runtime__eyebrow" }, model.title),
+          h3("strong", { class: "absolute-voice-delivery-runtime__label" }, model.label)
+        ]),
+        h3("p", { class: "absolute-voice-delivery-runtime__description" }, model.description),
+        h3("ul", { class: "absolute-voice-delivery-runtime__surfaces" }, model.surfaces.map((surface) => h3("li", {
+          class: [
+            "absolute-voice-delivery-runtime__surface",
+            `absolute-voice-delivery-runtime__surface--${surface.status}`
+          ],
+          key: surface.id
+        }, [
+          h3("span", surface.label),
+          h3("strong", surface.detail),
+          h3("small", `${surface.failed} failed / ${surface.deadLettered} dead-lettered`)
+        ]))),
+        props.includeActions ? h3("div", { class: "absolute-voice-delivery-runtime__actions" }, [
+          h3("button", {
+            disabled: model.actionStatus === "running",
+            onClick: () => {
+              runtime.tick().catch(() => {});
+            },
+            type: "button"
+          }, model.actionStatus === "running" ? "Working..." : "Tick workers"),
+          h3("button", {
+            disabled: model.actionStatus === "running" || !hasDeadLetters,
+            onClick: () => {
+              runtime.requeueDeadLetters().catch(() => {});
+            },
+            type: "button"
+          }, "Requeue dead letters")
+        ]) : null,
+        model.actionError ? h3("p", { class: "absolute-voice-delivery-runtime__error" }, model.actionError) : null,
+        model.error ? h3("p", { class: "absolute-voice-delivery-runtime__error" }, model.error) : null
+      ]);
+    };
+  }
+});
+// src/vue/VoiceProviderSimulationControls.ts
+import { computed, defineComponent as defineComponent4, h as h4 } from "vue";
+
+// src/client/providerSimulationControls.ts
+var postSimulation = async (pathPrefix, mode, provider, fetchImpl) => {
+  const response = await fetchImpl(`${pathPrefix}/${mode}?provider=${encodeURIComponent(provider)}`, { method: "POST" });
+  const body = await response.json().catch(() => null);
+  if (!response.ok) {
+    const message = body && typeof body === "object" && "error" in body ? String(body.error) : `Voice provider simulation failed: HTTP ${response.status}`;
+    throw new Error(message);
+  }
+  return body;
+};
+var createVoiceProviderSimulationControlsStore = (options) => {
+  const listeners = new Set;
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const pathPrefix = options.pathPrefix ?? `/api/${options.kind ?? "stt"}-simulate`;
+  let closed = false;
+  let snapshot = {
+    error: null,
+    isRunning: false,
+    lastResult: null,
+    mode: null,
+    provider: null
+  };
+  const emit = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const run = async (provider, mode) => {
+    if (closed) {
+      return snapshot.lastResult;
+    }
+    snapshot = {
+      ...snapshot,
+      error: null,
+      isRunning: true,
+      mode,
+      provider
+    };
+    emit();
+    try {
+      const result = await postSimulation(pathPrefix, mode, provider, fetchImpl);
+      snapshot = {
+        error: null,
+        isRunning: false,
+        lastResult: result,
+        mode,
+        provider,
+        updatedAt: Date.now()
+      };
+      emit();
+      return result;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        error: error instanceof Error ? error.message : String(error),
+        isRunning: false
+      };
+      emit();
+      throw error;
+    }
+  };
+  const close = () => {
+    closed = true;
+    listeners.clear();
+  };
+  return {
+    close,
+    getServerSnapshot: () => snapshot,
+    getSnapshot: () => snapshot,
+    run,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+
+// src/client/providerSimulationControlsWidget.ts
+var escapeHtml4 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatKind = (kind) => (kind ?? "stt").toUpperCase();
+var createVoiceProviderSimulationControlsViewModel = (snapshot, options) => {
+  const configuredProviders = options.providers.filter((provider) => provider.configured !== false);
+  const fallbackReady = !options.fallbackRequiredProvider || configuredProviders.some((entry) => entry.provider === options.fallbackRequiredProvider);
+  const failureProviders = (options.failureProviders ? options.failureProviders.map((provider) => ({ provider })) : configuredProviders).filter((provider) => configuredProviders.some((entry) => entry.provider === provider.provider));
+  return {
+    canSimulateFailure: configuredProviders.length > 0 && fallbackReady,
+    description: options.failureMessage ?? `Simulate ${formatKind(options.kind)} provider failure and recovery without changing credentials.`,
+    error: snapshot.error,
+    failureProviders,
+    isRunning: snapshot.isRunning,
+    label: snapshot.isRunning ? `Running ${snapshot.mode ?? "simulation"}` : snapshot.lastResult ? `${snapshot.lastResult.provider} ${snapshot.lastResult.mode} simulated` : configuredProviders.length ? `${configuredProviders.length} configured` : "No configured providers",
+    providers: configuredProviders,
+    resultText: snapshot.lastResult ? JSON.stringify(snapshot.lastResult, null, 2) : null,
+    title: options.title ?? `${formatKind(options.kind)} Failure Simulation`
+  };
+};
+var renderVoiceProviderSimulationControlsHTML = (snapshot, options) => {
+  const model = createVoiceProviderSimulationControlsViewModel(snapshot, options);
+  const failureButtons = model.failureProviders.map((provider) => `<button type="button" data-voice-provider-fail="${escapeHtml4(provider.provider)}"${!model.canSimulateFailure || snapshot.isRunning ? " disabled" : ""}>Simulate ${escapeHtml4(provider.provider)} ${escapeHtml4(formatKind(options.kind))} failure</button>`).join("");
+  const recoveryButtons = model.providers.map((provider) => `<button type="button" data-voice-provider-recover="${escapeHtml4(provider.provider)}"${snapshot.isRunning ? " disabled" : ""}>Mark ${escapeHtml4(provider.provider)} recovered</button>`).join("");
+  return `<section class="absolute-voice-provider-simulation absolute-voice-provider-simulation--${snapshot.error ? "error" : snapshot.isRunning ? "running" : "ready"}">
+  <header class="absolute-voice-provider-simulation__header">
+    <span class="absolute-voice-provider-simulation__eyebrow">${escapeHtml4(model.title)}</span>
+    <strong class="absolute-voice-provider-simulation__label">${escapeHtml4(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-provider-simulation__description">${escapeHtml4(model.description)}</p>
+  ${model.canSimulateFailure ? "" : `<p class="absolute-voice-provider-simulation__empty">${escapeHtml4(options.fallbackRequiredMessage ?? "Configure fallback providers before simulating failure.")}</p>`}
+  <div class="absolute-voice-provider-simulation__actions">${failureButtons}${recoveryButtons}</div>
+  ${snapshot.error ? `<p class="absolute-voice-provider-simulation__error">${escapeHtml4(snapshot.error)}</p>` : ""}
+  ${model.resultText ? `<pre class="absolute-voice-provider-simulation__result">${escapeHtml4(model.resultText)}</pre>` : ""}
+</section>`;
+};
+var bindVoiceProviderSimulationControls = (element, store) => {
+  const onClick = (event) => {
+    const target = event.target;
+    if (!(target instanceof HTMLElement)) {
+      return;
+    }
+    const failProvider = target.getAttribute("data-voice-provider-fail");
+    const recoverProvider = target.getAttribute("data-voice-provider-recover");
+    if (failProvider) {
+      store.run(failProvider, "failure").catch(() => {});
+    }
+    if (recoverProvider) {
+      store.run(recoverProvider, "recovery").catch(() => {});
+    }
+  };
+  element.addEventListener("click", onClick);
+  return () => element.removeEventListener("click", onClick);
+};
+var mountVoiceProviderSimulationControls = (element, options) => {
+  const store = createVoiceProviderSimulationControlsStore(options);
+  const render = () => {
+    element.innerHTML = renderVoiceProviderSimulationControlsHTML(store.getSnapshot(), options);
+  };
+  const unsubscribeStore = store.subscribe(render);
+  const unsubscribeDom = bindVoiceProviderSimulationControls(element, store);
+  render();
+  return {
+    close: () => {
+      unsubscribeDom();
+      unsubscribeStore();
+      store.close();
+    },
+    run: store.run
+  };
+};
+var defineVoiceProviderSimulationControlsElement = (tagName = "absolute-voice-provider-simulation") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceProviderSimulationElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const providers = (this.getAttribute("providers") ?? "").split(",").map((provider) => provider.trim()).filter(Boolean).map((provider) => ({ provider }));
+      const failureProviders = (this.getAttribute("failure-providers") ?? "").split(",").map((provider) => provider.trim()).filter(Boolean);
+      this.mounted = mountVoiceProviderSimulationControls(this, {
+        failureProviders: failureProviders.length ? failureProviders : undefined,
+        fallbackRequiredMessage: this.getAttribute("fallback-required-message") ?? undefined,
+        fallbackRequiredProvider: this.getAttribute("fallback-required-provider") ?? undefined,
+        failureMessage: this.getAttribute("failure-message") ?? undefined,
+        kind: this.getAttribute("kind") ?? "stt",
+        pathPrefix: this.getAttribute("path-prefix") ?? undefined,
+        providers,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/vue/useVoiceProviderSimulationControls.ts
+import { onUnmounted as onUnmounted4, ref as ref4 } from "vue";
+function useVoiceProviderSimulationControls(options) {
+  const store = createVoiceProviderSimulationControlsStore(options);
+  const error = ref4(null);
+  const isRunning = ref4(false);
+  const lastResult = ref4(null);
+  const mode = ref4(null);
+  const provider = ref4(null);
+  const updatedAt = ref4(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    error.value = snapshot.error;
+    isRunning.value = snapshot.isRunning;
+    lastResult.value = snapshot.lastResult;
+    mode.value = snapshot.mode;
+    provider.value = snapshot.provider;
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  onUnmounted4(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isRunning,
+    lastResult,
+    mode,
+    provider,
+    run: store.run,
+    updatedAt
+  };
+}
+
+// src/vue/VoiceProviderSimulationControls.ts
+var VoiceProviderSimulationControls = defineComponent4({
+  name: "VoiceProviderSimulationControls",
+  props: {
+    class: { default: "", type: String },
+    fallbackRequiredMessage: { default: undefined, type: String },
+    fallbackRequiredProvider: { default: undefined, type: String },
+    failureMessage: { default: undefined, type: String },
+    failureProviders: {
+      default: undefined,
+      type: Array
+    },
+    kind: { default: "stt", type: String },
+    pathPrefix: { default: undefined, type: String },
+    providers: {
+      required: true,
+      type: Array
+    },
+    title: { default: undefined, type: String }
+  },
+  setup(props) {
+    const options = {
+      fallbackRequiredMessage: props.fallbackRequiredMessage,
+      fallbackRequiredProvider: props.fallbackRequiredProvider,
+      failureMessage: props.failureMessage,
+      failureProviders: props.failureProviders,
+      kind: props.kind,
+      pathPrefix: props.pathPrefix,
+      providers: props.providers,
+      title: props.title
+    };
+    const controls = useVoiceProviderSimulationControls(options);
+    const model = computed(() => createVoiceProviderSimulationControlsViewModel({
+      error: controls.error.value,
+      isRunning: controls.isRunning.value,
+      lastResult: controls.lastResult.value,
+      mode: controls.mode.value,
+      provider: controls.provider.value,
+      updatedAt: controls.updatedAt.value
+    }, options));
+    const run = (provider, mode) => {
+      controls.run(provider, mode).catch(() => {});
+    };
+    return () => h4("section", {
+      class: [
+        "absolute-voice-provider-simulation",
+        `absolute-voice-provider-simulation--${controls.error.value ? "error" : controls.isRunning.value ? "running" : "ready"}`,
+        props.class
+      ]
+    }, [
+      h4("header", { class: "absolute-voice-provider-simulation__header" }, [
+        h4("span", { class: "absolute-voice-provider-simulation__eyebrow" }, model.value.title),
+        h4("strong", { class: "absolute-voice-provider-simulation__label" }, model.value.label)
+      ]),
+      h4("p", { class: "absolute-voice-provider-simulation__description" }, model.value.description),
+      model.value.canSimulateFailure ? null : h4("p", { class: "absolute-voice-provider-simulation__empty" }, props.fallbackRequiredMessage ?? "Configure fallback providers before simulating failure."),
+      h4("div", { class: "absolute-voice-provider-simulation__actions" }, [
+        ...model.value.failureProviders.map((provider) => h4("button", {
+          disabled: !model.value.canSimulateFailure || controls.isRunning.value,
+          key: `fail-${provider.provider}`,
+          onClick: () => run(provider.provider, "failure"),
+          type: "button"
+        }, `Simulate ${provider.provider} ${props.kind.toUpperCase()} failure`)),
+        ...model.value.providers.map((provider) => h4("button", {
+          disabled: controls.isRunning.value,
+          key: `recover-${provider.provider}`,
+          onClick: () => run(provider.provider, "recovery"),
+          type: "button"
+        }, `Mark ${provider.provider} recovered`))
+      ]),
+      controls.error.value ? h4("p", { class: "absolute-voice-provider-simulation__error" }, controls.error.value) : null,
+      model.value.resultText ? h4("pre", { class: "absolute-voice-provider-simulation__result" }, model.value.resultText) : null
+    ]);
+  }
+});
+// src/vue/VoiceProviderCapabilities.ts
+import { computed as computed2, defineComponent as defineComponent5, h as h5 } 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_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 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_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(formatStatus(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/vue/useVoiceProviderCapabilities.ts
+import { onUnmounted as onUnmounted5, shallowRef as shallowRef4 } from "vue";
+function useVoiceProviderCapabilities(path = "/api/provider-capabilities", options = {}) {
+  const store = createVoiceProviderCapabilitiesStore(path, options);
+  const error = shallowRef4(null);
+  const isLoading = shallowRef4(false);
+  const report = shallowRef4();
+  const updatedAt = shallowRef4(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(() => {});
+  onUnmounted5(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isLoading,
+    refresh: store.refresh,
+    report,
+    updatedAt
+  };
+}
+
+// src/vue/VoiceProviderCapabilities.ts
+var VoiceProviderCapabilities = defineComponent5({
+  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 () => h5("section", {
+      class: [
+        "absolute-voice-provider-capabilities",
+        `absolute-voice-provider-capabilities--${model.value.status}`,
+        props.class
+      ]
+    }, [
+      h5("header", { class: "absolute-voice-provider-capabilities__header" }, [
+        h5("span", { class: "absolute-voice-provider-capabilities__eyebrow" }, model.value.title),
+        h5("strong", { class: "absolute-voice-provider-capabilities__label" }, model.value.label)
+      ]),
+      h5("p", { class: "absolute-voice-provider-capabilities__description" }, model.value.description),
+      model.value.capabilities.length ? h5("div", { class: "absolute-voice-provider-capabilities__providers" }, model.value.capabilities.map((capability) => h5("article", {
+        class: [
+          "absolute-voice-provider-capabilities__provider",
+          `absolute-voice-provider-capabilities__provider--${capability.status}`
+        ],
+        key: `${capability.kind}:${capability.provider}`
+      }, [
+        h5("header", [
+          h5("strong", capability.label),
+          h5("span", capability.status)
+        ]),
+        h5("p", capability.detail),
+        h5("dl", capability.rows.map((row) => h5("div", { key: row.label }, [
+          h5("dt", row.label),
+          h5("dd", row.value)
+        ])))
+      ]))) : h5("p", { class: "absolute-voice-provider-capabilities__empty" }, "Configure provider capabilities to see deployment coverage."),
+      model.value.error ? h5("p", { class: "absolute-voice-provider-capabilities__error" }, model.value.error) : null
+    ]);
+  }
+});
+// src/vue/VoiceProviderContracts.ts
+import { defineComponent as defineComponent6, h as h6 } from "vue";
+
+// src/vue/useVoiceProviderContracts.ts
+import { onUnmounted as onUnmounted6, shallowRef as shallowRef5 } from "vue";
+
+// src/client/providerContracts.ts
+var fetchVoiceProviderContracts = async (path = "/api/provider-contracts", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice provider contracts failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceProviderContractsStore = (path = "/api/provider-contracts", options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let timer;
+  let snapshot = {
+    error: null,
+    isLoading: false
+  };
+  const emit = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const refresh = async () => {
+    if (closed) {
+      return snapshot.report;
+    }
+    snapshot = { ...snapshot, error: null, isLoading: true };
+    emit();
+    try {
+      const report = await fetchVoiceProviderContracts(path, options);
+      snapshot = {
+        error: null,
+        isLoading: false,
+        report,
+        updatedAt: Date.now()
+      };
+      emit();
+      return report;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        error: error instanceof Error ? error.message : String(error),
+        isLoading: false
+      };
+      emit();
+      throw error;
+    }
+  };
+  const close = () => {
+    closed = true;
+    if (timer) {
+      clearInterval(timer);
+      timer = undefined;
+    }
+    listeners.clear();
+  };
+  if (options.intervalMs && options.intervalMs > 0) {
+    timer = setInterval(() => {
+      refresh().catch(() => {});
+    }, options.intervalMs);
+  }
+  return {
+    close,
+    getServerSnapshot: () => snapshot,
+    getSnapshot: () => snapshot,
+    refresh,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+
+// src/vue/useVoiceProviderContracts.ts
+function useVoiceProviderContracts(path = "/api/provider-contracts", options = {}) {
+  const store = createVoiceProviderContractsStore(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/client/providerContractsWidget.ts
+var DEFAULT_TITLE5 = "Provider Contracts";
+var DEFAULT_DESCRIPTION5 = "Production contract coverage for provider env, latency, fallback, streaming, and capabilities.";
+var escapeHtml6 = (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 contractDetail = (row) => {
+  const failing = row.checks.filter((check) => check.status !== "pass");
+  if (failing.length === 0) {
+    return "Provider contract is production-ready.";
+  }
+  return failing.map((check) => `${check.label}: ${check.detail ?? check.status}`).join(" ");
+};
+var createVoiceProviderContractsViewModel = (snapshot, options = {}) => {
+  const rows = (snapshot.report?.rows ?? []).map((row) => ({
+    ...row,
+    detail: contractDetail(row),
+    label: `${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" },
+      { label: "Configured", value: row.configured ? "Yes" : "No" },
+      {
+        label: "Checks",
+        value: row.checks.map((check) => `${check.label}: ${formatStatus2(check.status)}`).join(", ")
+      }
+    ]
+  }));
+  const warningCount = snapshot.report ? snapshot.report.failed + snapshot.report.warned : rows.filter((row) => row.status !== "pass").length;
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION5,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: snapshot.error ? "Unavailable" : rows.length ? warningCount > 0 ? `${warningCount} needs attention` : `${rows.length} passing` : snapshot.isLoading ? "Checking" : "No contracts",
+    rows,
+    status: snapshot.error ? "error" : rows.length ? warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
+    title: options.title ?? DEFAULT_TITLE5,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceProviderContractsHTML = (snapshot, options = {}) => {
+  const model = createVoiceProviderContractsViewModel(snapshot, options);
+  const rows = model.rows.length ? `<div class="absolute-voice-provider-contracts__rows">${model.rows.map((row) => `<article class="absolute-voice-provider-contracts__row absolute-voice-provider-contracts__row--${escapeHtml6(row.status)}">
+  <header>
+    <strong>${escapeHtml6(row.label)}</strong>
+    <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>
+  </div>`).join("")}</dl>
+</article>`).join("")}</div>` : '<p class="absolute-voice-provider-contracts__empty">Configure provider contracts to see production coverage.</p>';
+  return `<section class="absolute-voice-provider-contracts absolute-voice-provider-contracts--${escapeHtml6(model.status)}">
+  <header class="absolute-voice-provider-contracts__header">
+    <span class="absolute-voice-provider-contracts__eyebrow">${escapeHtml6(model.title)}</span>
+    <strong class="absolute-voice-provider-contracts__label">${escapeHtml6(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-provider-contracts__description">${escapeHtml6(model.description)}</p>
+  ${rows}
+  ${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__remediations{display:grid;gap:8px;list-style:none;margin:0 0 10px;padding:0}.absolute-voice-provider-contracts__remediations li{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;display:grid;gap:3px;padding:8px}.absolute-voice-provider-contracts__remediations a,.absolute-voice-provider-contracts__remediations strong{color:#9a3412}.absolute-voice-provider-contracts__remediations span{color:#7c2d12}.absolute-voice-provider-contracts__row dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.absolute-voice-provider-contracts__row div{background:#f7fff9;border:1px solid #d6eadb;border-radius:12px;padding:8px}.absolute-voice-provider-contracts__row dt{font-size:12px}.absolute-voice-provider-contracts__row dd{font-weight:800;margin:4px 0 0}.absolute-voice-provider-contracts__error{color:#9f1239;font-weight:700}`;
+var mountVoiceProviderContracts = (element, path = "/api/provider-contracts", options = {}) => {
+  const store = createVoiceProviderContractsStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceProviderContractsHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceProviderContractsElement = (tagName = "absolute-voice-provider-contracts") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceProviderContractsElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceProviderContracts(this, this.getAttribute("path") ?? "/api/provider-contracts", {
+        description: this.getAttribute("description") ?? undefined,
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/vue/VoiceProviderContracts.ts
+var VoiceProviderContracts = defineComponent6({
+  name: "VoiceProviderContracts",
+  props: {
+    description: String,
+    intervalMs: Number,
+    path: {
+      default: "/api/provider-contracts",
+      type: String
+    },
+    title: String
+  },
+  setup(props) {
+    const state = useVoiceProviderContracts(props.path, {
+      description: props.description,
+      intervalMs: props.intervalMs,
+      title: props.title
+    });
+    return () => {
+      const model = createVoiceProviderContractsViewModel({
+        error: state.error.value,
+        isLoading: state.isLoading.value,
+        report: state.report.value,
+        updatedAt: state.updatedAt.value
+      }, {
+        description: props.description,
+        intervalMs: props.intervalMs,
+        title: props.title
+      });
+      return h6("section", {
+        class: [
+          "absolute-voice-provider-contracts",
+          `absolute-voice-provider-contracts--${model.status}`
+        ]
+      }, [
+        h6("header", { class: "absolute-voice-provider-contracts__header" }, [
+          h6("span", { class: "absolute-voice-provider-contracts__eyebrow" }, model.title),
+          h6("strong", { class: "absolute-voice-provider-contracts__label" }, model.label)
+        ]),
+        h6("p", { class: "absolute-voice-provider-contracts__description" }, model.description),
+        model.rows.length ? h6("div", { class: "absolute-voice-provider-contracts__rows" }, model.rows.map((row) => h6("article", {
+          class: [
+            "absolute-voice-provider-contracts__row",
+            `absolute-voice-provider-contracts__row--${row.status}`
+          ],
+          key: `${row.kind}:${row.provider}`
+        }, [
+          h6("header", [
+            h6("strong", row.label),
+            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)
+          ])))
+        ]))) : h6("p", { class: "absolute-voice-provider-contracts__empty" }, "Configure provider contracts to see production coverage."),
+        model.error ? h6("p", { class: "absolute-voice-provider-contracts__error" }, model.error) : null
+      ]);
+    };
+  }
+});
+// src/vue/VoiceProviderStatus.ts
+import { computed as computed3, defineComponent as defineComponent7, h as h7 } from "vue";
+
+// src/client/providerStatus.ts
+var fetchVoiceProviderStatus = async (path = "/api/provider-status", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice provider status failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let timer;
+  let snapshot = {
+    error: null,
+    isLoading: false,
+    providers: []
+  };
+  const emit = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const refresh = async () => {
+    if (closed) {
+      return snapshot.providers;
+    }
+    snapshot = {
+      ...snapshot,
+      error: null,
+      isLoading: true
+    };
+    emit();
+    try {
+      const providers = await fetchVoiceProviderStatus(path, options);
+      snapshot = {
+        error: null,
+        isLoading: false,
+        providers,
+        updatedAt: Date.now()
+      };
+      emit();
+      return providers;
+    } 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/providerStatusWidget.ts
+var DEFAULT_TITLE6 = "Voice Providers";
+var DEFAULT_DESCRIPTION6 = "Live provider health, fallback counts, latency, and suppression state from your self-hosted trace store.";
+var escapeHtml7 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatProvider3 = (provider) => provider.split(/[-_\s]+/).filter(Boolean).map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ") || provider;
+var formatStatus3 = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
+var formatLatency = (value) => typeof value === "number" ? `${value}ms` : "No samples";
+var formatSuppression = (value) => typeof value === "number" ? `${Math.ceil(value / 1000)}s` : "None";
+var getProviderDetail = (provider) => {
+  if (provider.status === "suppressed") {
+    return provider.lastError ? `Suppressed for ${formatSuppression(provider.suppressionRemainingMs)} after ${provider.lastError}.` : `Suppressed for ${formatSuppression(provider.suppressionRemainingMs)}.`;
+  }
+  if (provider.status === "recoverable") {
+    return "Cooldown expired; ready for recovery traffic.";
+  }
+  if (provider.status === "rate-limited") {
+    return "Rate limit detected; router should avoid this provider.";
+  }
+  if (provider.status === "degraded") {
+    return provider.lastError ?? "Recent provider errors detected.";
+  }
+  if (provider.status === "healthy") {
+    return provider.recommended ? "Healthy and currently recommended." : "Healthy and available for routing.";
+  }
+  return "No provider traffic observed yet.";
+};
+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: `${formatProvider3(provider.provider)}${provider.recommended ? " recommended" : ""}`,
+    rows: [
+      { label: "Runs", value: String(provider.runCount) },
+      { label: "Avg latency", value: formatLatency(provider.averageElapsedMs) },
+      { label: "Errors", value: String(provider.errorCount) },
+      { label: "Timeouts", value: String(provider.timeoutCount) },
+      { label: "Fallbacks", value: String(provider.fallbackCount) },
+      {
+        label: "Suppression",
+        value: formatSuppression(provider.suppressionRemainingMs)
+      }
+    ]
+  }));
+  const warningCount = providers.filter((provider) => isWarningStatus2(provider.status)).length;
+  const healthyCount = providers.filter((provider) => provider.status === "healthy").length;
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION6,
+    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_TITLE6,
+    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--${escapeHtml7(provider.status)}">
+  <header>
+    <strong>${escapeHtml7(provider.label)}</strong>
+    <span>${escapeHtml7(formatStatus3(provider.status))}</span>
+  </header>
+  <p>${escapeHtml7(provider.detail)}</p>
+  <dl>${provider.rows.map((row) => `<div>
+    <dt>${escapeHtml7(row.label)}</dt>
+    <dd>${escapeHtml7(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--${escapeHtml7(model.status)}">
+  <header class="absolute-voice-provider-status__header">
+    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml7(model.title)}</span>
+    <strong class="absolute-voice-provider-status__label">${escapeHtml7(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-provider-status__description">${escapeHtml7(model.description)}</p>
+  ${providers}
+  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml7(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}`;
+var mountVoiceProviderStatus = (element, path = "/api/provider-status", options = {}) => {
+  const store = createVoiceProviderStatusStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceProviderStatusHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceProviderStatusElement = (tagName = "absolute-voice-provider-status") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceProviderStatusElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceProviderStatus(this, this.getAttribute("path") ?? "/api/provider-status", {
+        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/useVoiceProviderStatus.ts
+import { onUnmounted as onUnmounted7, ref as ref5, shallowRef as shallowRef6 } from "vue";
+function useVoiceProviderStatus(path = "/api/provider-status", options = {}) {
+  const store = createVoiceProviderStatusStore(path, options);
+  const error = ref5(null);
+  const isLoading = ref5(false);
+  const providers = shallowRef6([]);
+  const updatedAt = ref5(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    error.value = snapshot.error;
+    isLoading.value = snapshot.isLoading;
+    providers.value = [...snapshot.providers];
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  store.refresh().catch(() => {});
+  onUnmounted7(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isLoading,
+    providers,
+    refresh: store.refresh,
+    updatedAt
+  };
+}
+
+// src/vue/VoiceProviderStatus.ts
+var VoiceProviderStatus = defineComponent7({
+  name: "VoiceProviderStatus",
+  props: {
+    class: {
+      default: "",
+      type: String
+    },
+    description: {
+      default: undefined,
+      type: String
+    },
+    intervalMs: {
+      default: 5000,
+      type: Number
+    },
+    path: {
+      default: "/api/provider-status",
+      type: String
+    },
+    title: {
+      default: undefined,
+      type: String
+    }
+  },
+  setup(props) {
+    const options = {
+      description: props.description,
+      intervalMs: props.intervalMs,
+      title: props.title
+    };
+    const status = useVoiceProviderStatus(props.path, options);
+    const model = computed3(() => createVoiceProviderStatusViewModel({
+      error: status.error.value,
+      isLoading: status.isLoading.value,
+      providers: status.providers.value,
+      updatedAt: status.updatedAt.value
+    }, options));
+    return () => h7("section", {
+      class: [
+        "absolute-voice-provider-status",
+        `absolute-voice-provider-status--${model.value.status}`,
+        props.class
+      ]
+    }, [
+      h7("header", { class: "absolute-voice-provider-status__header" }, [
+        h7("span", { class: "absolute-voice-provider-status__eyebrow" }, model.value.title),
+        h7("strong", { class: "absolute-voice-provider-status__label" }, model.value.label)
+      ]),
+      h7("p", { class: "absolute-voice-provider-status__description" }, model.value.description),
+      model.value.providers.length ? h7("div", { class: "absolute-voice-provider-status__providers" }, model.value.providers.map((provider) => h7("article", {
+        class: [
+          "absolute-voice-provider-status__provider",
+          `absolute-voice-provider-status__provider--${provider.status}`
+        ],
+        key: provider.provider
+      }, [
+        h7("header", [
+          h7("strong", provider.label),
+          h7("span", provider.status)
+        ]),
+        h7("p", provider.detail),
+        h7("dl", provider.rows.map((row) => h7("div", { key: row.label }, [
+          h7("dt", row.label),
+          h7("dd", row.value)
+        ])))
+      ]))) : h7("p", { class: "absolute-voice-provider-status__empty" }, "Run voice traffic to see provider health."),
+      model.value.error ? h7("p", { class: "absolute-voice-provider-status__error" }, model.value.error) : null
+    ]);
+  }
+});
+// src/vue/VoiceRoutingStatus.ts
+import { computed as computed4, defineComponent as defineComponent8, h as h8 } from "vue";
+
+// src/client/routingStatus.ts
+var fetchVoiceRoutingStatus = async (path = "/api/routing/latest", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice routing status failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceRoutingStatusStore = (path = "/api/routing/latest", options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let timer;
+  let snapshot = {
+    decision: null,
+    error: null,
+    isLoading: false
+  };
+  const emit = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const refresh = async () => {
+    if (closed) {
+      return snapshot.decision;
+    }
+    snapshot = {
+      ...snapshot,
+      error: null,
+      isLoading: true
+    };
+    emit();
+    try {
+      const decision = await fetchVoiceRoutingStatus(path, options);
+      snapshot = {
+        decision,
+        error: null,
+        isLoading: false,
+        updatedAt: Date.now()
+      };
+      emit();
+      return decision;
+    } 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/routingStatusWidget.ts
+var DEFAULT_TITLE7 = "Voice Routing";
+var DEFAULT_DESCRIPTION7 = "Latest provider routing decision from the self-hosted trace store.";
+var escapeHtml8 = (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;
+  const rows = decision ? [
+    { label: "Kind", value: decision.kind.toUpperCase() },
+    { label: "Policy", value: formatValue(decision.routing, "Unknown") },
+    { label: "Provider", value: formatValue(decision.provider, "Unknown") },
+    {
+      label: "Selected",
+      value: formatValue(decision.selectedProvider, "Unknown")
+    },
+    {
+      label: "Fallback",
+      value: formatValue(decision.fallbackProvider)
+    },
+    { label: "Status", value: formatValue(decision.status, "unknown") },
+    {
+      label: "Latency budget",
+      value: typeof decision.latencyBudgetMs === "number" ? `${decision.latencyBudgetMs}ms` : "None"
+    }
+  ] : [];
+  return {
+    decision,
+    description: options.description ?? DEFAULT_DESCRIPTION7,
+    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_TITLE7,
+    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>${escapeHtml8(row.label)}</span>
+  <strong>${escapeHtml8(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--${escapeHtml8(model.status)}">
+  <header class="absolute-voice-routing-status__header">
+    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml8(model.title)}</span>
+    <strong class="absolute-voice-routing-status__label">${escapeHtml8(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-routing-status__description">${escapeHtml8(model.description)}</p>
+  ${rows}
+  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml8(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}`;
+var mountVoiceRoutingStatus = (element, path = "/api/routing/latest", options = {}) => {
+  const store = createVoiceRoutingStatusStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceRoutingStatusHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceRoutingStatusElement = (tagName = "absolute-voice-routing-status") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceRoutingStatusElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceRoutingStatus(this, this.getAttribute("path") ?? "/api/routing/latest", {
+        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/useVoiceRoutingStatus.ts
+import { onUnmounted as onUnmounted8, ref as ref6, shallowRef as shallowRef7 } from "vue";
+function useVoiceRoutingStatus(path = "/api/routing/latest", options = {}) {
+  const store = createVoiceRoutingStatusStore(path, options);
+  const decision = shallowRef7(null);
+  const error = ref6(null);
+  const isLoading = ref6(false);
+  const updatedAt = ref6(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    decision.value = snapshot.decision;
+    error.value = snapshot.error;
+    isLoading.value = snapshot.isLoading;
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  store.refresh().catch(() => {});
+  onUnmounted8(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    decision,
+    error,
+    isLoading,
+    refresh: store.refresh,
+    updatedAt
+  };
+}
+
+// src/vue/VoiceRoutingStatus.ts
+var VoiceRoutingStatus = defineComponent8({
+  name: "VoiceRoutingStatus",
+  props: {
+    class: {
+      default: "",
+      type: String
+    },
+    description: {
+      default: undefined,
+      type: String
+    },
+    intervalMs: {
+      default: 5000,
+      type: Number
+    },
+    path: {
+      default: "/api/routing/latest",
+      type: String
+    },
+    title: {
+      default: undefined,
+      type: String
+    }
+  },
+  setup(props) {
+    const options = {
+      description: props.description,
+      intervalMs: props.intervalMs,
+      title: props.title
+    };
+    const status = useVoiceRoutingStatus(props.path, options);
+    const model = computed4(() => createVoiceRoutingStatusViewModel({
+      decision: status.decision.value,
+      error: status.error.value,
+      isLoading: status.isLoading.value,
+      updatedAt: status.updatedAt.value
+    }, options));
+    return () => h8("section", {
+      class: [
+        "absolute-voice-routing-status",
+        `absolute-voice-routing-status--${model.value.status}`,
+        props.class
+      ]
+    }, [
+      h8("header", { class: "absolute-voice-routing-status__header" }, [
+        h8("span", { class: "absolute-voice-routing-status__eyebrow" }, model.value.title),
+        h8("strong", { class: "absolute-voice-routing-status__label" }, model.value.label)
+      ]),
+      h8("p", { class: "absolute-voice-routing-status__description" }, model.value.description),
+      model.value.rows.length ? h8("div", { class: "absolute-voice-routing-status__grid" }, model.value.rows.map((row) => h8("div", { key: row.label }, [
+        h8("span", row.label),
+        h8("strong", row.value)
+      ]))) : h8("p", { class: "absolute-voice-routing-status__empty" }, "Start a voice session to see the selected provider."),
+      model.value.error ? h8("p", { class: "absolute-voice-routing-status__error" }, model.value.error) : null
+    ]);
+  }
+});
+// src/vue/VoiceTurnLatency.ts
+import { computed as computed5, defineComponent as defineComponent9, h as h9 } from "vue";
+
+// src/client/turnLatency.ts
+var fetchVoiceTurnLatency = async (path = "/api/turn-latency", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice turn latency failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var runVoiceTurnLatencyProof = async (path, options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path, { method: "POST" });
+  if (!response.ok) {
+    throw new Error(`Voice turn latency proof failed: HTTP ${response.status}`);
+  }
+  return response.json();
+};
+var createVoiceTurnLatencyStore = (path = "/api/turn-latency", 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 fetchVoiceTurnLatency(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 runProof = async () => {
+    if (!options.proofPath) {
+      throw new Error("Voice turn latency proof path is not configured.");
+    }
+    snapshot = { ...snapshot, error: null, isLoading: true };
+    emit();
+    try {
+      await runVoiceTurnLatencyProof(options.proofPath, options);
+      return await refresh();
+    } 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,
+    runProof,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+
+// src/client/turnLatencyWidget.ts
+var DEFAULT_TITLE8 = "Turn Latency";
+var DEFAULT_DESCRIPTION8 = "Per-turn timing from first transcript to commit and assistant response start.";
+var DEFAULT_PROOF_LABEL = "Run latency proof";
+var escapeHtml9 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatMs = (value) => typeof value === "number" ? `${Math.round(value)}ms` : "n/a";
+var createVoiceTurnLatencyViewModel = (snapshot, options = {}) => {
+  const turns = (snapshot.report?.turns ?? []).map((turn) => ({
+    ...turn,
+    label: turn.text || "Empty turn",
+    rows: turn.stages.map((stage) => ({
+      label: stage.label,
+      value: formatMs(stage.valueMs)
+    }))
+  }));
+  const warningCount = snapshot.report?.warnings ?? turns.filter((turn) => turn.status === "warn").length;
+  const failedCount = snapshot.report?.failed ?? turns.filter((turn) => turn.status === "fail").length;
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION8,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: snapshot.error ? "Unavailable" : turns.length ? failedCount > 0 ? `${failedCount} slow` : warningCount > 0 ? `${warningCount} warnings` : `avg ${formatMs(snapshot.report?.averageTotalMs)}` : snapshot.isLoading ? "Checking" : "No turns",
+    proofLabel: options.proofPath ? options.proofLabel ?? DEFAULT_PROOF_LABEL : undefined,
+    showProofAction: Boolean(options.proofPath),
+    status: snapshot.error ? "error" : turns.length ? failedCount > 0 || warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
+    title: options.title ?? DEFAULT_TITLE8,
+    turns,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceTurnLatencyHTML = (snapshot, options = {}) => {
+  const model = createVoiceTurnLatencyViewModel(snapshot, options);
+  const turns = model.turns.length ? `<div class="absolute-voice-turn-latency__turns">${model.turns.map((turn) => `<article class="absolute-voice-turn-latency__turn absolute-voice-turn-latency__turn--${escapeHtml9(turn.status)}">
+  <header>
+    <strong>${escapeHtml9(turn.label)}</strong>
+    <span>${escapeHtml9(turn.status)}</span>
+  </header>
+  <dl>${turn.rows.map((row) => `<div>
+    <dt>${escapeHtml9(row.label)}</dt>
+    <dd>${escapeHtml9(row.value)}</dd>
+  </div>`).join("")}</dl>
+</article>`).join("")}</div>` : '<p class="absolute-voice-turn-latency__empty">Complete a voice turn to see latency diagnostics.</p>';
+  return `<section class="absolute-voice-turn-latency absolute-voice-turn-latency--${escapeHtml9(model.status)}">
+  <header class="absolute-voice-turn-latency__header">
+    <span class="absolute-voice-turn-latency__eyebrow">${escapeHtml9(model.title)}</span>
+    <strong class="absolute-voice-turn-latency__label">${escapeHtml9(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-turn-latency__description">${escapeHtml9(model.description)}</p>
+  ${model.showProofAction ? `<button class="absolute-voice-turn-latency__proof" data-absolute-voice-turn-latency-proof type="button">${escapeHtml9(model.proofLabel ?? DEFAULT_PROOF_LABEL)}</button>` : ""}
+  ${turns}
+  ${model.error ? `<p class="absolute-voice-turn-latency__error">${escapeHtml9(model.error)}</p>` : ""}
+</section>`;
+};
+var mountVoiceTurnLatency = (element, path = "/api/turn-latency", options = {}) => {
+  const store = createVoiceTurnLatencyStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceTurnLatencyHTML(store.getSnapshot(), options);
+  };
+  const handleClick = (event) => {
+    const target = event.target;
+    if (target instanceof Element && target.closest("[data-absolute-voice-turn-latency-proof]")) {
+      store.runProof().catch(() => {});
+    }
+  };
+  const unsubscribe = store.subscribe(render);
+  element.addEventListener("click", handleClick);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      element.removeEventListener("click", handleClick);
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceTurnLatencyElement = (tagName = "absolute-voice-turn-latency") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceTurnLatencyElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      this.mounted = mountVoiceTurnLatency(this, this.getAttribute("path") ?? "/api/turn-latency", {
+        description: this.getAttribute("description") ?? undefined,
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        proofLabel: this.getAttribute("proof-label") ?? undefined,
+        proofPath: this.getAttribute("proof-path") ?? undefined,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/vue/useVoiceTurnLatency.ts
+import { onUnmounted as onUnmounted9, shallowRef as shallowRef8 } from "vue";
+function useVoiceTurnLatency(path = "/api/turn-latency", options = {}) {
+  const store = createVoiceTurnLatencyStore(path, options);
+  const error = shallowRef8(null);
+  const isLoading = shallowRef8(false);
+  const report = shallowRef8();
+  const updatedAt = shallowRef8(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(() => {});
+  onUnmounted9(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isLoading,
+    refresh: store.refresh,
+    report,
+    runProof: store.runProof,
+    updatedAt
+  };
+}
+
+// src/vue/VoiceTurnLatency.ts
+var VoiceTurnLatency = defineComponent9({
+  name: "VoiceTurnLatency",
+  props: {
+    class: { default: "", type: String },
+    description: { default: undefined, type: String },
+    intervalMs: { default: 5000, type: Number },
+    path: { default: "/api/turn-latency", type: String },
+    proofLabel: { default: undefined, type: String },
+    proofPath: { default: undefined, type: String },
+    title: { default: undefined, type: String }
+  },
+  setup(props) {
+    const options = {
+      description: props.description,
+      intervalMs: props.intervalMs,
+      proofLabel: props.proofLabel,
+      proofPath: props.proofPath,
+      title: props.title
+    };
+    const latency = useVoiceTurnLatency(props.path, options);
+    const model = computed5(() => createVoiceTurnLatencyViewModel({
+      error: latency.error.value,
+      isLoading: latency.isLoading.value,
+      report: latency.report.value,
+      updatedAt: latency.updatedAt.value
+    }, options));
+    return () => h9("section", {
+      class: [
+        "absolute-voice-turn-latency",
+        `absolute-voice-turn-latency--${model.value.status}`,
+        props.class
+      ]
+    }, [
+      h9("header", { class: "absolute-voice-turn-latency__header" }, [
+        h9("span", { class: "absolute-voice-turn-latency__eyebrow" }, model.value.title),
+        h9("strong", { class: "absolute-voice-turn-latency__label" }, model.value.label)
+      ]),
+      h9("p", { class: "absolute-voice-turn-latency__description" }, model.value.description),
+      model.value.showProofAction ? h9("button", {
+        class: "absolute-voice-turn-latency__proof",
+        onClick: () => {
+          latency.runProof().catch(() => {});
+        },
+        type: "button"
+      }, model.value.proofLabel) : null,
+      model.value.turns.length ? h9("div", { class: "absolute-voice-turn-latency__turns" }, model.value.turns.map((turn) => h9("article", {
+        class: [
+          "absolute-voice-turn-latency__turn",
+          `absolute-voice-turn-latency__turn--${turn.status}`
+        ],
+        key: `${turn.sessionId}:${turn.turnId}`
+      }, [
+        h9("header", [
+          h9("strong", turn.label),
+          h9("span", turn.status)
+        ]),
+        h9("dl", turn.rows.map((row) => h9("div", { key: row.label }, [
+          h9("dt", row.label),
+          h9("dd", row.value)
+        ])))
+      ]))) : h9("p", { class: "absolute-voice-turn-latency__empty" }, "Complete a voice turn to see latency diagnostics."),
+      model.value.error ? h9("p", { class: "absolute-voice-turn-latency__error" }, model.value.error) : null
+    ]);
+  }
+});
+// src/vue/VoiceTurnQuality.ts
+import { computed as computed6, defineComponent as defineComponent10, h as h10 } 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_TITLE9 = "Turn Quality";
+var DEFAULT_DESCRIPTION9 = "Per-turn STT confidence, fallback selection, corrections, and transcript coverage.";
+var escapeHtml10 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatConfidence = (value) => typeof value === "number" ? `${Math.round(value * 100)}%` : "n/a";
+var formatMaybe = (value) => value === undefined || value === "" ? "n/a" : String(value);
+var getTurnDetail = (turn) => {
+  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_DESCRIPTION9,
+    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_TITLE9,
+    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--${escapeHtml10(turn.status)}">
+  <header>
+    <strong>${escapeHtml10(turn.label)}</strong>
+    <span>${escapeHtml10(turn.status)}</span>
+  </header>
+  <p>${escapeHtml10(turn.detail)}</p>
+  <dl>${turn.rows.map((row) => `<div>
+    <dt>${escapeHtml10(row.label)}</dt>
+    <dd>${escapeHtml10(row.value)}</dd>
+  </div>`).join("")}</dl>
+</article>`).join("")}</div>` : '<p class="absolute-voice-turn-quality__empty">Complete a voice turn to see STT quality diagnostics.</p>';
+  return `<section class="absolute-voice-turn-quality absolute-voice-turn-quality--${escapeHtml10(model.status)}">
+  <header class="absolute-voice-turn-quality__header">
+    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml10(model.title)}</span>
+    <strong class="absolute-voice-turn-quality__label">${escapeHtml10(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-turn-quality__description">${escapeHtml10(model.description)}</p>
+  ${turns}
+  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml10(model.error)}</p>` : ""}
+</section>`;
+};
+var getVoiceTurnQualityCSS = () => `.absolute-voice-turn-quality{border:1px solid #e4d1a3;border-radius:20px;background:#fff9eb;color:#17120a;padding:18px;box-shadow:0 18px 40px rgba(73,48,14,.12);font-family:inherit}.absolute-voice-turn-quality--error,.absolute-voice-turn-quality--warning{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-turn-quality__header,.absolute-voice-turn-quality__turn header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-turn-quality__eyebrow{color:#8a5a0a;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-turn-quality__label{font-size:24px;line-height:1}.absolute-voice-turn-quality__description,.absolute-voice-turn-quality__turn p,.absolute-voice-turn-quality__turn dt,.absolute-voice-turn-quality__empty{color:#5a4930}.absolute-voice-turn-quality__turns{display:grid;gap:12px;margin-top:14px}.absolute-voice-turn-quality__turn{background:#fff;border:1px solid #f0dfba;border-radius:16px;padding:14px}.absolute-voice-turn-quality__turn--pass{border-color:#86efac}.absolute-voice-turn-quality__turn--warn,.absolute-voice-turn-quality__turn--unknown{border-color:#fbbf24}.absolute-voice-turn-quality__turn--fail{border-color:#f2a7a7}.absolute-voice-turn-quality__turn p{margin:10px 0}.absolute-voice-turn-quality__turn dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.absolute-voice-turn-quality__turn div{background:#fff9eb;border:1px solid #f0dfba;border-radius:12px;padding:8px}.absolute-voice-turn-quality__turn dt{font-size:12px}.absolute-voice-turn-quality__turn dd{font-weight:800;margin:4px 0 0}.absolute-voice-turn-quality__empty{margin:14px 0 0}.absolute-voice-turn-quality__error{color:#9f1239;font-weight:700}`;
+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 onUnmounted10, shallowRef as shallowRef9 } from "vue";
+function useVoiceTurnQuality(path = "/api/turn-quality", options = {}) {
+  const store = createVoiceTurnQualityStore(path, options);
+  const error = shallowRef9(null);
+  const isLoading = shallowRef9(false);
+  const report = shallowRef9();
+  const updatedAt = shallowRef9(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(() => {});
+  onUnmounted10(() => {
+    unsubscribe();
+    store.close();
+  });
+  return { error, isLoading, refresh: store.refresh, report, updatedAt };
+}
+
+// src/vue/VoiceTurnQuality.ts
+var VoiceTurnQuality = defineComponent10({
+  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 = computed6(() => createVoiceTurnQualityViewModel({
+      error: quality.error.value,
+      isLoading: quality.isLoading.value,
+      report: quality.report.value,
+      updatedAt: quality.updatedAt.value
+    }, options));
+    return () => h10("section", {
+      class: [
+        "absolute-voice-turn-quality",
+        `absolute-voice-turn-quality--${model.value.status}`,
+        props.class
+      ]
+    }, [
+      h10("header", { class: "absolute-voice-turn-quality__header" }, [
+        h10("span", { class: "absolute-voice-turn-quality__eyebrow" }, model.value.title),
+        h10("strong", { class: "absolute-voice-turn-quality__label" }, model.value.label)
+      ]),
+      h10("p", { class: "absolute-voice-turn-quality__description" }, model.value.description),
+      model.value.turns.length ? h10("div", { class: "absolute-voice-turn-quality__turns" }, model.value.turns.map((turn) => h10("article", {
+        class: [
+          "absolute-voice-turn-quality__turn",
+          `absolute-voice-turn-quality__turn--${turn.status}`
+        ],
+        key: `${turn.sessionId}:${turn.turnId}`
+      }, [
+        h10("header", [
+          h10("strong", turn.label),
+          h10("span", turn.status)
+        ]),
+        h10("p", turn.detail),
+        h10("dl", turn.rows.map((row) => h10("div", { key: row.label }, [
+          h10("dt", row.label),
+          h10("dd", row.value)
+        ])))
+      ]))) : h10("p", { class: "absolute-voice-turn-quality__empty" }, "Complete a voice turn to see STT quality diagnostics."),
+      model.value.error ? h10("p", { class: "absolute-voice-turn-quality__error" }, model.value.error) : null
+    ]);
+  }
+});
+// src/vue/useVoiceLiveOps.ts
+import { onUnmounted as onUnmounted11, ref as ref7, shallowRef as shallowRef10 } from "vue";
+
+// src/client/liveOps.ts
+var postVoiceLiveOpsAction = async (input, options = {}) => {
+  if (!input.sessionId) {
+    throw new Error("Start a voice session before running live ops actions.");
+  }
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(options.actionPath ?? "/api/voice/live-ops/action", {
+    body: JSON.stringify(input),
+    headers: {
+      "Content-Type": "application/json"
+    },
+    method: "POST"
+  });
+  const payload = await response.json().catch(() => null);
+  if (!response.ok || !payload?.ok) {
+    const message = payload && typeof payload === "object" && "error" in payload ? String(payload.error) : `Voice live ops action failed: HTTP ${response.status}`;
+    throw new Error(message);
+  }
+  return payload;
+};
+var createVoiceLiveOpsStore = (options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let snapshot = {
+    error: null,
+    isRunning: false
+  };
+  const emit = () => {
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const run = async (input) => {
+    if (closed) {
+      return snapshot.lastResult;
+    }
+    snapshot = {
+      ...snapshot,
+      error: null,
+      isRunning: true,
+      runningAction: input.action
+    };
+    emit();
+    try {
+      const result = await postVoiceLiveOpsAction(input, options);
+      await options.onControl?.(result);
+      snapshot = {
+        ...snapshot,
+        error: null,
+        isRunning: false,
+        lastResult: result,
+        runningAction: undefined,
+        updatedAt: Date.now()
+      };
+      emit();
+      return result;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        error: error instanceof Error ? error.message : String(error),
+        isRunning: false,
+        runningAction: undefined,
+        updatedAt: Date.now()
+      };
+      emit();
+      throw error;
+    }
+  };
+  const close = () => {
+    closed = true;
+    listeners.clear();
+  };
+  return {
+    close,
+    getServerSnapshot: () => snapshot,
+    getSnapshot: () => snapshot,
+    run,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+
+// src/vue/useVoiceLiveOps.ts
+function useVoiceLiveOps(options = {}) {
+  const store = createVoiceLiveOpsStore(options);
+  const error = ref7(null);
+  const isRunning = ref7(false);
+  const lastResult = shallowRef10(undefined);
+  const runningAction = ref7(undefined);
+  const updatedAt = ref7(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    error.value = snapshot.error;
+    isRunning.value = snapshot.isRunning;
+    lastResult.value = snapshot.lastResult;
+    runningAction.value = snapshot.runningAction;
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  onUnmounted11(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isRunning,
+    lastResult,
+    run: store.run,
+    runningAction,
+    updatedAt
+  };
+}
+// src/vue/useVoiceCampaignDialerProof.ts
+import { onUnmounted as onUnmounted12, shallowRef as shallowRef11 } from "vue";
+
+// src/client/campaignDialerProof.ts
+var fetchVoiceCampaignDialerProofStatus = async (path = "/api/voice/campaigns/dialer-proof", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice campaign dialer proof status failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var runVoiceCampaignDialerProofAction = async (path = "/api/voice/campaigns/dialer-proof", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path, { method: "POST" });
+  if (!response.ok) {
+    throw new Error(`Voice campaign dialer proof failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceCampaignDialerProofStore = (path = "/api/voice/campaigns/dialer-proof", 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.status;
+    }
+    snapshot = { ...snapshot, error: null, isLoading: true };
+    emit();
+    try {
+      const status = await fetchVoiceCampaignDialerProofStatus(path, options);
+      snapshot = {
+        ...snapshot,
+        error: null,
+        isLoading: false,
+        status,
+        updatedAt: Date.now()
+      };
+      emit();
+      return status;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        error: error instanceof Error ? error.message : String(error),
+        isLoading: false
+      };
+      emit();
+      throw error;
+    }
+  };
+  const runProof = async () => {
+    const runPath = options.runPath ?? snapshot.status?.runPath ?? path;
+    snapshot = { ...snapshot, error: null, isLoading: true };
+    emit();
+    try {
+      const report = await runVoiceCampaignDialerProofAction(runPath, options);
+      snapshot = {
+        ...snapshot,
+        error: null,
+        isLoading: false,
+        report,
+        status: {
+          generatedAt: Date.now(),
+          mode: report.mode,
+          ok: report.ok,
+          providers: report.providers.map((provider) => provider.provider),
+          runPath,
+          safe: true
+        },
+        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,
+    runProof,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+
+// src/vue/useVoiceCampaignDialerProof.ts
+function useVoiceCampaignDialerProof(path = "/api/voice/campaigns/dialer-proof", options = {}) {
+  const store = createVoiceCampaignDialerProofStore(path, options);
+  const error = shallowRef11(null);
+  const isLoading = shallowRef11(false);
+  const report = shallowRef11();
+  const status = shallowRef11();
+  const updatedAt = shallowRef11(undefined);
+  const sync = () => {
+    const snapshot = store.getSnapshot();
+    error.value = snapshot.error;
+    isLoading.value = snapshot.isLoading;
+    report.value = snapshot.report;
+    status.value = snapshot.status;
+    updatedAt.value = snapshot.updatedAt;
+  };
+  const unsubscribe = store.subscribe(sync);
+  sync();
+  if (typeof window !== "undefined") {
+    store.refresh().catch(() => {});
+  }
+  onUnmounted12(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isLoading,
+    refresh: store.refresh,
+    report,
+    runProof: store.runProof,
+    status,
+    updatedAt
+  };
+}
 // src/vue/useVoiceStream.ts
-import { onUnmounted, ref, shallowRef } from "vue";
+import { onUnmounted as onUnmounted13, ref as ref8, shallowRef as shallowRef12 } from "vue";
 
 // src/client/actions.ts
 var normalizeErrorMessage = (value) => {
@@ -120,6 +3479,17 @@ var serverMessageToAction = (message) => {
         sessionId: message.sessionId,
         type: "complete"
       };
+    case "connection":
+      return {
+        reconnect: message.reconnect,
+        type: "connection"
+      };
+    case "call_lifecycle":
+      return {
+        event: message.event,
+        sessionId: message.sessionId,
+        type: "call_lifecycle"
+      };
     case "error":
       return {
         message: normalizeErrorMessage(message.message),
@@ -135,6 +3505,17 @@ var serverMessageToAction = (message) => {
         transcript: message.transcript,
         type: "partial"
       };
+    case "replay":
+      return {
+        assistantTexts: message.assistantTexts,
+        call: message.call,
+        partial: message.partial,
+        scenarioId: message.scenarioId,
+        sessionId: message.sessionId,
+        status: message.status,
+        turns: message.turns,
+        type: "replay"
+      };
     case "session":
       return {
         sessionId: message.sessionId,
@@ -163,7 +3544,7 @@ var DEFAULT_SCENARIO_QUERY_PARAM = "scenarioId";
 var noop = () => {};
 var noopUnsubscribe = () => noop;
 var NOOP_CONNECTION = {
-  start: () => {},
+  callControl: noop,
   close: noop,
   endTurn: noop,
   getReadyState: () => WS_CLOSED,
@@ -171,6 +3552,7 @@ var NOOP_CONNECTION = {
   getSessionId: () => "",
   send: noop,
   sendAudio: noop,
+  start: () => {},
   subscribe: noopUnsubscribe
 };
 var createSessionId = () => crypto.randomUUID();
@@ -192,11 +3574,14 @@ var isVoiceServerMessage = (value) => {
   switch (value.type) {
     case "audio":
     case "assistant":
+    case "call_lifecycle":
     case "complete":
+    case "connection":
     case "error":
     case "final":
     case "partial":
     case "pong":
+    case "replay":
     case "session":
     case "turn":
       return true;
@@ -233,6 +3618,9 @@ var createVoiceConnection = (path, options = {}) => {
     sessionId: options.sessionId ?? createSessionId(),
     ws: null
   };
+  const emitConnection = (reconnect) => {
+    listeners.forEach((listener) => listener(reconnect));
+  };
   const clearTimers = () => {
     if (state.pingInterval) {
       clearInterval(state.pingInterval);
@@ -255,9 +3643,28 @@ var createVoiceConnection = (path, options = {}) => {
     }
   };
   const scheduleReconnect = () => {
+    const nextAttemptAt = Date.now() + RECONNECT_DELAY_MS;
     state.reconnectAttempts += 1;
+    emitConnection({
+      reconnect: {
+        attempts: state.reconnectAttempts,
+        lastDisconnectAt: Date.now(),
+        maxAttempts: maxReconnectAttempts,
+        nextAttemptAt,
+        status: "reconnecting"
+      },
+      type: "connection"
+    });
     state.reconnectTimeout = setTimeout(() => {
       if (state.reconnectAttempts > maxReconnectAttempts) {
+        emitConnection({
+          reconnect: {
+            attempts: state.reconnectAttempts,
+            maxAttempts: maxReconnectAttempts,
+            status: "exhausted"
+          },
+          type: "connection"
+        });
         return;
       }
       connect();
@@ -267,9 +3674,21 @@ var createVoiceConnection = (path, options = {}) => {
     const ws = new WebSocket(buildWsUrl(path, state.sessionId, state.scenarioId));
     ws.binaryType = "arraybuffer";
     ws.onopen = () => {
+      const wasReconnecting = state.reconnectAttempts > 0;
       state.isConnected = true;
-      state.reconnectAttempts = 0;
       flushPendingMessages();
+      if (wasReconnecting) {
+        emitConnection({
+          reconnect: {
+            attempts: state.reconnectAttempts,
+            lastResumedAt: Date.now(),
+            maxAttempts: maxReconnectAttempts,
+            status: "resumed"
+          },
+          type: "connection"
+        });
+        state.reconnectAttempts = 0;
+      }
       listeners.forEach((listener) => listener({
         scenarioId: state.scenarioId ?? undefined,
         sessionId: state.sessionId,
@@ -299,6 +3718,16 @@ var createVoiceConnection = (path, options = {}) => {
       const reconnectable = shouldReconnect && event.code !== WS_NORMAL_CLOSURE && state.reconnectAttempts < maxReconnectAttempts;
       if (reconnectable) {
         scheduleReconnect();
+      } else if (shouldReconnect && event.code !== WS_NORMAL_CLOSURE) {
+        emitConnection({
+          reconnect: {
+            attempts: state.reconnectAttempts,
+            lastDisconnectAt: Date.now(),
+            maxAttempts: maxReconnectAttempts,
+            status: "exhausted"
+          },
+          type: "connection"
+        });
       }
     };
     state.ws = ws;
@@ -332,6 +3761,12 @@ var createVoiceConnection = (path, options = {}) => {
   const endTurn = () => {
     send({ type: "end_turn" });
   };
+  const callControl = (message) => {
+    send({
+      ...message,
+      type: "call_control"
+    });
+  };
   const close = () => {
     clearTimers();
     if (state.ws) {
@@ -349,7 +3784,7 @@ var createVoiceConnection = (path, options = {}) => {
   };
   connect();
   return {
-    start,
+    callControl,
     close,
     endTurn,
     getReadyState: () => state.ws?.readyState ?? WS_CLOSED,
@@ -357,18 +3792,26 @@ var createVoiceConnection = (path, options = {}) => {
     getSessionId: () => state.sessionId,
     send,
     sendAudio,
+    start,
     subscribe
   };
 };
 
 // src/client/store.ts
+var createInitialReconnectState = () => ({
+  attempts: 0,
+  maxAttempts: 0,
+  status: "idle"
+});
 var createInitialState = () => ({
   assistantAudio: [],
   assistantTexts: [],
+  call: null,
   error: null,
   isConnected: false,
   scenarioId: null,
   partial: "",
+  reconnect: createInitialReconnectState(),
   sessionId: null,
   status: "idle",
   turns: []
@@ -408,10 +3851,36 @@ var createVoiceStreamStore = () => {
           status: "completed"
         };
         break;
+      case "call_lifecycle":
+        state = {
+          ...state,
+          call: {
+            ...state.call,
+            disposition: action.event.type === "end" ? action.event.disposition : state.call?.disposition,
+            endedAt: action.event.type === "end" ? action.event.at : state.call?.endedAt,
+            events: [...state.call?.events ?? [], action.event],
+            lastEventAt: action.event.at,
+            startedAt: state.call?.startedAt ?? action.event.at
+          },
+          sessionId: action.sessionId
+        };
+        break;
       case "connected":
         state = {
           ...state,
-          isConnected: true
+          isConnected: true,
+          reconnect: state.reconnect.status === "reconnecting" ? {
+            ...state.reconnect,
+            lastResumedAt: Date.now(),
+            nextAttemptAt: undefined,
+            status: "resumed"
+          } : state.reconnect
+        };
+        break;
+      case "connection":
+        state = {
+          ...state,
+          reconnect: action.reconnect
         };
         break;
       case "disconnected":
@@ -439,6 +3908,26 @@ var createVoiceStreamStore = () => {
           partial: action.transcript.text
         };
         break;
+      case "replay":
+        state = {
+          ...state,
+          assistantTexts: [...action.assistantTexts],
+          call: action.call ?? null,
+          error: null,
+          isConnected: action.status === "active",
+          partial: action.partial,
+          reconnect: state.reconnect.status === "reconnecting" ? {
+            ...state.reconnect,
+            lastResumedAt: Date.now(),
+            nextAttemptAt: undefined,
+            status: "resumed"
+          } : state.reconnect,
+          scenarioId: action.scenarioId ?? state.scenarioId,
+          sessionId: action.sessionId,
+          status: action.status,
+          turns: [...action.turns]
+        };
+        break;
       case "session":
         state = {
           ...state,
@@ -486,14 +3975,41 @@ var createVoiceStream = (path, options = {}) => {
   const notify = () => {
     subscribers.forEach((subscriber) => subscriber());
   };
+  const reportReconnect = () => {
+    if (!options.reconnectReportPath || typeof fetch === "undefined") {
+      return;
+    }
+    const snapshot = store.getSnapshot();
+    const body = JSON.stringify({
+      at: Date.now(),
+      reconnect: snapshot.reconnect,
+      scenarioId: snapshot.scenarioId,
+      sessionId: connection.getSessionId(),
+      turnIds: snapshot.turns.map((turn) => turn.id)
+    });
+    fetch(options.reconnectReportPath, {
+      body,
+      headers: {
+        "Content-Type": "application/json"
+      },
+      keepalive: true,
+      method: "POST"
+    }).catch(() => {});
+  };
   const unsubscribeConnection = connection.subscribe((message) => {
     const action = serverMessageToAction(message);
     if (action) {
       store.dispatch(action);
+      if (message.type === "connection") {
+        reportReconnect();
+      }
       notify();
     }
   });
   return {
+    callControl(message) {
+      connection.callControl(message);
+    },
     close() {
       unsubscribeConnection();
       connection.close();
@@ -522,6 +4038,9 @@ var createVoiceStream = (path, options = {}) => {
     get partial() {
       return store.getSnapshot().partial;
     },
+    get reconnect() {
+      return store.getSnapshot().reconnect;
+    },
     get sessionId() {
       return connection.getSessionId();
     },
@@ -537,6 +4056,9 @@ var createVoiceStream = (path, options = {}) => {
     get assistantAudio() {
       return store.getSnapshot().assistantAudio;
     },
+    get call() {
+      return store.getSnapshot().call;
+    },
     sendAudio(audio) {
       connection.sendAudio(audio);
     },
@@ -550,22 +4072,26 @@ var createVoiceStream = (path, options = {}) => {
 };
 
 // src/vue/useVoiceStream.ts
-var useVoiceStream = (path, options = {}) => {
+function useVoiceStream(path, options = {}) {
   const stream = createVoiceStream(path, options);
-  const assistantAudio = shallowRef([]);
-  const assistantTexts = shallowRef([]);
-  const error = ref(null);
-  const isConnected = ref(false);
-  const partial = ref("");
-  const sessionId = ref(stream.sessionId);
-  const status = ref(stream.status);
-  const turns = shallowRef([]);
+  const assistantAudio = shallowRef12([]);
+  const assistantTexts = shallowRef12([]);
+  const call = shallowRef12(null);
+  const error = ref8(null);
+  const isConnected = ref8(false);
+  const partial = ref8("");
+  const reconnect = shallowRef12(stream.reconnect);
+  const sessionId = ref8(stream.sessionId);
+  const status = ref8(stream.status);
+  const turns = shallowRef12([]);
   const sync = () => {
     assistantAudio.value = [...stream.assistantAudio];
     assistantTexts.value = [...stream.assistantTexts];
+    call.value = stream.call;
     error.value = stream.error;
     isConnected.value = stream.isConnected;
     partial.value = stream.partial;
+    reconnect.value = stream.reconnect;
     sessionId.value = stream.sessionId;
     status.value = stream.status;
     turns.value = [...stream.turns];
@@ -576,23 +4102,26 @@ var useVoiceStream = (path, options = {}) => {
     unsubscribe();
     stream.close();
   };
-  onUnmounted(destroy);
+  onUnmounted13(destroy);
   return {
     assistantAudio,
     assistantTexts,
+    call,
+    callControl: (message) => stream.callControl(message),
     close: () => destroy(),
     endTurn: () => stream.endTurn(),
     error,
     isConnected,
     partial,
+    reconnect,
     sendAudio: (audio) => stream.sendAudio(audio),
     sessionId,
     status,
     turns
   };
-};
+}
 // src/vue/useVoiceController.ts
-import { onUnmounted as onUnmounted2, ref as ref2, shallowRef as shallowRef2 } from "vue";
+import { onUnmounted as onUnmounted14, ref as ref9, shallowRef as shallowRef13 } from "vue";
 
 // src/client/htmx.ts
 var DEFAULT_EVENT_NAME = "voice-refresh";
@@ -1056,10 +4585,12 @@ var resolveVoiceRuntimePreset = (name = "default") => {
 var createInitialState2 = (stream) => ({
   assistantAudio: [...stream.assistantAudio],
   assistantTexts: [...stream.assistantTexts],
+  call: stream.call,
   error: stream.error,
   isConnected: stream.isConnected,
   isRecording: false,
   partial: stream.partial,
+  reconnect: stream.reconnect,
   recordingError: null,
   sessionId: stream.sessionId,
   scenarioId: stream.scenarioId,
@@ -1085,9 +4616,11 @@ var createVoiceController = (path, options = {}) => {
       ...state,
       assistantAudio: [...stream.assistantAudio],
       assistantTexts: [...stream.assistantTexts],
+      call: stream.call,
       error: stream.error,
       isConnected: stream.isConnected,
       partial: stream.partial,
+      reconnect: stream.reconnect,
       sessionId: stream.sessionId,
       scenarioId: stream.scenarioId,
       status: stream.status,
@@ -1112,7 +4645,13 @@ var createVoiceController = (path, options = {}) => {
     capture = createMicrophoneCapture({
       channelCount: options.capture?.channelCount ?? preset.capture.channelCount,
       onLevel: options.capture?.onLevel,
-      onAudio: (audio) => stream.sendAudio(audio),
+      onAudio: (audio) => {
+        if (options.capture?.onAudio) {
+          options.capture.onAudio(audio, stream.sendAudio);
+          return;
+        }
+        stream.sendAudio(audio);
+      },
       sampleRateHz: options.capture?.sampleRateHz ?? preset.capture.sampleRateHz
     });
     return capture;
@@ -1162,6 +4701,7 @@ var createVoiceController = (path, options = {}) => {
     bindHTMX(bindingOptions) {
       return bindVoiceHTMX(stream, bindingOptions);
     },
+    callControl: (message) => stream.callControl(message),
     close,
     endTurn: () => stream.endTurn(),
     get error() {
@@ -1181,6 +4721,9 @@ var createVoiceController = (path, options = {}) => {
     get recordingError() {
       return state.recordingError;
     },
+    get reconnect() {
+      return state.reconnect;
+    },
     sendAudio: (audio) => stream.sendAudio(audio),
     get sessionId() {
       return state.sessionId;
@@ -1214,23 +4757,27 @@ var createVoiceController = (path, options = {}) => {
     },
     get assistantAudio() {
       return state.assistantAudio;
+    },
+    get call() {
+      return state.call;
     }
   };
 };
 
 // src/vue/useVoiceController.ts
-var useVoiceController = (path, options = {}) => {
+function useVoiceController(path, options = {}) {
   const controller = createVoiceController(path, options);
-  const assistantAudio = shallowRef2([]);
-  const assistantTexts = shallowRef2([]);
-  const error = ref2(null);
-  const isConnected = ref2(false);
-  const isRecording = ref2(false);
-  const partial = ref2("");
-  const recordingError = ref2(null);
-  const sessionId = ref2(controller.sessionId);
-  const status = ref2(controller.status);
-  const turns = shallowRef2([]);
+  const assistantAudio = shallowRef13([]);
+  const assistantTexts = shallowRef13([]);
+  const error = ref9(null);
+  const isConnected = ref9(false);
+  const isRecording = ref9(false);
+  const partial = ref9("");
+  const reconnect = shallowRef13(controller.reconnect);
+  const recordingError = ref9(null);
+  const sessionId = ref9(controller.sessionId);
+  const status = ref9(controller.status);
+  const turns = shallowRef13([]);
   const sync = () => {
     assistantAudio.value = [...controller.assistantAudio];
     assistantTexts.value = [...controller.assistantTexts];
@@ -1238,6 +4785,7 @@ var useVoiceController = (path, options = {}) => {
     isConnected.value = controller.isConnected;
     isRecording.value = controller.isRecording;
     partial.value = controller.partial;
+    reconnect.value = controller.reconnect;
     recordingError.value = controller.recordingError;
     sessionId.value = controller.sessionId;
     status.value = controller.status;
@@ -1249,7 +4797,7 @@ var useVoiceController = (path, options = {}) => {
     unsubscribe();
     controller.close();
   };
-  onUnmounted2(destroy);
+  onUnmounted14(destroy);
   return {
     assistantAudio,
     assistantTexts,
@@ -1260,6 +4808,7 @@ var useVoiceController = (path, options = {}) => {
     isConnected,
     isRecording,
     partial,
+    reconnect,
     recordingError,
     sendAudio: (audio) => controller.sendAudio(audio),
     sessionId,
@@ -1269,27 +4818,27 @@ var useVoiceController = (path, options = {}) => {
     toggleRecording: () => controller.toggleRecording(),
     turns
   };
-};
-// src/vue/useVoiceProviderStatus.ts
-import { onUnmounted as onUnmounted3, ref as ref3, shallowRef as shallowRef3 } from "vue";
+}
+// src/vue/useVoiceTraceTimeline.ts
+import { onUnmounted as onUnmounted15, ref as ref10, shallowRef as shallowRef14 } from "vue";
 
-// src/client/providerStatus.ts
-var fetchVoiceProviderStatus = async (path = "/api/provider-status", options = {}) => {
+// src/client/traceTimeline.ts
+var fetchVoiceTraceTimeline = async (path = "/api/voice-traces", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
   const response = await fetchImpl(path);
   if (!response.ok) {
-    throw new Error(`Voice provider status failed: HTTP ${response.status}`);
+    throw new Error(`Voice trace timeline failed: HTTP ${response.status}`);
   }
   return await response.json();
 };
-var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {}) => {
+var createVoiceTraceTimelineStore = (path = "/api/voice-traces", options = {}) => {
   const listeners = new Set;
   let closed = false;
   let timer;
   let snapshot = {
     error: null,
     isLoading: false,
-    providers: []
+    report: null
   };
   const emit = () => {
     for (const listener of listeners) {
@@ -1298,7 +4847,7 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
   };
   const refresh = async () => {
     if (closed) {
-      return snapshot.providers;
+      return snapshot.report;
     }
     snapshot = {
       ...snapshot,
@@ -1307,15 +4856,15 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
     };
     emit();
     try {
-      const providers = await fetchVoiceProviderStatus(path, options);
+      const report = await fetchVoiceTraceTimeline(path, options);
       snapshot = {
         error: null,
         isLoading: false,
-        providers,
+        report,
         updatedAt: Date.now()
       };
       emit();
-      return providers;
+      return report;
     } catch (error) {
       snapshot = {
         ...snapshot,
@@ -1353,37 +4902,173 @@ var createVoiceProviderStatusStore = (path = "/api/provider-status", options = {
   };
 };
 
-// src/vue/useVoiceProviderStatus.ts
-var useVoiceProviderStatus = (path = "/api/provider-status", options = {}) => {
-  const store = createVoiceProviderStatusStore(path, options);
-  const error = ref3(null);
-  const isLoading = ref3(false);
-  const providers = shallowRef3([]);
-  const updatedAt = ref3(undefined);
+// src/vue/useVoiceTraceTimeline.ts
+function useVoiceTraceTimeline(path = "/api/voice-traces", options = {}) {
+  const store = createVoiceTraceTimelineStore(path, options);
+  const error = ref10(null);
+  const isLoading = ref10(false);
+  const report = shallowRef14(null);
+  const updatedAt = ref10(undefined);
   const sync = () => {
     const snapshot = store.getSnapshot();
     error.value = snapshot.error;
     isLoading.value = snapshot.isLoading;
-    providers.value = [...snapshot.providers];
+    report.value = snapshot.report;
     updatedAt.value = snapshot.updatedAt;
   };
   const unsubscribe = store.subscribe(sync);
   sync();
   store.refresh().catch(() => {});
-  onUnmounted3(() => {
+  onUnmounted15(() => {
     unsubscribe();
     store.close();
   });
   return {
     error,
     isLoading,
-    providers,
     refresh: store.refresh,
+    report,
     updatedAt
   };
+}
+// src/vue/useVoiceWorkflowStatus.ts
+import { onUnmounted as onUnmounted16, ref as ref11, shallowRef as shallowRef15 } from "vue";
+
+// src/client/workflowStatus.ts
+var fetchVoiceWorkflowStatus = async (path = "/evals/scenarios/json", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice workflow status failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceWorkflowStatusStore = (path = "/evals/scenarios/json", 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 fetchVoiceWorkflowStatus(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 (typeof window !== "undefined" && 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/vue/useVoiceWorkflowStatus.ts
+function useVoiceWorkflowStatus(path = "/evals/scenarios/json", options = {}) {
+  const store = createVoiceWorkflowStatusStore(path, options);
+  const error = ref11(null);
+  const isLoading = ref11(false);
+  const report = shallowRef15(undefined);
+  const updatedAt = ref11(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();
+  if (typeof window !== "undefined") {
+    store.refresh().catch(() => {});
+  }
+  onUnmounted16(() => {
+    unsubscribe();
+    store.close();
+  });
+  return {
+    error,
+    isLoading,
+    refresh: store.refresh,
+    report,
+    updatedAt
+  };
+}
 export {
+  useVoiceWorkflowStatus,
+  useVoiceTurnQuality,
+  useVoiceTurnLatency,
+  useVoiceTraceTimeline,
   useVoiceStream,
+  useVoiceRoutingStatus,
   useVoiceProviderStatus,
-  useVoiceController
+  useVoiceProviderSimulationControls,
+  useVoiceProviderContracts,
+  useVoiceProviderCapabilities,
+  useVoiceOpsStatus,
+  useVoiceOpsActionCenter,
+  useVoiceLiveOps,
+  useVoiceDeliveryRuntime,
+  useVoiceController,
+  useVoiceCampaignDialerProof,
+  VoiceTurnQuality,
+  VoiceTurnLatency,
+  VoiceRoutingStatus,
+  VoiceProviderStatus,
+  VoiceProviderSimulationControls,
+  VoiceProviderContracts,
+  VoiceProviderCapabilities,
+  VoiceOpsStatus,
+  VoiceOpsActionCenter,
+  VoiceDeliveryRuntime
 };