@absolutejs/voice 0.0.22-beta.94 → 0.0.22-beta.95

package/dist/react/index.js

@@ -1759,9 +1759,266 @@ var VoiceTraceTimeline = ({
     ]
   }, undefined, true, undefined, this);
 };
-// src/react/useVoiceTurnQuality.tsx
+// src/react/useVoiceTurnLatency.tsx
 import { useEffect as useEffect7, useRef as useRef7, useSyncExternalStore as useSyncExternalStore7 } from "react";
 
+// 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 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 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/useVoiceTurnLatency.tsx
+var useVoiceTurnLatency = (path = "/api/turn-latency", options = {}) => {
+  const storeRef = useRef7(null);
+  if (!storeRef.current) {
+    storeRef.current = createVoiceTurnLatencyStore(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
+  };
+};
+
+// src/client/turnLatencyWidget.ts
+var DEFAULT_TITLE6 = "Turn Latency";
+var DEFAULT_DESCRIPTION6 = "Per-turn timing from first transcript to commit and assistant response start.";
+var escapeHtml7 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatMs2 = (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: formatMs2(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_DESCRIPTION6,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: snapshot.error ? "Unavailable" : turns.length ? failedCount > 0 ? `${failedCount} slow` : warningCount > 0 ? `${warningCount} warnings` : `avg ${formatMs2(snapshot.report?.averageTotalMs)}` : 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_TITLE6,
+    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--${escapeHtml7(turn.status)}">
+  <header>
+    <strong>${escapeHtml7(turn.label)}</strong>
+    <span>${escapeHtml7(turn.status)}</span>
+  </header>
+  <dl>${turn.rows.map((row) => `<div>
+    <dt>${escapeHtml7(row.label)}</dt>
+    <dd>${escapeHtml7(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--${escapeHtml7(model.status)}">
+  <header class="absolute-voice-turn-latency__header">
+    <span class="absolute-voice-turn-latency__eyebrow">${escapeHtml7(model.title)}</span>
+    <strong class="absolute-voice-turn-latency__label">${escapeHtml7(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-turn-latency__description">${escapeHtml7(model.description)}</p>
+  ${turns}
+  ${model.error ? `<p class="absolute-voice-turn-latency__error">${escapeHtml7(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 unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      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,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/react/VoiceTurnLatency.tsx
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+var VoiceTurnLatency = ({
+  className,
+  path = "/api/turn-latency",
+  ...options
+}) => {
+  const snapshot = useVoiceTurnLatency(path, options);
+  const model = createVoiceTurnLatencyViewModel(snapshot, options);
+  return /* @__PURE__ */ jsxDEV7("section", {
+    className: [
+      "absolute-voice-turn-latency",
+      `absolute-voice-turn-latency--${model.status}`,
+      className
+    ].filter(Boolean).join(" "),
+    children: [
+      /* @__PURE__ */ jsxDEV7("header", {
+        className: "absolute-voice-turn-latency__header",
+        children: [
+          /* @__PURE__ */ jsxDEV7("span", {
+            className: "absolute-voice-turn-latency__eyebrow",
+            children: model.title
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV7("strong", {
+            className: "absolute-voice-turn-latency__label",
+            children: model.label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV7("p", {
+        className: "absolute-voice-turn-latency__description",
+        children: model.description
+      }, undefined, false, undefined, this),
+      model.turns.length ? /* @__PURE__ */ jsxDEV7("div", {
+        className: "absolute-voice-turn-latency__turns",
+        children: model.turns.map((turn) => /* @__PURE__ */ jsxDEV7("article", {
+          className: [
+            "absolute-voice-turn-latency__turn",
+            `absolute-voice-turn-latency__turn--${turn.status}`
+          ].join(" "),
+          children: [
+            /* @__PURE__ */ jsxDEV7("header", {
+              children: [
+                /* @__PURE__ */ jsxDEV7("strong", {
+                  children: turn.label
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV7("span", {
+                  children: turn.status
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV7("dl", {
+              children: turn.rows.map((row) => /* @__PURE__ */ jsxDEV7("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV7("dt", {
+                    children: row.label
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV7("dd", {
+                    children: row.value
+                  }, undefined, false, undefined, this)
+                ]
+              }, row.label, true, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, `${turn.sessionId}:${turn.turnId}`, true, undefined, this))
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV7("p", {
+        className: "absolute-voice-turn-latency__empty",
+        children: "Complete a voice turn to see latency diagnostics."
+      }, undefined, false, undefined, this),
+      model.error ? /* @__PURE__ */ jsxDEV7("p", {
+        className: "absolute-voice-turn-latency__error",
+        children: model.error
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+};
+// src/react/useVoiceTurnQuality.tsx
+import { useEffect as useEffect8, useRef as useRef8, useSyncExternalStore as useSyncExternalStore8 } from "react";
+
 // src/client/turnQuality.ts
 var fetchVoiceTurnQuality = async (path = "/api/turn-quality", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -1843,25 +2100,25 @@ var createVoiceTurnQualityStore = (path = "/api/turn-quality", options = {}) =>
 
 // src/react/useVoiceTurnQuality.tsx
 var useVoiceTurnQuality = (path = "/api/turn-quality", options = {}) => {
-  const storeRef = useRef7(null);
+  const storeRef = useRef8(null);
   if (!storeRef.current) {
     storeRef.current = createVoiceTurnQualityStore(path, options);
   }
   const store = storeRef.current;
-  useEffect7(() => {
+  useEffect8(() => {
     store.refresh().catch(() => {});
     return () => store.close();
   }, [store]);
   return {
-    ...useSyncExternalStore7(store.subscribe, store.getSnapshot, store.getServerSnapshot),
+    ...useSyncExternalStore8(store.subscribe, store.getSnapshot, store.getServerSnapshot),
     refresh: store.refresh
   };
 };
 
 // src/client/turnQualityWidget.ts
-var DEFAULT_TITLE6 = "Turn Quality";
-var DEFAULT_DESCRIPTION6 = "Per-turn STT confidence, fallback selection, corrections, and transcript coverage.";
-var escapeHtml7 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var DEFAULT_TITLE7 = "Turn Quality";
+var DEFAULT_DESCRIPTION7 = "Per-turn STT confidence, fallback selection, corrections, and transcript coverage.";
+var escapeHtml8 = (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) => {
@@ -1899,37 +2156,37 @@ var createVoiceTurnQualityViewModel = (snapshot, options = {}) => {
   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_DESCRIPTION6,
+    description: options.description ?? DEFAULT_DESCRIPTION7,
     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_TITLE6,
+    title: options.title ?? DEFAULT_TITLE7,
     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--${escapeHtml7(turn.status)}">
+  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--${escapeHtml8(turn.status)}">
   <header>
-    <strong>${escapeHtml7(turn.label)}</strong>
-    <span>${escapeHtml7(turn.status)}</span>
+    <strong>${escapeHtml8(turn.label)}</strong>
+    <span>${escapeHtml8(turn.status)}</span>
   </header>
-  <p>${escapeHtml7(turn.detail)}</p>
+  <p>${escapeHtml8(turn.detail)}</p>
   <dl>${turn.rows.map((row) => `<div>
-    <dt>${escapeHtml7(row.label)}</dt>
-    <dd>${escapeHtml7(row.value)}</dd>
+    <dt>${escapeHtml8(row.label)}</dt>
+    <dd>${escapeHtml8(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--${escapeHtml7(model.status)}">
+  return `<section class="absolute-voice-turn-quality absolute-voice-turn-quality--${escapeHtml8(model.status)}">
   <header class="absolute-voice-turn-quality__header">
-    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml7(model.title)}</span>
-    <strong class="absolute-voice-turn-quality__label">${escapeHtml7(model.label)}</strong>
+    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml8(model.title)}</span>
+    <strong class="absolute-voice-turn-quality__label">${escapeHtml8(model.label)}</strong>
   </header>
-  <p class="absolute-voice-turn-quality__description">${escapeHtml7(model.description)}</p>
+  <p class="absolute-voice-turn-quality__description">${escapeHtml8(model.description)}</p>
   ${turns}
-  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml7(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml8(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}`;
@@ -1971,7 +2228,7 @@ var defineVoiceTurnQualityElement = (tagName = "absolute-voice-turn-quality") =>
 };
 
 // src/react/VoiceTurnQuality.tsx
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
 var VoiceTurnQuality = ({
   className,
   path = "/api/turn-quality",
@@ -1979,58 +2236,58 @@ var VoiceTurnQuality = ({
 }) => {
   const snapshot = useVoiceTurnQuality(path, options);
   const model = createVoiceTurnQualityViewModel(snapshot, options);
-  return /* @__PURE__ */ jsxDEV7("section", {
+  return /* @__PURE__ */ jsxDEV8("section", {
     className: [
       "absolute-voice-turn-quality",
       `absolute-voice-turn-quality--${model.status}`,
       className
     ].filter(Boolean).join(" "),
     children: [
-      /* @__PURE__ */ jsxDEV7("header", {
+      /* @__PURE__ */ jsxDEV8("header", {
         className: "absolute-voice-turn-quality__header",
         children: [
-          /* @__PURE__ */ jsxDEV7("span", {
+          /* @__PURE__ */ jsxDEV8("span", {
             className: "absolute-voice-turn-quality__eyebrow",
             children: model.title
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7("strong", {
+          /* @__PURE__ */ jsxDEV8("strong", {
             className: "absolute-voice-turn-quality__label",
             children: model.label
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7("p", {
+      /* @__PURE__ */ jsxDEV8("p", {
         className: "absolute-voice-turn-quality__description",
         children: model.description
       }, undefined, false, undefined, this),
-      model.turns.length ? /* @__PURE__ */ jsxDEV7("div", {
+      model.turns.length ? /* @__PURE__ */ jsxDEV8("div", {
         className: "absolute-voice-turn-quality__turns",
-        children: model.turns.map((turn) => /* @__PURE__ */ jsxDEV7("article", {
+        children: model.turns.map((turn) => /* @__PURE__ */ jsxDEV8("article", {
           className: [
             "absolute-voice-turn-quality__turn",
             `absolute-voice-turn-quality__turn--${turn.status}`
           ].join(" "),
           children: [
-            /* @__PURE__ */ jsxDEV7("header", {
+            /* @__PURE__ */ jsxDEV8("header", {
               children: [
-                /* @__PURE__ */ jsxDEV7("strong", {
+                /* @__PURE__ */ jsxDEV8("strong", {
                   children: turn.label
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV7("span", {
+                /* @__PURE__ */ jsxDEV8("span", {
                   children: turn.status
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV7("p", {
+            /* @__PURE__ */ jsxDEV8("p", {
               children: turn.detail
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV7("dl", {
-              children: turn.rows.map((row) => /* @__PURE__ */ jsxDEV7("div", {
+            /* @__PURE__ */ jsxDEV8("dl", {
+              children: turn.rows.map((row) => /* @__PURE__ */ jsxDEV8("div", {
                 children: [
-                  /* @__PURE__ */ jsxDEV7("dt", {
+                  /* @__PURE__ */ jsxDEV8("dt", {
                     children: row.label
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV7("dd", {
+                  /* @__PURE__ */ jsxDEV8("dd", {
                     children: row.value
                   }, undefined, false, undefined, this)
                 ]
@@ -2038,11 +2295,11 @@ var VoiceTurnQuality = ({
             }, undefined, false, undefined, this)
           ]
         }, `${turn.sessionId}:${turn.turnId}`, true, undefined, this))
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV7("p", {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV8("p", {
         className: "absolute-voice-turn-quality__empty",
         children: "Complete a voice turn to see STT quality diagnostics."
       }, undefined, false, undefined, this),
-      model.error ? /* @__PURE__ */ jsxDEV7("p", {
+      model.error ? /* @__PURE__ */ jsxDEV8("p", {
         className: "absolute-voice-turn-quality__error",
         children: model.error
       }, undefined, false, undefined, this) : null
@@ -2050,7 +2307,7 @@ var VoiceTurnQuality = ({
   }, undefined, true, undefined, this);
 };
 // src/react/useVoiceStream.tsx
-import { useEffect as useEffect8, useRef as useRef8, useSyncExternalStore as useSyncExternalStore8 } from "react";
+import { useEffect as useEffect9, useRef as useRef9, useSyncExternalStore as useSyncExternalStore9 } from "react";
 
 // src/client/actions.ts
 var normalizeErrorMessage = (value) => {
@@ -2578,13 +2835,13 @@ var EMPTY_SNAPSHOT = {
   turns: []
 };
 var useVoiceStream = (path, options = {}) => {
-  const streamRef = useRef8(null);
+  const streamRef = useRef9(null);
   if (!streamRef.current) {
     streamRef.current = createVoiceStream(path, options);
   }
   const stream = streamRef.current;
-  useEffect8(() => () => stream.close(), [stream]);
-  const snapshot = useSyncExternalStore8(stream.subscribe, stream.getSnapshot, stream.getServerSnapshot) ?? EMPTY_SNAPSHOT;
+  useEffect9(() => () => stream.close(), [stream]);
+  const snapshot = useSyncExternalStore9(stream.subscribe, stream.getSnapshot, stream.getServerSnapshot) ?? EMPTY_SNAPSHOT;
   return {
     ...snapshot,
     callControl: (message) => stream.callControl(message),
@@ -2594,7 +2851,7 @@ var useVoiceStream = (path, options = {}) => {
   };
 };
 // src/react/useVoiceController.tsx
-import { useEffect as useEffect9, useRef as useRef9, useSyncExternalStore as useSyncExternalStore9 } from "react";
+import { useEffect as useEffect10, useRef as useRef10, useSyncExternalStore as useSyncExternalStore10 } from "react";
 
 // src/client/htmx.ts
 var DEFAULT_EVENT_NAME = "voice-refresh";
@@ -3247,13 +3504,13 @@ var EMPTY_SNAPSHOT2 = {
   turns: []
 };
 var useVoiceController = (path, options = {}) => {
-  const controllerRef = useRef9(null);
+  const controllerRef = useRef10(null);
   if (!controllerRef.current) {
     controllerRef.current = createVoiceController(path, options);
   }
   const controller = controllerRef.current;
-  useEffect9(() => () => controller.close(), [controller]);
-  const snapshot = useSyncExternalStore9(controller.subscribe, controller.getSnapshot, controller.getServerSnapshot) ?? EMPTY_SNAPSHOT2;
+  useEffect10(() => () => controller.close(), [controller]);
+  const snapshot = useSyncExternalStore10(controller.subscribe, controller.getSnapshot, controller.getServerSnapshot) ?? EMPTY_SNAPSHOT2;
   return {
     ...snapshot,
     bindHTMX: controller.bindHTMX,
@@ -3267,7 +3524,7 @@ var useVoiceController = (path, options = {}) => {
   };
 };
 // src/react/useVoiceWorkflowStatus.tsx
-import { useEffect as useEffect10, useRef as useRef10, useSyncExternalStore as useSyncExternalStore10 } from "react";
+import { useEffect as useEffect11, useRef as useRef11, useSyncExternalStore as useSyncExternalStore11 } from "react";
 
 // src/client/workflowStatus.ts
 var fetchVoiceWorkflowStatus = async (path = "/evals/scenarios/json", options = {}) => {
@@ -3350,23 +3607,24 @@ var createVoiceWorkflowStatusStore = (path = "/evals/scenarios/json", options =
 
 // src/react/useVoiceWorkflowStatus.tsx
 var useVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => {
-  const storeRef = useRef10(null);
+  const storeRef = useRef11(null);
   if (!storeRef.current) {
     storeRef.current = createVoiceWorkflowStatusStore(path, options);
   }
   const store = storeRef.current;
-  useEffect10(() => {
+  useEffect11(() => {
     store.refresh().catch(() => {});
     return () => store.close();
   }, [store]);
   return {
-    ...useSyncExternalStore10(store.subscribe, store.getSnapshot, store.getServerSnapshot),
+    ...useSyncExternalStore11(store.subscribe, store.getSnapshot, store.getServerSnapshot),
     refresh: store.refresh
   };
 };
 export {
   useVoiceWorkflowStatus,
   useVoiceTurnQuality,
+  useVoiceTurnLatency,
   useVoiceTraceTimeline,
   useVoiceStream,
   useVoiceRoutingStatus,
@@ -3376,6 +3634,7 @@ export {
   useVoiceController,
   useVoiceAppKitStatus,
   VoiceTurnQuality,
+  VoiceTurnLatency,
   VoiceTraceTimeline,
   VoiceRoutingStatus,
   VoiceProviderStatus,

package/dist/react/useVoiceTurnLatency.d.ts

@@ -0,0 +1,8 @@
+import { type VoiceTurnLatencyClientOptions } from '../client/turnLatency';
+export declare const useVoiceTurnLatency: (path?: string, options?: VoiceTurnLatencyClientOptions) => {
+    refresh: () => Promise<import("..").VoiceTurnLatencyReport | undefined>;
+    error: string | null;
+    isLoading: boolean;
+    report?: import("..").VoiceTurnLatencyReport;
+    updatedAt?: number;
+};

package/dist/svelte/createVoiceTurnLatency.d.ts

@@ -0,0 +1,10 @@
+import { type VoiceTurnLatencyWidgetOptions } from '../client/turnLatencyWidget';
+export declare const createVoiceTurnLatency: (path?: string, options?: VoiceTurnLatencyWidgetOptions) => {
+    getHTML: () => string;
+    getViewModel: () => import("../client").VoiceTurnLatencyViewModel;
+    close: () => void;
+    getServerSnapshot: () => import("../client").VoiceTurnLatencySnapshot;
+    getSnapshot: () => import("../client").VoiceTurnLatencySnapshot;
+    refresh: () => Promise<import("..").VoiceTurnLatencyReport | undefined>;
+    subscribe: (listener: () => void) => () => void;
+};

package/dist/svelte/index.d.ts

@@ -6,6 +6,7 @@ export { createVoiceStream } from './createVoiceStream';
 export { createVoiceProviderStatus } from './createVoiceProviderStatus';
 export { createVoiceRoutingStatus } from './createVoiceRoutingStatus';
 export { createVoiceTraceTimeline } from './createVoiceTraceTimeline';
+export { createVoiceTurnLatency } from './createVoiceTurnLatency';
 export { createVoiceTurnQuality } from './createVoiceTurnQuality';
 export { createVoiceWorkflowStatus } from './createVoiceWorkflowStatus';
 export { createVoiceController } from '../client/controller';