@absolutejs/voice 0.0.22-beta.90 → 0.0.22-beta.92

package/dist/svelte/index.js

@@ -1580,6 +1580,183 @@ var createVoiceRoutingStatus = (path = "/api/routing/latest", options = {}) => {
     getViewModel: () => createVoiceRoutingStatusViewModel(store.getSnapshot(), 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 trace timeline failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceTraceTimelineStore = (path = "/api/voice-traces", options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let timer;
+  let snapshot = {
+    error: null,
+    isLoading: false,
+    report: null
+  };
+  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 fetchVoiceTraceTimeline(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/traceTimelineWidget.ts
+var DEFAULT_TITLE5 = "Voice Traces";
+var DEFAULT_DESCRIPTION5 = "Latest call timelines with provider latency, fallbacks, handoffs, and errors from your self-hosted trace store.";
+var escapeHtml6 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var formatMs = (value) => typeof value === "number" ? `${value}ms` : "n/a";
+var formatProviders = (session) => session.providers.length ? session.providers.map((provider) => provider.provider).join(", ") : "No providers";
+var createVoiceTraceTimelineViewModel = (snapshot, options = {}) => {
+  const sessions = (snapshot.report?.sessions ?? []).slice(0, options.limit ?? 3).map((session) => ({
+    ...session,
+    detailHref: `${options.detailBasePath ?? "/traces"}/${encodeURIComponent(session.sessionId)}`,
+    durationLabel: formatMs(session.summary.callDurationMs),
+    label: `${session.summary.eventCount} events / ${session.summary.turnCount} turns`,
+    providerLabel: formatProviders(session)
+  }));
+  const failed = sessions.filter((session) => session.status === "failed").length;
+  const warnings = sessions.filter((session) => session.status === "warning").length;
+  return {
+    description: options.description ?? DEFAULT_DESCRIPTION5,
+    error: snapshot.error,
+    isLoading: snapshot.isLoading,
+    label: snapshot.error ? "Unavailable" : failed > 0 ? `${failed} failed` : warnings > 0 ? `${warnings} warning` : sessions.length ? `${sessions.length} recent` : snapshot.isLoading ? "Checking" : "No traces yet",
+    sessions,
+    status: snapshot.error ? "error" : failed > 0 ? "failed" : warnings > 0 ? "warning" : sessions.length ? "ready" : snapshot.isLoading ? "loading" : "empty",
+    title: options.title ?? DEFAULT_TITLE5,
+    updatedAt: snapshot.updatedAt
+  };
+};
+var renderVoiceTraceTimelineWidgetHTML = (snapshot, options = {}) => {
+  const model = createVoiceTraceTimelineViewModel(snapshot, options);
+  const sessions = model.sessions.length ? `<div class="absolute-voice-trace-timeline__sessions">${model.sessions.map((session) => `<article class="absolute-voice-trace-timeline__session absolute-voice-trace-timeline__session--${escapeHtml6(session.status)}">
+  <header>
+    <strong>${escapeHtml6(session.sessionId)}</strong>
+    <span>${escapeHtml6(session.status)}</span>
+  </header>
+  <p>${escapeHtml6(session.label)} \xB7 ${escapeHtml6(session.durationLabel)} \xB7 ${escapeHtml6(session.providerLabel)}</p>
+  <a href="${escapeHtml6(session.detailHref)}">Open timeline</a>
+</article>`).join("")}</div>` : '<p class="absolute-voice-trace-timeline__empty">Run a voice session to see call timelines.</p>';
+  return `<section class="absolute-voice-trace-timeline absolute-voice-trace-timeline--${escapeHtml6(model.status)}">
+  <header class="absolute-voice-trace-timeline__header">
+    <span class="absolute-voice-trace-timeline__eyebrow">${escapeHtml6(model.title)}</span>
+    <strong class="absolute-voice-trace-timeline__label">${escapeHtml6(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-trace-timeline__description">${escapeHtml6(model.description)}</p>
+  ${sessions}
+  ${model.error ? `<p class="absolute-voice-trace-timeline__error">${escapeHtml6(model.error)}</p>` : ""}
+</section>`;
+};
+var getVoiceTraceTimelineCSS = () => `.absolute-voice-trace-timeline{border:1px solid #bad7d3;border-radius:20px;background:#f3fffb;color:#09201c;padding:18px;box-shadow:0 18px 40px rgba(9,32,28,.12);font-family:inherit}.absolute-voice-trace-timeline--error,.absolute-voice-trace-timeline--failed{border-color:#f2a7a7;background:#fff5f3}.absolute-voice-trace-timeline--warning{border-color:#fbbf24;background:#fffaf0}.absolute-voice-trace-timeline__header,.absolute-voice-trace-timeline__session header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-trace-timeline__eyebrow{color:#17665b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-trace-timeline__label{font-size:24px;line-height:1}.absolute-voice-trace-timeline__description,.absolute-voice-trace-timeline__session p,.absolute-voice-trace-timeline__empty{color:#35544f}.absolute-voice-trace-timeline__sessions{display:grid;gap:12px;margin-top:14px}.absolute-voice-trace-timeline__session{background:#fff;border:1px solid #cfe7e2;border-radius:16px;padding:14px}.absolute-voice-trace-timeline__session--failed{border-color:#f2a7a7}.absolute-voice-trace-timeline__session--warning{border-color:#fbbf24}.absolute-voice-trace-timeline__session p{margin:10px 0}.absolute-voice-trace-timeline__session a{color:#0f766e;font-weight:800}.absolute-voice-trace-timeline__empty{margin:14px 0 0}.absolute-voice-trace-timeline__error{color:#9f1239;font-weight:700}`;
+var mountVoiceTraceTimeline = (element, path = "/api/voice-traces", options = {}) => {
+  const store = createVoiceTraceTimelineStore(path, options);
+  const render = () => {
+    element.innerHTML = renderVoiceTraceTimelineWidgetHTML(store.getSnapshot(), options);
+  };
+  const unsubscribe = store.subscribe(render);
+  render();
+  store.refresh().catch(() => {});
+  return {
+    close: () => {
+      unsubscribe();
+      store.close();
+    },
+    refresh: store.refresh
+  };
+};
+var defineVoiceTraceTimelineElement = (tagName = "absolute-voice-trace-timeline") => {
+  if (typeof window === "undefined" || typeof customElements === "undefined" || customElements.get(tagName)) {
+    return;
+  }
+  customElements.define(tagName, class AbsoluteVoiceTraceTimelineElement extends HTMLElement {
+    mounted;
+    connectedCallback() {
+      const intervalMs = Number(this.getAttribute("interval-ms") ?? 5000);
+      const limit = Number(this.getAttribute("limit") ?? 3);
+      this.mounted = mountVoiceTraceTimeline(this, this.getAttribute("path") ?? "/api/voice-traces", {
+        description: this.getAttribute("description") ?? undefined,
+        detailBasePath: this.getAttribute("detail-base-path") ?? undefined,
+        intervalMs: Number.isFinite(intervalMs) ? intervalMs : 5000,
+        limit: Number.isFinite(limit) ? limit : 3,
+        title: this.getAttribute("title") ?? undefined
+      });
+    }
+    disconnectedCallback() {
+      this.mounted?.close();
+      this.mounted = undefined;
+    }
+  });
+};
+
+// src/svelte/createVoiceTraceTimeline.ts
+var createVoiceTraceTimeline = (path = "/api/voice-traces", options = {}) => {
+  const store = createVoiceTraceTimelineStore(path, options);
+  return {
+    ...store,
+    getHTML: () => renderVoiceTraceTimelineWidgetHTML(store.getSnapshot(), options),
+    getViewModel: () => createVoiceTraceTimelineViewModel(store.getSnapshot(), options)
+  };
+};
 // src/client/turnQuality.ts
 var fetchVoiceTurnQuality = async (path = "/api/turn-quality", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -1660,9 +1837,9 @@ var createVoiceTurnQualityStore = (path = "/api/turn-quality", options = {}) =>
 };
 
 // src/client/turnQualityWidget.ts
-var DEFAULT_TITLE5 = "Turn Quality";
-var DEFAULT_DESCRIPTION5 = "Per-turn STT confidence, fallback selection, corrections, and transcript coverage.";
-var escapeHtml6 = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+var 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 formatConfidence = (value) => typeof value === "number" ? `${Math.round(value * 100)}%` : "n/a";
 var formatMaybe = (value) => value === undefined || value === "" ? "n/a" : String(value);
 var getTurnDetail = (turn) => {
@@ -1700,37 +1877,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_DESCRIPTION5,
+    description: options.description ?? DEFAULT_DESCRIPTION6,
     error: snapshot.error,
     isLoading: snapshot.isLoading,
     label: snapshot.error ? "Unavailable" : turns.length ? failedCount > 0 ? `${failedCount} failed` : warningCount > 0 ? `${warningCount} warnings` : `${turns.length} healthy` : snapshot.isLoading ? "Checking" : "No turns",
     status: snapshot.error ? "error" : turns.length ? failedCount > 0 || warningCount > 0 ? "warning" : "ready" : snapshot.isLoading ? "loading" : "empty",
-    title: options.title ?? DEFAULT_TITLE5,
+    title: options.title ?? DEFAULT_TITLE6,
     turns,
     updatedAt: snapshot.updatedAt
   };
 };
 var renderVoiceTurnQualityHTML = (snapshot, options = {}) => {
   const model = createVoiceTurnQualityViewModel(snapshot, options);
-  const turns = model.turns.length ? `<div class="absolute-voice-turn-quality__turns">${model.turns.map((turn) => `<article class="absolute-voice-turn-quality__turn absolute-voice-turn-quality__turn--${escapeHtml6(turn.status)}">
+  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)}">
   <header>
-    <strong>${escapeHtml6(turn.label)}</strong>
-    <span>${escapeHtml6(turn.status)}</span>
+    <strong>${escapeHtml7(turn.label)}</strong>
+    <span>${escapeHtml7(turn.status)}</span>
   </header>
-  <p>${escapeHtml6(turn.detail)}</p>
+  <p>${escapeHtml7(turn.detail)}</p>
   <dl>${turn.rows.map((row) => `<div>
-    <dt>${escapeHtml6(row.label)}</dt>
-    <dd>${escapeHtml6(row.value)}</dd>
+    <dt>${escapeHtml7(row.label)}</dt>
+    <dd>${escapeHtml7(row.value)}</dd>
   </div>`).join("")}</dl>
 </article>`).join("")}</div>` : '<p class="absolute-voice-turn-quality__empty">Complete a voice turn to see STT quality diagnostics.</p>';
-  return `<section class="absolute-voice-turn-quality absolute-voice-turn-quality--${escapeHtml6(model.status)}">
+  return `<section class="absolute-voice-turn-quality absolute-voice-turn-quality--${escapeHtml7(model.status)}">
   <header class="absolute-voice-turn-quality__header">
-    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml6(model.title)}</span>
-    <strong class="absolute-voice-turn-quality__label">${escapeHtml6(model.label)}</strong>
+    <span class="absolute-voice-turn-quality__eyebrow">${escapeHtml7(model.title)}</span>
+    <strong class="absolute-voice-turn-quality__label">${escapeHtml7(model.label)}</strong>
   </header>
-  <p class="absolute-voice-turn-quality__description">${escapeHtml6(model.description)}</p>
+  <p class="absolute-voice-turn-quality__description">${escapeHtml7(model.description)}</p>
   ${turns}
-  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml6(model.error)}</p>` : ""}
+  ${model.error ? `<p class="absolute-voice-turn-quality__error">${escapeHtml7(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}`;
@@ -2493,6 +2670,7 @@ var createVoiceController = (path, options = {}) => {
 export {
   createVoiceWorkflowStatus,
   createVoiceTurnQuality,
+  createVoiceTraceTimeline,
   createVoiceStream2 as createVoiceStream,
   createVoiceRoutingStatus,
   createVoiceProviderStatus,

package/dist/testing/index.js

@@ -3063,11 +3063,26 @@ var DEFAULT_INTERRUPT_THRESHOLD = 0.08;
 var shouldInterruptForLevel = (level, options = {}) => (options.enabled ?? true) && level >= (options.interruptThreshold ?? DEFAULT_INTERRUPT_THRESHOLD);
 var bindVoiceBargeIn = (controller, player, options = {}) => {
   let lastPartial = controller.partial;
-  const interruptIfPlaying = () => {
+  const interruptIfPlaying = (reason) => {
     if (!player.isPlaying || options.enabled === false) {
+      options.monitor?.recordSkipped({
+        reason,
+        sessionId: controller.sessionId
+      });
       return;
     }
-    player.interrupt();
+    options.monitor?.recordRequested({
+      reason,
+      sessionId: controller.sessionId
+    });
+    player.interrupt().then(() => {
+      options.monitor?.recordStopped({
+        latencyMs: player.lastInterruptLatencyMs,
+        playbackStopLatencyMs: player.lastPlaybackStopLatencyMs,
+        reason,
+        sessionId: controller.sessionId
+      });
+    });
   };
   const unsubscribe = controller.subscribe(() => {
     if (options.interruptOnPartial === false) {
@@ -3075,7 +3090,7 @@ var bindVoiceBargeIn = (controller, player, options = {}) => {
       return;
     }
     if (!lastPartial && controller.partial) {
-      interruptIfPlaying();
+      interruptIfPlaying("partial-transcript");
     }
     lastPartial = controller.partial;
   });
@@ -3085,11 +3100,11 @@ var bindVoiceBargeIn = (controller, player, options = {}) => {
     },
     handleLevel: (level) => {
       if (shouldInterruptForLevel(level, options)) {
-        interruptIfPlaying();
+        interruptIfPlaying("input-level");
       }
     },
     sendAudio: (audio) => {
-      interruptIfPlaying();
+      interruptIfPlaying("manual-audio");
       controller.sendAudio(audio);
     }
   };
@@ -3119,7 +3134,17 @@ var createVoiceDuplexController = (path, options = {}) => {
     audioPlayer,
     close,
     interruptAssistant: async () => {
+      options.bargeIn?.monitor?.recordRequested({
+        reason: "manual-interrupt",
+        sessionId: controller.sessionId
+      });
       await audioPlayer.interrupt();
+      options.bargeIn?.monitor?.recordStopped({
+        latencyMs: audioPlayer.lastInterruptLatencyMs,
+        playbackStopLatencyMs: audioPlayer.lastPlaybackStopLatencyMs,
+        reason: "manual-interrupt",
+        sessionId: controller.sessionId
+      });
     },
     sendAudio: (audio) => {
       bargeInBinding?.sendAudio(audio);

package/dist/trace.d.ts

@@ -1,4 +1,4 @@
-export type VoiceTraceEventType = 'assistant.guardrail' | 'assistant.memory' | 'assistant.run' | 'agent.handoff' | 'agent.model' | 'agent.result' | 'agent.tool' | 'call.handoff' | 'call.lifecycle' | 'session.error' | 'turn.assistant' | 'turn.committed' | 'turn.cost' | 'turn.transcript' | 'workflow.contract';
+export type VoiceTraceEventType = 'assistant.guardrail' | 'assistant.memory' | 'assistant.run' | 'agent.handoff' | 'agent.model' | 'agent.result' | 'agent.tool' | 'call.handoff' | 'call.lifecycle' | 'client.barge_in' | 'session.error' | 'turn.assistant' | 'turn.committed' | 'turn.cost' | 'turn.transcript' | 'workflow.contract';
 export type VoiceTraceEvent<TPayload extends Record<string, unknown> = Record<string, unknown>> = {
     at: number;
     id?: string;

package/dist/types.d.ts

@@ -747,6 +747,46 @@ export type VoiceBargeInOptions = {
     enabled?: boolean;
     interruptOnPartial?: boolean;
     interruptThreshold?: number;
+    monitor?: VoiceBargeInMonitor;
+};
+export type VoiceBargeInTriggerReason = 'input-level' | 'manual-audio' | 'manual-interrupt' | 'partial-transcript';
+export type VoiceBargeInMonitorEvent = {
+    at: number;
+    id: string;
+    latencyMs?: number;
+    playbackStopLatencyMs?: number;
+    reason: VoiceBargeInTriggerReason;
+    sessionId?: string | null;
+    status: 'requested' | 'stopped' | 'skipped';
+    thresholdMs?: number;
+};
+export type VoiceBargeInMonitorSnapshot = {
+    averageLatencyMs?: number;
+    events: VoiceBargeInMonitorEvent[];
+    failed: number;
+    lastEvent?: VoiceBargeInMonitorEvent;
+    passed: number;
+    status: 'empty' | 'fail' | 'pass' | 'warn';
+    thresholdMs: number;
+    total: number;
+};
+export type VoiceBargeInMonitor = {
+    getSnapshot: () => VoiceBargeInMonitorSnapshot;
+    recordRequested: (input: {
+        reason: VoiceBargeInTriggerReason;
+        sessionId?: string | null;
+    }) => VoiceBargeInMonitorEvent;
+    recordSkipped: (input: {
+        reason: VoiceBargeInTriggerReason;
+        sessionId?: string | null;
+    }) => VoiceBargeInMonitorEvent;
+    recordStopped: (input: {
+        latencyMs?: number;
+        playbackStopLatencyMs?: number;
+        reason: VoiceBargeInTriggerReason;
+        sessionId?: string | null;
+    }) => VoiceBargeInMonitorEvent;
+    subscribe: (subscriber: () => void) => () => void;
 };
 export type VoiceAudioPlayerOptions = {
     autoStart?: boolean;

package/dist/vue/index.d.ts

@@ -11,5 +11,6 @@ export { useVoiceProviderStatus } from './useVoiceProviderStatus';
 export { useVoiceProviderCapabilities } from './useVoiceProviderCapabilities';
 export { useVoiceProviderSimulationControls } from './useVoiceProviderSimulationControls';
 export { useVoiceRoutingStatus } from './useVoiceRoutingStatus';
+export { useVoiceTraceTimeline } from './useVoiceTraceTimeline';
 export { useVoiceTurnQuality } from './useVoiceTurnQuality';
 export { useVoiceWorkflowStatus } from './useVoiceWorkflowStatus';

package/dist/vue/index.js

@@ -3053,9 +3053,121 @@ var useVoiceController = (path, options = {}) => {
     turns
   };
 };
-// src/vue/useVoiceWorkflowStatus.ts
+// src/vue/useVoiceTraceTimeline.ts
 import { onUnmounted as onUnmounted9, ref as ref7, shallowRef as shallowRef8 } from "vue";
 
+// 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 trace timeline failed: HTTP ${response.status}`);
+  }
+  return await response.json();
+};
+var createVoiceTraceTimelineStore = (path = "/api/voice-traces", options = {}) => {
+  const listeners = new Set;
+  let closed = false;
+  let timer;
+  let snapshot = {
+    error: null,
+    isLoading: false,
+    report: null
+  };
+  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 fetchVoiceTraceTimeline(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/useVoiceTraceTimeline.ts
+var useVoiceTraceTimeline = (path = "/api/voice-traces", options = {}) => {
+  const store = createVoiceTraceTimelineStore(path, options);
+  const error = ref7(null);
+  const isLoading = ref7(false);
+  const report = shallowRef8(null);
+  const updatedAt = ref7(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,
+    updatedAt
+  };
+};
+// src/vue/useVoiceWorkflowStatus.ts
+import { onUnmounted as onUnmounted10, ref as ref8, shallowRef as shallowRef9 } from "vue";
+
 // src/client/workflowStatus.ts
 var fetchVoiceWorkflowStatus = async (path = "/evals/scenarios/json", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -3138,10 +3250,10 @@ var createVoiceWorkflowStatusStore = (path = "/evals/scenarios/json", options =
 // src/vue/useVoiceWorkflowStatus.ts
 var useVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => {
   const store = createVoiceWorkflowStatusStore(path, options);
-  const error = ref7(null);
-  const isLoading = ref7(false);
-  const report = shallowRef8(undefined);
-  const updatedAt = ref7(undefined);
+  const error = ref8(null);
+  const isLoading = ref8(false);
+  const report = shallowRef9(undefined);
+  const updatedAt = ref8(undefined);
   const sync = () => {
     const snapshot = store.getSnapshot();
     error.value = snapshot.error;
@@ -3154,7 +3266,7 @@ var useVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => {
   if (typeof window !== "undefined") {
     store.refresh().catch(() => {});
   }
-  onUnmounted9(() => {
+  onUnmounted10(() => {
     unsubscribe();
     store.close();
   });
@@ -3169,6 +3281,7 @@ var useVoiceWorkflowStatus = (path = "/evals/scenarios/json", options = {}) => {
 export {
   useVoiceWorkflowStatus,
   useVoiceTurnQuality,
+  useVoiceTraceTimeline,
   useVoiceStream,
   useVoiceRoutingStatus,
   useVoiceProviderStatus,

package/dist/vue/useVoiceTraceTimeline.d.ts

@@ -0,0 +1,9 @@
+import { type VoiceTraceTimelineClientOptions } from '../client/traceTimeline';
+import type { VoiceTraceTimelineReport } from '../traceTimeline';
+export declare const useVoiceTraceTimeline: (path?: string, options?: VoiceTraceTimelineClientOptions) => {
+    error: import("vue").Ref<string | null, string | null>;
+    isLoading: import("vue").Ref<boolean, boolean>;
+    refresh: () => Promise<VoiceTraceTimelineReport | null>;
+    report: import("vue").ShallowRef<VoiceTraceTimelineReport | null, VoiceTraceTimelineReport | null>;
+    updatedAt: import("vue").Ref<number | undefined, number | undefined>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@absolutejs/voice",
-	"version": "0.0.22-beta.90",
+	"version": "0.0.22-beta.92",
 	"description": "Voice primitives and Elysia plugin for AbsoluteJS",
 	"repository": {
 		"type": "git",