@absolutejs/voice 0.0.22-beta.6 → 0.0.22-beta.61

package/dist/react/index.js

@@ -69,9 +69,1140 @@ 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/react/useVoiceStream.tsx
+// src/react/useVoiceAppKitStatus.tsx
 import { useEffect, useRef, useSyncExternalStore } from "react";
 
+// src/client/appKitStatus.ts
+var fetchVoiceAppKitStatus = async (path = "/app-kit/status", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(path);
+  if (!response.ok) {
+    throw new Error(`Voice app kit status failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceAppKitStatusStore = (path = "/app-kit/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 fetchVoiceAppKitStatus(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/react/useVoiceAppKitStatus.tsx
+var useVoiceAppKitStatus = (path = "/app-kit/status", options = {}) => {
+  const storeRef = useRef(null);
+  if (!storeRef.current) {
+    storeRef.current = createVoiceAppKitStatusStore(path, options);
+  }
+  const store = storeRef.current;
+  useEffect(() => {
+    store.refresh().catch(() => {});
+    return () => store.close();
+  }, [store]);
+  return {
+    ...useSyncExternalStore(store.subscribe, store.getSnapshot, store.getServerSnapshot),
+    refresh: store.refresh
+  };
+};
+
+// src/client/opsStatusWidget.ts
+var DEFAULT_TITLE = "Voice Ops Status";
+var DEFAULT_DESCRIPTION = "Certified workflow, provider, and handoff readiness from the AbsoluteJS voice app kit.";
+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 = "/app-kit/status", options = {}) => {
+  const store = createVoiceAppKitStatusStore(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") ?? "/app-kit/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/react/VoiceOpsStatus.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+var VoiceOpsStatus = ({
+  className,
+  path = "/app-kit/status",
+  ...options
+}) => {
+  const snapshot = useVoiceAppKitStatus(path, options);
+  const model = createVoiceOpsStatusViewModel(snapshot, options);
+  return /* @__PURE__ */ jsxDEV("section", {
+    className: [
+      "absolute-voice-ops-status",
+      `absolute-voice-ops-status--${model.status}`,
+      className
+    ].filter(Boolean).join(" "),
+    children: [
+      /* @__PURE__ */ jsxDEV("header", {
+        className: "absolute-voice-ops-status__header",
+        children: [
+          /* @__PURE__ */ jsxDEV("span", {
+            className: "absolute-voice-ops-status__eyebrow",
+            children: model.title
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("strong", {
+            className: "absolute-voice-ops-status__label",
+            children: model.label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("p", {
+        className: "absolute-voice-ops-status__description",
+        children: model.description
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "absolute-voice-ops-status__summary",
+        children: [
+          /* @__PURE__ */ jsxDEV("span", {
+            children: [
+              model.passed,
+              " passing"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            children: [
+              Math.max(model.total - model.passed, 0),
+              " failing"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            children: [
+              model.total,
+              " checks"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("ul", {
+        className: "absolute-voice-ops-status__surfaces",
+        children: model.surfaces.length > 0 ? model.surfaces.map((surface) => /* @__PURE__ */ jsxDEV("li", {
+          className: `absolute-voice-ops-status__surface absolute-voice-ops-status__surface--${surface.status}`,
+          children: [
+            /* @__PURE__ */ jsxDEV("span", {
+              children: surface.label
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("strong", {
+              children: surface.detail
+            }, undefined, false, undefined, this)
+          ]
+        }, surface.id, true, undefined, this)) : /* @__PURE__ */ jsxDEV("li", {
+          className: "absolute-voice-ops-status__surface",
+          children: [
+            /* @__PURE__ */ jsxDEV("span", {
+              children: "Status"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("strong", {
+              children: "Waiting for first check"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      model.error ? /* @__PURE__ */ jsxDEV("p", {
+        className: "absolute-voice-ops-status__error",
+        children: model.error
+      }, undefined, false, undefined, this) : null,
+      model.links.length > 0 ? /* @__PURE__ */ jsxDEV("nav", {
+        className: "absolute-voice-ops-status__links",
+        children: model.links.slice(0, 4).map((link) => /* @__PURE__ */ jsxDEV("a", {
+          href: link.href,
+          children: link.label
+        }, `${link.label}:${link.href}`, false, undefined, this))
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+};
+// 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 escapeHtml2 = (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="${escapeHtml2(provider.provider)}"${!model.canSimulateFailure || snapshot.isRunning ? " disabled" : ""}>Simulate ${escapeHtml2(provider.provider)} ${escapeHtml2(formatKind(options.kind))} failure</button>`).join("");
+  const recoveryButtons = model.providers.map((provider) => `<button type="button" data-voice-provider-recover="${escapeHtml2(provider.provider)}"${snapshot.isRunning ? " disabled" : ""}>Mark ${escapeHtml2(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">${escapeHtml2(model.title)}</span>
+    <strong class="absolute-voice-provider-simulation__label">${escapeHtml2(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-provider-simulation__description">${escapeHtml2(model.description)}</p>
+  ${model.canSimulateFailure ? "" : `<p class="absolute-voice-provider-simulation__empty">${escapeHtml2(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">${escapeHtml2(snapshot.error)}</p>` : ""}
+  ${model.resultText ? `<pre class="absolute-voice-provider-simulation__result">${escapeHtml2(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/react/useVoiceProviderSimulationControls.tsx
+import { useEffect as useEffect2, useRef as useRef2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+var useVoiceProviderSimulationControls = (options) => {
+  const storeRef = useRef2(null);
+  if (!storeRef.current) {
+    storeRef.current = createVoiceProviderSimulationControlsStore(options);
+  }
+  const store = storeRef.current;
+  useEffect2(() => () => store.close(), [store]);
+  return {
+    ...useSyncExternalStore2(store.subscribe, store.getSnapshot, store.getServerSnapshot),
+    run: store.run
+  };
+};
+
+// src/react/VoiceProviderSimulationControls.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var VoiceProviderSimulationControls = ({
+  className,
+  ...options
+}) => {
+  const snapshot = useVoiceProviderSimulationControls(options);
+  const model = createVoiceProviderSimulationControlsViewModel(snapshot, options);
+  const run = (provider, mode) => {
+    snapshot.run(provider, mode).catch(() => {});
+  };
+  return /* @__PURE__ */ jsxDEV2("section", {
+    className: [
+      "absolute-voice-provider-simulation",
+      `absolute-voice-provider-simulation--${snapshot.error ? "error" : snapshot.isRunning ? "running" : "ready"}`,
+      className
+    ].filter(Boolean).join(" "),
+    children: [
+      /* @__PURE__ */ jsxDEV2("header", {
+        className: "absolute-voice-provider-simulation__header",
+        children: [
+          /* @__PURE__ */ jsxDEV2("span", {
+            className: "absolute-voice-provider-simulation__eyebrow",
+            children: model.title
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("strong", {
+            className: "absolute-voice-provider-simulation__label",
+            children: model.label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("p", {
+        className: "absolute-voice-provider-simulation__description",
+        children: model.description
+      }, undefined, false, undefined, this),
+      model.canSimulateFailure ? null : /* @__PURE__ */ jsxDEV2("p", {
+        className: "absolute-voice-provider-simulation__empty",
+        children: options.fallbackRequiredMessage ?? "Configure fallback providers before simulating failure."
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2("div", {
+        className: "absolute-voice-provider-simulation__actions",
+        children: [
+          model.failureProviders.map((provider) => /* @__PURE__ */ jsxDEV2("button", {
+            disabled: !model.canSimulateFailure || snapshot.isRunning,
+            onClick: () => run(provider.provider, "failure"),
+            type: "button",
+            children: [
+              "Simulate ",
+              provider.provider,
+              " ",
+              (options.kind ?? "stt").toUpperCase(),
+              " ",
+              "failure"
+            ]
+          }, `fail-${provider.provider}`, true, undefined, this)),
+          model.providers.map((provider) => /* @__PURE__ */ jsxDEV2("button", {
+            disabled: snapshot.isRunning,
+            onClick: () => run(provider.provider, "recovery"),
+            type: "button",
+            children: [
+              "Mark ",
+              provider.provider,
+              " recovered"
+            ]
+          }, `recover-${provider.provider}`, true, undefined, this))
+        ]
+      }, undefined, true, undefined, this),
+      snapshot.error ? /* @__PURE__ */ jsxDEV2("p", {
+        className: "absolute-voice-provider-simulation__error",
+        children: snapshot.error
+      }, undefined, false, undefined, this) : null,
+      model.resultText ? /* @__PURE__ */ jsxDEV2("pre", {
+        className: "absolute-voice-provider-simulation__result",
+        children: model.resultText
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+};
+// src/react/useVoiceProviderStatus.tsx
+import { useEffect as useEffect3, useRef as useRef3, useSyncExternalStore as useSyncExternalStore3 } from "react";
+
+// 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/react/useVoiceProviderStatus.tsx
+var useVoiceProviderStatus = (path = "/api/provider-status", options = {}) => {
+  const storeRef = useRef3(null);
+  if (!storeRef.current) {
+    storeRef.current = createVoiceProviderStatusStore(path, options);
+  }
+  const store = storeRef.current;
+  useEffect3(() => {
+    store.refresh().catch(() => {});
+    return () => store.close();
+  }, [store]);
+  return {
+    ...useSyncExternalStore3(store.subscribe, store.getSnapshot, store.getServerSnapshot),
+    refresh: store.refresh
+  };
+};
+
+// src/client/providerStatusWidget.ts
+var DEFAULT_TITLE2 = "Voice Providers";
+var DEFAULT_DESCRIPTION2 = "Live provider health, fallback counts, latency, and suppression state from your self-hosted trace store.";
+var escapeHtml3 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatProvider = (provider) => provider.split(/[-_\s]+/).filter(Boolean).map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ") || provider;
+var formatStatus = (status) => status.split("-").map((part) => `${part[0]?.toUpperCase() ?? ""}${part.slice(1)}`).join(" ");
+var 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 isWarningStatus = (status) => status === "degraded" || status === "rate-limited" || status === "recoverable" || status === "suppressed";
+var createVoiceProviderStatusViewModel = (snapshot, options = {}) => {
+  const providers = snapshot.providers.map((provider) => ({
+    ...provider,
+    detail: getProviderDetail(provider),
+    label: `${formatProvider(provider.provider)}${provider.recommended ? " recommended" : ""}`,
+    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) => isWarningStatus(provider.status)).length;
+  const healthyCount = providers.filter((provider) => provider.status === "healthy").length;
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION2,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: snapshot.error ? "Unavailable" : providers.length ? warningCount > 0 ? `${warningCount} needs attention` : `${healthyCount} healthy` : snapshot.isLoading ? "Checking" : "No provider traffic",
+    providers,
+    status: snapshot.error ? "error" : providers.length ? warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
+    title: options.title ?? DEFAULT_TITLE2,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceProviderStatusHTML = (snapshot, options = {}) => {
+  const model = createVoiceProviderStatusViewModel(snapshot, options);
+  const providers = model.providers.length ? `<div class="absolute-voice-provider-status__providers">${model.providers.map((provider) => `<article class="absolute-voice-provider-status__provider absolute-voice-provider-status__provider--${escapeHtml3(provider.status)}">
+  <header>
+    <strong>${escapeHtml3(provider.label)}</strong>
+    <span>${escapeHtml3(formatStatus(provider.status))}</span>
+  </header>
+  <p>${escapeHtml3(provider.detail)}</p>
+  <dl>${provider.rows.map((row) => `<div>
+    <dt>${escapeHtml3(row.label)}</dt>
+    <dd>${escapeHtml3(row.value)}</dd>
+  </div>`).join("")}</dl>
+</article>`).join("")}</div>` : '<p class="absolute-voice-provider-status__empty">Run voice traffic to see provider health.</p>';
+  return `<section class="absolute-voice-provider-status absolute-voice-provider-status--${escapeHtml3(model.status)}">
+  <header class="absolute-voice-provider-status__header">
+    <span class="absolute-voice-provider-status__eyebrow">${escapeHtml3(model.title)}</span>
+    <strong class="absolute-voice-provider-status__label">${escapeHtml3(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-provider-status__description">${escapeHtml3(model.description)}</p>
+  ${providers}
+  ${model.error ? `<p class="absolute-voice-provider-status__error">${escapeHtml3(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/react/VoiceProviderStatus.tsx
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+var VoiceProviderStatus = ({
+  className,
+  path = "/api/provider-status",
+  ...options
+}) => {
+  const snapshot = useVoiceProviderStatus(path, options);
+  const model = createVoiceProviderStatusViewModel(snapshot, options);
+  return /* @__PURE__ */ jsxDEV3("section", {
+    className: [
+      "absolute-voice-provider-status",
+      `absolute-voice-provider-status--${model.status}`,
+      className
+    ].filter(Boolean).join(" "),
+    children: [
+      /* @__PURE__ */ jsxDEV3("header", {
+        className: "absolute-voice-provider-status__header",
+        children: [
+          /* @__PURE__ */ jsxDEV3("span", {
+            className: "absolute-voice-provider-status__eyebrow",
+            children: model.title
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("strong", {
+            className: "absolute-voice-provider-status__label",
+            children: model.label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("p", {
+        className: "absolute-voice-provider-status__description",
+        children: model.description
+      }, undefined, false, undefined, this),
+      model.providers.length ? /* @__PURE__ */ jsxDEV3("div", {
+        className: "absolute-voice-provider-status__providers",
+        children: model.providers.map((provider) => /* @__PURE__ */ jsxDEV3("article", {
+          className: [
+            "absolute-voice-provider-status__provider",
+            `absolute-voice-provider-status__provider--${provider.status}`
+          ].join(" "),
+          children: [
+            /* @__PURE__ */ jsxDEV3("header", {
+              children: [
+                /* @__PURE__ */ jsxDEV3("strong", {
+                  children: provider.label
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV3("span", {
+                  children: provider.status
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV3("p", {
+              children: provider.detail
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3("dl", {
+              children: provider.rows.map((row) => /* @__PURE__ */ jsxDEV3("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV3("dt", {
+                    children: row.label
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV3("dd", {
+                    children: row.value
+                  }, undefined, false, undefined, this)
+                ]
+              }, row.label, true, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, provider.provider, true, undefined, this))
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3("p", {
+        className: "absolute-voice-provider-status__empty",
+        children: "Run voice traffic to see provider health."
+      }, undefined, false, undefined, this),
+      model.error ? /* @__PURE__ */ jsxDEV3("p", {
+        className: "absolute-voice-provider-status__error",
+        children: model.error
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+};
+// src/react/useVoiceRoutingStatus.tsx
+import { useEffect as useEffect4, useRef as useRef4, useSyncExternalStore as useSyncExternalStore4 } from "react";
+
+// 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/react/useVoiceRoutingStatus.tsx
+var useVoiceRoutingStatus = (path = "/api/routing/latest", options = {}) => {
+  const storeRef = useRef4(null);
+  if (!storeRef.current) {
+    storeRef.current = createVoiceRoutingStatusStore(path, options);
+  }
+  const store = storeRef.current;
+  useEffect4(() => {
+    store.refresh().catch(() => {});
+    return () => store.close();
+  }, [store]);
+  return {
+    ...useSyncExternalStore4(store.subscribe, store.getSnapshot, store.getServerSnapshot),
+    refresh: store.refresh
+  };
+};
+
+// src/client/routingStatusWidget.ts
+var DEFAULT_TITLE3 = "Voice Routing";
+var DEFAULT_DESCRIPTION3 = "Latest provider routing decision from the self-hosted trace store.";
+var escapeHtml4 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var 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_DESCRIPTION3,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: snapshot.error ? "Unavailable" : decision ? `${formatValue(decision.kind).toUpperCase()} ${formatValue(decision.status, "unknown")}` : snapshot.isLoading ? "Checking" : "No routing yet",
+    rows,
+    status: snapshot.error ? "error" : decision ? "ready" : snapshot.isLoading ? "loading" : "empty",
+    title: options.title ?? DEFAULT_TITLE3,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceRoutingStatusHTML = (snapshot, options = {}) => {
+  const model = createVoiceRoutingStatusViewModel(snapshot, options);
+  const rows = model.rows.length ? `<div class="absolute-voice-routing-status__grid">${model.rows.map((row) => `<div>
+  <span>${escapeHtml4(row.label)}</span>
+  <strong>${escapeHtml4(row.value)}</strong>
+</div>`).join("")}</div>` : '<p class="absolute-voice-routing-status__empty">Start a voice session to see the selected provider.</p>';
+  return `<section class="absolute-voice-routing-status absolute-voice-routing-status--${escapeHtml4(model.status)}">
+  <header class="absolute-voice-routing-status__header">
+    <span class="absolute-voice-routing-status__eyebrow">${escapeHtml4(model.title)}</span>
+    <strong class="absolute-voice-routing-status__label">${escapeHtml4(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-routing-status__description">${escapeHtml4(model.description)}</p>
+  ${rows}
+  ${model.error ? `<p class="absolute-voice-routing-status__error">${escapeHtml4(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/react/VoiceRoutingStatus.tsx
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+var VoiceRoutingStatus = ({
+  className,
+  path = "/api/routing/latest",
+  ...options
+}) => {
+  const snapshot = useVoiceRoutingStatus(path, options);
+  const model = createVoiceRoutingStatusViewModel(snapshot, options);
+  return /* @__PURE__ */ jsxDEV4("section", {
+    className: [
+      "absolute-voice-routing-status",
+      `absolute-voice-routing-status--${model.status}`,
+      className
+    ].filter(Boolean).join(" "),
+    children: [
+      /* @__PURE__ */ jsxDEV4("header", {
+        className: "absolute-voice-routing-status__header",
+        children: [
+          /* @__PURE__ */ jsxDEV4("span", {
+            className: "absolute-voice-routing-status__eyebrow",
+            children: model.title
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("strong", {
+            className: "absolute-voice-routing-status__label",
+            children: model.label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("p", {
+        className: "absolute-voice-routing-status__description",
+        children: model.description
+      }, undefined, false, undefined, this),
+      model.rows.length ? /* @__PURE__ */ jsxDEV4("div", {
+        className: "absolute-voice-routing-status__grid",
+        children: model.rows.map((row) => /* @__PURE__ */ jsxDEV4("div", {
+          children: [
+            /* @__PURE__ */ jsxDEV4("span", {
+              children: row.label
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV4("strong", {
+              children: row.value
+            }, undefined, false, undefined, this)
+          ]
+        }, row.label, true, undefined, this))
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV4("p", {
+        className: "absolute-voice-routing-status__empty",
+        children: "Start a voice session to see the selected provider."
+      }, undefined, false, undefined, this),
+      model.error ? /* @__PURE__ */ jsxDEV4("p", {
+        className: "absolute-voice-routing-status__error",
+        children: model.error
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+};
+// src/react/useVoiceStream.tsx
+import { useEffect as useEffect5, useRef as useRef5, useSyncExternalStore as useSyncExternalStore5 } from "react";
+
 // src/client/actions.ts
 var normalizeErrorMessage = (value) => {
   if (typeof value === "string" && value.trim()) {
@@ -120,6 +1251,12 @@ var serverMessageToAction = (message) => {
         sessionId: message.sessionId,
         type: "complete"
       };
+    case "call_lifecycle":
+      return {
+        event: message.event,
+        sessionId: message.sessionId,
+        type: "call_lifecycle"
+      };
     case "error":
       return {
         message: normalizeErrorMessage(message.message),
@@ -163,7 +1300,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 +1308,7 @@ var NOOP_CONNECTION = {
   getSessionId: () => "",
   send: noop,
   sendAudio: noop,
+  start: () => {},
   subscribe: noopUnsubscribe
 };
 var createSessionId = () => crypto.randomUUID();
@@ -192,6 +1330,7 @@ var isVoiceServerMessage = (value) => {
   switch (value.type) {
     case "audio":
     case "assistant":
+    case "call_lifecycle":
     case "complete":
     case "error":
     case "final":
@@ -332,6 +1471,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 +1494,7 @@ var createVoiceConnection = (path, options = {}) => {
   };
   connect();
   return {
-    start,
+    callControl,
     close,
     endTurn,
     getReadyState: () => state.ws?.readyState ?? WS_CLOSED,
@@ -357,6 +1502,7 @@ var createVoiceConnection = (path, options = {}) => {
     getSessionId: () => state.sessionId,
     send,
     sendAudio,
+    start,
     subscribe
   };
 };
@@ -365,6 +1511,7 @@ var createVoiceConnection = (path, options = {}) => {
 var createInitialState = () => ({
   assistantAudio: [],
   assistantTexts: [],
+  call: null,
   error: null,
   isConnected: false,
   scenarioId: null,
@@ -408,6 +1555,20 @@ 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,
@@ -494,6 +1655,9 @@ var createVoiceStream = (path, options = {}) => {
     }
   });
   return {
+    callControl(message) {
+      connection.callControl(message);
+    },
     close() {
       unsubscribeConnection();
       connection.close();
@@ -537,6 +1701,9 @@ var createVoiceStream = (path, options = {}) => {
     get assistantAudio() {
       return store.getSnapshot().assistantAudio;
     },
+    get call() {
+      return store.getSnapshot().call;
+    },
     sendAudio(audio) {
       connection.sendAudio(audio);
     },
@@ -553,6 +1720,7 @@ var createVoiceStream = (path, options = {}) => {
 var EMPTY_SNAPSHOT = {
   assistantAudio: [],
   assistantTexts: [],
+  call: null,
   error: null,
   isConnected: false,
   partial: "",
@@ -561,22 +1729,23 @@ var EMPTY_SNAPSHOT = {
   turns: []
 };
 var useVoiceStream = (path, options = {}) => {
-  const streamRef = useRef(null);
+  const streamRef = useRef5(null);
   if (!streamRef.current) {
     streamRef.current = createVoiceStream(path, options);
   }
   const stream = streamRef.current;
-  useEffect(() => () => stream.close(), [stream]);
-  const snapshot = useSyncExternalStore(stream.subscribe, stream.getSnapshot, stream.getServerSnapshot) ?? EMPTY_SNAPSHOT;
+  useEffect5(() => () => stream.close(), [stream]);
+  const snapshot = useSyncExternalStore5(stream.subscribe, stream.getSnapshot, stream.getServerSnapshot) ?? EMPTY_SNAPSHOT;
   return {
     ...snapshot,
+    callControl: (message) => stream.callControl(message),
     close: () => stream.close(),
     endTurn: () => stream.endTurn(),
     sendAudio: (audio) => stream.sendAudio(audio)
   };
 };
 // src/react/useVoiceController.tsx
-import { useEffect as useEffect2, useRef as useRef2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useEffect as useEffect6, useRef as useRef6, useSyncExternalStore as useSyncExternalStore6 } from "react";
 
 // src/client/htmx.ts
 var DEFAULT_EVENT_NAME = "voice-refresh";
@@ -1040,6 +2209,7 @@ var resolveVoiceRuntimePreset = (name = "default") => {
 var createInitialState2 = (stream) => ({
   assistantAudio: [...stream.assistantAudio],
   assistantTexts: [...stream.assistantTexts],
+  call: stream.call,
   error: stream.error,
   isConnected: stream.isConnected,
   isRecording: false,
@@ -1069,6 +2239,7 @@ var createVoiceController = (path, options = {}) => {
       ...state,
       assistantAudio: [...stream.assistantAudio],
       assistantTexts: [...stream.assistantTexts],
+      call: stream.call,
       error: stream.error,
       isConnected: stream.isConnected,
       partial: stream.partial,
@@ -1146,6 +2317,7 @@ var createVoiceController = (path, options = {}) => {
     bindHTMX(bindingOptions) {
       return bindVoiceHTMX(stream, bindingOptions);
     },
+    callControl: (message) => stream.callControl(message),
     close,
     endTurn: () => stream.endTurn(),
     get error() {
@@ -1198,6 +2370,9 @@ var createVoiceController = (path, options = {}) => {
     },
     get assistantAudio() {
       return state.assistantAudio;
+    },
+    get call() {
+      return state.call;
     }
   };
 };
@@ -1206,6 +2381,7 @@ var createVoiceController = (path, options = {}) => {
 var EMPTY_SNAPSHOT2 = {
   assistantAudio: [],
   assistantTexts: [],
+  call: null,
   error: null,
   isConnected: false,
   isRecording: false,
@@ -1216,16 +2392,17 @@ var EMPTY_SNAPSHOT2 = {
   turns: []
 };
 var useVoiceController = (path, options = {}) => {
-  const controllerRef = useRef2(null);
+  const controllerRef = useRef6(null);
   if (!controllerRef.current) {
     controllerRef.current = createVoiceController(path, options);
   }
   const controller = controllerRef.current;
-  useEffect2(() => () => controller.close(), [controller]);
-  const snapshot = useSyncExternalStore2(controller.subscribe, controller.getSnapshot, controller.getServerSnapshot) ?? EMPTY_SNAPSHOT2;
+  useEffect6(() => () => controller.close(), [controller]);
+  const snapshot = useSyncExternalStore6(controller.subscribe, controller.getSnapshot, controller.getServerSnapshot) ?? EMPTY_SNAPSHOT2;
   return {
     ...snapshot,
     bindHTMX: controller.bindHTMX,
+    callControl: (message) => controller.callControl(message),
     close: () => controller.close(),
     endTurn: () => controller.endTurn(),
     sendAudio: (audio) => controller.sendAudio(audio),
@@ -1234,7 +2411,114 @@ var useVoiceController = (path, options = {}) => {
     toggleRecording: () => controller.toggleRecording()
   };
 };
+// src/react/useVoiceWorkflowStatus.tsx
+import { useEffect as useEffect7, useRef as useRef7, useSyncExternalStore as useSyncExternalStore7 } from "react";
+
+// 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/react/useVoiceWorkflowStatus.tsx
+var useVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => {
+  const storeRef = useRef7(null);
+  if (!storeRef.current) {
+    storeRef.current = createVoiceWorkflowStatusStore(path, options);
+  }
+  const store = storeRef.current;
+  useEffect7(() => {
+    store.refresh().catch(() => {});
+    return () => store.close();
+  }, [store]);
+  return {
+    ...useSyncExternalStore7(store.subscribe, store.getSnapshot, store.getServerSnapshot),
+    refresh: store.refresh
+  };
+};
 export {
+  useVoiceWorkflowStatus,
   useVoiceStream,
-  useVoiceController
+  useVoiceRoutingStatus,
+  useVoiceProviderStatus,
+  useVoiceProviderSimulationControls,
+  useVoiceController,
+  useVoiceAppKitStatus,
+  VoiceRoutingStatus,
+  VoiceProviderStatus,
+  VoiceProviderSimulationControls,
+  VoiceOpsStatus
 };