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

package/dist/angular/index.d.ts

@@ -4,5 +4,6 @@ export { VoiceControllerService } from './voice-controller.service';
 export { VoiceProviderCapabilitiesService } from './voice-provider-capabilities.service';
 export { VoiceProviderStatusService } from './voice-provider-status.service';
 export { VoiceRoutingStatusService } from './voice-routing-status.service';
+export { VoiceTraceTimelineService } from './voice-trace-timeline.service';
 export { VoiceTurnQualityService } from './voice-turn-quality.service';
 export { VoiceWorkflowStatusService } from './voice-workflow-status.service';

package/dist/angular/index.js

@@ -1826,9 +1826,132 @@ VoiceRoutingStatusService = __decorateElement(_init, 0, "VoiceRoutingStatusServi
 __runInitializers(_init, 1, VoiceRoutingStatusService);
 __decoratorMetadata(_init, VoiceRoutingStatusService);
 let _VoiceRoutingStatusService = VoiceRoutingStatusService;
-// src/angular/voice-turn-quality.service.ts
+// src/angular/voice-trace-timeline.service.ts
 import { computed as computed6, Injectable as Injectable7, signal as signal7 } from "@angular/core";
 
+// 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/angular/voice-trace-timeline.service.ts
+var _dec = [
+  Injectable7({ providedIn: "root" })
+];
+var _init = __decoratorStart(undefined);
+
+class VoiceTraceTimelineService {
+  connect(path = "/api/voice-traces", options = {}) {
+    const store = createVoiceTraceTimelineStore(path, options);
+    const errorSignal = signal7(null);
+    const isLoadingSignal = signal7(false);
+    const reportSignal = signal7(null);
+    const updatedAtSignal = signal7(undefined);
+    const sync = () => {
+      const snapshot = store.getSnapshot();
+      errorSignal.set(snapshot.error);
+      isLoadingSignal.set(snapshot.isLoading);
+      reportSignal.set(snapshot.report);
+      updatedAtSignal.set(snapshot.updatedAt);
+    };
+    const unsubscribe = store.subscribe(sync);
+    sync();
+    store.refresh().catch(() => {});
+    return {
+      close: () => {
+        unsubscribe();
+        store.close();
+      },
+      error: computed6(() => errorSignal()),
+      isLoading: computed6(() => isLoadingSignal()),
+      refresh: store.refresh,
+      report: computed6(() => reportSignal()),
+      updatedAt: computed6(() => updatedAtSignal())
+    };
+  }
+}
+VoiceTraceTimelineService = __decorateElement(_init, 0, "VoiceTraceTimelineService", _dec, VoiceTraceTimelineService);
+__runInitializers(_init, 1, VoiceTraceTimelineService);
+__decoratorMetadata(_init, VoiceTraceTimelineService);
+let _VoiceTraceTimelineService = VoiceTraceTimelineService;
+// src/angular/voice-turn-quality.service.ts
+import { computed as computed7, Injectable as Injectable8, signal as signal8 } from "@angular/core";
+
 // src/client/turnQuality.ts
 var fetchVoiceTurnQuality = async (path = "/api/turn-quality", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -1910,17 +2033,17 @@ var createVoiceTurnQualityStore = (path = "/api/turn-quality", options = {}) =>
 
 // src/angular/voice-turn-quality.service.ts
 var _dec = [
-  Injectable7({ providedIn: "root" })
+  Injectable8({ providedIn: "root" })
 ];
 var _init = __decoratorStart(undefined);
 
 class VoiceTurnQualityService {
   connect(path = "/api/turn-quality", options = {}) {
     const store = createVoiceTurnQualityStore(path, options);
-    const errorSignal = signal7(null);
-    const isLoadingSignal = signal7(false);
-    const reportSignal = signal7(undefined);
-    const updatedAtSignal = signal7(undefined);
+    const errorSignal = signal8(null);
+    const isLoadingSignal = signal8(false);
+    const reportSignal = signal8(undefined);
+    const updatedAtSignal = signal8(undefined);
     const sync = () => {
       const snapshot = store.getSnapshot();
       errorSignal.set(snapshot.error);
@@ -1936,11 +2059,11 @@ class VoiceTurnQualityService {
         unsubscribe();
         store.close();
       },
-      error: computed6(() => errorSignal()),
-      isLoading: computed6(() => isLoadingSignal()),
+      error: computed7(() => errorSignal()),
+      isLoading: computed7(() => isLoadingSignal()),
       refresh: store.refresh,
-      report: computed6(() => reportSignal()),
-      updatedAt: computed6(() => updatedAtSignal())
+      report: computed7(() => reportSignal()),
+      updatedAt: computed7(() => updatedAtSignal())
     };
   }
 }
@@ -1949,7 +2072,7 @@ __runInitializers(_init, 1, VoiceTurnQualityService);
 __decoratorMetadata(_init, VoiceTurnQualityService);
 let _VoiceTurnQualityService = VoiceTurnQualityService;
 // src/angular/voice-workflow-status.service.ts
-import { computed as computed7, Injectable as Injectable8, signal as signal8 } from "@angular/core";
+import { computed as computed8, Injectable as Injectable9, signal as signal9 } from "@angular/core";
 
 // src/client/workflowStatus.ts
 var fetchVoiceWorkflowStatus = async (path = "/evals/scenarios/json", options = {}) => {
@@ -2032,17 +2155,17 @@ var createVoiceWorkflowStatusStore = (path = "/evals/scenarios/json", options =
 
 // src/angular/voice-workflow-status.service.ts
 var _dec = [
-  Injectable8({ providedIn: "root" })
+  Injectable9({ providedIn: "root" })
 ];
 var _init = __decoratorStart(undefined);
 
 class VoiceWorkflowStatusService {
   connect(path = "/evals/scenarios/json", options = {}) {
     const store = createVoiceWorkflowStatusStore(path, options);
-    const errorSignal = signal8(null);
-    const isLoadingSignal = signal8(false);
-    const reportSignal = signal8(undefined);
-    const updatedAtSignal = signal8(undefined);
+    const errorSignal = signal9(null);
+    const isLoadingSignal = signal9(false);
+    const reportSignal = signal9(undefined);
+    const updatedAtSignal = signal9(undefined);
     const sync = () => {
       const snapshot = store.getSnapshot();
       errorSignal.set(snapshot.error);
@@ -2060,11 +2183,11 @@ class VoiceWorkflowStatusService {
         unsubscribe();
         store.close();
       },
-      error: computed7(() => errorSignal()),
-      isLoading: computed7(() => isLoadingSignal()),
+      error: computed8(() => errorSignal()),
+      isLoading: computed8(() => isLoadingSignal()),
       refresh: store.refresh,
-      report: computed7(() => reportSignal()),
-      updatedAt: computed7(() => updatedAtSignal())
+      report: computed8(() => reportSignal()),
+      updatedAt: computed8(() => updatedAtSignal())
     };
   }
 }
@@ -2075,6 +2198,7 @@ let _VoiceWorkflowStatusService = VoiceWorkflowStatusService;
 export {
   VoiceWorkflowStatusService,
   VoiceTurnQualityService,
+  VoiceTraceTimelineService,
   VoiceStreamService,
   VoiceRoutingStatusService,
   VoiceProviderStatusService,

package/dist/angular/voice-trace-timeline.service.d.ts

@@ -0,0 +1,12 @@
+import { type VoiceTraceTimelineClientOptions } from '../client/traceTimeline';
+import type { VoiceTraceTimelineReport } from '../traceTimeline';
+export declare class VoiceTraceTimelineService {
+    connect(path?: string, options?: VoiceTraceTimelineClientOptions): {
+        close: () => void;
+        error: import("@angular/core").Signal<string | null>;
+        isLoading: import("@angular/core").Signal<boolean>;
+        refresh: () => Promise<VoiceTraceTimelineReport | null>;
+        report: import("@angular/core").Signal<VoiceTraceTimelineReport | null>;
+        updatedAt: import("@angular/core").Signal<number | undefined>;
+    };
+}

package/dist/client/index.d.ts

@@ -12,11 +12,13 @@ export { createVoiceRoutingStatusViewModel, defineVoiceRoutingStatusElement, get
 export { createVoiceProviderStatusStore, fetchVoiceProviderStatus } from './providerStatus';
 export { createVoiceProviderCapabilitiesStore, fetchVoiceProviderCapabilities } from './providerCapabilities';
 export { createVoiceTurnQualityStore, fetchVoiceTurnQuality } from './turnQuality';
+export { createVoiceTraceTimelineStore, fetchVoiceTraceTimeline } from './traceTimeline';
 export { createVoiceProviderSimulationControlsStore } from './providerSimulationControls';
 export { bindVoiceProviderSimulationControls, createVoiceProviderSimulationControlsViewModel, defineVoiceProviderSimulationControlsElement, mountVoiceProviderSimulationControls, renderVoiceProviderSimulationControlsHTML } from './providerSimulationControlsWidget';
 export { createVoiceProviderStatusViewModel, defineVoiceProviderStatusElement, getVoiceProviderStatusCSS, mountVoiceProviderStatus, renderVoiceProviderStatusHTML } from './providerStatusWidget';
 export { createVoiceProviderCapabilitiesViewModel, defineVoiceProviderCapabilitiesElement, getVoiceProviderCapabilitiesCSS, mountVoiceProviderCapabilities, renderVoiceProviderCapabilitiesHTML } from './providerCapabilitiesWidget';
 export { createVoiceTurnQualityViewModel, defineVoiceTurnQualityElement, getVoiceTurnQualityCSS, mountVoiceTurnQuality, renderVoiceTurnQualityHTML } from './turnQualityWidget';
+export { createVoiceTraceTimelineViewModel, defineVoiceTraceTimelineElement, getVoiceTraceTimelineCSS, mountVoiceTraceTimeline, renderVoiceTraceTimelineWidgetHTML } from './traceTimelineWidget';
 export { createVoiceWorkflowStatusStore, fetchVoiceWorkflowStatus } from './workflowStatus';
 export type { VoiceAppKitStatusClientOptions, VoiceAppKitStatusSnapshot } from './appKitStatus';
 export type { VoiceOpsStatusSurfaceView, VoiceOpsStatusViewModel, VoiceOpsStatusWidgetOptions } from './opsStatusWidget';
@@ -25,9 +27,11 @@ export type { VoiceRoutingStatusViewModel, VoiceRoutingStatusWidgetOptions } fro
 export type { VoiceProviderStatusClientOptions, VoiceProviderStatusSnapshot } from './providerStatus';
 export type { VoiceProviderCapabilitiesClientOptions, VoiceProviderCapabilitiesSnapshot } from './providerCapabilities';
 export type { VoiceTurnQualityClientOptions, VoiceTurnQualitySnapshot } from './turnQuality';
+export type { VoiceTraceTimelineClientOptions, VoiceTraceTimelineSnapshot } from './traceTimeline';
 export type { VoiceProviderSimulationControlsOptions, VoiceProviderSimulationControlsSnapshot, VoiceProviderSimulationProvider } from './providerSimulationControls';
 export type { VoiceProviderSimulationControlsViewModel } from './providerSimulationControlsWidget';
 export type { VoiceProviderStatusCardView, VoiceProviderStatusViewModel, VoiceProviderStatusWidgetOptions } from './providerStatusWidget';
 export type { VoiceProviderCapabilitiesViewModel, VoiceProviderCapabilitiesWidgetOptions, VoiceProviderCapabilityCardView } from './providerCapabilitiesWidget';
 export type { VoiceTurnQualityCardView, VoiceTurnQualityViewModel, VoiceTurnQualityWidgetOptions } from './turnQualityWidget';
+export type { VoiceTraceTimelineSessionView, VoiceTraceTimelineViewModel, VoiceTraceTimelineWidgetOptions } from './traceTimelineWidget';
 export type { VoiceWorkflowStatusClientOptions, VoiceWorkflowStatusSnapshot } from './workflowStatus';

package/dist/client/index.js

@@ -2229,6 +2229,85 @@ var createVoiceTurnQualityStore = (path = "/api/turn-quality", 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/providerSimulationControls.ts
 var postSimulation = async (pathPrefix, mode, provider, fetchImpl) => {
   const response = await fetchImpl(`${pathPrefix}/${mode}?provider=${encodeURIComponent(provider)}`, { method: "POST" });
@@ -2747,6 +2826,93 @@ var defineVoiceTurnQualityElement = (tagName = "absolute-voice-turn-quality") =>
     }
   });
 };
+// src/client/traceTimelineWidget.ts
+var DEFAULT_TITLE6 = "Voice Traces";
+var DEFAULT_DESCRIPTION6 = "Latest call timelines with provider latency, fallbacks, handoffs, and errors from your self-hosted trace store.";
+var escapeHtml7 = (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_DESCRIPTION6,
+    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_TITLE6,
+    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--${escapeHtml7(session.status)}">
+  <header>
+    <strong>${escapeHtml7(session.sessionId)}</strong>
+    <span>${escapeHtml7(session.status)}</span>
+  </header>
+  <p>${escapeHtml7(session.label)} \xB7 ${escapeHtml7(session.durationLabel)} \xB7 ${escapeHtml7(session.providerLabel)}</p>
+  <a href="${escapeHtml7(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--${escapeHtml7(model.status)}">
+  <header class="absolute-voice-trace-timeline__header">
+    <span class="absolute-voice-trace-timeline__eyebrow">${escapeHtml7(model.title)}</span>
+    <strong class="absolute-voice-trace-timeline__label">${escapeHtml7(model.label)}</strong>
+  </header>
+  <p class="absolute-voice-trace-timeline__description">${escapeHtml7(model.description)}</p>
+  ${sessions}
+  ${model.error ? `<p class="absolute-voice-trace-timeline__error">${escapeHtml7(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/client/workflowStatus.ts
 var fetchVoiceWorkflowStatus = async (path = "/evals/scenarios/json", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
@@ -2827,18 +2993,21 @@ var createVoiceWorkflowStatusStore = (path = "/evals/scenarios/json", options =
 };
 export {
   renderVoiceTurnQualityHTML,
+  renderVoiceTraceTimelineWidgetHTML,
   renderVoiceRoutingStatusHTML,
   renderVoiceProviderStatusHTML,
   renderVoiceProviderSimulationControlsHTML,
   renderVoiceProviderCapabilitiesHTML,
   renderVoiceOpsStatusHTML,
   mountVoiceTurnQuality,
+  mountVoiceTraceTimeline,
   mountVoiceRoutingStatus,
   mountVoiceProviderStatus,
   mountVoiceProviderSimulationControls,
   mountVoiceProviderCapabilities,
   mountVoiceOpsStatus,
   getVoiceTurnQualityCSS,
+  getVoiceTraceTimelineCSS,
   getVoiceRoutingStatusCSS,
   getVoiceProviderStatusCSS,
   getVoiceProviderCapabilitiesCSS,
@@ -2846,11 +3015,13 @@ export {
   getVoiceOpsStatusCSS,
   fetchVoiceWorkflowStatus,
   fetchVoiceTurnQuality,
+  fetchVoiceTraceTimeline,
   fetchVoiceRoutingStatus,
   fetchVoiceProviderStatus,
   fetchVoiceProviderCapabilities,
   fetchVoiceAppKitStatus,
   defineVoiceTurnQualityElement,
+  defineVoiceTraceTimelineElement,
   defineVoiceRoutingStatusElement,
   defineVoiceProviderStatusElement,
   defineVoiceProviderSimulationControlsElement,
@@ -2860,6 +3031,8 @@ export {
   createVoiceWorkflowStatusStore,
   createVoiceTurnQualityViewModel,
   createVoiceTurnQualityStore,
+  createVoiceTraceTimelineViewModel,
+  createVoiceTraceTimelineStore,
   createVoiceStream,
   createVoiceRoutingStatusViewModel,
   createVoiceRoutingStatusStore,

package/dist/client/traceTimeline.d.ts

@@ -0,0 +1,19 @@
+import type { VoiceTraceTimelineReport } from '../traceTimeline';
+export type VoiceTraceTimelineClientOptions = {
+    fetch?: typeof fetch;
+    intervalMs?: number;
+};
+export type VoiceTraceTimelineSnapshot = {
+    error: string | null;
+    isLoading: boolean;
+    report: VoiceTraceTimelineReport | null;
+    updatedAt?: number;
+};
+export declare const fetchVoiceTraceTimeline: (path?: string, options?: Pick<VoiceTraceTimelineClientOptions, "fetch">) => Promise<VoiceTraceTimelineReport>;
+export declare const createVoiceTraceTimelineStore: (path?: string, options?: VoiceTraceTimelineClientOptions) => {
+    close: () => void;
+    getServerSnapshot: () => VoiceTraceTimelineSnapshot;
+    getSnapshot: () => VoiceTraceTimelineSnapshot;
+    refresh: () => Promise<VoiceTraceTimelineReport | null>;
+    subscribe: (listener: () => void) => () => void;
+};

package/dist/client/traceTimelineWidget.d.ts

@@ -0,0 +1,32 @@
+import type { VoiceTraceTimelineSession } from '../traceTimeline';
+import { type VoiceTraceTimelineClientOptions, type VoiceTraceTimelineSnapshot } from './traceTimeline';
+export type VoiceTraceTimelineSessionView = VoiceTraceTimelineSession & {
+    detailHref: string;
+    durationLabel: string;
+    label: string;
+    providerLabel: string;
+};
+export type VoiceTraceTimelineViewModel = {
+    description: string;
+    error: string | null;
+    isLoading: boolean;
+    label: string;
+    sessions: VoiceTraceTimelineSessionView[];
+    status: 'empty' | 'error' | 'failed' | 'loading' | 'ready' | 'warning';
+    title: string;
+    updatedAt?: number;
+};
+export type VoiceTraceTimelineWidgetOptions = VoiceTraceTimelineClientOptions & {
+    description?: string;
+    detailBasePath?: string;
+    limit?: number;
+    title?: string;
+};
+export declare const createVoiceTraceTimelineViewModel: (snapshot: VoiceTraceTimelineSnapshot, options?: VoiceTraceTimelineWidgetOptions) => VoiceTraceTimelineViewModel;
+export declare const renderVoiceTraceTimelineWidgetHTML: (snapshot: VoiceTraceTimelineSnapshot, options?: VoiceTraceTimelineWidgetOptions) => string;
+export declare const getVoiceTraceTimelineCSS: () => string;
+export declare const mountVoiceTraceTimeline: (element: Element, path?: string, options?: VoiceTraceTimelineWidgetOptions) => {
+    close: () => void;
+    refresh: () => Promise<import("..").VoiceTraceTimelineReport | null>;
+};
+export declare const defineVoiceTraceTimelineElement: (tagName?: string) => void;

package/dist/react/VoiceTraceTimeline.d.ts

@@ -0,0 +1,6 @@
+import { type VoiceTraceTimelineWidgetOptions } from '../client/traceTimelineWidget';
+export type VoiceTraceTimelineProps = VoiceTraceTimelineWidgetOptions & {
+    className?: string;
+    path?: string;
+};
+export declare const VoiceTraceTimeline: ({ className, path, ...options }: VoiceTraceTimelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/index.d.ts

@@ -3,6 +3,7 @@ export { VoiceProviderSimulationControls } from './VoiceProviderSimulationContro
 export { VoiceProviderCapabilities } from './VoiceProviderCapabilities';
 export { VoiceProviderStatus } from './VoiceProviderStatus';
 export { VoiceRoutingStatus } from './VoiceRoutingStatus';
+export { VoiceTraceTimeline } from './VoiceTraceTimeline';
 export { VoiceTurnQuality } from './VoiceTurnQuality';
 export { useVoiceAppKitStatus } from './useVoiceAppKitStatus';
 export { useVoiceStream } from './useVoiceStream';
@@ -11,5 +12,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';